@opengeni/react 6.1.0 → 7.0.0-canary.35585322809001

package/dist/{chunk-45XEUVTK.js → chunk-UXE5SSNN.js}

@@ -2,16 +2,16 @@ import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
-  TooltipTrigger
-} from "./chunk-HQV2I5HV.js";
+  TooltipTrigger,
+  useLightboxOptional
+} from "./chunk-BRM6FVZA.js";
 import {
-  ComposerResponsiveContext,
-  usePortalTokenStyle
+  ComposerResponsiveContext
 } from "./chunk-VZTQ73XT.js";
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
-} from "./chunk-NYESIADM.js";
+} from "./chunk-AKOMC3VO.js";
 import {
   composerSubmissionErrorMessage,
   formatBytes,
@@ -19,186 +19,11 @@ import {
 } from "./chunk-PLYRL5ER.js";
 import {
   groupPickerRowsByBillingClass
-} from "./chunk-VRBL3F5E.js";
+} from "./chunk-5GAL23FF.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
 
-// src/timeline/screenshot-lightbox.tsx
-import { DownloadIcon, XIcon } from "lucide-react";
-import { AnimatePresence, motion } from "motion/react";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
-import { Dialog } from "radix-ui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var LightboxContext = createContext(null);
-function useLightbox() {
-  return useContext(LightboxContext) ?? NOOP;
-}
-function useLightboxOptional() {
-  return useContext(LightboxContext);
-}
-var NOOP = { open: () => {
-} };
-function createLightboxSourceOwner() {
-  let releaseCurrent = null;
-  return {
-    replace(release) {
-      const previous = releaseCurrent;
-      releaseCurrent = release ?? null;
-      previous?.();
-    },
-    release() {
-      const release = releaseCurrent;
-      releaseCurrent = null;
-      release?.();
-    }
-  };
-}
-function LightboxProvider({ children }) {
-  const ancestor = useContext(LightboxContext);
-  if (ancestor) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(LightboxRoot, { children });
-}
-function LightboxRoot({ children }) {
-  const [state, setState] = useState(null);
-  const [tokenSource, setTokenSource] = useState(null);
-  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);
-  const portalStyle = usePortalTokenStyle(tokenSource);
-  const releaseCurrentSource = useCallback(() => {
-    sourceOwner.release();
-  }, [sourceOwner]);
-  useEffect(() => releaseCurrentSource, [releaseCurrentSource]);
-  const open = useCallback(
-    (src, caption, source, label = "Screenshot", downloadFilename, controlLabels, releaseSource) => {
-      sourceOwner.replace(releaseSource);
-      setTokenSource(source ?? null);
-      setState({
-        src,
-        label,
-        ...caption ? { caption } : {},
-        ...downloadFilename ? { downloadFilename } : {},
-        ...controlLabels ? { controlLabels } : {}
-      });
-    },
-    [sourceOwner]
-  );
-  const close = useCallback(() => {
-    releaseCurrentSource();
-    setState(null);
-    setTokenSource(null);
-  }, [releaseCurrentSource]);
-  const controller = useMemo(() => ({ open }), [open]);
-  return /* @__PURE__ */ jsxs(LightboxContext.Provider, { value: controller, children: [
-    children,
-    /* @__PURE__ */ jsx(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && close(), children: /* @__PURE__ */ jsx(AnimatePresence, { children: state !== null ? /* @__PURE__ */ jsxs(Dialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: { duration: 0.15 },
-          className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md",
-          style: portalStyle
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Dialog.Content,
-        {
-          asChild: true,
-          forceMount: true,
-          "aria-label": state.label,
-          onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, scale: 0.98 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.98 },
-              transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
-              onClick: (event) => {
-                if (event.target === event.currentTarget) {
-                  close();
-                }
-              },
-              className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
-              style: portalStyle,
-              children: [
-                /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: state.label }),
-                /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only", children: state.caption ?? `Expanded ${state.label.toLowerCase()}` }),
-                /* @__PURE__ */ jsxs("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
-                    /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: state.src,
-                        alt: state.caption ?? state.label,
-                        className: "min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      ScreenshotLightboxControls,
-                      {
-                        src: state.src,
-                        downloadFilename: state.downloadFilename,
-                        controlLabels: state.controlLabels
-                      }
-                    )
-                  ] }),
-                  state.caption ? /* @__PURE__ */ jsx("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    ] }) : null }) })
-  ] });
-}
-function ScreenshotLightboxControls({
-  src,
-  downloadFilename,
-  controlLabels
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
-    downloadFilename ? /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: src,
-        download: downloadFilename,
-        className: cn(
-          "inline-flex size-9 items-center justify-center rounded-full",
-          "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
-          "transition-colors hover:border-white/30 hover:text-white"
-        ),
-        "aria-label": controlLabels?.download ?? `Download ${downloadFilename}`,
-        children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      Dialog.Close,
-      {
-        className: cn(
-          "inline-flex size-9 items-center justify-center rounded-full",
-          "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
-          "transition-colors hover:border-white/30 hover:text-white"
-        ),
-        "aria-label": controlLabels?.close ?? "Close",
-        children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
-      }
-    )
-  ] });
-}
-
 // src/workstream-control-event.ts
 var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
 
@@ -391,11 +216,11 @@ function clearErrorMessage(cause) {
 }
 
 // src/hooks/use-slash-commands.ts
