(r => {
+ const t = setTimeout(r, 5000);
+ signal.addEventListener('abort', () => { clearTimeout(t); r(); }, { once: true });
+ });
+
+ if (signal.aborted) return;
+
+ kgoneLog('REQ', `GET /v1/clip/result/${task_id}`, null);
+ const resultResp = await fetch(`${baseUrl}/v1/clip/result/${task_id}`, { signal });
+ if (!resultResp.ok) {
+ const body = await resultResp.text().catch(() => '');
+ kgoneLog('RES', `GET /v1/clip/result/${task_id} → ${resultResp.status}`, body);
+ throw new Error(`Poll failed (${resultResp.status}): ${body}`);
+ }
+
+ const result = (await resultResp.json()) as { task_id: string; status: string; error?: string };
+ kgoneLog('RES', `GET /v1/clip/result/${task_id} → ${resultResp.status}`, result);
+
+ if (result.status === 'complete') break;
+ if (result.status === 'error') {
+ throw new Error(result.error ?? 'Generation failed on the server');
+ }
+ // still running — keep polling
+ }
+
+ // ── 4. Download the WAV ─────────────────────────────────────────────────
+ setGenStatus('downloading');
+ setGenHint('Downloading audio...');
+
+ kgoneLog('REQ', `GET /v1/clip/audio/${task_id}`, null);
+ const audioResp = await fetch(`${baseUrl}/v1/clip/audio/${task_id}`, { signal });
+ if (!audioResp.ok) {
+ kgoneLog('RES', `GET /v1/clip/audio/${task_id} → ${audioResp.status}`, '(error)');
+ throw new Error(`Audio download failed (${audioResp.status})`);
+ }
+
+ const blob = await audioResp.blob();
+ const url = URL.createObjectURL(blob);
+ kgoneLog('RES', `GET /v1/clip/audio/${task_id} → ${audioResp.status} (binary WAV)`, url);
+
+ setAudioUrl(url);
+ setGenStatus('done');
+ setGenHint('');
+ } catch (err) {
+ if (signal.aborted) return; // User navigated away / new generation started — silent
+ console.error('[KGOne] Clip generation error:', err);
+ setErrorMsg(err instanceof Error ? err.message : String(err));
+ setGenStatus('error');
+ setGenHint('');
+ }
+ }, [
+ prompt, negativePrompt, bars, clipBpm, note, scale,
+ steps, cfgScale, seed, samplerType, sigmaMin, sigmaMax, cfgRescale,
+ audioUrl,
+ ]);
+
+ const btnLabel = () => {
+ switch (genStatus) {
+ case 'loading-model': return 'Loading model...';
+ case 'generating': return 'Generating...';
+ case 'polling': return 'Processing...';
+ case 'downloading': return 'Downloading...';
+ default: return 'Generate Clip';
+ }
+ };
+
+ return (
+ <>
+
+
+