@opengeni/react 0.45.0 → 0.48.0

package/dist/{chunk-L3EWO3UK.js → chunk-NJ7M2B6Z.js}

@@ -1,7 +1,7 @@
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
-} from "./chunk-HFO4ERGQ.js";
+} from "./chunk-FWXGSNXT.js";
 import {
   groupPickerRowsByBillingClass
 } from "./chunk-23EJ676W.js";
@@ -10,12 +10,15 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-U3CSCMWA.js";
+} from "./chunk-FK6VG4LL.js";
 import {
   composerSubmissionErrorMessage,
   formatBytes,
   formatRelativeTime
 } from "./chunk-LAKLF4PA.js";
+import {
+  ComposerResponsiveContext
+} from "./chunk-VZTQ73XT.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -69,6 +72,8 @@ function createVoiceRecordingManifest(input) {
     uploadState: "pending",
     transcriptionState: "pending",
     finalizationState: "pending",
+    recoveryMode: "automatic",
+    handoffMode: "append",
     ownerId: input.ownerId ?? null,
     ownerHeartbeatAt: input.ownerId ? input.createdAt : null,
     transcriptText: null,
@@ -184,6 +189,7 @@ var IndexedDbVoiceRecordingStore = class {
     const updated = {
       ...manifest,
       captureState: manifest.captureState === "capturing" ? "stopped" : manifest.captureState,
+      handoffMode: "explicit",
       ownerId,
       ownerHeartbeatAt: claimedAt,
       updatedAt: claimedAt
@@ -300,7 +306,9 @@ function normalizeManifest(manifest) {
     ...manifest,
     ownerId: manifest.ownerId ?? null,
     ownerHeartbeatAt: manifest.ownerHeartbeatAt ?? null,
-    transcriptText: manifest.transcriptText ?? null
+    transcriptText: manifest.transcriptText ?? null,
+    recoveryMode: manifest.recoveryMode ?? "manual",
+    handoffMode: manifest.handoffMode ?? "explicit"
   };
 }
 function manifestAvailableToOwner(manifest, ownership) {
@@ -546,7 +554,7 @@ function useTranscription({
     (diagnostic) => {
       if (!onDiagnostic) return;
       try {
-        onDiagnostic(sanitizeTranscriptionDiagnostic(diagnostic));
+        onDiagnostic(normalizeTranscriptionDiagnostic(diagnostic));
       } catch {
       }
     },
@@ -840,18 +848,14 @@ function normalizeTranscriptionErrorCode(code) {
       return "unknown";
   }
 }
-function sanitizeTranscriptionDiagnostic(diagnostic) {
+function normalizeTranscriptionDiagnostic(diagnostic) {
   const source = isRecord(diagnostic) ? diagnostic : {};
   const operation = source.operation === "start" || source.operation === "session" || source.operation === "cancel" || source.operation === "close" ? source.operation : "session";
   const rawDetail = typeof source.detail === "string" ? source.detail : "No diagnostic detail.";
-  const detail = rawDetail.replace(/[\u0000-\u001f\u007f]+/gu, " ").replace(/\bBearer\s+[A-Za-z0-9._~+/=-]+/giu, "Bearer [REDACTED]").replace(/\bsk-[A-Za-z0-9_-]{4,}\b/gu, "[REDACTED]").replace(
-    /\b(api[-_ ]?key|authorization|access[-_ ]?token|refresh[-_ ]?token|token|secret)\b\s*[:=]\s*[^\s,;]+/giu,
-    "$1=[REDACTED]"
-  ).trim().slice(0, 512);
   return {
     operation,
     code: normalizeTranscriptionErrorCode(source.code),
-    detail: detail || "No diagnostic detail."
+    detail: rawDetail
   };
 }
 function detachSessionCleanup(session, options) {
@@ -929,6 +933,7 @@ function transcriptionPolicyRevision(policy, selection) {
 }
 
 // src/hooks/use-voice-input.ts
+import { OpenGeniApiError } from "@opengeni/sdk";
 import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 
 // src/voice-recording-owner.ts
@@ -1113,9 +1118,31 @@ var VOICE_RECORDING_TIMESLICE_MILLISECONDS = 5e3;
 var VOICE_RECORDING_OWNER_HEARTBEAT_MILLISECONDS = 5e3;
 var VOICE_RECORDING_OWNER_STALE_MILLISECONDS = 3e4;
 var VOICE_RECORDING_CLIENT_MAX_DURATION_SECONDS = 600;
+var VOICE_RECORDING_RESUMABLE_CLIENT_MAX_DURATION_SECONDS = 8 * 60 * 60;
+var VOICE_RECORDING_RECOVERY_STATUS_POLL_MILLISECONDS = 2e3;
+var VOICE_RECORDING_RECOVERY_MAX_MUTATION_DELAY_MILLISECONDS = 3e4;
+var TRANSCRIPTION_RECORDING_RECOVERY_RETRY_AFTER_MILLISECONDS = 5e3;
 var MIME_PREFERENCES = ["audio/webm;codecs=opus", "audio/mp4", "audio/ogg;codecs=opus"];
 var createDefaultVoiceRecordingId = () => crypto.randomUUID();
 var currentDate = () => /* @__PURE__ */ new Date();
+function transcriptionRecoveryMutationDelayMilliseconds(retryAfterMilliseconds, attempt, random = Math.random) {
+  const hint = typeof retryAfterMilliseconds === "number" && Number.isInteger(retryAfterMilliseconds) && retryAfterMilliseconds > 0 ? retryAfterMilliseconds : TRANSCRIPTION_RECORDING_RECOVERY_RETRY_AFTER_MILLISECONDS;
+  const boundedHint = Math.max(
+    500,
+    Math.min(hint, VOICE_RECORDING_RECOVERY_MAX_MUTATION_DELAY_MILLISECONDS)
+  );
+  const exponent = Math.max(0, Math.min(Math.floor(attempt), 6));
+  const exponential = Math.min(
+    VOICE_RECORDING_RECOVERY_MAX_MUTATION_DELAY_MILLISECONDS,
+    boundedHint * 2 ** exponent
+  );
+  const sampledJitter = random();
+  const jitterRatio = Number.isFinite(sampledJitter) ? Math.max(0, Math.min(1, sampledJitter)) : 0;
+  return Math.min(
+    VOICE_RECORDING_RECOVERY_MAX_MUTATION_DELAY_MILLISECONDS,
+    Math.ceil(exponential * (1 + jitterRatio * 0.2))
+  );
+}
 function useVoiceInput({
   client,
   workspaceId,
@@ -1128,7 +1155,8 @@ function useVoiceInput({
   createRecordingStore,
   createRecordingId = createDefaultVoiceRecordingId,
   createOwnerId,
-  now = currentDate
+  now = currentDate,
+  automaticRetryDelayMilliseconds
 }) {
   const [status, setStatus] = useState2("idle");
   const [error, setError] = useState2(null);
@@ -1153,6 +1181,8 @@ function useVoiceInput({
   const recorderRef = useRef2(null);
   const streamRef = useRef2(null);
   const timerRef = useRef2(null);
+  const automaticRetryTimerRef = useRef2(null);
+  const automaticRetryAttemptRef = useRef2(0);
   const ownerHeartbeatTimerRef = useRef2(null);
   const controllerRef = useRef2(null);
   const valueRef = useRef2(value);
@@ -1204,6 +1234,7 @@ function useVoiceInput({
     setRecordingId(null);
     setDurationSeconds(0);
     setLocallySaved(false);
+    automaticRetryAttemptRef.current = 0;
   }, [stopOwnerHeartbeat]);
   const ensureStore = useCallback2(async () => {
     if (storeRef.current) return storeRef.current;
@@ -1318,7 +1349,7 @@ function useVoiceInput({
           rememberManifest(claimed);
           beginOwnerHeartbeat(claimed);
           setStatus(
-            claimed.finalizationState === "transcript-ready" && claimed.transcriptText !== null ? "transcript-ready" : "recovered"
+            claimed.finalizationState === "transcript-ready" && claimed.transcriptText !== null ? "transcript-ready" : claimed.recoveryMode === "automatic" ? "retrying" : "recovered"
           );
           setError(null);
           return;
@@ -1337,8 +1368,10 @@ function useVoiceInput({
   const finalizePersistedRecording = useCallback2(
     async (generation) => {
       const manifest = manifestRef.current;
-      const maxSizeBytes = capability?.maxSizeBytes;
-      if (!manifest || !client || !maxSizeBytes || manifest.workspaceId !== workspaceId) return;
+      const resumable = capability?.resumable && isResumableVoiceInputClient(client) ? capability.resumable : null;
+      const maxSizeBytes = resumable?.maxSizeBytes ?? capability?.maxSizeBytes;
+      if (!manifest || !client || !capability || !maxSizeBytes || manifest.workspaceId !== workspaceId)
+        return;
       const controller = new AbortController();
       controllerRef.current?.abort();
       controllerRef.current = controller;
@@ -1370,7 +1403,12 @@ function useVoiceInput({
         if (chunks.length === 0) {
           const retained = await store.updateManifest(
             transcribing.recordingId,
-            { uploadState: "retrying", transcriptionState: "retrying" },
+            {
+              uploadState: "retrying",
+              transcriptionState: "retrying",
+              recoveryMode: "manual",
+              handoffMode: "explicit"
+            },
             readNow().toISOString(),
             ownerIdRef.current ?? void 0
           );
@@ -1378,16 +1416,12 @@ function useVoiceInput({
           await preserveForRetry(retained, "invalid_audio", generation);
           return;
         }
-        const audio = new Blob(
-          chunks.sort((left, right) => left.chunkNumber - right.chunkNumber).map((chunk) => chunk.audio),
-          { type: transcribing.mimeType }
-        );
-        if (!active()) return;
-        if (audio.size > maxSizeBytes) throw { code: "too_large" };
-        const response = await client.transcribeAudio(workspaceId, {
-          audio,
-          mimeType: audio.type,
-          durationSeconds: transcribing.totalDurationMilliseconds / 1e3,
+        const response = await transcribePersistedRecording({
+          client,
+          workspaceId,
+          capability,
+          manifest: transcribing,
+          chunks,
           signal: controller.signal
         });
         if (!active()) return;
@@ -1405,6 +1439,13 @@ function useVoiceInput({
         );
         if (!active()) return;
         rememberManifest(ready);
+        automaticRetryAttemptRef.current = 0;
+        if (ready.handoffMode === "explicit") {
+          setStatus("transcript-ready");
+          setError("handoff_uncertain");
+          focusInput();
+          return;
+        }
         const next = appendFinalTranscript(valueRef.current, response.text);
         if (next !== valueRef.current) {
           valueRef.current = next;
@@ -1428,6 +1469,12 @@ function useVoiceInput({
         }
         if (!active()) return;
         rememberManifest(handedOff);
+        if (resumable && isResumableVoiceInputClient(client)) {
+          await client.discardTranscriptionRecording(workspaceId, handedOff.recordingId, {
+            signal: controller.signal
+          }).catch(() => void 0);
+        }
+        if (!active()) return;
         await store.discard(handedOff.recordingId, ownerIdRef.current ?? void 0).catch(() => void 0);
         if (!active()) return;
         clearVisibleRecording();
@@ -1437,22 +1484,28 @@ function useVoiceInput({
         await loadNextRecoverable(generation);
       } catch (reason) {
         if (!active()) return;
+        const code = controller.signal.aborted ? null : errorCode(reason);
+        const retryable = !controller.signal.aborted && isRetryableVoiceInputError(reason);
         const retained = await updateManifestBestEffort(transcribing, {
           uploadState: "retrying",
-          transcriptionState: "retrying"
+          transcriptionState: "retrying",
+          recoveryMode: retryable ? "automatic" : "manual",
+          handoffMode: "explicit"
         });
         if (!active()) return;
-        await preserveForRetry(
-          retained,
-          controller.signal.aborted ? null : errorCode(reason),
-          generation
-        );
+        if (retryable) {
+          rememberManifest(retained);
+          setStatus("retrying");
+          setError(code);
+        } else {
+          await preserveForRetry(retained, code, generation);
+        }
       } finally {
         if (controllerRef.current === controller) controllerRef.current = null;
       }
     },
     [
-      capability?.maxSizeBytes,
+      capability,
       clearVisibleRecording,
       client,
       ensureStore,
@@ -1466,6 +1519,44 @@ function useVoiceInput({
       workspaceId
     ]
   );
+  const finalizePersistedRecordingRef = useRef2(finalizePersistedRecording);
+  finalizePersistedRecordingRef.current = finalizePersistedRecording;
+  const clientAvailable = client !== null && client !== void 0;
+  useEffect2(() => {
+    if (status !== "retrying" || !manifestRef.current || manifestRef.current.recoveryMode !== "automatic" || manifestRef.current.workspaceId !== workspaceId || !clientAvailable || disabled || !enabled) {
+      return;
+    }
+    const generation = generationRef.current;
+    let started = false;
+    const run = () => {
+      if (started || generation !== generationRef.current || statusRef.current !== "retrying" || workspaceIdRef.current !== workspaceId) {
+        return;
+      }
+      started = true;
+      if (automaticRetryTimerRef.current) clearTimeout(automaticRetryTimerRef.current);
+      automaticRetryTimerRef.current = null;
+      automaticRetryAttemptRef.current += 1;
+      void finalizePersistedRecordingRef.current(generation);
+    };
+    const onOnline = () => run();
+    globalThis.addEventListener?.("online", onOnline);
+    if (typeof navigator !== "undefined" && navigator.onLine === false) {
+      return () => globalThis.removeEventListener?.("online", onOnline);
+    }
+    const delay2 = Math.max(
+      0,
+      automaticRetryDelayMilliseconds ?? transcriptionRecoveryMutationDelayMilliseconds(
+        TRANSCRIPTION_RECORDING_RECOVERY_RETRY_AFTER_MILLISECONDS,
+        automaticRetryAttemptRef.current
+      )
+    );
+    automaticRetryTimerRef.current = setTimeout(run, delay2);
+    return () => {
+      globalThis.removeEventListener?.("online", onOnline);
+      if (automaticRetryTimerRef.current) clearTimeout(automaticRetryTimerRef.current);
+      automaticRetryTimerRef.current = null;
+    };
+  }, [automaticRetryDelayMilliseconds, clientAvailable, disabled, enabled, status, workspaceId]);
   const stop = useCallback2(() => {
     const recorder = recorderRef.current;
     if (!recorder || recorder.state === "inactive") return;
@@ -1475,7 +1566,7 @@ function useVoiceInput({
     recorder.stop();
   }, []);
   const start = useCallback2(async () => {
-    if (disabled || !client || !enabled || !capability?.available || manifestRef.current !== null || status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing" || !navigator.mediaDevices?.getUserMedia || typeof MediaRecorder === "undefined") {
+    if (disabled || !client || !enabled || !capability?.available || manifestRef.current !== null || status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing" || status === "retrying" || !navigator.mediaDevices?.getUserMedia || typeof MediaRecorder === "undefined") {
       return false;
     }
     const prerequisiteGeneration = generationRef.current;
@@ -1568,7 +1659,8 @@ function useVoiceInput({
           });
           if (!startAttemptIsCurrent()) return;
           rememberManifest(result.manifest);
-          if (result.manifest.totalBytes > capability.maxSizeBytes) {
+          const maxSizeBytes = capability.resumable && isResumableVoiceInputClient(client) ? capability.resumable.maxSizeBytes : capability.maxSizeBytes;
+          if (result.manifest.totalBytes > maxSizeBytes) {
             attemptCaptureLimitError = "too_large";
             if (attemptOwnsSharedCapture()) captureLimitErrorRef.current = "too_large";
             if (recorder.state !== "inactive") recorder.stop();
@@ -1607,11 +1699,19 @@ function useVoiceInput({
           }
           rememberManifest(stopped);
           if (attemptPersistenceError) {
-            await preserveForRetry(stopped, "storage_unavailable", generation);
+            const retained = await updateManifestBestEffort(stopped, {
+              recoveryMode: "manual",
+              handoffMode: "explicit"
+            });
+            await preserveForRetry(retained, "storage_unavailable", generation);
             return;
           }
           if (attemptCaptureLimitError) {
-            await preserveForRetry(stopped, attemptCaptureLimitError, generation);
+            const retained = await updateManifestBestEffort(stopped, {
+              recoveryMode: "manual",
+              handoffMode: "explicit"
+            });
+            await preserveForRetry(retained, attemptCaptureLimitError, generation);
             return;
           }
           await finalizePersistedRecording(generation);
@@ -1627,7 +1727,10 @@ function useVoiceInput({
       setStatus("recording");
       timerRef.current = setTimeout(
         stop,
-        Math.min(capability.maxDurationSeconds, VOICE_RECORDING_CLIENT_MAX_DURATION_SECONDS) * 1e3
+        Math.min(
+          capability.resumable && isResumableVoiceInputClient(client) ? capability.resumable.maxDurationSeconds : capability.maxDurationSeconds,
+          capability.resumable && isResumableVoiceInputClient(client) ? VOICE_RECORDING_RESUMABLE_CLIENT_MAX_DURATION_SECONDS : VOICE_RECORDING_CLIENT_MAX_DURATION_SECONDS
+        ) * 1e3
       );
       return true;
     } catch (reason) {
@@ -1693,9 +1796,29 @@ function useVoiceInput({
     }
     const generation = ++generationRef.current;
     controllerRef.current?.abort();
+    if (automaticRetryTimerRef.current) clearTimeout(automaticRetryTimerRef.current);
+    automaticRetryTimerRef.current = null;
+    automaticRetryAttemptRef.current = 0;
     setError(null);
-    void finalizePersistedRecording(generation);
-  }, [client, disabled, enabled, finalizePersistedRecording, status, workspaceId]);
+    const manifest = manifestRef.current;
+    void updateManifestBestEffort(manifest, {
+      recoveryMode: "automatic",
+      handoffMode: "append"
+    }).then((retained) => {
+      if (generation !== generationRef.current) return;
+      rememberManifest(retained);
+      void finalizePersistedRecording(generation);
+    });
+  }, [
+    client,
+    disabled,
+    enabled,
+    finalizePersistedRecording,
+    rememberManifest,
+    status,
+    updateManifestBestEffort,
+    workspaceId
+  ]);
   const insertSavedTranscript = useCallback2(async () => {
     const manifest = manifestRef.current;
     if (!manifest || manifest.workspaceId !== workspaceId || manifest.finalizationState !== "transcript-ready" || manifest.transcriptText === null) {
@@ -1728,6 +1851,10 @@ function useVoiceInput({
       return;
     }
     if (generation !== generationRef.current) return;
+    if (capability?.resumable && isResumableVoiceInputClient(client)) {
+      await client.discardTranscriptionRecording(workspaceId, handedOff.recordingId).catch(() => void 0);
+    }
+    if (generation !== generationRef.current) return;
     await store.discard(handedOff.recordingId, ownerIdRef.current ?? void 0).catch(() => void 0);
     if (generation !== generationRef.current) return;
     clearVisibleRecording();
@@ -1737,6 +1864,8 @@ function useVoiceInput({
     await loadNextRecoverable(generation);
   }, [
     clearVisibleRecording,
+    capability?.resumable,
+    client,
     ensureStore,
     focusInput,
     loadNextRecoverable,
@@ -1760,6 +1889,10 @@ function useVoiceInput({
     await captureSettled.catch(() => void 0);
     if (generation !== generationRef.current) return;
     if (manifest) {
+      if (capability?.resumable && isResumableVoiceInputClient(client)) {
+        await client.discardTranscriptionRecording(workspaceId, manifest.recordingId).catch(() => void 0);
+      }
+      if (generation !== generationRef.current) return;
       try {
         await (await ensureStore()).discard(manifest.recordingId, ownerIdRef.current ?? void 0);
       } catch {
@@ -1781,20 +1914,25 @@ function useVoiceInput({
   }, [
     clearCaptureRuntime,
     clearVisibleRecording,
+    capability?.resumable,
+    client,
     ensureStore,
     focusInput,
     loadNextRecoverable,
-    rememberManifest
+    rememberManifest,
+    workspaceId
   ]);
   const cancel = useCallback2(() => {
     if (status === "recording" || status === "requesting-permission") {
       void discard();
       return;
     }
-    if (status === "saving" || status === "transcribing") {
+    if (status === "saving" || status === "transcribing" || status === "retrying") {
       const generation = ++generationRef.current;
       controllerRef.current?.abort();
       controllerRef.current = null;
+      if (automaticRetryTimerRef.current) clearTimeout(automaticRetryTimerRef.current);
+      automaticRetryTimerRef.current = null;
       const captureSettled = status === "saving" ? captureSettledRef.current : Promise.resolve();
       void captureSettled.then(async () => {
         const manifest = manifestRef.current;
@@ -1802,7 +1940,9 @@ function useVoiceInput({
         const retained = await updateManifestBestEffort(manifest, {
           captureState: "stopped",
           uploadState: "retrying",
-          transcriptionState: "retrying"
+          transcriptionState: "retrying",
+          recoveryMode: "manual",
+          handoffMode: "explicit"
         });
         await preserveForRetry(retained, null, generation);
       });
@@ -1831,7 +1971,12 @@ function useVoiceInput({
           current.recordingId,
           {
             ...current.captureState === "capturing" ? { captureState: "stopped" } : {},
-            ...wasProcessing ? { uploadState: "retrying", transcriptionState: "retrying" } : {},
+            ...wasProcessing ? {
+              uploadState: "retrying",
+              transcriptionState: "retrying",
+              recoveryMode: "automatic",
+              handoffMode: "explicit"
+            } : {},
             ownerId: null,
             ownerHeartbeatAt: null
           },
@@ -1855,7 +2000,7 @@ function useVoiceInput({
   ]);
   useEffect2(() => {
     const onKeyDown = (event) => {
-      if (event.key === "Escape" && (status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing")) {
+      if (event.key === "Escape" && (status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing" || status === "retrying")) {
         event.preventDefault();
         cancel();
       }
@@ -1868,6 +2013,8 @@ function useVoiceInput({
       generationRef.current += 1;
       controllerRef.current?.abort();
       controllerRef.current = null;
+      if (automaticRetryTimerRef.current) clearTimeout(automaticRetryTimerRef.current);
+      automaticRetryTimerRef.current = null;
       const manifest = manifestRef.current;
       const ownerReady = ownerIdPromiseRef.current;
       stopOwnerHeartbeat();
@@ -1882,14 +2029,16 @@ function useVoiceInput({
         const ownerId = ownerIdRef.current ?? (ownerReady ? await ownerReady.catch(() => null) : null);
         const store = storeRef.current;
         if (store && manifest && ownerId) {
-          const wasProcessing = statusRef.current === "saving" || statusRef.current === "transcribing";
+          const wasProcessing = statusRef.current === "saving" || statusRef.current === "transcribing" || statusRef.current === "retrying";
           await store.updateManifest(
             manifest.recordingId,
             {
               ...manifest.captureState === "capturing" ? { captureState: "stopped" } : {},
               ...wasProcessing ? {
                 uploadState: "retrying",
-                transcriptionState: "retrying"
+                transcriptionState: "retrying",
+                recoveryMode: "automatic",
+                handoffMode: "explicit"
               } : {},
               ownerId: null,
               ownerHeartbeatAt: null
@@ -1924,6 +2073,187 @@ function useVoiceInput({
     discard
   };
 }
+async function transcribePersistedRecording(input) {
+  const client = input.client;
+  const resumable = input.capability.resumable;
+  const ordered = [...input.chunks].sort((left, right) => left.chunkNumber - right.chunkNumber);
+  if (!resumable || !isResumableVoiceInputClient(client)) {
+    const audio = new Blob(
+      ordered.map((chunk) => chunk.audio),
+      { type: input.manifest.mimeType }
+    );
+    if (audio.size > input.capability.maxSizeBytes) throw { code: "too_large" };
+    return await client.transcribeAudio(input.workspaceId, {
+      audio,
+      mimeType: audio.type,
+      durationSeconds: input.manifest.totalDurationMilliseconds / 1e3,
+      signal: input.signal
+    });
+  }
+  if (input.manifest.totalBytes > resumable.maxSizeBytes || input.manifest.totalDurationMilliseconds > resumable.maxDurationSeconds * 1e3) {
+    throw { code: "too_large" };
+  }
+  if (ordered.some((chunk, index) => chunk.chunkNumber !== index) || ordered.length !== input.manifest.chunkCount) {
+    throw { code: "invalid_audio" };
+  }
+  const finalizeInput = {
+    chunkCount: input.manifest.chunkCount,
+    totalBytes: input.manifest.totalBytes,
+    totalDurationMilliseconds: input.manifest.totalDurationMilliseconds,
+    signal: input.signal
+  };
+  let remote = await client.createTranscriptionRecording(input.workspaceId, {
+    recordingId: input.manifest.recordingId,
+    mimeType: input.manifest.mimeType,
+    signal: input.signal
+  });
+  for (const chunk of ordered) {
+    if (chunk.chunkNumber < remote.recording.nextChunkNumber) continue;
+    if (chunk.chunkNumber !== remote.recording.nextChunkNumber) {
+      throw { code: "invalid_audio" };
+    }
+    if (chunk.byteLength > resumable.maxChunkSizeBytes) throw { code: "too_large" };
+    const uploaded = await client.uploadTranscriptionRecordingChunk(
+      input.workspaceId,
+      input.manifest.recordingId,
+      chunk.chunkNumber,
+      {
+        audio: chunk.audio,
+        mimeType: input.manifest.mimeType,
+        sha256: chunk.sha256,
+        startMilliseconds: chunk.startMilliseconds,
+        durationMilliseconds: chunk.durationMilliseconds,
+        signal: input.signal
+      }
+    );
+    remote = { recording: uploaded.recording, segments: remote.segments };
+  }
+  if (remote.recording.nextChunkNumber !== ordered.length) {
+    throw { code: "invalid_audio" };
+  }
+  remote = await client.finalizeTranscriptionRecording(
+    input.workspaceId,
+    input.manifest.recordingId,
+    finalizeInput
+  );
+  let recoveryMutationAttempt = 0;
+  let recoveryMutationDueAt = 0;
+  const scheduleRecoveryMutation = (response) => {
+    if (response.recording.state !== "segmenting" && response.recording.state !== "transcribing") {
+      return;
+    }
+    recoveryMutationDueAt = Date.now() + transcriptionRecoveryMutationDelayMilliseconds(
+      response.retryAfterMilliseconds,
+      recoveryMutationAttempt
+    );
+    recoveryMutationAttempt += 1;
+  };
+  scheduleRecoveryMutation(remote);
+  for (; ; ) {
+    if (input.signal.aborted) throw new DOMException("Aborted", "AbortError");
+    switch (remote.recording.state) {
+      case "complete":
+        if (remote.recording.transcriptText === null) throw { code: "invalid_audio" };
+        return {
+          text: remote.recording.transcriptText,
+          languages: remote.recording.languages
+        };
+      case "ready":
+        remote = await client.processNextTranscriptionRecordingSegment(
+          input.workspaceId,
+          input.manifest.recordingId,
+          { signal: input.signal }
+        );
+        scheduleRecoveryMutation(remote);
+        break;
+      case "failed": {
+        if (!remote.recording.retryable) {
+          throw { code: remote.recording.errorCode ?? "unknown", retryable: false };
+        }
+        const retried = remote.recording.segmentCount === 0 ? await client.finalizeTranscriptionRecording(
+          input.workspaceId,
+          input.manifest.recordingId,
+          finalizeInput
+        ) : await client.processNextTranscriptionRecordingSegment(
+          input.workspaceId,
+          input.manifest.recordingId,
+          { signal: input.signal }
+        );
+        if (retried.recording.state === "failed") {
+          throw {
+            code: retried.recording.errorCode ?? "unknown",
+            retryable: retried.recording.retryable
+          };
+        }
+        remote = retried;
+        scheduleRecoveryMutation(remote);
+        break;
+      }
+      case "discarded":
+        throw { code: "invalid_audio" };
+      case "uploading":
+        remote = await client.finalizeTranscriptionRecording(
+          input.workspaceId,
+          input.manifest.recordingId,
+          finalizeInput
+        );
+        scheduleRecoveryMutation(remote);
+        break;
+      case "segmenting":
+      case "transcribing":
+        if (Date.now() < recoveryMutationDueAt) {
+          await abortableDelay(
+            Math.min(
+              recoveryMutationDueAt - Date.now(),
+              VOICE_RECORDING_RECOVERY_STATUS_POLL_MILLISECONDS
+            ),
+            input.signal
+          );
+          remote = await client.getTranscriptionRecording(
+            input.workspaceId,
+            input.manifest.recordingId,
+            { signal: input.signal }
+          );
+          break;
+        }
+        if (remote.recording.state === "segmenting") {
+          remote = await client.finalizeTranscriptionRecording(
+            input.workspaceId,
+            input.manifest.recordingId,
+            finalizeInput
+          );
+        } else {
+          remote = await client.processNextTranscriptionRecordingSegment(
+            input.workspaceId,
+            input.manifest.recordingId,
+            { signal: input.signal }
+          );
+        }
+        scheduleRecoveryMutation(remote);
+        break;
+    }
+  }
+}
+function isResumableVoiceInputClient(client) {
+  return Boolean(
+    client && client.createTranscriptionRecording && client.getTranscriptionRecording && client.uploadTranscriptionRecordingChunk && client.finalizeTranscriptionRecording && client.processNextTranscriptionRecordingSegment && client.discardTranscriptionRecording
+  );
+}
+async function abortableDelay(milliseconds, signal) {
+  if (signal.aborted) throw new DOMException("Aborted", "AbortError");
+  await new Promise((resolve, reject) => {
+    const timer = setTimeout(() => {
+      signal.removeEventListener("abort", onAbort);
+      resolve();
+    }, milliseconds);
+    const onAbort = () => {
+      clearTimeout(timer);
+      signal.removeEventListener("abort", onAbort);
+      reject(new DOMException("Aborted", "AbortError"));
+    };
+    signal.addEventListener("abort", onAbort, { once: true });
+  });
+}
 function chooseMimeType(accepted) {
   const normalized = accepted.map((value) => value.trim().toLowerCase());
   return MIME_PREFERENCES.find((mimeType) => {
@@ -1933,6 +2263,9 @@ function chooseMimeType(accepted) {
   });
 }
 function errorCode(error) {
+  if (error instanceof OpenGeniApiError && typeof error.details?.transcriptionCode === "string") {
+    return error.details.transcriptionCode;
+  }
   if (error && typeof error === "object" && "code" in error && typeof error.code === "string") {
     return error.code;
   }
@@ -1940,6 +2273,16 @@ function errorCode(error) {
   if (error instanceof DOMException && error.name === "NotSupportedError") return "not_supported";
   return "unknown";
 }
+function isRetryableVoiceInputError(error) {
+  if (error instanceof OpenGeniApiError) {
+    return error.retryable && error.status !== 409;
+  }
+  if (error instanceof TypeError) return true;
+  if (error && typeof error === "object" && "retryable" in error) {
+    return error.retryable === true;
+  }
+  return false;
+}
 
 // src/workstream-control-event.ts
 var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
@@ -2412,7 +2755,7 @@ function CommandPalette({
                     ] }),
                     /* @__PURE__ */ jsxs("span", { className: "ml-auto flex items-center gap-1.5", children: [
                       command.danger ? /* @__PURE__ */ jsx("span", { className: "rounded-og-xs bg-og-status-failed/15 px-1 text-[10px] uppercase tracking-wide text-og-status-failed", children: dangerLabel }) : null,
-                      /* @__PURE__ */ jsx("span", { className: "truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
+                      /* @__PURE__ */ jsx("span", { className: "og-command-description truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
                     ] })
                   ]
                 },
@@ -2499,10 +2842,10 @@ function ModelPicker({
         disabled: disabled === true,
         "aria-label": label,
         className: cn(
-          "h-8 max-w-[180px] cursor-pointer appearance-none truncate rounded-og-md bg-transparent",
+          "og-model-picker-native h-8 max-w-[180px] cursor-pointer appearance-none truncate rounded-og-md bg-transparent pointer-coarse:h-11",
           "py-0 pl-2 pr-6 text-[13px] text-og-fg-muted",
           "transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
-          "focus:outline-none focus-visible:outline-none",
+          "focus:outline-hidden focus-visible:outline-hidden",
           "disabled:cursor-not-allowed disabled:opacity-50"
         ),
         children: useBillingGroups ? billingGroups.map((group) => /* @__PURE__ */ jsx2("optgroup", { label: group.label, children: group.rows.map((row) => /* @__PURE__ */ jsx2("option", { value: row.id, disabled: !row.selectable, children: row.unavailableReason ? `${row.label} (${row.unavailableReason})` : row.label }, row.id)) }, group.billingClass)) : providerGroupList.map((group) => /* @__PURE__ */ jsx2("optgroup", { label: group.label, children: group.models.map((model) => /* @__PURE__ */ jsx2("option", { value: model.id, disabled: model.optionDisabled, children: model.label }, model.id)) }, group.label))
@@ -3003,21 +3346,27 @@ function useChatComposer() {
 function isRecord2(value) {
   return typeof value === "object" && value !== null;
 }
-var Root = forwardRef(function ComposerRoot({ controller, children, className, style, ...props }, forwardedRef) {
-  return /* @__PURE__ */ jsx3(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs3(
+var Root = forwardRef(function ComposerRoot({ controller, children, className, style, responsiveBasis = "viewport", ...props }, forwardedRef) {
+  const responsiveRootRef = useRef4(null);
+  const responsiveContext = useMemo4(
+    () => ({ responsiveBasis, rootRef: responsiveRootRef }),
+    [responsiveBasis]
+  );
+  return /* @__PURE__ */ jsx3(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx3(ComposerResponsiveContext.Provider, { value: responsiveContext, children: /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs3(
     "div",
     {
       ...props,
-      ref: mergeRefs(controller.rootRef, forwardedRef),
+      ref: mergeRefs(controller.rootRef, responsiveRootRef, forwardedRef),
       "data-og-composer-id": controller.id,
-      className: cn("og-root", className),
+      "data-og-responsive-basis": responsiveBasis,
+      className: cn("og-root og-composer", className),
       style: { paddingBottom: "env(safe-area-inset-bottom)", ...style },
       children: [
         children,
         /* @__PURE__ */ jsx3(ComposerAnnouncements, {})
       ]
     }
-  ) }) });
+  ) }) }) });
 });
 var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx3("div", { ...props, ref, className: cn("relative", className) });
@@ -3163,8 +3512,8 @@ var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className
       "aria-controls": paletteOpen ? controller.listboxId : void 0,
       "aria-activedescendant": paletteOpen ? `${controller.listboxId}-option-${controller.palette.highlight}` : void 0,
       className: cn(
-        "block w-full resize-none bg-transparent px-3.5 pt-3 pb-1 text-og-composer md:px-4 md:text-og-composer-wide",
-        "text-og-fg placeholder:text-og-fg-subtle focus:outline-none focus-visible:outline-none",
+        "og-composer-input block w-full resize-none bg-transparent px-3.5 pt-3 pb-1 text-og-composer md:px-4 md:text-og-composer-wide pointer-coarse:min-h-11",
+        "text-og-fg placeholder:text-og-fg-subtle focus:outline-hidden focus-visible:outline-hidden",
         "disabled:cursor-not-allowed disabled:opacity-60",
         className
       )
@@ -3193,7 +3542,7 @@ var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
       ...props,
       ref,
       className: cn(
-        "flex items-end gap-1.5 px-2 pb-2 pt-0.5 sm:px-2.5 sm:pb-2.5",
+        "og-composer-footer flex items-end gap-1.5 px-2 pb-2 pt-0.5 sm:px-2.5 sm:pb-2.5",
         // Mobile: one control row — never wrap into a second toolbar line.
         "max-sm:flex-nowrap max-sm:items-center max-sm:gap-1",
         className
@@ -3209,7 +3558,7 @@ var Controls = forwardRef(
         ...props,
         ref,
         className: cn(
-          "flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
+          "og-composer-controls flex min-w-0 flex-1 flex-wrap items-center gap-1.5",
           "max-sm:flex-nowrap max-sm:gap-1",
           className
         )
@@ -3224,7 +3573,10 @@ var Hint = forwardRef(function ComposerHint({ className, children, ...props }, r
     {
       ...props,
       ref,
-      className: cn("min-w-0 flex-1 px-1.5 text-og-xs text-og-fg-subtle max-sm:hidden", className),
+      className: cn(
+        "og-composer-hint min-w-0 flex-1 px-1.5 text-og-xs text-og-fg-subtle max-sm:hidden",
+        className
+      ),
       children: children ?? controller.messages.keyboardHint
     }
   );
@@ -3236,7 +3588,7 @@ var Actions = forwardRef(function ComposerActions({ className, ...props }, ref)
       ...props,
       ref,
       className: cn(
-        "ml-auto flex shrink-0 items-center gap-1.5",
+        "og-composer-actions ml-auto flex shrink-0 items-center gap-1.5",
         "max-sm:flex-nowrap max-sm:gap-1",
         className
       )
@@ -3273,7 +3625,7 @@ var AttachButton = forwardRef(
           className: cn(
             "inline-flex size-8 items-center justify-center rounded-og-md",
             "text-og-fg-muted transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
-            "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-9",
+            "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11",
             className
           ),
           children: children ?? /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" })
@@ -3322,7 +3674,7 @@ var PauseButton = forwardRef(
         disabled: busy,
         "aria-label": ariaLabel ?? controller.messages.pauseAriaLabel,
         className: cn(
-          "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-9",
+          "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-11",
           "bg-og-surface-2 text-og-fg-muted transition-colors duration-150",
           "hover:border-og-status-waiting/50 hover:text-og-status-waiting",
           "disabled:opacity-50",
@@ -3348,7 +3700,7 @@ var SendButton = forwardRef(
         "data-og-tip": tip,
         "aria-label": ariaLabel ?? (controller.paused ? controller.messages.sendAndResumeAriaLabel : controller.messages.sendMessageAriaLabel),
         className: cn(
-          "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-9",
+          "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-11",
           "bg-og-accent text-og-accent-fg shadow-og-sm",
           "transition-[background-color,transform,opacity] duration-150 ease-og-spring",
           "hover:bg-og-accent-strong active:scale-95",
@@ -3470,8 +3822,8 @@ function WorkstreamPausedStrip({
           onClick: onResume,
           children: [
             busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PlayIcon, { className: "size-3.5 fill-current" }),
-            /* @__PURE__ */ jsx3("span", { className: "hidden min-[400px]:inline", children: messages.resumeThisWorkstream }),
-            /* @__PURE__ */ jsx3("span", { className: "min-[400px]:hidden", children: messages.resumeShort })
+            /* @__PURE__ */ jsx3("span", { className: "og-composer-resume-label-long hidden min-[400px]:inline", children: messages.resumeThisWorkstream }),
+            /* @__PURE__ */ jsx3("span", { className: "og-composer-resume-label-short min-[400px]:hidden", children: messages.resumeShort })
           ]
         }
       ),
@@ -3497,7 +3849,7 @@ function WorkstreamPausedStrip({
               "a",
               {
                 href: blockerHref(entry, controlLinks),
-                className: "font-medium text-og-fg underline decoration-og-border-strong underline-offset-2 hover:text-og-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-ring/40",
+                className: "font-medium text-og-fg underline decoration-og-border-strong underline-offset-2 hover:text-og-accent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-ring/40",
                 children: entry.displayName
               }
             ) : /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: entry.displayName }),
@@ -3643,7 +3995,7 @@ function AttachmentChips({
   onRemove,
   onRetry
 }) {
-  return /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2 border-b border-og-border px-3 py-2", children: attachments.map((attachment) => {
+  return /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2 px-3 py-2", children: attachments.map((attachment) => {
     const failed = attachment.status === "failed";
     const statusText = attachment.status === "uploading" ? messages.uploading : failed ? attachment.error || messages.uploadFailed : messages.formatBytes(attachment.sizeBytes);
     return /* @__PURE__ */ jsxs3(
@@ -3759,10 +4111,12 @@ var defaultMessages = {
   stop: "Stop and transcribe",
   cancel: "Cancel recording",
   retry: "Retry voice input",
+  pauseRetrying: "Pause automatic retry",
   requestingPermission: "Requesting microphone\u2026",
   recording: "Recording. Press Escape to cancel.",
   saving: "Saving audio locally\u2026",
   transcribing: "Transcribing\u2026",
+  retrying: "Recording saved. Retrying automatically\u2026",
   recovered: "Recording recovered and saved locally.",
   recoveredTranscript: "Transcript saved locally. Check your draft before inserting.",
   insertRecoveredTranscript: "Insert saved transcript",
@@ -3810,6 +4164,7 @@ function ComposerTranscriptionControl({
     createOwnerId
   });
   const { status } = transcription;
+  const retrying = status === "retrying";
   const cancelTranscription = transcription.cancel;
   useEffect4(() => {
     if (!suppressed) return;
@@ -3818,12 +4173,12 @@ function ComposerTranscriptionControl({
     }
   }, [cancelTranscription, status, suppressed]);
   const active = status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing";
-  const recoverable = transcription.hasRecoverableRecording && (status === "recovered" || status === "transcript-ready" || status === "error");
+  const recoverable = transcription.hasRecoverableRecording && (retrying || status === "recovered" || status === "transcript-ready" || status === "error");
   const savedTranscript = status === "transcript-ready" && transcription.savedTranscript !== null;
   const unavailableMessage = composer.disabled ? messages.unavailableDisabled : !capability?.available || !workspaceEnabled ? messages.unavailable : !transcription.available ? messages.errorStorageUnavailable : null;
   const idleLabel = unavailableMessage ?? (status === "error" ? messages.retry : messages.start);
   const errorMessage3 = transcription.error ? transcriptionErrorMessage(transcription.error, messages) : null;
-  const announcement = status === "requesting-permission" ? messages.requestingPermission : status === "recording" ? messages.recording : status === "saving" ? messages.saving : status === "transcribing" ? messages.transcribing : status === "recovered" ? messages.recovered : status === "transcript-ready" ? messages.recoveredTranscript : status === "error" ? errorMessage3 ?? messages.errorUnknown : unavailableMessage;
+  const announcement = status === "requesting-permission" ? messages.requestingPermission : status === "recording" ? messages.recording : status === "saving" ? messages.saving : status === "transcribing" ? messages.transcribing : retrying ? messages.retrying : status === "recovered" ? messages.recovered : status === "transcript-ready" ? messages.recoveredTranscript : status === "error" ? errorMessage3 ?? messages.errorUnknown : unavailableMessage;
   function start(event) {
     if (unavailableMessage) {
       event.preventDefault();
@@ -3853,21 +4208,27 @@ function ComposerTranscriptionControl({
               "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
             ),
             children: [
-              /* @__PURE__ */ jsx4("span", { className: "max-w-44 truncate text-og-xs text-og-fg-muted max-sm:max-w-28", children: savedTranscript ? errorMessage3 ?? messages.recoveredTranscript : status === "error" ? errorMessage3 ?? messages.errorRetryable : messages.recovered }),
-              /* @__PURE__ */ jsx4(Tip, { tip: savedTranscript ? messages.insertRecoveredTranscript : messages.retry, children: /* @__PURE__ */ jsx4(
-                "button",
+              /* @__PURE__ */ jsx4("span", { className: "og-transcription-recovered-label max-w-44 truncate text-og-xs text-og-fg-muted max-sm:max-w-28", children: savedTranscript ? errorMessage3 ?? messages.recoveredTranscript : retrying ? messages.retrying : status === "error" ? errorMessage3 ?? messages.errorRetryable : messages.recovered }),
+              /* @__PURE__ */ jsx4(
+                Tip,
                 {
-                  type: "button",
-                  onClick: () => savedTranscript ? void transcription.insertSavedTranscript() : transcription.retry(),
-                  "aria-label": savedTranscript ? messages.insertRecoveredTranscript : messages.retry,
-                  className: cn(
-                    "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
-                    "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
-                    "hover:bg-og-fg-muted pointer-coarse:size-11"
-                  ),
-                  children: savedTranscript ? /* @__PURE__ */ jsx4(ClipboardPasteIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx4(RefreshCwIcon, { className: "size-3.5" })
+                  tip: savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
+                  children: /* @__PURE__ */ jsx4(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => savedTranscript ? void transcription.insertSavedTranscript() : retrying ? transcription.cancel() : transcription.retry(),
+                      "aria-label": savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
+                      className: cn(
+                        "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+                        "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
+                        "hover:bg-og-fg-muted pointer-coarse:size-11"
+                      ),
+                      children: savedTranscript ? /* @__PURE__ */ jsx4(ClipboardPasteIcon, { className: "size-3.5" }) : retrying ? /* @__PURE__ */ jsx4(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx4(RefreshCwIcon, { className: "size-3.5" })
+                    }
+                  )
                 }
-              ) }),
+              ),
               /* @__PURE__ */ jsx4(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx4(
                 "button",
                 {
@@ -3978,7 +4339,7 @@ function ComposerTranscriptionControl({
           "span",
           {
             "aria-hidden": "true",
-            className: "max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24",
+            className: "og-transcription-error-label max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24",
             children: errorMessage3
           }
         ) }) : null,
@@ -4162,4 +4523,4 @@ export {
   Status,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-L3EWO3UK.js.map
+//# sourceMappingURL=chunk-NJ7M2B6Z.js.map