fix: delay wooden fish audio upload

src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx

@@ -13,12 +13,17 @@ import type {
   WoodenFishWorkspaceCreateRequest,
 } from '../../../../packages/shared/src/contracts/woodenFish';
 import { readPuzzleReferenceImageAsDataUrl } from '../../../services/puzzleReferenceImage';
+import { uploadWoodenFishHitSoundAsset } from '../../../services/wooden-fish/woodenFishAssetClient';
 import { woodenFishClient } from '../../../services/wooden-fish/woodenFishClient';
 import {
   WOODEN_FISH_DEFAULT_HIT_OBJECT_PROMPT,
   WOODEN_FISH_DEFAULT_HIT_SOUND_ASSET,
 } from '../../../services/wooden-fish/woodenFishDefaults';
 import { CreativeAudioInputPanel } from '../../common/CreativeAudioInputPanel';
+import {
+  type PendingCreativeAudioAsset,
+  prepareCreativeAudioFileForLocalUse,
+} from '../../common/creativeAudioProcessing';
 import { CreativeImageInputPanel } from '../../common/CreativeImageInputPanel';
 
 type WoodenFishCreationWorkspaceProps = {
@@ -36,7 +41,7 @@ type WoodenFishCreationWorkspaceProps = {
 type WoodenFishWorkspaceFormState = {
   hitObjectPrompt: string;
   hitObjectReferenceImageSrc: string;
-  hitSoundAsset: WoodenFishAudioAsset | null;
+  hitSoundAsset: PendingCreativeAudioAsset | null;
   floatingWords: string[];
 };
 
@@ -132,6 +137,14 @@ export function WoodenFishCreationWorkspace({
     setLocalError(null);
 
     try {
+      const hitSoundAsset: WoodenFishAudioAsset = formState.hitSoundAsset
+        ? await uploadWoodenFishHitSoundAsset(
+            new File([formState.hitSoundAsset.blob], formState.hitSoundAsset.fileName, {
+              type: formState.hitSoundAsset.mimeType,
+            }),
+            formState.hitSoundAsset.source,
+          )
+        : WOODEN_FISH_DEFAULT_HIT_SOUND_ASSET;
       const payload: WoodenFishWorkspaceCreateRequest = {
         templateId: 'wooden-fish',
         workTitle: '',
@@ -143,8 +156,7 @@ export function WoodenFishCreationWorkspace({
         hitObjectReferenceImageSrc:
           formState.hitObjectReferenceImageSrc.trim() || null,
         hitSoundPrompt: null,
-        hitSoundAsset:
-          formState.hitSoundAsset ?? WOODEN_FISH_DEFAULT_HIT_SOUND_ASSET,
+        hitSoundAsset,
         floatingWords: normalizedFloatingWords,
       };
       const response = await woodenFishClient.createSession(payload);
@@ -246,18 +258,28 @@ export function WoodenFishCreationWorkspace({
         </div>
 
         <div className="flex flex-col gap-3 pr-0 lg:pr-1">
-          <CreativeAudioInputPanel<WoodenFishAudioAsset>
+          <CreativeAudioInputPanel<PendingCreativeAudioAsset>
             disabled={isBusy || isSubmitting}
             title="敲击音效"
             defaultLabel="默认木鱼音"
+            limitLabel="最长 1 秒"
             asset={formState.hitSoundAsset}
             buildRecordedFileName={() => `wooden-fish-hit-${Date.now()}.webm`}
-            onAssetChange={(asset) =>
+            readFileAsAsset={prepareCreativeAudioFileForLocalUse}
+            onAssetChange={(asset) => {
+              if (
+                formState.hitSoundAsset?.previewUrl &&
+                formState.hitSoundAsset.previewUrl !== asset?.previewUrl &&
+                typeof URL !== 'undefined' &&
+                typeof URL.revokeObjectURL === 'function'
+              ) {
+                URL.revokeObjectURL(formState.hitSoundAsset.previewUrl);
+              }
               setFormState((current) => ({
                 ...current,
                 hitSoundAsset: asset,
-              }))
-            }
+              }));
+            }}
             onError={setLocalError}
           />