@opengeni/react 1.4.0 → 1.4.2

package/dist/{chunk-LN6TCXD3.js → chunk-IUHHPMAX.js}

@@ -1,31 +1,36 @@
+"use client";
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
-} from "./chunk-RSI7XYXL.js";
+} from "./chunk-PBCZL4JP.js";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
   useLightboxOptional
-} from "./chunk-BRM6FVZA.js";
+} from "./chunk-IEE7WCLN.js";
+import {
+  COMPOSER_VOICE_INPUT_START_EVENT,
+  composerVoiceEventScope
+} from "./chunk-NX4ADH73.js";
 import {
   groupPickerRowsByBillingClass
-} from "./chunk-5F4WR7X7.js";
+} from "./chunk-XS67YG5R.js";
 import {
   ComposerResponsiveContext
-} from "./chunk-VZTQ73XT.js";
+} from "./chunk-XEA5BCMA.js";
 import {
   composerSubmissionErrorMessage,
   formatBytes,
   formatRelativeTime
-} from "./chunk-UTRTG6LH.js";
+} from "./chunk-LVS3MH5T.js";
 import {
   useErrorMessage
-} from "./chunk-UGLEYEMP.js";
+} from "./chunk-CM7LVUKC.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/workstream-control-event.ts
 var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
@@ -3019,6 +3024,21 @@ async function createUnderlyingOwnerLease() {
   writeSessionOwnerId(ownerId);
   return { ownerId, release: () => void 0 };
 }
+async function liveVoiceRecordingOwnerIds() {
+  if (!hasWebLocks() || typeof navigator.locks.query !== "function") return null;
+  try {
+    const snapshot = await navigator.locks.query();
+    const live = /* @__PURE__ */ new Set();
+    for (const lock of [...snapshot.held ?? [], ...snapshot.pending ?? []]) {
+      if (lock.name?.startsWith(VOICE_RECORDING_OWNER_LOCK_PREFIX)) {
+        live.add(lock.name.slice(VOICE_RECORDING_OWNER_LOCK_PREFIX.length));
+      }
+    }
+    return live;
+  } catch {
+    return null;
+  }
+}
 function hasWebLocks() {
   return typeof navigator !== "undefined" && navigator.locks !== null && navigator.locks !== void 0 && typeof navigator.locks.request === "function";
 }
@@ -3140,6 +3160,7 @@ 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_DISCARD_ON_CANCEL_MAX_MILLISECONDS = 3e3;
 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;
