@opengeni/react 3.7.0-canary.5 → 3.7.0-canary.7

package/dist/{chunk-3IY6UZI6.js → chunk-BQGIXRKV.js}

@@ -1,7 +1,3 @@
-import {
-  ComposerResponsiveContext,
-  usePortalTokenStyle
-} from "./chunk-VZTQ73XT.js";
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
@@ -11,142 +7,42 @@ import {
   formatBytes,
   formatRelativeTime
 } from "./chunk-PLYRL5ER.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-HQV2I5HV.js";
+import {
+  ComposerResponsiveContext,
+  usePortalTokenStyle
+} from "./chunk-VZTQ73XT.js";
 import {
   groupPickerRowsByBillingClass
-} from "./chunk-WMGF4Z7X.js";
+} from "./chunk-VRBL3F5E.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
 
-// src/components/tooltip.tsx
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import {
-  createContext,
-  useContext,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TooltipSourceContext = createContext(null);
-function TooltipProvider({
-  delayDuration = 300,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, ...props });
-}
-function Tooltip({ children, ...props }) {
-  const { onOpenChange, ...rootProps } = props;
-  const sourceRef = useRef(null);
-  const sourcePublishedRef = useRef(false);
-  const [source, setSource] = useState(null);
-  const ref = useRef((node) => {
-    sourceRef.current = node;
-    if (sourcePublishedRef.current) setSource(node);
-  }).current;
-  useLayoutEffect(() => {
-    if (rootProps.open === true || rootProps.defaultOpen === true) {
-      sourcePublishedRef.current = true;
-      setSource(sourceRef.current);
-    }
-  }, [rootProps.defaultOpen, rootProps.open]);
-  const sourceContext = useMemo(() => ({ source, ref }), [ref, source]);
-  return /* @__PURE__ */ jsx(TooltipSourceContext.Provider, { value: sourceContext, children: /* @__PURE__ */ jsx(
-    TooltipPrimitive.Root,
-    {
-      "data-slot": "tooltip",
-      onOpenChange: (open) => {
-        if (open) {
-          sourcePublishedRef.current = true;
-          setSource(sourceRef.current);
-        }
-        onOpenChange?.(open);
-      },
-      ...rootProps,
-      children
-    }
-  ) });
-}
-function TooltipTrigger({
-  asChild = true,
-  ...props
-}) {
-  const sourceRef = useContext(TooltipSourceContext);
-  return /* @__PURE__ */ jsx(
-    TooltipPrimitive.Trigger,
-    {
-      "data-slot": "tooltip-trigger",
-      asChild,
-      ref: (node) => {
-        sourceRef?.ref(node);
-      },
-      ...props
-    }
-  );
-}
-var tooltipSurfaceStyle = {
-  backgroundColor: "var(--og-color-fg)",
-  color: "var(--og-color-bg)"
-};
-function TooltipContent({
-  className,
-  sideOffset = 6,
-  children,
-  style,
-  ...props
-}) {
-  const source = useContext(TooltipSourceContext);
-  const portalStyle = usePortalTokenStyle(source?.source ?? null);
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]",
-        "rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md",
-        "animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity",
-        className
-      ),
-      style: { ...portalStyle, ...tooltipSurfaceStyle, ...style },
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          TooltipPrimitive.Arrow,
-          {
-            className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
-            style: {
-              backgroundColor: "var(--og-color-fg)",
-              fill: "var(--og-color-fg)"
-            }
-          }
-        )
-      ]
-    }
-  ) });
-}
-
 // src/timeline/screenshot-lightbox.tsx
 import { DownloadIcon, XIcon } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
 import {
-  createContext as createContext2,
+  createContext,
   useCallback,
-  useContext as useContext2,
+  useContext,
   useEffect,
-  useMemo as useMemo2,
-  useState as useState2
+  useMemo,
+  useState
 } from "react";
 import { Dialog } from "radix-ui";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var LightboxContext = createContext2(null);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LightboxContext = createContext(null);
 function useLightbox() {
-  return useContext2(LightboxContext) ?? NOOP;
+  return useContext(LightboxContext) ?? NOOP;
 }
 function useLightboxOptional() {
-  return useContext2(LightboxContext);
+  return useContext(LightboxContext);
 }
 var NOOP = { open: () => {
 } };