-import { useCallback as useCallback2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 function useSlashCommands(options) {
   const { commands, context, handlers, value, setValue } = options;
-  const [highlight, setHighlight] = useState2(0);
-  const [dismissedValue, setDismissedValue] = useState2(null);
+  const [highlight, setHighlight] = useState(0);
+  const [dismissedValue, setDismissedValue] = useState(null);
   const dismissed = dismissedValue !== null && dismissedValue === value;
   const navigatedRef = useRef(false);
   const navTokenRef = useRef(value);
@@ -403,8 +228,8 @@ function useSlashCommands(options) {
     navTokenRef.current = value;
     navigatedRef.current = false;
   }
-  const parsed = useMemo2(() => parseCommandLine(value), [value]);
-  const filterCtx = useMemo2(
+  const parsed = useMemo(() => parseCommandLine(value), [value]);
+  const filterCtx = useMemo(
     () => ({
       sessionId: context?.sessionId ?? null,
       status: context?.status ?? null,
@@ -412,13 +237,13 @@ function useSlashCommands(options) {
     }),
     [context?.sessionId, context?.status, context?.permissions]
   );
-  const activeCommand = useMemo2(() => {
+  const activeCommand = useMemo(() => {
     if (!parsed || !parsed.hasTrailingSpace) {
       return null;
     }
     return matchCommand(commands, value);
   }, [commands, value, parsed]);
-  const items = useMemo2(() => {
+  const items = useMemo(() => {
     if (!parsed) {
       return [];
     }
@@ -431,7 +256,7 @@ function useSlashCommands(options) {
   const isCommandDraft = parsed !== null && items.length > 0;
   const clampedHighlight = items.length === 0 ? 0 : Math.min(highlight, items.length - 1);
   const activeArgHint = activeCommand ? argHint(activeCommand.args) : "";
-  const buildContext = useCallback2(
+  const buildContext = useCallback(
     (command) => {
       if (!context) {
         return null;
@@ -440,7 +265,7 @@ function useSlashCommands(options) {
     },
     [context, handlers]
   );
-  const execute = useCallback2(
+  const execute = useCallback(
     async (command, args) => {
       const ctx = buildContext(command);
       if (!ctx) {
@@ -460,21 +285,21 @@ function useSlashCommands(options) {
     },
     [buildContext, setValue]
   );
-  const autocomplete = useCallback2(
+  const autocomplete = useCallback(
     (command) => {
       setValue(`/${command.name} `);
       setHighlight(0);
     },
     [setValue]
   );
-  const autocompleteHighlighted = useCallback2(() => {
+  const autocompleteHighlighted = useCallback(() => {
     const command = items[clampedHighlight];
     if (command) {
       autocomplete(command);
     }
   }, [items, clampedHighlight, autocomplete]);
   const runningRef = useRef(false);
-  const runResolved = useCallback2(
+  const runResolved = useCallback(
     async (command, executionOptions) => {
       if (!parsed || runningRef.current) {
         return;
@@ -502,7 +327,7 @@ function useSlashCommands(options) {
     },
     [parsed, activeCommand, autocomplete, execute]
   );
-  const runHighlighted = useCallback2(async () => {
+  const runHighlighted = useCallback(async () => {
     if (!parsed) {
       return;
     }
@@ -521,7 +346,7 @@ function useSlashCommands(options) {
     }
     await runResolved(command);
   }, [parsed, activeCommand, items, clampedHighlight, runResolved]);
-  const runAt = useCallback2(
+  const runAt = useCallback(
     async (index) => {
       const command = items[index];
       if (!command) {
@@ -531,7 +356,7 @@ function useSlashCommands(options) {
     },
     [items, runResolved]
   );
-  const onKeyDown = useCallback2(
+  const onKeyDown = useCallback(
     (event) => {
       if (!open) {
         return false;
@@ -600,8 +425,8 @@ function errorMessage2(cause) {
 }
 
 // src/components/command-palette.tsx
-import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function CommandPalette({
   open,
   items,
@@ -613,8 +438,8 @@ function CommandPalette({
   label = "Slash commands",
   dangerLabel = "danger"
 }) {
-  return /* @__PURE__ */ jsx2(AnimatePresence2, { children: open ? /* @__PURE__ */ jsxs2(
-    motion2.div,
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(
+    motion.div,
     {
       initial: { opacity: 0, y: 6, scale: 0.99 },
       animate: { opacity: 1, y: 0, scale: 1 },
@@ -625,7 +450,7 @@ function CommandPalette({
         "rounded-og-lg border border-og-border bg-og-surface-2 shadow-og-sm"
       ),
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx(
           "ul",
           {
             id: listboxId,
@@ -635,7 +460,7 @@ function CommandPalette({
             children: items.map((command, index) => {
               const selected = index === highlight;
               const hint = argHint(command.args);
-              return /* @__PURE__ */ jsxs2(
+              return /* @__PURE__ */ jsxs(
                 "li",
                 {
                   id: `${listboxId}-option-${index}`,
@@ -652,8 +477,8 @@ function CommandPalette({
                     selected ? "bg-og-accent/15 text-og-fg" : "text-og-fg-muted hover:bg-og-surface-3"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
-                      /* @__PURE__ */ jsxs2(
+                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
+                      /* @__PURE__ */ jsxs(
                         "span",
                         {
                           className: cn(
@@ -666,11 +491,11 @@ function CommandPalette({
                           ]
                         }
                       ),
-                      hint ? /* @__PURE__ */ jsx2("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
+                      hint ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
                     ] }),
-                    /* @__PURE__ */ jsxs2("span", { className: "ml-auto flex items-center gap-1.5", children: [
-                      command.danger ? /* @__PURE__ */ jsx2("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__ */ jsx2("span", { className: "og-command-description truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
+                    /* @__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: "og-command-description truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
                     ] })
                   ]
                 },
@@ -679,7 +504,7 @@ function CommandPalette({
             })
           }
         ),
-        argHintText ? /* @__PURE__ */ jsx2("div", { className: "border-t border-og-border px-3 py-1.5 font-mono text-[11px] text-og-fg-subtle", children: argHintText }) : null
+        argHintText ? /* @__PURE__ */ jsx("div", { className: "border-t border-og-border px-3 py-1.5 font-mono text-[11px] text-og-fg-subtle", children: argHintText }) : null
       ]
     }
   ) : null });
@@ -687,8 +512,8 @@ function CommandPalette({
 
 // src/components/model-picker.tsx
 import { ChevronDownIcon } from "lucide-react";
-import { useId, useMemo as useMemo3 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useId, useMemo as useMemo2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var EMPTY_CLIENT_MODELS = [];
 function isCodexClientModel(model) {
   return model.id.startsWith("codex/") || model.source === "codex";
@@ -720,7 +545,14 @@ function providerGroups(models, codexOnly) {
       optionDisabled: codexOnly && !isCodexClientModel(model)
     });
   }
-  return [...byProvider.values()];
+  const groups = [...byProvider.values()];
+  if (codexOnly) {
+    const codexIndex = groups.findIndex(
+      (group) => group.models.some((model) => !model.optionDisabled && isCodexClientModel(model))
+    );
+    if (codexIndex > 0) groups.unshift(...groups.splice(codexIndex, 1));
+  }
+  return groups;
 }
 function ModelPicker({
   models = EMPTY_CLIENT_MODELS,
@@ -733,22 +565,22 @@ function ModelPicker({
   codexOnly = false
 }) {
   const selectId = useId();
-  const effectiveRows = useMemo3(
+  const effectiveRows = useMemo2(
     () => rows && rows.length > 0 ? applyCodexOnlyRows(rows, codexOnly) : [],
     [rows, codexOnly]
   );
-  const billingGroups = useMemo3(
-    () => effectiveRows.length > 0 ? groupPickerRowsByBillingClass(effectiveRows) : [],
-    [effectiveRows]
+  const billingGroups = useMemo2(
+    () => effectiveRows.length > 0 ? groupPickerRowsByBillingClass(effectiveRows, { codexOnly }) : [],
+    [effectiveRows, codexOnly]
   );
-  const providerGroupList = useMemo3(() => providerGroups(models, codexOnly), [models, codexOnly]);
+  const providerGroupList = useMemo2(() => providerGroups(models, codexOnly), [models, codexOnly]);
   const useBillingGroups = Boolean(effectiveRows.length);
   if (models.length === 0 && effectiveRows.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs3("span", { className: cn("relative inline-flex items-center", className), children: [
-    /* @__PURE__ */ jsx3("label", { htmlFor: selectId, className: "sr-only", children: label }),
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2("span", { className: cn("relative inline-flex items-center", className), children: [
+    /* @__PURE__ */ jsx2("label", { htmlFor: selectId, className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx2(
       "select",
       {
         id: selectId,
@@ -763,10 +595,10 @@ function ModelPicker({
           "focus:outline-hidden focus-visible:outline-hidden",
           "disabled:cursor-not-allowed disabled:opacity-50"
         ),
-        children: useBillingGroups ? billingGroups.map((group) => /* @__PURE__ */ jsx3("optgroup", { label: group.label, children: group.rows.map((row) => /* @__PURE__ */ jsx3("option", { value: row.id, disabled: !row.selectable, children: row.unavailableReason ? `${row.label} (${row.unavailableReason})` : row.label }, row.id)) }, group.billingClass)) : providerGroupList.map((group) => /* @__PURE__ */ jsx3("optgroup", { label: group.label, children: group.models.map((model) => /* @__PURE__ */ jsx3("option", { value: model.id, disabled: model.optionDisabled, children: model.label }, model.id)) }, group.label))
+        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))
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       ChevronDownIcon,
       {
         "aria-hidden": true,
@@ -787,23 +619,23 @@ import {
   PauseIcon,
   PlayIcon,
   RotateCwIcon,
-  XIcon as XIcon2
+  XIcon
 } from "lucide-react";
-import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
+import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
 import {
   cloneElement,
-  createContext as createContext2,
+  createContext,
   forwardRef,
-  useCallback as useCallback3,
-  useContext as useContext2,
-  useEffect as useEffect2,
+  useCallback as useCallback2,
+  useContext,
+  useEffect,
   useId as useId2,
   useLayoutEffect,
-  useMemo as useMemo4,
+  useMemo as useMemo3,
   useRef as useRef2,
-  useState as useState3
+  useState as useState2
 } from "react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ComposerTip({
   tip,
   children
@@ -952,7 +784,7 @@ function useChatComposerController({
   onPaste,
   messages: messageOverrides
 }) {
-  const messages = useMemo4(
+  const messages = useMemo3(
     () => ({ ...defaultChatComposerMessages, ...messageOverrides }),
     [messageOverrides]
   );
@@ -963,9 +795,9 @@ function useChatComposerController({
   const fileInputRef = useRef2(null);
   const listboxId = useId2();
   const paused = effectiveControl?.state === "paused";
-  const [controlDetailsOpen, setControlDetailsOpen] = useState3(false);
-  const [paletteMounted, setPaletteMounted] = useState3(false);
-  const [submitting, setSubmitting] = useState3(false);
+  const [controlDetailsOpen, setControlDetailsOpen] = useState2(false);
+  const [paletteMounted, setPaletteMounted] = useState2(false);
+  const [submitting, setSubmitting] = useState2(false);
   const submittingRef = useRef2(false);
   const controlOperationRef = useRef2(false);
   const deliveryValue = delivery.value;
@@ -973,13 +805,13 @@ function useChatComposerController({
   const mountedRef = useRef2(true);
   const deliveredValueRef = useRef2(deliveryValue);
   const liveValueRef = useRef2(deliveryValue);
-  const [renderedValue, setRenderedValue] = useState3(deliveryValue);
+  const [renderedValue, setRenderedValue] = useState2(deliveryValue);
   const deliveryChanged = deliveryValue !== deliveredValueRef.current;
   if (deliveryChanged) {
     deliveredValueRef.current = deliveryValue;
     liveValueRef.current = deliveryValue;
   }
-  const setComposerValue = useCallback3(
+  const setComposerValue = useCallback2(
     (next) => {
       liveValueRef.current = next;
       setRenderedValue(next);
@@ -993,13 +825,13 @@ function useChatComposerController({
       setRenderedValue(liveValueRef.current);
     }
   }, [deliveryValue, renderedValue]);
-  useEffect2(() => {
+  useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect2(() => {
+  useEffect(() => {
     const openControl = (event) => {
       const requestedId = event instanceof CustomEvent && isRecord(event.detail) && typeof event.detail.composerId === "string" ? event.detail.composerId : null;
       if (requestedId && requestedId !== id) return;
@@ -1018,10 +850,9 @@ function useChatComposerController({
     return () => document.removeEventListener(OPEN_WORKSTREAM_CONTROL_EVENT, openControl);
   }, [id, paused]);
   const blockedByAttachment = attachments?.hasUnresolved === true;
-  const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
-  const [dragging, setDragging] = useState3(false);
+  const [dragging, setDragging] = useState2(false);
   const dragCarriesFiles = (event) => event.dataTransfer !== null && [...event.dataTransfer.types].includes("Files");
-  const handleDragOver = useCallback3(
+  const handleDragOver = useCallback2(
     (event) => {
       if (!attachments || !dragCarriesFiles(event)) return;
       event.preventDefault();
@@ -1029,7 +860,7 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const handleDragLeave = useCallback3(
+  const handleDragLeave = useCallback2(
     (event) => {
       if (!attachments) return;
       if (event.currentTarget.contains(event.relatedTarget)) return;
@@ -1037,7 +868,7 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const handleDrop = useCallback3(
+  const handleDrop = useCallback2(
     (event) => {
       if (!attachments || !dragCarriesFiles(event)) return;
       event.preventDefault();
@@ -1046,17 +877,17 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const [notice, setNotice] = useState3(null);
-  const [helpOpen, setHelpOpen] = useState3(false);
-  const [confirmState, setConfirmState] = useState3(null);
+  const [notice, setNotice] = useState2(null);
+  const [helpOpen, setHelpOpen] = useState2(false);
+  const [confirmState, setConfirmState] = useState2(null);
   const pendingConfirm = useRef2(null);
-  const settleConfirmation = useCallback3((confirmed) => {
+  const settleConfirmation = useCallback2((confirmed) => {
     const resolve = pendingConfirm.current;
     pendingConfirm.current = null;
     setConfirmState(null);
     resolve?.(confirmed);
   }, []);
-  useEffect2(
+  useEffect(
     () => () => {
       pendingConfirm.current?.(false);
       pendingConfirm.current = null;
@@ -1064,7 +895,7 @@ function useChatComposerController({
     []
   );
   const resizeInputRafRef = useRef2(null);
-  const resizeInput = useCallback3(() => {
+  const resizeInput = useCallback2(() => {
     if (resizeInputRafRef.current !== null) {
       return;
     }
@@ -1077,8 +908,8 @@ function useChatComposerController({
       applyComposerTextareaHeight(textarea, 220);
     });
   }, []);
-  useEffect2(() => resizeInput(), [resizeInput, visibleValue]);
-  useEffect2(
+  useEffect(() => resizeInput(), [resizeInput, visibleValue]);
+  useEffect(
     () => () => {
       if (resizeInputRafRef.current !== null) {
         cancelAnimationFrame(resizeInputRafRef.current);
@@ -1087,7 +918,7 @@ function useChatComposerController({
     },
     []
   );
-  const handlers = useMemo4(
+  const handlers = useMemo3(
     () => ({
       notice: (next) => {
         setNotice(next);
@@ -1119,9 +950,9 @@ function useChatComposerController({
   const annotationsIncomplete = (delivery.annotations ?? []).some(
     (annotation) => annotation.note.trim().length === 0
   );
-  const submitBlocker = disabled ? "disabled" : blockedByAttachment ? "attachment" : delivery.sending || submitting ? "sending" : commandDraftBlocked ? "command" : annotationsIncomplete ? "annotations" : delivery.canSend || hasReadyAttachment ? null : "empty";
+  const submitBlocker = disabled ? "disabled" : blockedByAttachment ? "attachment" : delivery.sending || submitting ? "sending" : commandDraftBlocked ? "command" : annotationsIncomplete ? "annotations" : delivery.canSend ? null : "empty";
   const canSubmit = submitBlocker === null;
-  const submit = useCallback3(
+  const submit = useCallback2(
     async (mode) => {
       if (commandDraftBlocked) {
         setNotice({ tone: "error", message: messages.slashCommandBlocked });
@@ -1136,7 +967,7 @@ function useChatComposerController({
         delivery.requestAnnotationReview?.();
         return false;
       }
-      if (!delivery.canSend && !hasReadyAttachment) return false;
+      if (!delivery.canSend) return false;
       submittingRef.current = true;
       setSubmitting(true);
       try {
@@ -1152,12 +983,11 @@ function useChatComposerController({
       commandDraftBlocked,
       delivery,
       disabled,
-      hasReadyAttachment,
       messages.annotationNotesRequired,
       messages.slashCommandBlocked
     ]
   );
-  const handleKeyDown = useCallback3(
+  const handleKeyDown = useCallback2(
     (event) => {
       if (paletteEnabled && paletteMounted && palette.onKeyDown(event)) return;
       if (!shouldSubmitOnKey(event)) return;
@@ -1166,21 +996,21 @@ function useChatComposerController({
     },
     [palette, paletteEnabled, paletteMounted, submit]
   );
-  const handlePaste = useCallback3(
+  const handlePaste = useCallback2(
     (event) => {
       onPaste?.(event);
       attachments?.addFromPaste(event);
     },
     [attachments, onPaste]
   );
-  const handleFileChange = useCallback3(
+  const handleFileChange = useCallback2(
     (event) => {
       if (event.target.files) attachments?.addFiles(event.target.files);
       event.target.value = "";
     },
     [attachments]
   );
-  const helpCommands = useMemo4(
+  const helpCommands = useMemo3(
     () => commands.filter((command) => {
       if (command.permission && commandContext) {
         const permissions = commandContext.permissions;
@@ -1194,7 +1024,7 @@ function useChatComposerController({
     tone: "error",
     message: /control changed|paused while/i.test(delivery.error.message) ? messages.controlChangedError : composerSubmissionErrorMessage(delivery.error) || messages.sendFailedError
   } : null);
-  useEffect2(() => {
+  useEffect(() => {
     if (notice?.tone !== "ok") return;
     const timer = window.setTimeout(
       () => setNotice((current) => current === notice ? null : current),
@@ -1202,13 +1032,13 @@ function useChatComposerController({
     );
     return () => window.clearTimeout(timer);
   }, [notice]);
-  useEffect2(() => {
+  useEffect(() => {
     if (annotationsIncomplete) return;
     setNotice(
       (current) => current?.message === messages.annotationNotesRequired ? null : current
     );
   }, [annotationsIncomplete, messages.annotationNotesRequired]);
-  const runControlOperation = useCallback3(async (operation) => {
+  const runControlOperation = useCallback2(async (operation) => {
     if (controlOperationRef.current) return false;
     controlOperationRef.current = true;
     try {
@@ -1218,21 +1048,21 @@ function useChatComposerController({
       controlOperationRef.current = false;
     }
   }, []);
-  const pause = useCallback3(
+  const pause = useCallback2(
     async (reason) => {
       if (!control || control.pausing || control.resuming) return false;
       return await runControlOperation(() => control.pause(reason));
     },
     [control, runControlOperation]
   );
-  const resume = useCallback3(
+  const resume = useCallback2(
     async (reason) => {
       if (!control || control.pausing || control.resuming) return false;
       return await runControlOperation(() => control.resume(reason));
     },
     [control, runControlOperation]
   );
-  const resumeScope = useCallback3(
+  const resumeScope = useCallback2(
     async (option) => {
       if (!control || control.pausing || control.resuming) return false;
       return await runControlOperation(() => control.resumeScope(option));
@@ -1297,9 +1127,9 @@ function useChatComposerController({
     value: visibleValue
   };
 }
-var ComposerContext = createContext2(null);
+var ComposerContext = createContext(null);
 function useComposerController() {
-  const controller = useContext2(ComposerContext);
+  const controller = useContext(ComposerContext);
   if (!controller) throw new Error("useChatComposer must be used inside <Composer.Root>");
   return controller;
 }
@@ -1311,11 +1141,11 @@ function isRecord(value) {
 }
 var Root = forwardRef(function ComposerRoot({ controller, children, className, style, responsiveBasis = "viewport", ...props }, forwardedRef) {
   const responsiveRootRef = useRef2(null);
-  const responsiveContext = useMemo4(
+  const responsiveContext = useMemo3(
     () => ({ responsiveBasis, rootRef: responsiveRootRef }),
     [responsiveBasis]
   );
-  return /* @__PURE__ */ jsx4(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx4(ComposerResponsiveContext.Provider, { value: responsiveContext, children: /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs4(
+  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,
@@ -1326,23 +1156,23 @@ var Root = forwardRef(function ComposerRoot({ controller, children, className, s
       style: { paddingBottom: "env(safe-area-inset-bottom)", ...style },
       children: [
         children,
-        /* @__PURE__ */ jsx4(ComposerAnnouncements, {})
+        /* @__PURE__ */ jsx3(ComposerAnnouncements, {})
       ]
     }
   ) }) }) });
 });
 var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4("div", { ...props, ref, className: cn("relative", className) });
+  return /* @__PURE__ */ jsx3("div", { ...props, ref, className: cn("relative", className) });
 });
 function CommandPalette2({ className }) {
   const controller = useComposerController();
   const setPaletteMounted = controller.setPaletteMounted;
-  useEffect2(() => {
+  useEffect(() => {
     setPaletteMounted(true);
     return () => setPaletteMounted(false);
   }, [setPaletteMounted]);
   if (!controller.paletteEnabled) return null;
-  return /* @__PURE__ */ jsx4("div", { className, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3("div", { className, children: /* @__PURE__ */ jsx3(
     CommandPalette,
     {
       open: controller.palette.open && controller.confirmState === null,
@@ -1362,7 +1192,7 @@ function CommandPalette2({ className }) {
 }
 var Surface = forwardRef(function ComposerSurface({ className, children, ...props }, ref) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       ...props,
@@ -1378,7 +1208,7 @@ var Surface = forwardRef(function ComposerSurface({ className, children, ...prop
         className
       ),
       children: [
-        controller.dragging ? /* @__PURE__ */ jsx4(
+        controller.dragging ? /* @__PURE__ */ jsx3(
           "div",
           {
             "aria-hidden": true,
@@ -1386,8 +1216,8 @@ var Surface = forwardRef(function ComposerSurface({ className, children, ...prop
               "pointer-events-none absolute inset-0 z-10 flex items-center justify-center",
               "rounded-og-lg bg-og-surface-1/85 text-og-menu font-medium text-og-accent backdrop-blur-[1px]"
             ),
-            children: /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx4(PaperclipIcon, { className: "size-4" }),
+            children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" }),
               controller.messages.dropFiles
             ] })
           }
@@ -1400,7 +1230,7 @@ var Surface = forwardRef(function ComposerSurface({ className, children, ...prop
 function PausedState() {
   const controller = useComposerController();
   if (!controller.paused || !controller.effectiveControl || !controller.hasControl) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     WorkstreamPausedStrip,
     {
       control: controller.effectiveControl,
@@ -1420,7 +1250,7 @@ function PausedState() {
 function RestoredResources() {
   const controller = useComposerController();
   if (controller.restoredResources.length === 0 || !controller.removeRestoredResource) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     RestoredResourceChips,
     {
       resources: controller.restoredResources,
@@ -1432,7 +1262,7 @@ function RestoredResources() {
 function Attachments() {
   const controller = useComposerController();
   if (!controller.attachments || controller.attachments.attachments.length === 0) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     AttachmentChips,
     {
       attachments: controller.attachments.attachments,
@@ -1448,17 +1278,20 @@ var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className
   const controller = useComposerController();
   const autoFocusedRef = useRef2(false);
   const paletteOpen = controller.paletteEnabled && controller.paletteMounted && controller.palette.open;
-  useEffect2(() => {
+  useEffect(() => {
     if (!autoFocus || controller.disabled || autoFocusedRef.current) return;
     const frame = window.requestAnimationFrame(() => {
       const textarea = controller.textareaRef.current;
       if (!textarea || textarea.disabled) return;
       autoFocusedRef.current = true;
+      const active = textarea.ownerDocument.activeElement;
+      if (active !== textarea && active?.closest('input, textarea, select, [contenteditable="true"], [role="textbox"]'))
+        return;
       textarea.focus();
     });
     return () => window.cancelAnimationFrame(frame);
   }, [autoFocus, controller.disabled, controller.textareaRef]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "textarea",
     {
       ...props,
@@ -1489,7 +1322,7 @@ function Confirmation() {
   const controller = useComposerController();
   const command = controller.confirmState?.command;
   if (!command || !controller.confirmState) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     ConfirmBar,
     {
       command,
@@ -1501,7 +1334,7 @@ function Confirmation() {
   );
 }
 var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       ...props,
@@ -1517,7 +1350,7 @@ var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
 });
 var Controls = forwardRef(
   function ComposerControls({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       "span",
       {
         ...props,
@@ -1533,7 +1366,7 @@ var Controls = forwardRef(
 );
 var Hint = forwardRef(function ComposerHint({ className, children, ...props }, ref) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       ...props,
@@ -1547,7 +1380,7 @@ var Hint = forwardRef(function ComposerHint({ className, children, ...props }, r
   );
 });
 var Actions = forwardRef(function ComposerActions({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       ...props,
@@ -1565,8 +1398,8 @@ var AttachButton = forwardRef(
     const controller = useComposerController();
     if (!controller.attachments) return null;
     const tip = title ?? controller.messages.attachFiles;
-    return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-      /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
         "input",
         {
           ref: controller.fileInputRef,
@@ -1578,7 +1411,7 @@ var AttachButton = forwardRef(
           onChange: controller.handleFileChange
         }
       ),
-      /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(ComposerTip, { tip, children: /* @__PURE__ */ jsx3(
         "button",
         {
           ...props,
@@ -1593,7 +1426,7 @@ var AttachButton = forwardRef(
             "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11",
             className
           ),
-          children: children ?? /* @__PURE__ */ jsx4(PaperclipIcon, { className: "size-4" })
+          children: children ?? /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" })
         }
       ) })
     ] });
@@ -1609,7 +1442,7 @@ function ModelPicker2({
   codexOnly
 }) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     ModelPicker,
     {
       models,
@@ -1629,7 +1462,7 @@ var PauseButton = forwardRef(
     if (!controller.effectiveControl || controller.paused || !controller.hasControl) return null;
     const busy = controller.pausing || controller.resuming;
     const tip = title ?? controller.messages.pauseTitle;
-    return /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(ComposerTip, { tip, children: /* @__PURE__ */ jsx3(
       "button",
       {
         ...props,
@@ -1645,7 +1478,7 @@ var PauseButton = forwardRef(
           "disabled:opacity-50",
           className
         ),
-        children: children ?? (busy ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx4(PauseIcon, { className: "size-3.5 fill-current" }))
+        children: children ?? (busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 fill-current" }))
       }
     ) });
   }
@@ -1654,7 +1487,7 @@ var SendButton = forwardRef(
   function ComposerSendButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
     const controller = useComposerController();
     const tip = title ?? (controller.submitBlocker === "annotations" ? controller.messages.annotationNotesRequired : controller.paused ? controller.messages.sendAndResumeTitle : controller.messages.sendTitle);
-    return /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(ComposerTip, { tip, children: /* @__PURE__ */ jsx3(
       "button",
       {
         ...props,
@@ -1672,14 +1505,14 @@ var SendButton = forwardRef(
           "disabled:cursor-not-allowed disabled:bg-og-surface-3 disabled:text-og-fg-subtle disabled:shadow-none",
           className
         ),
-        children: children ?? (controller.sending ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx4(ArrowUpIcon, { className: "size-4" }))
+        children: children ?? (controller.sending ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx3(ArrowUpIcon, { className: "size-4" }))
       }
     ) });
   }
 );
 function Help() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx4(AnimatePresence3, { children: controller.helpOpen ? /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(AnimatePresence2, { children: controller.helpOpen ? /* @__PURE__ */ jsx3(
     HelpPanel,
     {
       commands: controller.helpCommands,
@@ -1690,9 +1523,9 @@ function Help() {
 }
 function Status() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx4(AnimatePresence3, { children: controller.activeNotice ? /* @__PURE__ */ jsx4(
-      motion3.p,
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(AnimatePresence2, { children: controller.activeNotice ? /* @__PURE__ */ jsx3(
+      motion2.p,
       {
         initial: { opacity: 0, height: 0 },
         animate: { opacity: 1, height: "auto" },
@@ -1704,9 +1537,9 @@ function Status() {
         children: controller.activeNotice.message
       }
     ) : null }),
-    controller.draftConflict ? /* @__PURE__ */ jsxs4("div", { className: "mt-1.5 flex flex-wrap items-center gap-2 px-1 text-og-xs text-og-status-failed", children: [
-      /* @__PURE__ */ jsx4("span", { className: "min-w-0 flex-1", children: controller.messages.draftConflict }),
-      /* @__PURE__ */ jsx4(
+    controller.draftConflict ? /* @__PURE__ */ jsxs3("div", { className: "mt-1.5 flex flex-wrap items-center gap-2 px-1 text-og-xs text-og-status-failed", children: [
+      /* @__PURE__ */ jsx3("span", { className: "min-w-0 flex-1", children: controller.messages.draftConflict }),
+      /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -1715,7 +1548,7 @@ function Status() {
           children: controller.messages.useOtherDraft
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -1729,9 +1562,9 @@ function Status() {
 }
 function ComposerAnnouncements() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs4("div", { className: "sr-only", children: [
-    controller.activeNotice ? /* @__PURE__ */ jsx4("p", { role: controller.activeNotice.tone === "error" ? "alert" : "status", children: controller.activeNotice.message }) : null,
-    controller.draftConflict ? /* @__PURE__ */ jsx4("p", { role: "alert", children: controller.messages.draftConflict }) : null
+  return /* @__PURE__ */ jsxs3("div", { className: "sr-only", children: [
+    controller.activeNotice ? /* @__PURE__ */ jsx3("p", { role: controller.activeNotice.tone === "error" ? "alert" : "status", children: controller.activeNotice.message }) : null,
+    controller.draftConflict ? /* @__PURE__ */ jsx3("p", { role: "alert", children: controller.messages.draftConflict }) : null
   ] });
 }
 function mergeRefs(...refs) {
@@ -1761,10 +1594,10 @@ function WorkstreamPausedStrip({
   const broaderOptions = control.resumeOptions.filter(
     (option) => option !== primary && option.scope !== "selected" && (option.scope !== "workspace" || canControlWorkspace)
   );
-  return /* @__PURE__ */ jsxs4("div", { className: "border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07]", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx4(PauseIcon, { className: "size-3.5 shrink-0 text-og-status-waiting" }),
-      /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3("div", { className: "border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07]", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 shrink-0 text-og-status-waiting" }),
+      /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -1772,12 +1605,12 @@ function WorkstreamPausedStrip({
           onClick: () => onOpenChange(!open),
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ jsx4("span", { className: "block truncate text-og-xs font-medium text-og-fg", children: cause }),
-            /* @__PURE__ */ jsx4("span", { className: "block truncate text-[11px] text-og-fg-muted", children: queuedAheadCount > 0 ? messages.queuedAhead(queuedAheadCount) : sending ? messages.resumingAndSending : messages.nextMessageResumes })
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-og-xs font-medium text-og-fg", children: cause }),
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-[11px] text-og-fg-muted", children: queuedAheadCount > 0 ? messages.queuedAhead(queuedAheadCount) : sending ? messages.resumingAndSending : messages.nextMessageResumes })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -1786,47 +1619,47 @@ function WorkstreamPausedStrip({
           disabled: busy,
           onClick: onResume,
           children: [
-            busy ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx4(PlayIcon, { className: "size-3.5 fill-current" }),
-            /* @__PURE__ */ jsx4("span", { className: "og-composer-resume-label-long hidden min-[400px]:inline", children: messages.resumeThisWorkstream }),
-            /* @__PURE__ */ jsx4("span", { className: "og-composer-resume-label-short min-[400px]:hidden", children: messages.resumeShort })
+            busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PlayIcon, { className: "size-3.5 fill-current" }),
+            /* @__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 })
           ]
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
           className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md text-og-fg-muted hover:bg-og-surface-2 pointer-coarse:size-11",
           onClick: () => onOpenChange(!open),
           "aria-label": open ? messages.hidePauseDetails : messages.showPauseDetails,
-          children: /* @__PURE__ */ jsx4(ChevronDownIcon2, { className: cn("size-3.5 transition-transform", open && "rotate-180") })
+          children: /* @__PURE__ */ jsx3(ChevronDownIcon2, { className: cn("size-3.5 transition-transform", open && "rotate-180") })
         }
       )
     ] }),
-    open ? /* @__PURE__ */ jsxs4("div", { className: "border-t border-og-status-waiting/20 px-3 pb-3 pt-2", children: [
-      /* @__PURE__ */ jsx4("ul", { className: "grid gap-2", "aria-label": messages.pauseReasonsLabel, children: control.blockers.map((entry, index) => /* @__PURE__ */ jsxs4(
+    open ? /* @__PURE__ */ jsxs3("div", { className: "border-t border-og-status-waiting/20 px-3 pb-3 pt-2", children: [
+      /* @__PURE__ */ jsx3("ul", { className: "grid gap-2", "aria-label": messages.pauseReasonsLabel, children: control.blockers.map((entry, index) => /* @__PURE__ */ jsxs3(
         "li",
         {
           className: "text-og-xs",
           children: [
-            /* @__PURE__ */ jsx4("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
-            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
+            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx3(
               "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-hidden focus-visible:ring-2 focus-visible:ring-og-ring/40",
                 children: entry.displayName
               }
-            ) : /* @__PURE__ */ jsx4("span", { className: "font-medium text-og-fg", children: entry.displayName }),
-            entry.reason ? /* @__PURE__ */ jsxs4("span", { className: "text-og-fg-muted", children: [
+            ) : /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: entry.displayName }),
+            entry.reason ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-muted", children: [
               " \xB7 ",
               entry.reason
             ] }) : null,
-            entry.actor ? /* @__PURE__ */ jsxs4("span", { className: "text-og-fg-subtle", children: [
+            entry.actor ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
               " \xB7 ",
               entry.actor
             ] }) : null,
-            entry.changedAt ? /* @__PURE__ */ jsxs4("span", { className: "text-og-fg-subtle", children: [
+            entry.changedAt ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
               " ",
               "\xB7 ",
               messages.formatRelativeTime(entry.changedAt)
@@ -1835,11 +1668,11 @@ function WorkstreamPausedStrip({
         },
         `${entry.kind}-${entry.sessionId ?? "workspace"}-${entry.revision}`
       )) }),
-      broaderOptions.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsx4(
+      broaderOptions.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsx3(
         ComposerTip,
         {
           tip: option.impactCopy,
-          children: /* @__PURE__ */ jsxs4(
+          children: /* @__PURE__ */ jsxs3(
             "button",
             {
               type: "button",
@@ -1847,8 +1680,8 @@ function WorkstreamPausedStrip({
               onClick: () => onResumeOption(option),
               className: "rounded-og-md border border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-10",
               children: [
-                /* @__PURE__ */ jsx4("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
-                /* @__PURE__ */ jsx4("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
+                /* @__PURE__ */ jsx3("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
+                /* @__PURE__ */ jsx3("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
                   option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
                 ) })
               ]
@@ -1869,26 +1702,26 @@ function RestoredResourceChips({
   messages,
   onRemove
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       className: "flex flex-wrap gap-1.5 border-b border-og-border px-3 py-2",
       "aria-label": messages.restoredResourcesLabel,
-      children: resources.map((resource, index) => /* @__PURE__ */ jsxs4(
+      children: resources.map((resource, index) => /* @__PURE__ */ jsxs3(
         "span",
         {
           className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-og-md border border-og-border bg-og-surface-2 px-2 py-1 text-og-xs text-og-fg-muted",
           children: [
-            /* @__PURE__ */ jsx4(FileIcon, { className: "size-3 shrink-0" }),
-            /* @__PURE__ */ jsx4("span", { className: "truncate", children: resource.kind === "file" ? messages.restoredFile(resource.fileId) : resource.uri }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(FileIcon, { className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsx3("span", { className: "truncate", children: resource.kind === "file" ? messages.restoredFile(resource.fileId) : resource.uri }),
+            /* @__PURE__ */ jsx3(
               "button",
               {
                 type: "button",
                 className: "shrink-0 hover:text-og-fg",
                 onClick: () => onRemove(index),
                 "aria-label": messages.removeRestoredResource(index),
-                children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3" })
+                children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3" })
               }
             )
           ]
@@ -1907,12 +1740,12 @@ function ConfirmBar({
 }) {
   const confirmRef = useRef2(null);
   const descriptionId = useId2();
-  useEffect2(() => {
+  useEffect(() => {
     const returnTo = returnFocusRef?.current ?? null;
     confirmRef.current?.focus();
     return () => returnTo?.focus();
   }, [returnFocusRef]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       role: "alertdialog",
@@ -1928,9 +1761,9 @@ function ConfirmBar({
       },
       className: "flex items-end justify-between gap-2 px-2.5 pb-2.5 pt-1",
       children: [
-        /* @__PURE__ */ jsx4("span", { id: descriptionId, className: "min-w-0 flex-1 px-1.5 text-og-sm text-og-status-failed", children: messages.confirmDescription(command) }),
-        /* @__PURE__ */ jsxs4("span", { className: "flex shrink-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("span", { id: descriptionId, className: "min-w-0 flex-1 px-1.5 text-og-sm text-og-status-failed", children: messages.confirmDescription(command) }),
+        /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1939,7 +1772,7 @@ function ConfirmBar({
               children: messages.cancel
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               ref: confirmRef,
@@ -1964,9 +1797,9 @@ function AttachmentChips({
 }) {
   const lightbox = useLightboxOptional();
   const previewRequest = useRef2(null);
-  const [previewLoadingId, setPreviewLoadingId] = useState3(null);
-  const [previewErrorId, setPreviewErrorId] = useState3(null);
-  useEffect2(() => () => previewRequest.current?.abort(), [onLoadPreview]);
+  const [previewLoadingId, setPreviewLoadingId] = useState2(null);
+  const [previewErrorId, setPreviewErrorId] = useState2(null);
+  useEffect(() => () => previewRequest.current?.abort(), [onLoadPreview]);
   async function openPreview(attachment, source, canLoadPreview) {
     previewRequest.current?.abort();
     const attachmentId = attachment.id;
@@ -2006,7 +1839,7 @@ function AttachmentChips({
       releaseSource
     );
   }
-  return /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-2 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 secureContextRequired = attachment.errorCode === "secure_context_required";
     const previewFailed = previewErrorId === attachment.id;
@@ -2015,7 +1848,7 @@ function AttachmentChips({
       lightbox && onLoadPreview && attachment.status === "ready" && attachment.file && attachment.contentType.startsWith("image/")
     );
     const statusText = previewFailed ? messages.previewUnavailable ?? "Preview unavailable" : attachment.status === "uploading" ? messages.uploading : failed ? attachment.error || messages.uploadFailed : messages.formatBytes(attachment.sizeBytes);
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         className: cn(
@@ -2026,7 +1859,7 @@ function AttachmentChips({
           ) : "max-w-[240px] border-og-border bg-og-surface-2"
         ),
         children: [
-          lightbox && (attachment.previewUrl || canLoadPreview) ? /* @__PURE__ */ jsx4(
+          lightbox && (attachment.previewUrl || canLoadPreview) ? /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -2038,46 +1871,46 @@ function AttachmentChips({
               "aria-busy": previewLoading || void 0,
               disabled: previewLoading,
               onClick: (event) => void openPreview(attachment, event.currentTarget, canLoadPreview),
-              children: attachment.previewUrl ? /* @__PURE__ */ jsx4(
+              children: attachment.previewUrl ? /* @__PURE__ */ jsx3(
                 "img",
                 {
                   src: attachment.previewUrl,
                   alt: "",
                   className: "h-full w-full object-cover transition-opacity hover:opacity-80"
                 }
-              ) : previewLoading ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-4 animate-og-spin text-og-fg-muted" }) : /* @__PURE__ */ jsx4(ImageIcon, { className: "size-4 text-og-fg-muted" })
+              ) : previewLoading ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-4 animate-og-spin text-og-fg-muted" }) : /* @__PURE__ */ jsx3(ImageIcon, { className: "size-4 text-og-fg-muted" })
             }
-          ) : attachment.previewUrl ? /* @__PURE__ */ jsx4(
+          ) : attachment.previewUrl ? /* @__PURE__ */ jsx3(
             "img",
             {
               src: attachment.previewUrl,
               alt: "",
               className: "size-8 shrink-0 rounded object-cover"
             }
-          ) : attachment.contentType.startsWith("image/") ? /* @__PURE__ */ jsx4(ImageIcon, { className: "size-4 shrink-0 text-og-fg-muted" }) : /* @__PURE__ */ jsx4(FileIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
-          /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx4("div", { className: "truncate font-medium text-og-fg", children: attachment.name }),
-            secureContextRequired ? /* @__PURE__ */ jsx4("div", { className: "break-words text-og-xs leading-4 text-og-status-failed", children: statusText }) : failed || previewFailed ? /* @__PURE__ */ jsx4(ComposerTip, { tip: statusText, children: /* @__PURE__ */ jsx4("div", { className: "truncate text-og-xs text-og-status-failed", children: statusText }) }) : /* @__PURE__ */ jsx4("div", { className: "truncate text-og-xs text-og-fg-subtle", children: statusText })
+          ) : attachment.contentType.startsWith("image/") ? /* @__PURE__ */ jsx3(ImageIcon, { className: "size-4 shrink-0 text-og-fg-muted" }) : /* @__PURE__ */ jsx3(FileIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx3("div", { className: "truncate font-medium text-og-fg", children: attachment.name }),
+            secureContextRequired ? /* @__PURE__ */ jsx3("div", { className: "break-words text-og-xs leading-4 text-og-status-failed", children: statusText }) : failed || previewFailed ? /* @__PURE__ */ jsx3(ComposerTip, { tip: statusText, children: /* @__PURE__ */ jsx3("div", { className: "truncate text-og-xs text-og-status-failed", children: statusText }) }) : /* @__PURE__ */ jsx3("div", { className: "truncate text-og-xs text-og-fg-subtle", children: statusText })
           ] }),
-          attachment.status === "uploading" ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
-          failed && !secureContextRequired && onRetry ? /* @__PURE__ */ jsx4(ComposerTip, { tip: messages.retryUpload, children: /* @__PURE__ */ jsx4(
+          attachment.status === "uploading" ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
+          failed && !secureContextRequired && onRetry ? /* @__PURE__ */ jsx3(ComposerTip, { tip: messages.retryUpload, children: /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
               onClick: () => onRetry(attachment.id),
               className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
               "aria-label": messages.retryAttachment(attachment.name),
-              children: /* @__PURE__ */ jsx4(RotateCwIcon, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx3(RotateCwIcon, { className: "size-3.5" })
             }
           ) }) : null,
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
               onClick: () => onRemove(attachment.id),
               className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
               "aria-label": messages.removeAttachment(attachment.name),
-              children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3.5" })
             }
           )
         ]
@@ -2091,17 +1924,17 @@ function HelpPanel({
   messages,
   onClose
 }) {
-  return /* @__PURE__ */ jsxs4(
-    motion3.div,
+  return /* @__PURE__ */ jsxs3(
+    motion2.div,
     {
       initial: { opacity: 0, height: 0 },
       animate: { opacity: 1, height: "auto" },
       exit: { opacity: 0, height: 0 },
       className: "mt-2 overflow-hidden rounded-og-lg border border-og-border bg-og-surface-2",
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between border-b border-og-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx4("span", { className: "text-og-sm font-medium text-og-fg", children: messages.commands }),
-          /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-b border-og-border px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx3("span", { className: "text-og-sm font-medium text-og-fg", children: messages.commands }),
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -2111,16 +1944,16 @@ function HelpPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx4("ul", { className: "py-1", children: commands.map((command) => {
+        /* @__PURE__ */ jsx3("ul", { className: "py-1", children: commands.map((command) => {
           const hint = argHint(command.args);
-          return /* @__PURE__ */ jsxs4("li", { className: "flex items-baseline gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsxs4("span", { className: "font-mono text-og-sm text-og-accent", children: [
+          return /* @__PURE__ */ jsxs3("li", { className: "flex items-baseline gap-2 px-3 py-1", children: [
+            /* @__PURE__ */ jsxs3("span", { className: "font-mono text-og-sm text-og-accent", children: [
               "/",
               command.name,
-              hint ? /* @__PURE__ */ jsx4("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
+              hint ? /* @__PURE__ */ jsx3("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
             ] }),
-            /* @__PURE__ */ jsx4("span", { className: "text-og-sm text-og-fg-muted", children: command.description }),
-            command.danger ? /* @__PURE__ */ jsx4("span", { className: "ml-auto rounded-og-xs bg-og-status-failed/15 px-1 text-og-xs uppercase tracking-wide text-og-status-failed", children: messages.danger }) : null
+            /* @__PURE__ */ jsx3("span", { className: "text-og-sm text-og-fg-muted", children: command.description }),
+            command.danger ? /* @__PURE__ */ jsx3("span", { className: "ml-auto rounded-og-xs bg-og-status-failed/15 px-1 text-og-xs uppercase tracking-wide text-og-status-failed", children: messages.danger }) : null
           ] }, command.name);
         }) })
       ]
@@ -2478,7 +2311,7 @@ import {
   authorizeTranscriptionAdapter,
   createTranscriptionSessionRequest
 } from "@opengeni/sdk";
-import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo5, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo4, useRef as useRef3, useState as useState3 } from "react";
 var INITIAL_TRANSCRIPTION_CONTROL_STATE = {
   status: "idle",
   generation: 0,
@@ -2640,7 +2473,7 @@ function useTranscription({
   lifecycleTimeouts,
   onDiagnostic
 }) {
-  const [state, setState] = useState4(INITIAL_TRANSCRIPTION_CONTROL_STATE);
+  const [state, setState] = useState3(INITIAL_TRANSCRIPTION_CONTROL_STATE);
   const stateRef = useRef3(state);
   const valueRef = useRef3(value);
   const sessionRef = useRef3(null);
@@ -2655,7 +2488,7 @@ function useTranscription({
     lifecycleTimeouts?.cleanupMs,
     DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS.cleanupMs
   );
-  const reportDiagnostic = useCallback4(
+  const reportDiagnostic = useCallback3(
     (diagnostic) => {
       if (!onDiagnostic) return;
       try {
@@ -2666,19 +2499,19 @@ function useTranscription({
     [onDiagnostic]
   );
   const cleanupRuntimeRef = useRef3({ cleanupTimeoutMs, reportDiagnostic });
-  useEffect3(() => {
+  useEffect2(() => {
     cleanupRuntimeRef.current = { cleanupTimeoutMs, reportDiagnostic };
   }, [cleanupTimeoutMs, reportDiagnostic]);
-  const policyRevision = useMemo5(
+  const policyRevision = useMemo4(
     () => transcriptionPolicyRevision(policy, selection),
     [policy, selection]
   );
-  const authorization = useMemo5(
+  const authorization = useMemo4(
     () => adapter ? authorizeTranscriptionAdapter(policy, adapter.descriptor, selection) : null,
     [adapter, policy, selection]
   );
   const unavailableReason = disabled ? "composer_disabled" : !policy.enabled ? "disabled" : !policy.acceptanceId ? "unaccepted" : !policy.primary ? "target_missing" : !adapter ? "adapter_missing" : authorization?.authorized ? null : authorization?.reason ?? "unaccepted";
-  const apply = useCallback4(
+  const apply = useCallback3(
     (action) => {
       const transition = transitionTranscriptionControl(stateRef.current, action);
       if (transition.state !== stateRef.current) {
@@ -2695,7 +2528,7 @@ function useTranscription({
     },
     [focusInput, setValue]
   );
-  const releaseTerminalSession = useCallback4(
+  const releaseTerminalSession = useCallback3(
     (generation) => {
       const active = sessionRef.current;
       if (!active || active.generation !== generation) return;
@@ -2708,7 +2541,7 @@ function useTranscription({
     },
     [cleanupTimeoutMs, reportDiagnostic]
   );
-  const start = useCallback4(async () => {
+  const start = useCallback3(async () => {
     if (!adapter || unavailableReason !== null || isActiveTranscriptionStatus(stateRef.current.status)) {
       return false;
     }
@@ -2842,7 +2675,7 @@ function useTranscription({
     startTimeoutMs,
     unavailableReason
   ]);
-  const cancel = useCallback4(async () => {
+  const cancel = useCallback3(async () => {
     const current = stateRef.current;
     if (!isActiveTranscriptionStatus(current.status)) return false;
     const generation = current.generation;
@@ -2866,8 +2699,8 @@ function useTranscription({
     }
     return true;
   }, [apply, cleanupTimeoutMs, focusInput, reportDiagnostic]);
-  const reset = useCallback4(() => apply({ type: "reset" }), [apply]);
-  useEffect3(() => {
+  const reset = useCallback3(() => apply({ type: "reset" }), [apply]);
+  useEffect2(() => {
     if (!isActiveTranscriptionStatus(state.status)) return;
     const onKeyDown = (event) => {
       if (event.key !== "Escape") return;
@@ -2877,7 +2710,7 @@ function useTranscription({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [cancel, state.status]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!isActiveTranscriptionStatus(state.status)) return;
     const activePolicy = activePolicyRef.current;
     if (unavailableReason === null && activePolicy?.generation === state.generation && activePolicy.revision === policyRevision) {
@@ -2885,7 +2718,7 @@ function useTranscription({
     }
     void cancel();
   }, [cancel, policyRevision, state.generation, state.status, unavailableReason]);
-  useEffect3(
+  useEffect2(
     () => () => {
       const pending = pendingStartRef.current;
       pendingStartRef.current = null;
@@ -3039,7 +2872,7 @@ function transcriptionPolicyRevision(policy, selection) {
 
 // src/hooks/use-voice-input.ts
 import { OpenGeniApiError } from "@opengeni/sdk";
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef4, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect3, useRef as useRef4, useState as useState4 } from "react";
 
 // src/voice-recording-owner.ts
 var VOICE_RECORDING_OWNER_SESSION_KEY = "opengeni.voice-recording-owner.v1";
@@ -3263,20 +3096,20 @@ function useVoiceInput({
   now = currentDate,
   automaticRetryDelayMilliseconds
 }) {
-  const [status, setStatus] = useState5("idle");
-  const [error, setError] = useState5(null);
-  const [stream, setStream] = useState5(null);
-  const [recordingId, setRecordingId] = useState5(null);
-  const [durationSeconds, setDurationSeconds] = useState5(0);
-  const [locallySaved, setLocallySaved] = useState5(false);
-  const [storageAvailable, setStorageAvailable] = useState5(
+  const [status, setStatus] = useState4("idle");
+  const [error, setError] = useState4(null);
+  const [stream, setStream] = useState4(null);
+  const [recordingId, setRecordingId] = useState4(null);
+  const [durationSeconds, setDurationSeconds] = useState4(0);
+  const [locallySaved, setLocallySaved] = useState4(false);
+  const [storageAvailable, setStorageAvailable] = useState4(
     () => Boolean(createRecordingStore) || typeof globalThis.indexedDB !== "undefined"
   );
   const createRecordingStoreRef = useRef4(createRecordingStore);
   createRecordingStoreRef.current = createRecordingStore;
   const nowRef = useRef4(now);
   nowRef.current = now;
-  const readNow = useCallback5(() => nowRef.current(), []);
+  const readNow = useCallback4(() => nowRef.current(), []);
   const generationRef = useRef4(0);
   const workspaceIdRef = useRef4(workspaceId);
   const ownerIdRef = useRef4(null);
@@ -3304,7 +3137,7 @@ function useVoiceInput({
   valueRef.current = value;
   statusRef.current = status;
   workspaceIdRef.current = workspaceId;
-  const ensureOwnerId = useCallback5(async () => {
+  const ensureOwnerId = useCallback4(async () => {
     if (ownerIdRef.current) return ownerIdRef.current;
     ownerIdPromiseRef.current ??= (async () => {
       const injectedOwnerId = createOwnerIdRef.current?.();
@@ -3319,11 +3152,11 @@ function useVoiceInput({
     })();
     return await ownerIdPromiseRef.current;
   }, []);
-  const stopOwnerHeartbeat = useCallback5(() => {
+  const stopOwnerHeartbeat = useCallback4(() => {
     if (ownerHeartbeatTimerRef.current) clearInterval(ownerHeartbeatTimerRef.current);
     ownerHeartbeatTimerRef.current = null;
   }, []);
-  const clearCaptureRuntime = useCallback5((expectedStream) => {
+  const clearCaptureRuntime = useCallback4((expectedStream) => {
     const captureStream = expectedStream ?? streamRef.current;
     captureStream?.getTracks().forEach((track) => track.stop());
     if (expectedStream && streamRef.current !== expectedStream) return;
@@ -3333,7 +3166,7 @@ function useVoiceInput({
     recorderRef.current = null;
     setStream(null);
   }, []);
-  const clearVisibleRecording = useCallback5(() => {
+  const clearVisibleRecording = useCallback4(() => {
     stopOwnerHeartbeat();
     manifestRef.current = null;
     setRecordingId(null);
@@ -3341,7 +3174,7 @@ function useVoiceInput({
     setLocallySaved(false);
     automaticRetryAttemptRef.current = 0;
   }, [stopOwnerHeartbeat]);
-  const ensureStore = useCallback5(async () => {
+  const ensureStore = useCallback4(async () => {
     if (storeRef.current) return storeRef.current;
     if (!storePromiseRef.current) {
       storePromiseRef.current = Promise.resolve().then(() => {
@@ -3361,13 +3194,13 @@ function useVoiceInput({
       throw reason;
     }
   }, []);
-  const rememberManifest = useCallback5((manifest) => {
+  const rememberManifest = useCallback4((manifest) => {
     manifestRef.current = manifest;
     setRecordingId(manifest.recordingId);
     setDurationSeconds(manifest.totalDurationMilliseconds / 1e3);
     setLocallySaved(manifest.chunkCount > 0);
   }, []);
-  const beginOwnerHeartbeat = useCallback5(
+  const beginOwnerHeartbeat = useCallback4(
     (manifest) => {
       stopOwnerHeartbeat();
       ownerHeartbeatTimerRef.current = setInterval(() => {
@@ -3392,7 +3225,7 @@ function useVoiceInput({
     },
     [ensureStore, readNow, stopOwnerHeartbeat]
   );
-  const preserveForRetry = useCallback5(
+  const preserveForRetry = useCallback4(
     async (manifest, code, generation) => {
       if (generation !== generationRef.current) return;
       rememberManifest(manifest);
@@ -3403,7 +3236,7 @@ function useVoiceInput({
     },
     [focusInput, rememberManifest]
   );
-  const updateManifestBestEffort = useCallback5(
+  const updateManifestBestEffort = useCallback4(
     async (manifest, update) => {
       try {
         return await (await ensureStore()).updateManifest(
@@ -3418,7 +3251,7 @@ function useVoiceInput({
     },
     [ensureStore, readNow]
   );
-  const loadNextRecoverable = useCallback5(
+  const loadNextRecoverable = useCallback4(
     async (generation) => {
       const active = () => generation === generationRef.current && workspaceIdRef.current === workspaceId;
       const [store, ownerId] = await Promise.all([ensureStore(), ensureOwnerId()]);
@@ -3470,7 +3303,7 @@ function useVoiceInput({
     },
     [beginOwnerHeartbeat, ensureOwnerId, ensureStore, readNow, rememberManifest, workspaceId]
   );
-  const finalizePersistedRecording = useCallback5(
+  const finalizePersistedRecording = useCallback4(
     async (generation) => {
       const manifest = manifestRef.current;
       const resumable = capability?.resumable && isResumableVoiceInputClient(client) ? capability.resumable : null;
@@ -3627,7 +3460,7 @@ function useVoiceInput({
   const finalizePersistedRecordingRef = useRef4(finalizePersistedRecording);
   finalizePersistedRecordingRef.current = finalizePersistedRecording;
   const clientAvailable = client !== null && client !== void 0;
-  useEffect4(() => {
+  useEffect3(() => {
     if (status !== "retrying" || !manifestRef.current || manifestRef.current.recoveryMode !== "automatic" || manifestRef.current.workspaceId !== workspaceId || !clientAvailable || disabled || !enabled) {
       return;
     }
@@ -3662,7 +3495,7 @@ function useVoiceInput({
       automaticRetryTimerRef.current = null;
     };
   }, [automaticRetryDelayMilliseconds, clientAvailable, disabled, enabled, status, workspaceId]);
-  const stop = useCallback5(() => {
+  const stop = useCallback4(() => {
     const recorder = recorderRef.current;
     if (!recorder || recorder.state === "inactive") return;
     if (timerRef.current) clearTimeout(timerRef.current);
@@ -3670,7 +3503,7 @@ function useVoiceInput({
     setStatus("saving");
     recorder.stop();
   }, []);
-  const start = useCallback5(async () => {
+  const start = useCallback4(async () => {
     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;
     }
@@ -3895,7 +3728,7 @@ function useVoiceInput({
     updateManifestBestEffort,
     workspaceId
   ]);
-  const retry = useCallback5(() => {
+  const retry = useCallback4(() => {
     if (!manifestRef.current || manifestRef.current.finalizationState === "transcript-ready" || manifestRef.current.workspaceId !== workspaceId || !client || disabled || !enabled || status === "saving" || status === "transcribing") {
       return;
     }
@@ -3924,7 +3757,7 @@ function useVoiceInput({
     updateManifestBestEffort,
     workspaceId
   ]);
-  const insertSavedTranscript = useCallback5(async () => {
+  const insertSavedTranscript = useCallback4(async () => {
     const manifest = manifestRef.current;
     if (!manifest || manifest.workspaceId !== workspaceId || manifest.finalizationState !== "transcript-ready" || manifest.transcriptText === null) {
       return;
@@ -3979,7 +3812,7 @@ function useVoiceInput({
     setValue,
     workspaceId
   ]);
-  const discard = useCallback5(async () => {
+  const discard = useCallback4(async () => {
     const manifest = manifestRef.current;
     const generation = ++generationRef.current;
     controllerRef.current?.abort();
@@ -4027,7 +3860,7 @@ function useVoiceInput({
     rememberManifest,
     workspaceId
   ]);
-  const cancel = useCallback5(() => {
+  const cancel = useCallback4(() => {
     if (status === "recording" || status === "requesting-permission") {
       void discard();
       return;
@@ -4053,7 +3886,7 @@ function useVoiceInput({
       });
     }
   }, [discard, preserveForRetry, status, updateManifestBestEffort]);
-  useEffect4(() => {
+  useEffect3(() => {
     const current = manifestRef.current;
     const generation = ++generationRef.current;
     if (current && current.workspaceId !== workspaceId) {
@@ -4103,7 +3936,7 @@ function useVoiceInput({
     readNow,
     workspaceId
   ]);
-  useEffect4(() => {
+  useEffect3(() => {
     const onKeyDown = (event) => {
       if (event.key === "Escape" && (status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing" || status === "retrying")) {
         event.preventDefault();
@@ -4113,7 +3946,7 @@ function useVoiceInput({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [cancel, status]);
-  useEffect4(
+  useEffect3(
     () => () => {
       generationRef.current += 1;
       controllerRef.current?.abort();
@@ -4397,15 +4230,15 @@ import {
   RefreshCwIcon,
   SquareIcon,
   Trash2Icon,
-  XIcon as XIcon3
+  XIcon as XIcon2
 } from "lucide-react";
-import { AnimatePresence as AnimatePresence4, motion as motion4 } from "motion/react";
-import { useEffect as useEffect5, useState as useState6 } from "react";
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function Tip({ tip, children }) {
-  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
-    /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx5(TooltipContent, { side: "top", children: tip })
+  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx4(TooltipContent, { side: "top", children: tip })
   ] });
 }
 var defaultMessages = {
@@ -4469,7 +4302,7 @@ function ComposerTranscriptionControl({
   const retrying = status === "retrying";
   const capturing = status === "requesting-permission" || status === "recording";
   const cancelTranscription = transcription.cancel;
-  useEffect5(() => {
+  useEffect4(() => {
     if (!suppressed) return;
     if (status === "recording" || status === "requesting-permission") {
       cancelTranscription();
@@ -4489,8 +4322,8 @@ function ComposerTranscriptionControl({
     }
     void transcription.start();
   }
-  return /* @__PURE__ */ jsx5(AnimatePresence4, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx5(
-    motion4.span,
+  return /* @__PURE__ */ jsx4(AnimatePresence3, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx4(
+    motion3.span,
     {
       initial: { opacity: 0, width: 0 },
       animate: { opacity: 1, width: "auto" },
@@ -4505,9 +4338,9 @@ function ComposerTranscriptionControl({
       ),
       "data-transcription-status": status,
       "data-transcription-capturing": capturing ? "" : void 0,
-      children: /* @__PURE__ */ jsxs5("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx5(AnimatePresence4, { mode: "popLayout", initial: false, children: recoverable ? /* @__PURE__ */ jsxs5(
-          motion4.span,
+      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,
           {
             initial: { opacity: 0, scale: 0.96 },
             animate: { opacity: 1, scale: 1 },
@@ -4518,12 +4351,12 @@ function ComposerTranscriptionControl({
               "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
             ),
             children: [
-              /* @__PURE__ */ jsx5("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__ */ jsx5(
+              /* @__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,
                 {
                   tip: savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
-                  children: /* @__PURE__ */ jsx5(
+                  children: /* @__PURE__ */ jsx4(
                     "button",
                     {
                       type: "button",
@@ -4534,12 +4367,12 @@ function ComposerTranscriptionControl({
                         "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__ */ jsx5(ClipboardPasteIcon, { className: "size-3.5" }) : retrying ? /* @__PURE__ */ jsx5(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx5(RefreshCwIcon, { className: "size-3.5" })
+                      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__ */ jsx5(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx4(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx4(
                 "button",
                 {
                   type: "button",
@@ -4550,14 +4383,14 @@ function ComposerTranscriptionControl({
                     "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
                     "hover:bg-og-surface-3 hover:text-og-status-failed pointer-coarse:size-11"
                   ),
-                  children: /* @__PURE__ */ jsx5(Trash2Icon, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx4(Trash2Icon, { className: "size-3.5" })
                 }
               ) })
             ]
           },
           "recovered"
-        ) : active ? /* @__PURE__ */ jsxs5(
-          motion4.span,
+        ) : active ? /* @__PURE__ */ jsxs4(
+          motion3.span,
           {
             initial: { opacity: 0, scale: 0.96 },
             animate: { opacity: 1, scale: 1 },
@@ -4568,21 +4401,21 @@ function ComposerTranscriptionControl({
               "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
             ),
             children: [
-              status === "requesting-permission" ? /* @__PURE__ */ jsx5(
+              status === "requesting-permission" ? /* @__PURE__ */ jsx4(
                 LoaderCircleIcon2,
                 {
                   className: "size-3.5 shrink-0 text-og-fg-muted animate-og-spin motion-reduce:animate-none",
                   "aria-hidden": true
                 }
-              ) : /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1.5", children: [
-                status === "recording" ? /* @__PURE__ */ jsx5(
+              ) : /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1.5", children: [
+                status === "recording" ? /* @__PURE__ */ jsx4(
                   "span",
                   {
                     "aria-hidden": true,
                     className: "size-1.5 shrink-0 rounded-full bg-og-status-failed animate-og-pulse motion-reduce:animate-none"
                   }
                 ) : null,
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx4(
                   VoiceWaveform,
                   {
                     stream: status === "recording" ? transcription.stream : null,
@@ -4590,8 +4423,8 @@ function ComposerTranscriptionControl({
                   }
                 )
               ] }),
-              status === "recording" ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                /* @__PURE__ */ jsx5(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx5(
+              status === "recording" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+                /* @__PURE__ */ jsx4(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
@@ -4603,10 +4436,10 @@ function ComposerTranscriptionControl({
                       "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
                       "hover:bg-og-surface-3 hover:text-og-fg pointer-coarse:size-11"
                     ),
-                    children: /* @__PURE__ */ jsx5(XIcon3, { className: "size-3.5" })
+                    children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3.5" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx5(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx4(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
@@ -4617,15 +4450,15 @@ function ComposerTranscriptionControl({
                       "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
                       "hover:bg-og-fg-muted pointer-coarse:size-11"
                     ),
-                    children: /* @__PURE__ */ jsx5(SquareIcon, { className: "size-2.5 fill-current" })
+                    children: /* @__PURE__ */ jsx4(SquareIcon, { className: "size-2.5 fill-current" })
                   }
                 ) })
-              ] }) : status === "transcribing" || status === "saving" ? /* @__PURE__ */ jsx5("span", { className: "og-shimmer-text px-1.5 text-og-xs font-medium whitespace-nowrap", children: status === "saving" ? messages.saving : messages.transcribing }) : /* @__PURE__ */ jsx5("span", { className: "px-1.5 text-og-xs text-og-fg-muted whitespace-nowrap", children: messages.requestingPermission })
+              ] }) : status === "transcribing" || status === "saving" ? /* @__PURE__ */ jsx4("span", { className: "og-shimmer-text px-1.5 text-og-xs font-medium whitespace-nowrap", children: status === "saving" ? messages.saving : messages.transcribing }) : /* @__PURE__ */ jsx4("span", { className: "px-1.5 text-og-xs text-og-fg-muted whitespace-nowrap", children: messages.requestingPermission })
             ]
           },
           status === "transcribing" || status === "saving" ? "processing" : "capture"
-        ) : /* @__PURE__ */ jsx5(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx5(
-          motion4.button,
+        ) : /* @__PURE__ */ jsx4(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx4(
+          motion3.button,
           {
             type: "button",
             "data-og-composer-dictate": true,
@@ -4642,10 +4475,10 @@ function ComposerTranscriptionControl({
               "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
               unavailableMessage ? "cursor-not-allowed opacity-45" : "hover:bg-og-surface-2 hover:text-og-fg"
             ),
-            children: /* @__PURE__ */ jsx5(MicIcon, { className: "size-4" })
+            children: /* @__PURE__ */ jsx4(MicIcon, { className: "size-4" })
           }
         ) }, "idle") }),
-        status === "error" && errorMessage3 && !recoverable ? /* @__PURE__ */ jsx5(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx5(
+        status === "error" && errorMessage3 && !recoverable ? /* @__PURE__ */ jsx4(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx4(
           "span",
           {
             "aria-hidden": "true",
@@ -4653,7 +4486,7 @@ function ComposerTranscriptionControl({
             children: errorMessage3
           }
         ) }) : null,
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "span",
           {
             className: "sr-only",
@@ -4671,9 +4504,9 @@ function VoiceWaveform({
   stream,
   mode
 }) {
-  const [levels, setLevels] = useState6(() => restingLevels(WAVEFORM_BARS));
-  const [live, setLive] = useState6(false);
-  useEffect5(() => {
+  const [levels, setLevels] = useState5(() => restingLevels(WAVEFORM_BARS));
+  const [live, setLive] = useState5(false);
+  useEffect4(() => {
     if (!stream || mode !== "recording") {
       setLive(false);
       setLevels(restingLevels(WAVEFORM_BARS));
@@ -4721,7 +4554,7 @@ function VoiceWaveform({
       void context?.close();
     };
   }, [stream, mode]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       "aria-hidden": true,
@@ -4729,7 +4562,7 @@ function VoiceWaveform({
       className: "flex h-4 w-[3.75rem] items-center justify-center gap-px",
       children: WAVEFORM_BAR_KEYS.map((key, index) => {
         const level = levels[index] ?? 0;
-        return /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsx4(
           "span",
           {
             className: cn(
@@ -4780,9 +4613,6 @@ function transcriptionErrorMessage(code, messages) {
 }
 
 export {
-  useLightbox,
-  useLightboxOptional,
-  LightboxProvider,
   OPEN_WORKSTREAM_CONTROL_EVENT,
   parseCommandLine,
   hasPermission,
@@ -4836,4 +4666,4 @@ export {
   useVoiceInput,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-45XEUVTK.js.map
+//# sourceMappingURL=chunk-UXE5SSNN.js.map