@@ -3203,6 +3224,8 @@ function useVoiceInput({
   const recorderRef = useRef4(null);
   const streamRef = useRef4(null);
   const timerRef = useRef4(null);
+  const holdOnStopRef = useRef4(false);
+  const recordingStartedAtRef = useRef4(0);
   const automaticRetryTimerRef = useRef4(null);
   const automaticRetryAttemptRef = useRef4(0);
   const ownerHeartbeatTimerRef = useRef4(null);
@@ -3342,15 +3365,17 @@ function useVoiceInput({
       const active = () => generation === generationRef.current && workspaceIdRef.current === workspaceId;
       const [store, ownerId] = await Promise.all([ensureStore(), ensureOwnerId()]);
       if (!active()) return;
-      const staleBefore = new Date(
+      const heartbeatStaleBefore = new Date(
         readNow().getTime() - VOICE_RECORDING_OWNER_STALE_MILLISECONDS
       ).toISOString();
-      await store.cleanupHandedOffManifests({ ownerId, staleBefore }).catch(() => void 0);
+      await store.cleanupHandedOffManifests({ ownerId, staleBefore: heartbeatStaleBefore }).catch(() => void 0);
       if (!active()) return;
-      const manifests = await store.listRecoverableManifests(workspaceId, {
-        ownerId,
-        staleBefore
-      });
+      const liveOwners = createOwnerIdRef.current === void 0 ? await liveVoiceRecordingOwnerIds() : null;
+      if (!active()) return;
+      const staleBefore = liveOwners ? readNow().toISOString() : heartbeatStaleBefore;
+      const manifests = (await store.listRecoverableManifests(workspaceId, { ownerId, staleBefore })).filter(
+        (manifest) => !liveOwners || !manifest.ownerId || manifest.ownerId === ownerId || !liveOwners.has(manifest.ownerId) || !manifest.ownerHeartbeatAt || manifest.ownerHeartbeatAt <= heartbeatStaleBefore
+      );
       if (!active()) return;
       for (const candidate of manifests) {
         try {
@@ -3372,10 +3397,13 @@ function useVoiceInput({
           }
           rememberManifest(claimed);
           beginOwnerHeartbeat(claimed);
+          const transcriptReady = claimed.finalizationState === "transcript-ready" && claimed.transcriptText !== null;
           setStatus(
-            claimed.finalizationState === "transcript-ready" && claimed.transcriptText !== null ? "transcript-ready" : claimed.recoveryMode === "automatic" ? "retrying" : "recovered"
+            transcriptReady ? "transcript-ready" : claimed.recoveryMode === "automatic" ? "retrying" : "recovered"
+          );
+          setError(
+            transcriptReady && candidate.handoffMode === "append" ? "handoff_uncertain" : null
           );
-          setError(null);
           return;
         } catch (reason) {
           if (reason instanceof VoiceRecordingOwnedError) continue;
@@ -3466,7 +3494,7 @@ function useVoiceInput({
         automaticRetryAttemptRef.current = 0;
         if (ready.handoffMode === "explicit") {
           setStatus("transcript-ready");
-          setError("handoff_uncertain");
+          setError(null);
           focusInput();
           return;
         }
@@ -3742,6 +3770,15 @@ function useVoiceInput({
             await preserveForRetry(retained, attemptCaptureLimitError, generation);
             return;
           }
+          if (holdOnStopRef.current) {
+            holdOnStopRef.current = false;
+            const retained = await updateManifestBestEffort(stopped, {
+              recoveryMode: "manual",
+              handoffMode: "explicit"
+            });
+            await preserveForRetry(retained, null, generation);
+            return;
+          }
           await finalizePersistedRecording(generation);
         });
       };
@@ -3750,6 +3787,8 @@ function useVoiceInput({
         resolveCaptureSettledRef.current = resolve;
       });
       attemptRecordingStartedAt = readNow().getTime();
+      recordingStartedAtRef.current = attemptRecordingStartedAt;
+      holdOnStopRef.current = false;
       recorder.start(VOICE_RECORDING_TIMESLICE_MILLISECONDS);
       recorderStarted = true;
       setStatus("recording");
@@ -3951,7 +3990,21 @@ function useVoiceInput({
     workspaceId
   ]);
   const cancel = useCallback4(() => {
-    if (status === "recording" || status === "requesting-permission") {
+    if (status === "recording") {
+      const recorder = recorderRef.current;
+      const elapsed = readNow().getTime() - recordingStartedAtRef.current;
+      if (recorder && recorder.state !== "inactive" && elapsed >= VOICE_RECORDING_DISCARD_ON_CANCEL_MAX_MILLISECONDS) {
+        if (timerRef.current) clearTimeout(timerRef.current);
+        timerRef.current = null;
+        holdOnStopRef.current = true;
+        setStatus("saving");
+        recorder.stop();
+        return;
+      }
+      void discard();
+      return;
+    }
+    if (status === "requesting-permission") {
       void discard();
       return;
     }
@@ -3975,7 +4028,7 @@ function useVoiceInput({
         await preserveForRetry(retained, null, generation);
       });
     }
-  }, [discard, preserveForRetry, status, updateManifestBestEffort]);
+  }, [discard, preserveForRetry, readNow, status, updateManifestBestEffort]);
   useEffect3(() => {
     const current = manifestRef.current;
     const generation = ++generationRef.current;
@@ -4028,7 +4081,8 @@ function useVoiceInput({
   ]);
   useEffect3(() => {
     const onKeyDown = (event) => {
-      if (event.key === "Escape" && (status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing" || status === "retrying")) {
+      if (event.key === "Escape" && // A dialog, menu, or popover that handled Escape owns it.
+      !event.defaultPrevented && (status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing" || status === "retrying")) {
         event.preventDefault();
         cancel();
       }
@@ -4045,6 +4099,16 @@ function useVoiceInput({
       automaticRetryTimerRef.current = null;
       const manifest = manifestRef.current;
       const ownerReady = ownerIdPromiseRef.current;
+      const knownOwnerId = ownerIdRef.current;
+      const ownerLease = ownerLeaseRef.current;
+      const closingStore = storeRef.current;
+      const ownsClosingStore = ownsStoreRef.current;
+      storeRef.current = null;
+      storePromiseRef.current = null;
+      ownerIdRef.current = null;
+      ownerIdPromiseRef.current = null;
+      ownerLeaseRef.current = null;
+      manifestRef.current = null;
       stopOwnerHeartbeat();
       const recorder = recorderRef.current;
       let captureSettled = persistenceQueueRef.current;
@@ -4054,8 +4118,8 @@ function useVoiceInput({
       }
       clearCaptureRuntime();
       void captureSettled.catch(() => void 0).then(async () => {
-        const ownerId = ownerIdRef.current ?? (ownerReady ? await ownerReady.catch(() => null) : null);
-        const store = storeRef.current;
+        const ownerId = knownOwnerId ?? (ownerReady ? await ownerReady.catch(() => null) : null);
+        const store = closingStore;
         if (store && manifest && ownerId) {
           const wasProcessing = statusRef.current === "saving" || statusRef.current === "transcribing" || statusRef.current === "retrying";
           await store.updateManifest(
@@ -4075,10 +4139,9 @@ function useVoiceInput({
             ownerId
           ).catch(() => void 0);
         }
-        if (ownsStoreRef.current) await store?.close();
+        if (ownsClosingStore) await store?.close();
       }).catch(() => void 0).finally(() => {
-        ownerLeaseRef.current?.release();
-        ownerLeaseRef.current = null;
+        ownerLease?.release();
       });
     },
     [clearCaptureRuntime, readNow, stopOwnerHeartbeat]
@@ -4090,6 +4153,11 @@ function useVoiceInput({
     stream,
     recordingId,
     durationSeconds,
+    recordingStartedAt: status === "recording" ? recordingStartedAtRef.current || null : null,
+    maxRecordingSeconds: capability ? 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
+    ) : null,
     locallySaved,
     hasRecoverableRecording: manifestRef.current !== null && status !== "recording",
     savedTranscript: manifestRef.current?.finalizationState === "transcript-ready" ? manifestRef.current.transcriptText : null,
@@ -4338,31 +4406,33 @@ function Tip({ tip, children }) {
 var defaultMessages = {
   start: "Start voice input",
   stop: "Stop and transcribe",
-  cancel: "Cancel recording",
+  cancel: "Stop without transcribing",
   retry: "Retry voice input",
+  transcribeSaved: "Transcribe saved recording",
+  timeRemaining: "Stops and transcribes in {seconds}s",
   pauseRetrying: "Pause automatic retry",
   requestingPermission: "Requesting microphone\u2026",
-  recording: "Recording. Press Escape to cancel.",
+  recording: "Recording. Press Escape to stop without transcribing.",
   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.",
+  retrying: "Saved. Retrying transcription\u2026",
+  recovered: "Recording saved on this device.",
+  recoveredTranscript: "Transcript saved. Insert it into your draft?",
   insertRecoveredTranscript: "Insert saved transcript",
   discardRecovered: "Discard saved recording",
   unavailableDisabled: "Voice input is unavailable while the composer is disabled.",
   unavailable: "Voice input is unavailable for this workspace.",
-  errorPermissionDenied: "Microphone permission was denied. Your draft was not changed.",
+  errorPermissionDenied: "Microphone access is blocked. Allow it in site settings, then try again.",
   errorNotSupported: "Voice input is not supported on this device.",
   errorUnavailable: "Voice input is not configured.",
-  errorInsufficientCredits: "Voice input needs Opengeni credits. Add credits, then retry your saved recording.",
-  errorAllowanceExhausted: "Your usage limit was reached. Your recording is saved for later.",
+  errorInsufficientCredits: "Voice input needs credits. Recording saved; retry after adding credits.",
+  errorAllowanceExhausted: "Usage limit reached. Recording saved for later.",
   errorPolicyBlocked: "Voice input isn't allowed for this account or workspace.",
   errorTooLarge: "Recording is too large. Try a shorter message.",
   errorInvalidAudio: "The recording could not be read. Try again.",
   errorStorageUnavailable: "Voice input stopped because audio could not be saved safely.",
-  errorRetryable: "Recording is saved locally. Retry transcription when ready.",
-  errorHandoffUncertain: "Transcript is saved. Check your draft before inserting it again.",
+  errorRetryable: "Saved. Transcription failed, retry when ready.",
+  errorHandoffUncertain: "Transcript saved. Check your draft before inserting again.",
   errorUnknown: "Voice input could not start. Try again."
 };
 var WAVEFORM_BARS = 18;
@@ -4399,12 +4469,16 @@ function ComposerTranscriptionControl({
   const retrying = status === "retrying";
   const capturing = status === "requesting-permission" || status === "recording";
   const cancelTranscription = transcription.cancel;
+  const discardTranscription = transcription.discard;
+  const hasRecoverableRecording = transcription.hasRecoverableRecording;
   useEffect4(() => {
     if (!suppressed) return;
     if (status === "recording" || status === "requesting-permission") {
       cancelTranscription();
+    } else if (status === "error" && !hasRecoverableRecording) {
+      void discardTranscription();
     }
-  }, [cancelTranscription, status, suppressed]);
+  }, [cancelTranscription, discardTranscription, hasRecoverableRecording, status, suppressed]);
   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;
@@ -4412,11 +4486,15 @@ function ComposerTranscriptionControl({
   const idleLabel = unavailableMessage ?? (status === "error" ? messages.retry : messages.start);
   const errorMessage = 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 : retrying ? messages.retrying : status === "recovered" ? messages.recovered : status === "transcript-ready" ? messages.recoveredTranscript : status === "error" ? errorMessage ?? messages.errorUnknown : unavailableMessage;
+  const recoveredLabel = savedTranscript ? errorMessage ?? messages.recoveredTranscript : retrying ? messages.retrying : status === "error" ? errorMessage ?? messages.errorRetryable : messages.recovered;
   function start(event) {
     if (unavailableMessage) {
       event.preventDefault();
       return;
     }
+    composerVoiceEventScope(event.currentTarget)?.dispatchEvent(
+      new Event(COMPOSER_VOICE_INPUT_START_EVENT)
+    );
     void transcription.start();
   }
   return /* @__PURE__ */ jsx4(AnimatePresence3, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx4(
@@ -4435,6 +4513,7 @@ function ComposerTranscriptionControl({
       ),
       "data-transcription-status": status,
       "data-transcription-capturing": capturing ? "" : void 0,
+      "data-transcription-attention": !capturing && (recoverable || status === "error" && errorMessage) ? "" : 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,
@@ -4448,18 +4527,25 @@ function ComposerTranscriptionControl({
               "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
             ),
             children: [
-              /* @__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 ? errorMessage ?? messages.recoveredTranscript : retrying ? messages.retrying : status === "error" ? errorMessage ?? messages.errorRetryable : messages.recovered }),
+              /* @__PURE__ */ jsx4(
+                "span",
+                {
+                  title: recoveredLabel,
+                  className: "og-transcription-recovered-label max-w-56 line-clamp-2 text-og-xs leading-tight text-og-fg-muted max-sm:max-w-32",
+                  children: recoveredLabel
+                }
+              ),
               /* @__PURE__ */ jsx4(
                 Tip,
                 {
-                  tip: savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
+                  tip: savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : status === "recovered" ? messages.transcribeSaved : messages.retry,
                   children: /* @__PURE__ */ jsx4(
                     "button",
                     {
                       type: "button",
                       disabled: composer.disabled && !retrying,
                       onClick: () => savedTranscript ? void transcription.insertSavedTranscript() : retrying ? transcription.cancel() : transcription.retry(),
-                      "aria-label": savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
+                      "aria-label": savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : status === "recovered" ? messages.transcribeSaved : messages.retry,
                       className: cn(
                         "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
                         "border border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover transition-colors duration-150 motion-reduce:transition-none",
@@ -4520,7 +4606,15 @@ function ComposerTranscriptionControl({
                     stream: status === "recording" ? transcription.stream : null,
                     mode: status === "recording" ? "recording" : "transcribing"
                   }
-                )
+                ),
+                status === "recording" && transcription.recordingStartedAt !== null ? /* @__PURE__ */ jsx4(
+                  RecordingClock,
+                  {
+                    startedAt: transcription.recordingStartedAt,
+                    maxSeconds: transcription.maxRecordingSeconds,
+                    remainingLabel: messages.timeRemaining
+                  }
+                ) : null
               ] }),
               status === "recording" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
                 /* @__PURE__ */ jsx4(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx4(
@@ -4577,14 +4671,26 @@ function ComposerTranscriptionControl({
             children: /* @__PURE__ */ jsx4(MicIcon, { className: "size-4" })
           }
         ) }, "idle") }),
-        status === "error" && errorMessage && !recoverable ? /* @__PURE__ */ jsx4(Tip, { tip: errorMessage, children: /* @__PURE__ */ jsx4(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "og-transcription-error-label max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24",
-            children: errorMessage
-          }
-        ) }) : null,
+        status === "error" && errorMessage && !recoverable ? (
+          // Nothing is saved in this state, so dismissing loses no speech.
+          /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              title: errorMessage,
+              "aria-label": `Dismiss: ${errorMessage}`,
+              onClick: () => void transcription.discard(),
+              className: cn(
+                "inline-flex min-w-0 items-center gap-1 rounded-og-sm text-left outline-hidden",
+                "text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent/45"
+              ),
+              children: [
+                /* @__PURE__ */ jsx4("span", { className: "og-transcription-error-label max-w-56 line-clamp-2 text-og-xs leading-tight max-sm:max-w-32", children: errorMessage }),
+                /* @__PURE__ */ jsx4(XIcon2, { className: "size-3 shrink-0 opacity-70", "aria-hidden": true })
+              ]
+            }
+          )
+        ) : null,
         /* @__PURE__ */ jsx4(
           "span",
           {
@@ -4599,6 +4705,36 @@ function ComposerTranscriptionControl({
     "composer-dictate"
   ) });
 }
+function RecordingClock({
+  startedAt,
+  maxSeconds,
+  remainingLabel
+}) {
+  const [now, setNow] = useState5(() => Date.now());
+  useEffect4(() => {
+    const timer = setInterval(() => setNow(Date.now()), 500);
+    return () => clearInterval(timer);
+  }, []);
+  const elapsed = Math.max(0, Math.floor((now - startedAt) / 1e3));
+  const remaining = maxSeconds === null ? null : Math.max(0, maxSeconds - elapsed);
+  const warn = remaining !== null && remaining <= 15;
+  const label = `${Math.floor(elapsed / 60)}:${String(elapsed % 60).padStart(2, "0")}`;
+  return /* @__PURE__ */ jsxs4(
+    "span",
+    {
+      "data-recording-clock": true,
+      title: warn ? remainingLabel.replace("{seconds}", String(remaining)) : void 0,
+      className: cn(
+        "min-w-[2.25rem] text-right text-og-xs tabular-nums",
+        warn ? "font-medium text-og-status-failed" : "text-og-fg-muted"
+      ),
+      children: [
+        label,
+        warn ? /* @__PURE__ */ jsx4("span", { className: "sr-only", children: remainingLabel.replace("{seconds}", String(remaining)) }) : null
+      ]
+    }
+  );
+}
 function VoiceWaveform({
   stream,
   mode
@@ -4773,4 +4909,4 @@ export {
   useVoiceInput,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-LN6TCXD3.js.map
+//# sourceMappingURL=chunk-IUHHPMAX.js.map