@@ -166,16 +62,16 @@ function createLightboxSourceOwner() {
   };
 }
 function LightboxProvider({ children }) {
-  const ancestor = useContext2(LightboxContext);
+  const ancestor = useContext(LightboxContext);
   if (ancestor) {
-    return /* @__PURE__ */ jsx2(Fragment, { children });
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsx2(LightboxRoot, { children });
+  return /* @__PURE__ */ jsx(LightboxRoot, { children });
 }
 function LightboxRoot({ children }) {
-  const [state, setState] = useState2(null);
-  const [tokenSource, setTokenSource] = useState2(null);
-  const sourceOwner = useMemo2(() => createLightboxSourceOwner(), []);
+  const [state, setState] = useState(null);
+  const [tokenSource, setTokenSource] = useState(null);
+  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);
   const portalStyle = usePortalTokenStyle(tokenSource);
   const releaseCurrentSource = useCallback(() => {
     sourceOwner.release();
@@ -200,11 +96,11 @@ function LightboxRoot({ children }) {
     setState(null);
     setTokenSource(null);
   }, [releaseCurrentSource]);
-  const controller = useMemo2(() => ({ open }), [open]);
-  return /* @__PURE__ */ jsxs2(LightboxContext.Provider, { value: controller, children: [
+  const controller = useMemo(() => ({ open }), [open]);
+  return /* @__PURE__ */ jsxs(LightboxContext.Provider, { value: controller, children: [
     children,
-    /* @__PURE__ */ jsx2(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && close(), children: /* @__PURE__ */ jsx2(AnimatePresence, { children: state !== null ? /* @__PURE__ */ jsxs2(Dialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx2(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx2(
+    /* @__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 },
@@ -215,14 +111,14 @@ function LightboxRoot({ children }) {
           style: portalStyle
         }
       ) }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         Dialog.Content,
         {
           asChild: true,
           forceMount: true,
           "aria-label": state.label,
           onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsxs2(
+          children: /* @__PURE__ */ jsxs(
             motion.div,
             {
               initial: { opacity: 0, scale: 0.98 },
@@ -237,11 +133,11 @@ function LightboxRoot({ children }) {
               className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
               style: portalStyle,
               children: [
-                /* @__PURE__ */ jsx2(Dialog.Title, { className: "sr-only", children: state.label }),
-                /* @__PURE__ */ jsx2(Dialog.Description, { className: "sr-only", children: state.caption ?? `Expanded ${state.label.toLowerCase()}` }),
-                /* @__PURE__ */ jsxs2("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ jsxs2("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
-                    /* @__PURE__ */ jsx2(
+                /* @__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,
@@ -249,7 +145,7 @@ function LightboxRoot({ children }) {
                         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__ */ jsx2(
+                    /* @__PURE__ */ jsx(
                       ScreenshotLightboxControls,
                       {
                         src: state.src,
@@ -258,7 +154,7 @@ function LightboxRoot({ children }) {
                       }
                     )
                   ] }),
-                  state.caption ? /* @__PURE__ */ jsx2("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx2("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
+                  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" })
                 ] })
               ]
             }
@@ -273,8 +169,8 @@ function ScreenshotLightboxControls({
   downloadFilename,
   controlLabels
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
-    downloadFilename ? /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
+    downloadFilename ? /* @__PURE__ */ jsx(
       "a",
       {
         href: src,
@@ -285,10 +181,10 @@ function ScreenshotLightboxControls({
           "transition-colors hover:border-white/30 hover:text-white"
         ),
         "aria-label": controlLabels?.download ?? `Download ${downloadFilename}`,
-        children: /* @__PURE__ */ jsx2(DownloadIcon, { className: "size-4" })
+        children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
       }
     ) : null,
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       Dialog.Close,
       {
         className: cn(
@@ -297,7 +193,7 @@ function ScreenshotLightboxControls({
           "transition-colors hover:border-white/30 hover:text-white"
         ),
         "aria-label": controlLabels?.close ?? "Close",
-        children: /* @__PURE__ */ jsx2(XIcon, { className: "size-4" })
+        children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
       }
     )
   ] });
@@ -495,20 +391,20 @@ function clearErrorMessage(cause) {
 }
 
 // src/hooks/use-slash-commands.ts
-import { useCallback as useCallback2, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
 function useSlashCommands(options) {
   const { commands, context, handlers, value, setValue } = options;
-  const [highlight, setHighlight] = useState3(0);
-  const [dismissedValue, setDismissedValue] = useState3(null);
+  const [highlight, setHighlight] = useState2(0);
+  const [dismissedValue, setDismissedValue] = useState2(null);
   const dismissed = dismissedValue !== null && dismissedValue === value;
-  const navigatedRef = useRef2(false);
-  const navTokenRef = useRef2(value);
+  const navigatedRef = useRef(false);
+  const navTokenRef = useRef(value);
   if (navTokenRef.current !== value) {
     navTokenRef.current = value;
     navigatedRef.current = false;
   }
-  const parsed = useMemo3(() => parseCommandLine(value), [value]);
-  const filterCtx = useMemo3(
+  const parsed = useMemo2(() => parseCommandLine(value), [value]);
+  const filterCtx = useMemo2(
     () => ({
       sessionId: context?.sessionId ?? null,
       status: context?.status ?? null,
@@ -516,13 +412,13 @@ function useSlashCommands(options) {
     }),
     [context?.sessionId, context?.status, context?.permissions]
   );
-  const activeCommand = useMemo3(() => {
+  const activeCommand = useMemo2(() => {
     if (!parsed || !parsed.hasTrailingSpace) {
       return null;
     }
     return matchCommand(commands, value);
   }, [commands, value, parsed]);
-  const items = useMemo3(() => {
+  const items = useMemo2(() => {
     if (!parsed) {
       return [];
     }
@@ -577,7 +473,7 @@ function useSlashCommands(options) {
       autocomplete(command);
     }
   }, [items, clampedHighlight, autocomplete]);
-  const runningRef = useRef2(false);
+  const runningRef = useRef(false);
   const runResolved = useCallback2(
     async (command, executionOptions) => {
       if (!parsed || runningRef.current) {
@@ -705,7 +601,7 @@ function errorMessage2(cause) {
 
 // src/components/command-palette.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function CommandPalette({
   open,
   items,
@@ -717,7 +613,7 @@ function CommandPalette({
   label = "Slash commands",
   dangerLabel = "danger"
 }) {
-  return /* @__PURE__ */ jsx3(AnimatePresence2, { children: open ? /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx2(AnimatePresence2, { children: open ? /* @__PURE__ */ jsxs2(
     motion2.div,
     {
       initial: { opacity: 0, y: 6, scale: 0.99 },
@@ -729,7 +625,7 @@ function CommandPalette({
         "rounded-og-lg border border-og-border bg-og-surface-2 shadow-og-sm"
       ),
       children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2(
           "ul",
           {
             id: listboxId,
@@ -739,7 +635,7 @@ function CommandPalette({
             children: items.map((command, index) => {
               const selected = index === highlight;
               const hint = argHint(command.args);
-              return /* @__PURE__ */ jsxs3(
+              return /* @__PURE__ */ jsxs2(
                 "li",
                 {
                   id: `${listboxId}-option-${index}`,
@@ -756,8 +652,8 @@ function CommandPalette({
                     selected ? "bg-og-accent/15 text-og-fg" : "text-og-fg-muted hover:bg-og-surface-3"
                   ),
                   children: [
-                    /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
-                      /* @__PURE__ */ jsxs3(
+                    /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
+                      /* @__PURE__ */ jsxs2(
                         "span",
                         {
                           className: cn(
@@ -770,11 +666,11 @@ function CommandPalette({
                           ]
                         }
                       ),
-                      hint ? /* @__PURE__ */ jsx3("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
+                      hint ? /* @__PURE__ */ jsx2("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
                     ] }),
-                    /* @__PURE__ */ jsxs3("span", { className: "ml-auto flex items-center gap-1.5", children: [
-                      command.danger ? /* @__PURE__ */ jsx3("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__ */ jsx3("span", { className: "og-command-description truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
+                    /* @__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 })
                     ] })
                   ]
                 },
@@ -783,7 +679,7 @@ function CommandPalette({
             })
           }
         ),
-        argHintText ? /* @__PURE__ */ jsx3("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__ */ jsx2("div", { className: "border-t border-og-border px-3 py-1.5 font-mono text-[11px] text-og-fg-subtle", children: argHintText }) : null
       ]
     }
   ) : null });
@@ -791,8 +687,8 @@ function CommandPalette({
 
 // src/components/model-picker.tsx
 import { ChevronDownIcon } from "lucide-react";
-import { useId, useMemo as useMemo4 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useId, useMemo as useMemo3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var EMPTY_CLIENT_MODELS = [];
 function isCodexClientModel(model) {
   return model.id.startsWith("codex/") || model.source === "codex";
@@ -837,22 +733,22 @@ function ModelPicker({
   codexOnly = false
 }) {
   const selectId = useId();
-  const effectiveRows = useMemo4(
+  const effectiveRows = useMemo3(
     () => rows && rows.length > 0 ? applyCodexOnlyRows(rows, codexOnly) : [],
     [rows, codexOnly]
   );
-  const billingGroups = useMemo4(
+  const billingGroups = useMemo3(
     () => effectiveRows.length > 0 ? groupPickerRowsByBillingClass(effectiveRows) : [],
     [effectiveRows]
   );
-  const providerGroupList = useMemo4(() => providerGroups(models, codexOnly), [models, codexOnly]);
+  const providerGroupList = useMemo3(() => providerGroups(models, codexOnly), [models, codexOnly]);
   const useBillingGroups = Boolean(effectiveRows.length);
   if (models.length === 0 && effectiveRows.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs4("span", { className: cn("relative inline-flex items-center", className), children: [
-    /* @__PURE__ */ jsx4("label", { htmlFor: selectId, className: "sr-only", children: label }),
-    /* @__PURE__ */ jsx4(
+  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(
       "select",
       {
         id: selectId,
@@ -867,10 +763,10 @@ function ModelPicker({
           "focus:outline-hidden focus-visible:outline-hidden",
           "disabled:cursor-not-allowed disabled:opacity-50"
         ),
-        children: useBillingGroups ? billingGroups.map((group) => /* @__PURE__ */ jsx4("optgroup", { label: group.label, children: group.rows.map((row) => /* @__PURE__ */ jsx4("option", { value: row.id, disabled: !row.selectable, children: row.unavailableReason ? `${row.label} (${row.unavailableReason})` : row.label }, row.id)) }, group.billingClass)) : providerGroupList.map((group) => /* @__PURE__ */ jsx4("optgroup", { label: group.label, children: group.models.map((model) => /* @__PURE__ */ jsx4("option", { value: model.id, disabled: model.optionDisabled, children: model.label }, model.id)) }, group.label))
+        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))
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       ChevronDownIcon,
       {
         "aria-hidden": true,
@@ -896,18 +792,18 @@ import {
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
 import {
   cloneElement,
-  createContext as createContext3,
+  createContext as createContext2,
   forwardRef,
   useCallback as useCallback3,
-  useContext as useContext3,
+  useContext as useContext2,
   useEffect as useEffect2,
   useId as useId2,
-  useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo5,
-  useRef as useRef3,
-  useState as useState4
+  useLayoutEffect,
+  useMemo as useMemo4,
+  useRef as useRef2,
+  useState as useState3
 } from "react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ComposerTip({
   tip,
   children
@@ -1055,28 +951,28 @@ function useChatComposerController({
   onPaste,
   messages: messageOverrides
 }) {
-  const messages = useMemo5(
+  const messages = useMemo4(
     () => ({ ...defaultChatComposerMessages, ...messageOverrides }),
     [messageOverrides]
   );
   const id = useId2();
-  const rootRef = useRef3(null);
-  const textareaRef = useRef3(null);
-  const pauseButtonRef = useRef3(null);
-  const fileInputRef = useRef3(null);
+  const rootRef = useRef2(null);
+  const textareaRef = useRef2(null);
+  const pauseButtonRef = useRef2(null);
+  const fileInputRef = useRef2(null);
   const listboxId = useId2();
   const paused = effectiveControl?.state === "paused";
-  const [controlDetailsOpen, setControlDetailsOpen] = useState4(false);
-  const [paletteMounted, setPaletteMounted] = useState4(false);
-  const [submitting, setSubmitting] = useState4(false);
-  const submittingRef = useRef3(false);
-  const controlOperationRef = useRef3(false);
+  const [controlDetailsOpen, setControlDetailsOpen] = useState3(false);
+  const [paletteMounted, setPaletteMounted] = useState3(false);
+  const [submitting, setSubmitting] = useState3(false);
+  const submittingRef = useRef2(false);
+  const controlOperationRef = useRef2(false);
   const deliveryValue = delivery.value;
   const setDeliveryValue = delivery.setValue;
-  const mountedRef = useRef3(true);
-  const deliveredValueRef = useRef3(deliveryValue);
-  const liveValueRef = useRef3(deliveryValue);
-  const [renderedValue, setRenderedValue] = useState4(deliveryValue);
+  const mountedRef = useRef2(true);
+  const deliveredValueRef = useRef2(deliveryValue);
+  const liveValueRef = useRef2(deliveryValue);
+  const [renderedValue, setRenderedValue] = useState3(deliveryValue);
   const deliveryChanged = deliveryValue !== deliveredValueRef.current;
   if (deliveryChanged) {
     deliveredValueRef.current = deliveryValue;
@@ -1091,7 +987,7 @@ function useChatComposerController({
     [setDeliveryValue]
   );
   const visibleValue = deliveryChanged ? deliveryValue : renderedValue;
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     if (renderedValue !== liveValueRef.current) {
       setRenderedValue(liveValueRef.current);
     }
@@ -1122,7 +1018,7 @@ function useChatComposerController({
   }, [id, paused]);
   const blockedByAttachment = attachments?.hasUnresolved === true;
   const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
-  const [dragging, setDragging] = useState4(false);
+  const [dragging, setDragging] = useState3(false);
   const dragCarriesFiles = (event) => event.dataTransfer !== null && [...event.dataTransfer.types].includes("Files");
   const handleDragOver = useCallback3(
     (event) => {
@@ -1149,10 +1045,10 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const [notice, setNotice] = useState4(null);
-  const [helpOpen, setHelpOpen] = useState4(false);
-  const [confirmState, setConfirmState] = useState4(null);
-  const pendingConfirm = useRef3(null);
+  const [notice, setNotice] = useState3(null);
+  const [helpOpen, setHelpOpen] = useState3(false);
+  const [confirmState, setConfirmState] = useState3(null);
+  const pendingConfirm = useRef2(null);
   const settleConfirmation = useCallback3((confirmed) => {
     const resolve = pendingConfirm.current;
     pendingConfirm.current = null;
@@ -1166,7 +1062,7 @@ function useChatComposerController({
     },
     []
   );
-  const resizeInputRafRef = useRef3(null);
+  const resizeInputRafRef = useRef2(null);
   const resizeInput = useCallback3(() => {
     if (resizeInputRafRef.current !== null) {
       return;
@@ -1190,7 +1086,7 @@ function useChatComposerController({
     },
     []
   );
-  const handlers = useMemo5(
+  const handlers = useMemo4(
     () => ({
       notice: (next) => {
         setNotice(next);
@@ -1272,7 +1168,7 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const helpCommands = useMemo5(
+  const helpCommands = useMemo4(
     () => commands.filter((command) => {
       if (command.permission && commandContext) {
         const permissions = commandContext.permissions;
@@ -1383,9 +1279,9 @@ function useChatComposerController({
     value: visibleValue
   };
 }
-var ComposerContext = createContext3(null);
+var ComposerContext = createContext2(null);
 function useComposerController() {
-  const controller = useContext3(ComposerContext);
+  const controller = useContext2(ComposerContext);
   if (!controller) throw new Error("useChatComposer must be used inside <Composer.Root>");
   return controller;
 }
@@ -1396,12 +1292,12 @@ function isRecord(value) {
   return typeof value === "object" && value !== null;
 }
 var Root = forwardRef(function ComposerRoot({ controller, children, className, style, responsiveBasis = "viewport", ...props }, forwardedRef) {
-  const responsiveRootRef = useRef3(null);
-  const responsiveContext = useMemo5(
+  const responsiveRootRef = useRef2(null);
+  const responsiveContext = useMemo4(
     () => ({ responsiveBasis, rootRef: responsiveRootRef }),
     [responsiveBasis]
   );
-  return /* @__PURE__ */ jsx5(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx5(ComposerResponsiveContext.Provider, { value: responsiveContext, children: /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx4(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx4(ComposerResponsiveContext.Provider, { value: responsiveContext, children: /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs4(
     "div",
     {
       ...props,
@@ -1412,13 +1308,13 @@ var Root = forwardRef(function ComposerRoot({ controller, children, className, s
       style: { paddingBottom: "env(safe-area-inset-bottom)", ...style },
       children: [
         children,
-        /* @__PURE__ */ jsx5(ComposerAnnouncements, {})
+        /* @__PURE__ */ jsx4(ComposerAnnouncements, {})
       ]
     }
   ) }) }) });
 });
 var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx5("div", { ...props, ref, className: cn("relative", className) });
+  return /* @__PURE__ */ jsx4("div", { ...props, ref, className: cn("relative", className) });
 });
 function CommandPalette2({ className }) {
   const controller = useComposerController();
@@ -1428,7 +1324,7 @@ function CommandPalette2({ className }) {
     return () => setPaletteMounted(false);
   }, [setPaletteMounted]);
   if (!controller.paletteEnabled) return null;
-  return /* @__PURE__ */ jsx5("div", { className, children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4("div", { className, children: /* @__PURE__ */ jsx4(
     CommandPalette,
     {
       open: controller.palette.open && controller.confirmState === null,
@@ -1448,7 +1344,7 @@ function CommandPalette2({ className }) {
 }
 var Surface = forwardRef(function ComposerSurface({ className, children, ...props }, ref) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       ...props,
@@ -1464,7 +1360,7 @@ var Surface = forwardRef(function ComposerSurface({ className, children, ...prop
         className
       ),
       children: [
-        controller.dragging ? /* @__PURE__ */ jsx5(
+        controller.dragging ? /* @__PURE__ */ jsx4(
           "div",
           {
             "aria-hidden": true,
@@ -1472,8 +1368,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__ */ jsxs5("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx5(PaperclipIcon, { className: "size-4" }),
+            children: /* @__PURE__ */ jsxs4("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx4(PaperclipIcon, { className: "size-4" }),
               controller.messages.dropFiles
             ] })
           }
@@ -1486,7 +1382,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__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     WorkstreamPausedStrip,
     {
       control: controller.effectiveControl,
@@ -1506,7 +1402,7 @@ function PausedState() {
 function RestoredResources() {
   const controller = useComposerController();
   if (controller.restoredResources.length === 0 || !controller.removeRestoredResource) return null;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     RestoredResourceChips,
     {
       resources: controller.restoredResources,
@@ -1518,7 +1414,7 @@ function RestoredResources() {
 function Attachments() {
   const controller = useComposerController();
   if (!controller.attachments || controller.attachments.attachments.length === 0) return null;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     AttachmentChips,
     {
       attachments: controller.attachments.attachments,
@@ -1532,7 +1428,7 @@ function Attachments() {
 }
 var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className, "aria-label": ariaLabel, autoFocus = false, ...props }, forwardedRef) {
   const controller = useComposerController();
-  const autoFocusedRef = useRef3(false);
+  const autoFocusedRef = useRef2(false);
   const paletteOpen = controller.paletteEnabled && controller.paletteMounted && controller.palette.open;
   useEffect2(() => {
     if (!autoFocus || controller.disabled || autoFocusedRef.current) return;
@@ -1544,7 +1440,7 @@ var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className
     });
     return () => window.cancelAnimationFrame(frame);
   }, [autoFocus, controller.disabled, controller.textareaRef]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "textarea",
     {
       ...props,
@@ -1575,7 +1471,7 @@ function Confirmation() {
   const controller = useComposerController();
   const command = controller.confirmState?.command;
   if (!command || !controller.confirmState) return null;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     ConfirmBar,
     {
       command,
@@ -1587,7 +1483,7 @@ function Confirmation() {
   );
 }
 var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       ...props,
@@ -1603,7 +1499,7 @@ var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
 });
 var Controls = forwardRef(
   function ComposerControls({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(
       "span",
       {
         ...props,
@@ -1619,7 +1515,7 @@ var Controls = forwardRef(
 );
 var Hint = forwardRef(function ComposerHint({ className, children, ...props }, ref) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       ...props,
@@ -1633,7 +1529,7 @@ var Hint = forwardRef(function ComposerHint({ className, children, ...props }, r
   );
 });
 var Actions = forwardRef(function ComposerActions({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       ...props,
@@ -1651,8 +1547,8 @@ var AttachButton = forwardRef(
     const controller = useComposerController();
     if (!controller.attachments) return null;
     const tip = title ?? controller.messages.attachFiles;
-    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx4(
         "input",
         {
           ref: controller.fileInputRef,
@@ -1664,7 +1560,7 @@ var AttachButton = forwardRef(
           onChange: controller.handleFileChange
         }
       ),
-      /* @__PURE__ */ jsx5(ComposerTip, { tip, children: /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
         "button",
         {
           ...props,
@@ -1679,7 +1575,7 @@ var AttachButton = forwardRef(
             "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11",
             className
           ),
-          children: children ?? /* @__PURE__ */ jsx5(PaperclipIcon, { className: "size-4" })
+          children: children ?? /* @__PURE__ */ jsx4(PaperclipIcon, { className: "size-4" })
         }
       ) })
     ] });
@@ -1695,7 +1591,7 @@ function ModelPicker2({
   codexOnly
 }) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     ModelPicker,
     {
       models,
@@ -1715,7 +1611,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__ */ jsx5(ComposerTip, { tip, children: /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
       "button",
       {
         ...props,
@@ -1731,7 +1627,7 @@ var PauseButton = forwardRef(
           "disabled:opacity-50",
           className
         ),
-        children: children ?? (busy ? /* @__PURE__ */ jsx5(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx5(PauseIcon, { className: "size-3.5 fill-current" }))
+        children: children ?? (busy ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx4(PauseIcon, { className: "size-3.5 fill-current" }))
       }
     ) });
   }
@@ -1740,7 +1636,7 @@ var SendButton = forwardRef(
   function ComposerSendButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
     const controller = useComposerController();
     const tip = title ?? (controller.paused ? controller.messages.sendAndResumeTitle : controller.messages.sendTitle);
-    return /* @__PURE__ */ jsx5(ComposerTip, { tip, children: /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
       "button",
       {
         ...props,
@@ -1758,14 +1654,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__ */ jsx5(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx5(ArrowUpIcon, { className: "size-4" }))
+        children: children ?? (controller.sending ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx4(ArrowUpIcon, { className: "size-4" }))
       }
     ) });
   }
 );
 function Help() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx5(AnimatePresence3, { children: controller.helpOpen ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(AnimatePresence3, { children: controller.helpOpen ? /* @__PURE__ */ jsx4(
     HelpPanel,
     {
       commands: controller.helpCommands,
@@ -1776,8 +1672,8 @@ function Help() {
 }
 function Status() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsx5(AnimatePresence3, { children: controller.activeNotice ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx4(AnimatePresence3, { children: controller.activeNotice ? /* @__PURE__ */ jsx4(
       motion3.p,
       {
         initial: { opacity: 0, height: 0 },
@@ -1790,9 +1686,9 @@ function Status() {
         children: controller.activeNotice.message
       }
     ) : null }),
-    controller.draftConflict ? /* @__PURE__ */ jsxs5("div", { className: "mt-1.5 flex flex-wrap items-center gap-2 px-1 text-og-xs text-og-status-failed", children: [
-      /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1", children: controller.messages.draftConflict }),
-      /* @__PURE__ */ jsx5(
+    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(
         "button",
         {
           type: "button",
@@ -1801,7 +1697,7 @@ function Status() {
           children: controller.messages.useOtherDraft
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -1815,9 +1711,9 @@ function Status() {
 }
 function ComposerAnnouncements() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs5("div", { className: "sr-only", children: [
-    controller.activeNotice ? /* @__PURE__ */ jsx5("p", { role: controller.activeNotice.tone === "error" ? "alert" : "status", children: controller.activeNotice.message }) : null,
-    controller.draftConflict ? /* @__PURE__ */ jsx5("p", { role: "alert", children: controller.messages.draftConflict }) : null
+  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
   ] });
 }
 function mergeRefs(...refs) {
@@ -1847,10 +1743,10 @@ function WorkstreamPausedStrip({
   const broaderOptions = control.resumeOptions.filter(
     (option) => option !== primary && option.scope !== "selected" && (option.scope !== "workspace" || canControlWorkspace)
   );
-  return /* @__PURE__ */ jsxs5("div", { className: "border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07]", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx5(PauseIcon, { className: "size-3.5 shrink-0 text-og-status-waiting" }),
-      /* @__PURE__ */ jsxs5(
+  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(
         "button",
         {
           type: "button",
@@ -1858,12 +1754,12 @@ function WorkstreamPausedStrip({
           onClick: () => onOpenChange(!open),
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ jsx5("span", { className: "block truncate text-og-xs font-medium text-og-fg", children: cause }),
-            /* @__PURE__ */ jsx5("span", { className: "block truncate text-[11px] text-og-fg-muted", children: queuedAheadCount > 0 ? messages.queuedAhead(queuedAheadCount) : sending ? messages.resumingAndSending : messages.nextMessageResumes })
+            /* @__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__ */ jsxs5(
+      /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -1872,47 +1768,47 @@ function WorkstreamPausedStrip({
           disabled: busy,
           onClick: onResume,
           children: [
-            busy ? /* @__PURE__ */ jsx5(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx5(PlayIcon, { className: "size-3.5 fill-current" }),
-            /* @__PURE__ */ jsx5("span", { className: "og-composer-resume-label-long hidden min-[400px]:inline", children: messages.resumeThisWorkstream }),
-            /* @__PURE__ */ jsx5("span", { className: "og-composer-resume-label-short min-[400px]:hidden", children: messages.resumeShort })
+            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 })
           ]
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         "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__ */ jsx5(ChevronDownIcon2, { className: cn("size-3.5 transition-transform", open && "rotate-180") })
+          children: /* @__PURE__ */ jsx4(ChevronDownIcon2, { className: cn("size-3.5 transition-transform", open && "rotate-180") })
         }
       )
     ] }),
-    open ? /* @__PURE__ */ jsxs5("div", { className: "border-t border-og-status-waiting/20 px-3 pb-3 pt-2", children: [
-      /* @__PURE__ */ jsx5("ul", { className: "grid gap-2", "aria-label": messages.pauseReasonsLabel, children: control.blockers.map((entry, index) => /* @__PURE__ */ jsxs5(
+    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(
         "li",
         {
           className: "text-og-xs",
           children: [
-            /* @__PURE__ */ jsx5("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
-            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
+            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx4(
               "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__ */ jsx5("span", { className: "font-medium text-og-fg", children: entry.displayName }),
-            entry.reason ? /* @__PURE__ */ jsxs5("span", { className: "text-og-fg-muted", children: [
+            ) : /* @__PURE__ */ jsx4("span", { className: "font-medium text-og-fg", children: entry.displayName }),
+            entry.reason ? /* @__PURE__ */ jsxs4("span", { className: "text-og-fg-muted", children: [
               " \xB7 ",
               entry.reason
             ] }) : null,
-            entry.actor ? /* @__PURE__ */ jsxs5("span", { className: "text-og-fg-subtle", children: [
+            entry.actor ? /* @__PURE__ */ jsxs4("span", { className: "text-og-fg-subtle", children: [
               " \xB7 ",
               entry.actor
             ] }) : null,
-            entry.changedAt ? /* @__PURE__ */ jsxs5("span", { className: "text-og-fg-subtle", children: [
+            entry.changedAt ? /* @__PURE__ */ jsxs4("span", { className: "text-og-fg-subtle", children: [
               " ",
               "\xB7 ",
               messages.formatRelativeTime(entry.changedAt)
@@ -1921,11 +1817,11 @@ function WorkstreamPausedStrip({
         },
         `${entry.kind}-${entry.sessionId ?? "workspace"}-${entry.revision}`
       )) }),
-      broaderOptions.length > 0 ? /* @__PURE__ */ jsx5("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsx5(
+      broaderOptions.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsx4(
         ComposerTip,
         {
           tip: option.impactCopy,
-          children: /* @__PURE__ */ jsxs5(
+          children: /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
@@ -1933,8 +1829,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__ */ jsx5("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
-                /* @__PURE__ */ jsx5("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
+                /* @__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(
                   option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
                 ) })
               ]
@@ -1955,26 +1851,26 @@ function RestoredResourceChips({
   messages,
   onRemove
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "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__ */ jsxs5(
+      children: resources.map((resource, index) => /* @__PURE__ */ jsxs4(
         "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__ */ jsx5(FileIcon, { className: "size-3 shrink-0" }),
-            /* @__PURE__ */ jsx5("span", { className: "truncate", children: resource.kind === "file" ? messages.restoredFile(resource.fileId) : resource.uri }),
-            /* @__PURE__ */ jsx5(
+            /* @__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(
               "button",
               {
                 type: "button",
                 className: "shrink-0 hover:text-og-fg",
                 onClick: () => onRemove(index),
                 "aria-label": messages.removeRestoredResource(index),
-                children: /* @__PURE__ */ jsx5(XIcon2, { className: "size-3" })
+                children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3" })
               }
             )
           ]
@@ -1991,14 +1887,14 @@ function ConfirmBar({
   onConfirm,
   returnFocusRef
 }) {
-  const confirmRef = useRef3(null);
+  const confirmRef = useRef2(null);
   const descriptionId = useId2();
   useEffect2(() => {
     const returnTo = returnFocusRef?.current ?? null;
     confirmRef.current?.focus();
     return () => returnTo?.focus();
   }, [returnFocusRef]);
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       role: "alertdialog",
@@ -2014,9 +1910,9 @@ function ConfirmBar({
       },
       className: "flex items-end justify-between gap-2 px-2.5 pb-2.5 pt-1",
       children: [
-        /* @__PURE__ */ jsx5("span", { id: descriptionId, className: "min-w-0 flex-1 px-1.5 text-og-sm text-og-status-failed", children: messages.confirmDescription(command) }),
-        /* @__PURE__ */ jsxs5("span", { className: "flex shrink-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx5(
+        /* @__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(
             "button",
             {
               type: "button",
@@ -2025,7 +1921,7 @@ function ConfirmBar({
               children: messages.cancel
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               ref: confirmRef,
@@ -2049,9 +1945,9 @@ function AttachmentChips({
   onLoadPreview
 }) {
   const lightbox = useLightboxOptional();
-  const previewRequest = useRef3(null);
-  const [previewLoadingId, setPreviewLoadingId] = useState4(null);
-  const [previewErrorId, setPreviewErrorId] = useState4(null);
+  const previewRequest = useRef2(null);
+  const [previewLoadingId, setPreviewLoadingId] = useState3(null);
+  const [previewErrorId, setPreviewErrorId] = useState3(null);
   useEffect2(() => () => previewRequest.current?.abort(), [onLoadPreview]);
   async function openPreview(attachment, source, canLoadPreview) {
     previewRequest.current?.abort();
@@ -2092,7 +1988,7 @@ function AttachmentChips({
       releaseSource
     );
   }
-  return /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap gap-2 px-3 py-2", children: attachments.map((attachment) => {
+  return /* @__PURE__ */ jsx4("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;
@@ -2101,7 +1997,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__ */ jsxs5(
+    return /* @__PURE__ */ jsxs4(
       "div",
       {
         className: cn(
@@ -2112,7 +2008,7 @@ function AttachmentChips({
           ) : "max-w-[240px] border-og-border bg-og-surface-2"
         ),
         children: [
-          lightbox && (attachment.previewUrl || canLoadPreview) ? /* @__PURE__ */ jsx5(
+          lightbox && (attachment.previewUrl || canLoadPreview) ? /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -2124,46 +2020,46 @@ function AttachmentChips({
               "aria-busy": previewLoading || void 0,
               disabled: previewLoading,
               onClick: (event) => void openPreview(attachment, event.currentTarget, canLoadPreview),
-              children: attachment.previewUrl ? /* @__PURE__ */ jsx5(
+              children: attachment.previewUrl ? /* @__PURE__ */ jsx4(
                 "img",
                 {
                   src: attachment.previewUrl,
                   alt: "",
                   className: "h-full w-full object-cover transition-opacity hover:opacity-80"
                 }
-              ) : previewLoading ? /* @__PURE__ */ jsx5(LoaderCircleIcon, { className: "size-4 animate-og-spin text-og-fg-muted" }) : /* @__PURE__ */ jsx5(ImageIcon, { className: "size-4 text-og-fg-muted" })
+              ) : previewLoading ? /* @__PURE__ */ jsx4(LoaderCircleIcon, { className: "size-4 animate-og-spin text-og-fg-muted" }) : /* @__PURE__ */ jsx4(ImageIcon, { className: "size-4 text-og-fg-muted" })
             }
-          ) : attachment.previewUrl ? /* @__PURE__ */ jsx5(
+          ) : attachment.previewUrl ? /* @__PURE__ */ jsx4(
             "img",
             {
               src: attachment.previewUrl,
               alt: "",
               className: "size-8 shrink-0 rounded object-cover"
             }
-          ) : attachment.contentType.startsWith("image/") ? /* @__PURE__ */ jsx5(ImageIcon, { className: "size-4 shrink-0 text-og-fg-muted" }) : /* @__PURE__ */ jsx5(FileIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
-          /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx5("div", { className: "truncate font-medium text-og-fg", children: attachment.name }),
-            secureContextRequired ? /* @__PURE__ */ jsx5("div", { className: "break-words text-og-xs leading-4 text-og-status-failed", children: statusText }) : failed || previewFailed ? /* @__PURE__ */ jsx5(ComposerTip, { tip: statusText, children: /* @__PURE__ */ jsx5("div", { className: "truncate text-og-xs text-og-status-failed", children: statusText }) }) : /* @__PURE__ */ jsx5("div", { className: "truncate text-og-xs text-og-fg-subtle", children: statusText })
+          ) : 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.status === "uploading" ? /* @__PURE__ */ jsx5(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
-          failed && !secureContextRequired && onRetry ? /* @__PURE__ */ jsx5(ComposerTip, { tip: messages.retryUpload, children: /* @__PURE__ */ jsx5(
+          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(
             "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__ */ jsx5(RotateCwIcon, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx4(RotateCwIcon, { className: "size-3.5" })
             }
           ) }) : null,
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             "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__ */ jsx5(XIcon2, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3.5" })
             }
           )
         ]
@@ -2177,7 +2073,7 @@ function HelpPanel({
   messages,
   onClose
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     motion3.div,
     {
       initial: { opacity: 0, height: 0 },
@@ -2185,9 +2081,9 @@ function HelpPanel({
       exit: { opacity: 0, height: 0 },
       className: "mt-2 overflow-hidden rounded-og-lg border border-og-border bg-og-surface-2",
       children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between border-b border-og-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx5("span", { className: "text-og-sm font-medium text-og-fg", children: messages.commands }),
-          /* @__PURE__ */ jsx5(
+        /* @__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(
             "button",
             {
               type: "button",
@@ -2197,16 +2093,16 @@ function HelpPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx5("ul", { className: "py-1", children: commands.map((command) => {
+        /* @__PURE__ */ jsx4("ul", { className: "py-1", children: commands.map((command) => {
           const hint = argHint(command.args);
-          return /* @__PURE__ */ jsxs5("li", { className: "flex items-baseline gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsxs5("span", { className: "font-mono text-og-sm text-og-accent", children: [
+          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: [
               "/",
               command.name,
-              hint ? /* @__PURE__ */ jsx5("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
+              hint ? /* @__PURE__ */ jsx4("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
             ] }),
-            /* @__PURE__ */ jsx5("span", { className: "text-og-sm text-og-fg-muted", children: command.description }),
-            command.danger ? /* @__PURE__ */ jsx5("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__ */ 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
           ] }, command.name);
         }) })
       ]
@@ -2564,7 +2460,7 @@ import {
   authorizeTranscriptionAdapter,
   createTranscriptionSessionRequest
 } from "@opengeni/sdk";
-import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo6, useRef as useRef4, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo5, useRef as useRef3, useState as useState4 } from "react";
 var INITIAL_TRANSCRIPTION_CONTROL_STATE = {
   status: "idle",
   generation: 0,
@@ -2726,12 +2622,12 @@ function useTranscription({
   lifecycleTimeouts,
   onDiagnostic
 }) {
-  const [state, setState] = useState5(INITIAL_TRANSCRIPTION_CONTROL_STATE);
-  const stateRef = useRef4(state);
-  const valueRef = useRef4(value);
-  const sessionRef = useRef4(null);
-  const pendingStartRef = useRef4(null);
-  const activePolicyRef = useRef4(null);
+  const [state, setState] = useState4(INITIAL_TRANSCRIPTION_CONTROL_STATE);
+  const stateRef = useRef3(state);
+  const valueRef = useRef3(value);
+  const sessionRef = useRef3(null);
+  const pendingStartRef = useRef3(null);
+  const activePolicyRef = useRef3(null);
   valueRef.current = value;
   const startTimeoutMs = normalizeTimeout(
     lifecycleTimeouts?.startMs,
@@ -2751,15 +2647,15 @@ function useTranscription({
     },
     [onDiagnostic]
   );
-  const cleanupRuntimeRef = useRef4({ cleanupTimeoutMs, reportDiagnostic });
+  const cleanupRuntimeRef = useRef3({ cleanupTimeoutMs, reportDiagnostic });
   useEffect3(() => {
     cleanupRuntimeRef.current = { cleanupTimeoutMs, reportDiagnostic };
   }, [cleanupTimeoutMs, reportDiagnostic]);
-  const policyRevision = useMemo6(
+  const policyRevision = useMemo5(
     () => transcriptionPolicyRevision(policy, selection),
     [policy, selection]
   );
-  const authorization = useMemo6(
+  const authorization = useMemo5(
     () => adapter ? authorizeTranscriptionAdapter(policy, adapter.descriptor, selection) : null,
     [adapter, policy, selection]
   );
@@ -3125,7 +3021,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 useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef4, useState as useState5 } from "react";
 
 // src/voice-recording-owner.ts
 var VOICE_RECORDING_OWNER_SESSION_KEY = "opengeni.voice-recording-owner.v1";
@@ -3349,44 +3245,44 @@ function useVoiceInput({
   now = currentDate,
   automaticRetryDelayMilliseconds
 }) {
-  const [status, setStatus] = useState6("idle");
-  const [error, setError] = useState6(null);
-  const [stream, setStream] = useState6(null);
-  const [recordingId, setRecordingId] = useState6(null);
-  const [durationSeconds, setDurationSeconds] = useState6(0);
-  const [locallySaved, setLocallySaved] = useState6(false);
-  const [storageAvailable, setStorageAvailable] = useState6(
+  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(
     () => Boolean(createRecordingStore) || typeof globalThis.indexedDB !== "undefined"
   );
-  const createRecordingStoreRef = useRef5(createRecordingStore);
+  const createRecordingStoreRef = useRef4(createRecordingStore);
   createRecordingStoreRef.current = createRecordingStore;
-  const nowRef = useRef5(now);
+  const nowRef = useRef4(now);
   nowRef.current = now;
   const readNow = useCallback5(() => nowRef.current(), []);
-  const generationRef = useRef5(0);
-  const workspaceIdRef = useRef5(workspaceId);
-  const ownerIdRef = useRef5(null);
-  const ownerLeaseRef = useRef5(null);
-  const ownerIdPromiseRef = useRef5(null);
-  const createOwnerIdRef = useRef5(createOwnerId);
-  const recorderRef = useRef5(null);
-  const streamRef = useRef5(null);
-  const timerRef = useRef5(null);
-  const automaticRetryTimerRef = useRef5(null);
-  const automaticRetryAttemptRef = useRef5(0);
-  const ownerHeartbeatTimerRef = useRef5(null);
-  const controllerRef = useRef5(null);
-  const valueRef = useRef5(value);
-  const storeRef = useRef5(null);
-  const storePromiseRef = useRef5(null);
-  const ownsStoreRef = useRef5(false);
-  const manifestRef = useRef5(null);
-  const persistenceQueueRef = useRef5(Promise.resolve());
-  const persistenceErrorRef = useRef5(null);
-  const captureLimitErrorRef = useRef5(null);
-  const captureSettledRef = useRef5(Promise.resolve());
-  const resolveCaptureSettledRef = useRef5(null);
-  const statusRef = useRef5(status);
+  const generationRef = useRef4(0);
+  const workspaceIdRef = useRef4(workspaceId);
+  const ownerIdRef = useRef4(null);
+  const ownerLeaseRef = useRef4(null);
+  const ownerIdPromiseRef = useRef4(null);
+  const createOwnerIdRef = useRef4(createOwnerId);
+  const recorderRef = useRef4(null);
+  const streamRef = useRef4(null);
+  const timerRef = useRef4(null);
+  const automaticRetryTimerRef = useRef4(null);
+  const automaticRetryAttemptRef = useRef4(0);
+  const ownerHeartbeatTimerRef = useRef4(null);
+  const controllerRef = useRef4(null);
+  const valueRef = useRef4(value);
+  const storeRef = useRef4(null);
+  const storePromiseRef = useRef4(null);
+  const ownsStoreRef = useRef4(false);
+  const manifestRef = useRef4(null);
+  const persistenceQueueRef = useRef4(Promise.resolve());
+  const persistenceErrorRef = useRef4(null);
+  const captureLimitErrorRef = useRef4(null);
+  const captureSettledRef = useRef4(Promise.resolve());
+  const resolveCaptureSettledRef = useRef4(null);
+  const statusRef = useRef4(status);
   valueRef.current = value;
   statusRef.current = status;
   workspaceIdRef.current = workspaceId;
@@ -3710,7 +3606,7 @@ function useVoiceInput({
       workspaceId
     ]
   );
-  const finalizePersistedRecordingRef = useRef5(finalizePersistedRecording);
+  const finalizePersistedRecordingRef = useRef4(finalizePersistedRecording);
   finalizePersistedRecordingRef.current = finalizePersistedRecording;
   const clientAvailable = client !== null && client !== void 0;
   useEffect4(() => {
@@ -4486,12 +4382,12 @@ import {
   XIcon as XIcon3
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion4 } from "motion/react";
-import { useEffect as useEffect5, useState as useState7 } from "react";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState6 } from "react";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function Tip({ tip, children }) {
-  return /* @__PURE__ */ jsxs6(Tooltip, { children: [
-    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx6(TooltipContent, { side: "top", children: tip })
+  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
+    /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx5(TooltipContent, { side: "top", children: tip })
   ] });
 }
 var defaultMessages = {
@@ -4575,7 +4471,7 @@ function ComposerTranscriptionControl({
     }
     void transcription.start();
   }
-  return /* @__PURE__ */ jsx6(AnimatePresence4, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(AnimatePresence4, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx5(
     motion4.span,
     {
       initial: { opacity: 0, width: 0 },
@@ -4591,8 +4487,8 @@ function ComposerTranscriptionControl({
       ),
       "data-transcription-status": status,
       "data-transcription-capturing": capturing ? "" : void 0,
-      children: /* @__PURE__ */ jsxs6("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx6(AnimatePresence4, { mode: "popLayout", initial: false, children: recoverable ? /* @__PURE__ */ jsxs6(
+      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,
           {
             initial: { opacity: 0, scale: 0.96 },
@@ -4604,12 +4500,12 @@ function ComposerTranscriptionControl({
               "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
             ),
             children: [
-              /* @__PURE__ */ jsx6("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__ */ jsx6(
+              /* @__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(
                 Tip,
                 {
                   tip: savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
-                  children: /* @__PURE__ */ jsx6(
+                  children: /* @__PURE__ */ jsx5(
                     "button",
                     {
                       type: "button",
@@ -4620,12 +4516,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__ */ jsx6(ClipboardPasteIcon, { className: "size-3.5" }) : retrying ? /* @__PURE__ */ jsx6(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx6(RefreshCwIcon, { className: "size-3.5" })
+                      children: savedTranscript ? /* @__PURE__ */ jsx5(ClipboardPasteIcon, { className: "size-3.5" }) : retrying ? /* @__PURE__ */ jsx5(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx5(RefreshCwIcon, { className: "size-3.5" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx6(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx5(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "button",
@@ -4636,13 +4532,13 @@ 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__ */ jsx6(Trash2Icon, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx5(Trash2Icon, { className: "size-3.5" })
                 }
               ) })
             ]
           },
           "recovered"
-        ) : active ? /* @__PURE__ */ jsxs6(
+        ) : active ? /* @__PURE__ */ jsxs5(
           motion4.span,
           {
             initial: { opacity: 0, scale: 0.96 },
@@ -4654,21 +4550,21 @@ function ComposerTranscriptionControl({
               "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
             ),
             children: [
-              status === "requesting-permission" ? /* @__PURE__ */ jsx6(
+              status === "requesting-permission" ? /* @__PURE__ */ jsx5(
                 LoaderCircleIcon2,
                 {
                   className: "size-3.5 shrink-0 text-og-fg-muted animate-og-spin motion-reduce:animate-none",
                   "aria-hidden": true
                 }
-              ) : /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1.5", children: [
-                status === "recording" ? /* @__PURE__ */ jsx6(
+              ) : /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1.5", children: [
+                status === "recording" ? /* @__PURE__ */ jsx5(
                   "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__ */ jsx6(
+                /* @__PURE__ */ jsx5(
                   VoiceWaveform,
                   {
                     stream: status === "recording" ? transcription.stream : null,
@@ -4676,8 +4572,8 @@ function ComposerTranscriptionControl({
                   }
                 )
               ] }),
-              status === "recording" ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-                /* @__PURE__ */ jsx6(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx6(
+              status === "recording" ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                /* @__PURE__ */ jsx5(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx5(
                   "button",
                   {
                     type: "button",
@@ -4689,10 +4585,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__ */ jsx6(XIcon3, { className: "size-3.5" })
+                    children: /* @__PURE__ */ jsx5(XIcon3, { className: "size-3.5" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx6(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx5(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx5(
                   "button",
                   {
                     type: "button",
@@ -4703,14 +4599,14 @@ 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__ */ jsx6(SquareIcon, { className: "size-2.5 fill-current" })
+                    children: /* @__PURE__ */ jsx5(SquareIcon, { className: "size-2.5 fill-current" })
                   }
                 ) })
-              ] }) : status === "transcribing" || status === "saving" ? /* @__PURE__ */ jsx6("span", { className: "og-shimmer-text px-1.5 text-og-xs font-medium whitespace-nowrap", children: status === "saving" ? messages.saving : messages.transcribing }) : /* @__PURE__ */ jsx6("span", { className: "px-1.5 text-og-xs text-og-fg-muted whitespace-nowrap", children: messages.requestingPermission })
+              ] }) : 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" ? "processing" : "capture"
-        ) : /* @__PURE__ */ jsx6(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx6(
+        ) : /* @__PURE__ */ jsx5(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx5(
           motion4.button,
           {
             type: "button",
@@ -4728,10 +4624,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__ */ jsx6(MicIcon, { className: "size-4" })
+            children: /* @__PURE__ */ jsx5(MicIcon, { className: "size-4" })
           }
         ) }, "idle") }),
-        status === "error" && errorMessage3 && !recoverable ? /* @__PURE__ */ jsx6(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx6(
+        status === "error" && errorMessage3 && !recoverable ? /* @__PURE__ */ jsx5(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx5(
           "span",
           {
             "aria-hidden": "true",
@@ -4739,7 +4635,7 @@ function ComposerTranscriptionControl({
             children: errorMessage3
           }
         ) }) : null,
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx5(
           "span",
           {
             className: "sr-only",
@@ -4757,8 +4653,8 @@ function VoiceWaveform({
   stream,
   mode
 }) {
-  const [levels, setLevels] = useState7(() => restingLevels(WAVEFORM_BARS));
-  const [live, setLive] = useState7(false);
+  const [levels, setLevels] = useState6(() => restingLevels(WAVEFORM_BARS));
+  const [live, setLive] = useState6(false);
   useEffect5(() => {
     if (!stream || mode !== "recording") {
       setLive(false);
@@ -4807,7 +4703,7 @@ function VoiceWaveform({
       void context?.close();
     };
   }, [stream, mode]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       "aria-hidden": true,
@@ -4815,7 +4711,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__ */ jsx6(
+        return /* @__PURE__ */ jsx5(
           "span",
           {
             className: cn(
@@ -4866,10 +4762,6 @@ function transcriptionErrorMessage(code, messages) {
 }
 
 export {
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
   useLightbox,
   useLightboxOptional,
   LightboxProvider,
@@ -4926,4 +4818,4 @@ export {
   useVoiceInput,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-3IY6UZI6.js.map
+//# sourceMappingURL=chunk-BQGIXRKV.js.map