@opengeni/react 0.46.1 → 0.52.1

package/dist/{chunk-3PB7MIT6.js → chunk-ROIRTM37.js}

@@ -1,7 +1,3 @@
-import {
-  shouldSteerOnKey,
-  shouldSubmitOnKey
-} from "./chunk-HFO4ERGQ.js";
 import {
   groupPickerRowsByBillingClass
 } from "./chunk-23EJ676W.js";
@@ -10,7 +6,14 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-U3CSCMWA.js";
+} from "./chunk-FK6VG4LL.js";
+import {
+  ComposerResponsiveContext
+} from "./chunk-VZTQ73XT.js";
+import {
+  shouldSteerOnKey,
+  shouldSubmitOnKey
+} from "./chunk-724BW4TW.js";
 import {
   composerSubmissionErrorMessage,
   formatBytes,
@@ -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
@@ -1150,7 +1155,8 @@ function useVoiceInput({
   createRecordingStore,
   createRecordingId = createDefaultVoiceRecordingId,
   createOwnerId,
-  now = currentDate
+  now = currentDate,
+  automaticRetryDelayMilliseconds
 }) {
   const [status, setStatus] = useState2("idle");
   const [error, setError] = useState2(null);
@@ -1175,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);
@@ -1226,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;
@@ -1340,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;
@@ -1394,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
           );
@@ -1425,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;
@@ -1463,16 +1484,22 @@ 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;
       }
@@ -1492,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;
@@ -1501,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;
@@ -1634,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);
@@ -1723,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) {
@@ -1834,10 +1927,12 @@ function useVoiceInput({
       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;
@@ -1845,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);
       });
@@ -1874,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
           },
@@ -1898,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();
       }
@@ -1911,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();
@@ -1925,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
@@ -2062,7 +2168,7 @@ async function transcribePersistedRecording(input) {
         break;
       case "failed": {
         if (!remote.recording.retryable) {
-          throw { code: remote.recording.errorCode ?? "unknown" };
+          throw { code: remote.recording.errorCode ?? "unknown", retryable: false };
         }
         const retried = remote.recording.segmentCount === 0 ? await client.finalizeTranscriptionRecording(
           input.workspaceId,
@@ -2074,7 +2180,10 @@ async function transcribePersistedRecording(input) {
           { signal: input.signal }
         );
         if (retried.recording.state === "failed") {
-          throw { code: retried.recording.errorCode ?? "unknown" };
+          throw {
+            code: retried.recording.errorCode ?? "unknown",
+            retryable: retried.recording.retryable
+          };
         }
         remote = retried;
         scheduleRecoveryMutation(remote);
@@ -2154,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;
   }
@@ -2161,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";
@@ -2633,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 })
                     ] })
                   ]
                 },
@@ -2720,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 pointer-coarse:h-11",
+          "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))
@@ -3224,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) });
@@ -3384,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 pointer-coarse:min-h-11",
-        "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
       )
@@ -3414,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
@@ -3430,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
         )
@@ -3445,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
     }
   );
@@ -3457,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
       )
@@ -3691,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 })
           ]
         }
       ),
@@ -3718,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 }),
@@ -3864,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(
@@ -3980,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",
@@ -4031,6 +4164,8 @@ function ComposerTranscriptionControl({
     createOwnerId
   });
   const { status } = transcription;
+  const retrying = status === "retrying";
+  const capturing = status === "requesting-permission" || status === "recording";
   const cancelTranscription = transcription.cancel;
   useEffect4(() => {
     if (!suppressed) return;
@@ -4038,13 +4173,13 @@ function ComposerTranscriptionControl({
       cancelTranscription();
     }
   }, [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 active = capturing || status === "saving" || status === "transcribing";
+  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();
@@ -4059,8 +4194,15 @@ function ComposerTranscriptionControl({
       animate: { opacity: 1, width: "auto" },
       exit: { opacity: 0, width: 0 },
       transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
-      className: cn("inline-flex min-w-0 overflow-hidden", className),
+      className: cn(
+        "inline-flex min-w-0 overflow-hidden",
+        // Mobile capture mode reserves the footer for this control. Keep the
+        // shell itself from shrinking and clipping its trailing actions.
+        capturing && "shrink-0",
+        className
+      ),
       "data-transcription-status": status,
+      "data-transcription-capturing": capturing ? "" : void 0,
       children: /* @__PURE__ */ jsxs4("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
         /* @__PURE__ */ jsx4(AnimatePresence3, { mode: "popLayout", initial: false, children: recoverable ? /* @__PURE__ */ jsxs4(
           motion3.span,
@@ -4074,21 +4216,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",
                 {
@@ -4199,7 +4347,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,
@@ -4383,4 +4531,4 @@ export {
   Status,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-3PB7MIT6.js.map
+//# sourceMappingURL=chunk-ROIRTM37.js.map