@opengeni/react 3.8.0-canary.1 → 4.0.1-canary.1

package/dist/{chunk-7BWFU6H4.js → chunk-Z7WBDB4E.js}

@@ -1,3 +1,7 @@
+import {
+  ComposerResponsiveContext,
+  usePortalTokenStyle
+} from "./chunk-VZTQ73XT.js";
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
@@ -7,16 +11,6 @@ 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-VRBL3F5E.js";
@@ -24,25 +18,135 @@ 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,
+  createContext as createContext2,
   useCallback,
-  useContext,
+  useContext as useContext2,
   useEffect,
-  useMemo,
-  useState
+  useMemo as useMemo2,
+  useState as useState2
 } from "react";
 import { Dialog } from "radix-ui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var LightboxContext = createContext(null);
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LightboxContext = createContext2(null);
 function useLightbox() {
-  return useContext(LightboxContext) ?? NOOP;
+  return useContext2(LightboxContext) ?? NOOP;
 }
 function useLightboxOptional() {
-  return useContext(LightboxContext);
+  return useContext2(LightboxContext);
 }
 var NOOP = { open: () => {
 } };
@@ -62,16 +166,16 @@ function createLightboxSourceOwner() {
   };
 }
 function LightboxProvider({ children }) {
-  const ancestor = useContext(LightboxContext);
+  const ancestor = useContext2(LightboxContext);
   if (ancestor) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
+    return /* @__PURE__ */ jsx2(Fragment, { children });
   }
-  return /* @__PURE__ */ jsx(LightboxRoot, { children });
+  return /* @__PURE__ */ jsx2(LightboxRoot, { children });
 }
 function LightboxRoot({ children }) {
-  const [state, setState] = useState(null);
-  const [tokenSource, setTokenSource] = useState(null);
-  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);
+  const [state, setState] = useState2(null);
+  const [tokenSource, setTokenSource] = useState2(null);
+  const sourceOwner = useMemo2(() => createLightboxSourceOwner(), []);
   const portalStyle = usePortalTokenStyle(tokenSource);
   const releaseCurrentSource = useCallback(() => {
     sourceOwner.release();
@@ -96,11 +200,11 @@ function LightboxRoot({ children }) {
     setState(null);
     setTokenSource(null);
   }, [releaseCurrentSource]);
-  const controller = useMemo(() => ({ open }), [open]);
-  return /* @__PURE__ */ jsxs(LightboxContext.Provider, { value: controller, children: [
+  const controller = useMemo2(() => ({ open }), [open]);
+  return /* @__PURE__ */ jsxs2(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(
+    /* @__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(
         motion.div,
         {
           initial: { opacity: 0 },
@@ -111,14 +215,14 @@ function LightboxRoot({ children }) {
           style: portalStyle
         }
       ) }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(
         Dialog.Content,
         {
           asChild: true,
           forceMount: true,
           "aria-label": state.label,
           onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsxs2(
             motion.div,
             {
               initial: { opacity: 0, scale: 0.98 },
@@ -133,11 +237,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__ */ 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(
+                /* @__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(
                       "img",
                       {
                         src: state.src,
@@ -145,7 +249,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__ */ jsx(
+                    /* @__PURE__ */ jsx2(
                       ScreenshotLightboxControls,
                       {
                         src: state.src,
@@ -154,7 +258,7 @@ function LightboxRoot({ children }) {
                       }
                     )
                   ] }),
-                  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" })
+                  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" })
                 ] })
               ]
             }
@@ -169,8 +273,8 @@ function ScreenshotLightboxControls({
   downloadFilename,
   controlLabels
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
-    downloadFilename ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs2("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
+    downloadFilename ? /* @__PURE__ */ jsx2(
       "a",
       {
         href: src,
@@ -181,10 +285,10 @@ function ScreenshotLightboxControls({
           "transition-colors hover:border-white/30 hover:text-white"
         ),
         "aria-label": controlLabels?.download ?? `Download ${downloadFilename}`,
-        children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4" })
+        children: /* @__PURE__ */ jsx2(DownloadIcon, { className: "size-4" })
       }
     ) : null,
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx2(
       Dialog.Close,
       {
         className: cn(
@@ -193,7 +297,7 @@ function ScreenshotLightboxControls({
           "transition-colors hover:border-white/30 hover:text-white"
         ),
         "aria-label": controlLabels?.close ?? "Close",
-        children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+        children: /* @__PURE__ */ jsx2(XIcon, { className: "size-4" })
       }
     )
   ] });
@@ -391,20 +495,20 @@ function clearErrorMessage(cause) {
 }
 
 // src/hooks/use-slash-commands.ts
-import { useCallback as useCallback2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo3, useRef as useRef2, useState as useState3 } 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] = useState3(0);
+  const [dismissedValue, setDismissedValue] = useState3(null);
   const dismissed = dismissedValue !== null && dismissedValue === value;
-  const navigatedRef = useRef(false);
-  const navTokenRef = useRef(value);
+  const navigatedRef = useRef2(false);
+  const navTokenRef = useRef2(value);
   if (navTokenRef.current !== value) {
     navTokenRef.current = value;
     navigatedRef.current = false;
   }
-  const parsed = useMemo2(() => parseCommandLine(value), [value]);
-  const filterCtx = useMemo2(
+  const parsed = useMemo3(() => parseCommandLine(value), [value]);
+  const filterCtx = useMemo3(
     () => ({
       sessionId: context?.sessionId ?? null,
       status: context?.status ?? null,
@@ -412,13 +516,13 @@ function useSlashCommands(options) {
     }),
     [context?.sessionId, context?.status, context?.permissions]
   );
-  const activeCommand = useMemo2(() => {
+  const activeCommand = useMemo3(() => {
     if (!parsed || !parsed.hasTrailingSpace) {
       return null;
     }
     return matchCommand(commands, value);
   }, [commands, value, parsed]);
-  const items = useMemo2(() => {
+  const items = useMemo3(() => {
     if (!parsed) {
       return [];
     }
@@ -473,7 +577,7 @@ function useSlashCommands(options) {
       autocomplete(command);
     }
   }, [items, clampedHighlight, autocomplete]);
-  const runningRef = useRef(false);
+  const runningRef = useRef2(false);
   const runResolved = useCallback2(
     async (command, executionOptions) => {
       if (!parsed || runningRef.current) {
@@ -601,7 +705,7 @@ 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 { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function CommandPalette({
   open,
   items,
@@ -613,7 +717,7 @@ function CommandPalette({
   label = "Slash commands",
   dangerLabel = "danger"
 }) {
-  return /* @__PURE__ */ jsx2(AnimatePresence2, { children: open ? /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx3(AnimatePresence2, { children: open ? /* @__PURE__ */ jsxs3(
     motion2.div,
     {
       initial: { opacity: 0, y: 6, scale: 0.99 },
@@ -625,7 +729,7 @@ function CommandPalette({
         "rounded-og-lg border border-og-border bg-og-surface-2 shadow-og-sm"
       ),
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           "ul",
           {
             id: listboxId,
@@ -635,7 +739,7 @@ function CommandPalette({
             children: items.map((command, index) => {
               const selected = index === highlight;
               const hint = argHint(command.args);
-              return /* @__PURE__ */ jsxs2(
+              return /* @__PURE__ */ jsxs3(
                 "li",
                 {
                   id: `${listboxId}-option-${index}`,
@@ -652,8 +756,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__ */ jsxs3("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
+                      /* @__PURE__ */ jsxs3(
                         "span",
                         {
                           className: cn(
@@ -666,11 +770,11 @@ function CommandPalette({
                           ]
                         }
                       ),
-                      hint ? /* @__PURE__ */ jsx2("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
+                      hint ? /* @__PURE__ */ jsx3("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__ */ 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 })
                     ] })
                   ]
                 },
@@ -679,7 +783,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__ */ jsx3("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 +791,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 useMemo4 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var EMPTY_CLIENT_MODELS = [];
 function isCodexClientModel(model) {
   return model.id.startsWith("codex/") || model.source === "codex";
@@ -733,22 +837,22 @@ function ModelPicker({
   codexOnly = false
 }) {
   const selectId = useId();
-  const effectiveRows = useMemo3(
+  const effectiveRows = useMemo4(
     () => rows && rows.length > 0 ? applyCodexOnlyRows(rows, codexOnly) : [],
     [rows, codexOnly]
   );
-  const billingGroups = useMemo3(
+  const billingGroups = useMemo4(
     () => effectiveRows.length > 0 ? groupPickerRowsByBillingClass(effectiveRows) : [],
     [effectiveRows]
   );
-  const providerGroupList = useMemo3(() => providerGroups(models, codexOnly), [models, codexOnly]);
+  const providerGroupList = useMemo4(() => 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__ */ jsxs4("span", { className: cn("relative inline-flex items-center", className), children: [
+    /* @__PURE__ */ jsx4("label", { htmlFor: selectId, className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx4(
       "select",
       {
         id: selectId,
@@ -763,10 +867,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__ */ 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))
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       ChevronDownIcon,
       {
         "aria-hidden": true,
@@ -792,18 +896,18 @@ import {
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
 import {
   cloneElement,
-  createContext as createContext2,
+  createContext as createContext3,
   forwardRef,
   useCallback as useCallback3,
-  useContext as useContext2,
+  useContext as useContext3,
   useEffect as useEffect2,
   useId as useId2,
-  useLayoutEffect,
-  useMemo as useMemo4,
-  useRef as useRef2,
-  useState as useState3
+  useLayoutEffect as useLayoutEffect2,
+  useMemo as useMemo5,
+  useRef as useRef3,
+  useState as useState4
 } from "react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ComposerTip({
   tip,
   children
@@ -952,28 +1056,28 @@ function useChatComposerController({
   onPaste,
   messages: messageOverrides
 }) {
-  const messages = useMemo4(
+  const messages = useMemo5(
     () => ({ ...defaultChatComposerMessages, ...messageOverrides }),
     [messageOverrides]
   );
   const id = useId2();
-  const rootRef = useRef2(null);
-  const textareaRef = useRef2(null);
-  const pauseButtonRef = useRef2(null);
-  const fileInputRef = useRef2(null);
+  const rootRef = useRef3(null);
+  const textareaRef = useRef3(null);
+  const pauseButtonRef = useRef3(null);
+  const fileInputRef = useRef3(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 submittingRef = useRef2(false);
-  const controlOperationRef = useRef2(false);
+  const [controlDetailsOpen, setControlDetailsOpen] = useState4(false);
+  const [paletteMounted, setPaletteMounted] = useState4(false);
+  const [submitting, setSubmitting] = useState4(false);
+  const submittingRef = useRef3(false);
+  const controlOperationRef = useRef3(false);
   const deliveryValue = delivery.value;
   const setDeliveryValue = delivery.setValue;
-  const mountedRef = useRef2(true);
-  const deliveredValueRef = useRef2(deliveryValue);
-  const liveValueRef = useRef2(deliveryValue);
-  const [renderedValue, setRenderedValue] = useState3(deliveryValue);
+  const mountedRef = useRef3(true);
+  const deliveredValueRef = useRef3(deliveryValue);
+  const liveValueRef = useRef3(deliveryValue);
+  const [renderedValue, setRenderedValue] = useState4(deliveryValue);
   const deliveryChanged = deliveryValue !== deliveredValueRef.current;
   if (deliveryChanged) {
     deliveredValueRef.current = deliveryValue;
@@ -988,7 +1092,7 @@ function useChatComposerController({
     [setDeliveryValue]
   );
   const visibleValue = deliveryChanged ? deliveryValue : renderedValue;
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     if (renderedValue !== liveValueRef.current) {
       setRenderedValue(liveValueRef.current);
     }
@@ -1019,7 +1123,7 @@ function useChatComposerController({
   }, [id, paused]);
   const blockedByAttachment = attachments?.hasUnresolved === true;
   const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
-  const [dragging, setDragging] = useState3(false);
+  const [dragging, setDragging] = useState4(false);
   const dragCarriesFiles = (event) => event.dataTransfer !== null && [...event.dataTransfer.types].includes("Files");
   const handleDragOver = useCallback3(
     (event) => {
@@ -1046,10 +1150,10 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const [notice, setNotice] = useState3(null);
-  const [helpOpen, setHelpOpen] = useState3(false);
-  const [confirmState, setConfirmState] = useState3(null);
-  const pendingConfirm = useRef2(null);
+  const [notice, setNotice] = useState4(null);
+  const [helpOpen, setHelpOpen] = useState4(false);
+  const [confirmState, setConfirmState] = useState4(null);
+  const pendingConfirm = useRef3(null);
   const settleConfirmation = useCallback3((confirmed) => {
     const resolve = pendingConfirm.current;
     pendingConfirm.current = null;
@@ -1063,7 +1167,7 @@ function useChatComposerController({
     },
     []
   );
-  const resizeInputRafRef = useRef2(null);
+  const resizeInputRafRef = useRef3(null);
   const resizeInput = useCallback3(() => {
     if (resizeInputRafRef.current !== null) {
       return;
@@ -1087,7 +1191,7 @@ function useChatComposerController({
     },
     []
   );
-  const handlers = useMemo4(
+  const handlers = useMemo5(
     () => ({
       notice: (next) => {
         setNotice(next);
@@ -1180,7 +1284,7 @@ function useChatComposerController({
     },
     [attachments]
   );
-  const helpCommands = useMemo4(
+  const helpCommands = useMemo5(
     () => commands.filter((command) => {
       if (command.permission && commandContext) {
         const permissions = commandContext.permissions;
@@ -1297,9 +1401,9 @@ function useChatComposerController({
     value: visibleValue
   };
 }
-var ComposerContext = createContext2(null);
+var ComposerContext = createContext3(null);
 function useComposerController() {
-  const controller = useContext2(ComposerContext);
+  const controller = useContext3(ComposerContext);
   if (!controller) throw new Error("useChatComposer must be used inside <Composer.Root>");
   return controller;
 }
@@ -1310,12 +1414,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 = useRef2(null);
-  const responsiveContext = useMemo4(
+  const responsiveRootRef = useRef3(null);
+  const responsiveContext = useMemo5(
     () => ({ 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__ */ jsx5(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx5(ComposerResponsiveContext.Provider, { value: responsiveContext, children: /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs5(
     "div",
     {
       ...props,
@@ -1326,13 +1430,13 @@ var Root = forwardRef(function ComposerRoot({ controller, children, className, s
       style: { paddingBottom: "env(safe-area-inset-bottom)", ...style },
       children: [
         children,
-        /* @__PURE__ */ jsx4(ComposerAnnouncements, {})
+        /* @__PURE__ */ jsx5(ComposerAnnouncements, {})
       ]
     }
   ) }) }) });
 });
 var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4("div", { ...props, ref, className: cn("relative", className) });
+  return /* @__PURE__ */ jsx5("div", { ...props, ref, className: cn("relative", className) });
 });
 function CommandPalette2({ className }) {
   const controller = useComposerController();
@@ -1342,7 +1446,7 @@ function CommandPalette2({ className }) {
     return () => setPaletteMounted(false);
   }, [setPaletteMounted]);
   if (!controller.paletteEnabled) return null;
-  return /* @__PURE__ */ jsx4("div", { className, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5("div", { className, children: /* @__PURE__ */ jsx5(
     CommandPalette,
     {
       open: controller.palette.open && controller.confirmState === null,
@@ -1362,7 +1466,7 @@ function CommandPalette2({ className }) {
 }
 var Surface = forwardRef(function ComposerSurface({ className, children, ...props }, ref) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       ...props,
@@ -1378,7 +1482,7 @@ var Surface = forwardRef(function ComposerSurface({ className, children, ...prop
         className
       ),
       children: [
-        controller.dragging ? /* @__PURE__ */ jsx4(
+        controller.dragging ? /* @__PURE__ */ jsx5(
           "div",
           {
             "aria-hidden": true,
@@ -1386,8 +1490,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__ */ jsxs5("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx5(PaperclipIcon, { className: "size-4" }),
               controller.messages.dropFiles
             ] })
           }
@@ -1400,7 +1504,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__ */ jsx5(
     WorkstreamPausedStrip,
     {
       control: controller.effectiveControl,
@@ -1420,7 +1524,7 @@ function PausedState() {
 function RestoredResources() {
   const controller = useComposerController();
   if (controller.restoredResources.length === 0 || !controller.removeRestoredResource) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     RestoredResourceChips,
     {
       resources: controller.restoredResources,
@@ -1432,7 +1536,7 @@ function RestoredResources() {
 function Attachments() {
   const controller = useComposerController();
   if (!controller.attachments || controller.attachments.attachments.length === 0) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AttachmentChips,
     {
       attachments: controller.attachments.attachments,
@@ -1446,7 +1550,7 @@ function Attachments() {
 }
 var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className, "aria-label": ariaLabel, autoFocus = false, ...props }, forwardedRef) {
   const controller = useComposerController();
-  const autoFocusedRef = useRef2(false);
+  const autoFocusedRef = useRef3(false);
   const paletteOpen = controller.paletteEnabled && controller.paletteMounted && controller.palette.open;
   useEffect2(() => {
     if (!autoFocus || controller.disabled || autoFocusedRef.current) return;
@@ -1458,7 +1562,7 @@ var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className
     });
     return () => window.cancelAnimationFrame(frame);
   }, [autoFocus, controller.disabled, controller.textareaRef]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "textarea",
     {
       ...props,
@@ -1489,7 +1593,7 @@ function Confirmation() {
   const controller = useComposerController();
   const command = controller.confirmState?.command;
   if (!command || !controller.confirmState) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     ConfirmBar,
     {
       command,
@@ -1501,7 +1605,7 @@ function Confirmation() {
   );
 }
 var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       ...props,
@@ -1517,7 +1621,7 @@ var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
 });
 var Controls = forwardRef(
   function ComposerControls({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       "span",
       {
         ...props,
@@ -1533,7 +1637,7 @@ var Controls = forwardRef(
 );
 var Hint = forwardRef(function ComposerHint({ className, children, ...props }, ref) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       ...props,
@@ -1547,7 +1651,7 @@ var Hint = forwardRef(function ComposerHint({ className, children, ...props }, r
   );
 });
 var Actions = forwardRef(function ComposerActions({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       ...props,
@@ -1565,8 +1669,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__ */ jsxs5(Fragment2, { children: [
+      /* @__PURE__ */ jsx5(
         "input",
         {
           ref: controller.fileInputRef,
@@ -1578,7 +1682,7 @@ var AttachButton = forwardRef(
           onChange: controller.handleFileChange
         }
       ),
-      /* @__PURE__ */ jsx4(ComposerTip, { tip, children: /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(ComposerTip, { tip, children: /* @__PURE__ */ jsx5(
         "button",
         {
           ...props,
@@ -1593,7 +1697,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__ */ jsx5(PaperclipIcon, { className: "size-4" })
         }
       ) })
     ] });
@@ -1609,7 +1713,7 @@ function ModelPicker2({
   codexOnly
 }) {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     ModelPicker,
     {
       models,
@@ -1629,7 +1733,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__ */ jsx5(ComposerTip, { tip, children: /* @__PURE__ */ jsx5(
       "button",
       {
         ...props,
@@ -1645,7 +1749,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__ */ jsx5(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx5(PauseIcon, { className: "size-3.5 fill-current" }))
       }
     ) });
   }
@@ -1654,7 +1758,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__ */ jsx5(ComposerTip, { tip, children: /* @__PURE__ */ jsx5(
       "button",
       {
         ...props,
@@ -1672,14 +1776,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__ */ jsx5(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx5(ArrowUpIcon, { className: "size-4" }))
       }
     ) });
   }
 );
 function Help() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsx4(AnimatePresence3, { children: controller.helpOpen ? /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(AnimatePresence3, { children: controller.helpOpen ? /* @__PURE__ */ jsx5(
     HelpPanel,
     {
       commands: controller.helpCommands,
@@ -1690,8 +1794,8 @@ function Help() {
 }
 function Status() {
   const controller = useComposerController();
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx4(AnimatePresence3, { children: controller.activeNotice ? /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(AnimatePresence3, { children: controller.activeNotice ? /* @__PURE__ */ jsx5(
       motion3.p,
       {
         initial: { opacity: 0, height: 0 },
@@ -1704,9 +1808,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__ */ 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(
         "button",
         {
           type: "button",
@@ -1715,7 +1819,7 @@ function Status() {
           children: controller.messages.useOtherDraft
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "button",
         {
           type: "button",
@@ -1729,9 +1833,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__ */ 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
   ] });
 }
 function mergeRefs(...refs) {
@@ -1761,10 +1865,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__ */ 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(
         "button",
         {
           type: "button",
@@ -1772,12 +1876,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__ */ 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__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
@@ -1786,47 +1890,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__ */ 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 })
           ]
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "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__ */ jsx5(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__ */ 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(
         "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__ */ jsx5("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
+            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx5(
               "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__ */ jsx5("span", { className: "font-medium text-og-fg", children: entry.displayName }),
+            entry.reason ? /* @__PURE__ */ jsxs5("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__ */ jsxs5("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__ */ jsxs5("span", { className: "text-og-fg-subtle", children: [
               " ",
               "\xB7 ",
               messages.formatRelativeTime(entry.changedAt)
@@ -1835,11 +1939,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__ */ jsx5("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsx5(
         ComposerTip,
         {
           tip: option.impactCopy,
-          children: /* @__PURE__ */ jsxs4(
+          children: /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
@@ -1847,8 +1951,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__ */ 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(
                   option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
                 ) })
               ]
@@ -1869,26 +1973,26 @@ function RestoredResourceChips({
   messages,
   onRemove
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "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__ */ jsxs5(
         "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__ */ jsx5(FileIcon, { className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsx5("span", { className: "truncate", children: resource.kind === "file" ? messages.restoredFile(resource.fileId) : resource.uri }),
+            /* @__PURE__ */ jsx5(
               "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__ */ jsx5(XIcon2, { className: "size-3" })
               }
             )
           ]
@@ -1905,14 +2009,14 @@ function ConfirmBar({
   onConfirm,
   returnFocusRef
 }) {
-  const confirmRef = useRef2(null);
+  const confirmRef = useRef3(null);
   const descriptionId = useId2();
   useEffect2(() => {
     const returnTo = returnFocusRef?.current ?? null;
     confirmRef.current?.focus();
     return () => returnTo?.focus();
   }, [returnFocusRef]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       role: "alertdialog",
@@ -1928,9 +2032,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__ */ 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(
             "button",
             {
               type: "button",
@@ -1939,7 +2043,7 @@ function ConfirmBar({
               children: messages.cancel
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "button",
             {
               ref: confirmRef,
@@ -1963,9 +2067,9 @@ function AttachmentChips({
   onLoadPreview
 }) {
   const lightbox = useLightboxOptional();
-  const previewRequest = useRef2(null);
-  const [previewLoadingId, setPreviewLoadingId] = useState3(null);
-  const [previewErrorId, setPreviewErrorId] = useState3(null);
+  const previewRequest = useRef3(null);
+  const [previewLoadingId, setPreviewLoadingId] = useState4(null);
+  const [previewErrorId, setPreviewErrorId] = useState4(null);
   useEffect2(() => () => previewRequest.current?.abort(), [onLoadPreview]);
   async function openPreview(attachment, source, canLoadPreview) {
     previewRequest.current?.abort();
@@ -2006,7 +2110,7 @@ function AttachmentChips({
       releaseSource
     );
   }
-  return /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-2 px-3 py-2", children: attachments.map((attachment) => {
+  return /* @__PURE__ */ jsx5("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 +2119,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__ */ jsxs5(
       "div",
       {
         className: cn(
@@ -2026,7 +2130,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__ */ jsx5(
             "button",
             {
               type: "button",
@@ -2038,46 +2142,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__ */ jsx5(
                 "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__ */ jsx5(LoaderCircleIcon, { className: "size-4 animate-og-spin text-og-fg-muted" }) : /* @__PURE__ */ jsx5(ImageIcon, { className: "size-4 text-og-fg-muted" })
             }
-          ) : attachment.previewUrl ? /* @__PURE__ */ jsx4(
+          ) : attachment.previewUrl ? /* @__PURE__ */ jsx5(
             "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__ */ 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.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__ */ jsx5(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
+          failed && !secureContextRequired && onRetry ? /* @__PURE__ */ jsx5(ComposerTip, { tip: messages.retryUpload, children: /* @__PURE__ */ jsx5(
             "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__ */ jsx5(RotateCwIcon, { className: "size-3.5" })
             }
           ) }) : null,
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "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__ */ jsx5(XIcon2, { className: "size-3.5" })
             }
           )
         ]
@@ -2091,7 +2195,7 @@ function HelpPanel({
   messages,
   onClose
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     motion3.div,
     {
       initial: { opacity: 0, height: 0 },
@@ -2099,9 +2203,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__ */ 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__ */ 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(
             "button",
             {
               type: "button",
@@ -2111,16 +2215,16 @@ function HelpPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx4("ul", { className: "py-1", children: commands.map((command) => {
+        /* @__PURE__ */ jsx5("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__ */ 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: [
               "/",
               command.name,
-              hint ? /* @__PURE__ */ jsx4("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
+              hint ? /* @__PURE__ */ jsx5("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__ */ 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
           ] }, command.name);
         }) })
       ]
@@ -2478,7 +2582,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 useCallback4, useEffect as useEffect3, useMemo as useMemo6, useRef as useRef4, useState as useState5 } from "react";
 var INITIAL_TRANSCRIPTION_CONTROL_STATE = {
   status: "idle",
   generation: 0,
@@ -2640,12 +2744,12 @@ function useTranscription({
   lifecycleTimeouts,
   onDiagnostic
 }) {
-  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);
+  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);
   valueRef.current = value;
   const startTimeoutMs = normalizeTimeout(
     lifecycleTimeouts?.startMs,
@@ -2665,15 +2769,15 @@ function useTranscription({
     },
     [onDiagnostic]
   );
-  const cleanupRuntimeRef = useRef3({ cleanupTimeoutMs, reportDiagnostic });
+  const cleanupRuntimeRef = useRef4({ cleanupTimeoutMs, reportDiagnostic });
   useEffect3(() => {
     cleanupRuntimeRef.current = { cleanupTimeoutMs, reportDiagnostic };
   }, [cleanupTimeoutMs, reportDiagnostic]);
-  const policyRevision = useMemo5(
+  const policyRevision = useMemo6(
     () => transcriptionPolicyRevision(policy, selection),
     [policy, selection]
   );
-  const authorization = useMemo5(
+  const authorization = useMemo6(
     () => adapter ? authorizeTranscriptionAdapter(policy, adapter.descriptor, selection) : null,
     [adapter, policy, selection]
   );
@@ -3039,7 +3143,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 useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState6 } from "react";
 
 // src/voice-recording-owner.ts
 var VOICE_RECORDING_OWNER_SESSION_KEY = "opengeni.voice-recording-owner.v1";
@@ -3263,44 +3367,44 @@ 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] = 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(
     () => Boolean(createRecordingStore) || typeof globalThis.indexedDB !== "undefined"
   );
-  const createRecordingStoreRef = useRef4(createRecordingStore);
+  const createRecordingStoreRef = useRef5(createRecordingStore);
   createRecordingStoreRef.current = createRecordingStore;
-  const nowRef = useRef4(now);
+  const nowRef = useRef5(now);
   nowRef.current = now;
   const readNow = useCallback5(() => nowRef.current(), []);
-  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);
+  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);
   valueRef.current = value;
   statusRef.current = status;
   workspaceIdRef.current = workspaceId;
@@ -3624,7 +3728,7 @@ function useVoiceInput({
       workspaceId
     ]
   );
-  const finalizePersistedRecordingRef = useRef4(finalizePersistedRecording);
+  const finalizePersistedRecordingRef = useRef5(finalizePersistedRecording);
   finalizePersistedRecordingRef.current = finalizePersistedRecording;
   const clientAvailable = client !== null && client !== void 0;
   useEffect4(() => {
@@ -4400,12 +4504,12 @@ import {
   XIcon as XIcon3
 } 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 { useEffect as useEffect5, useState as useState7 } from "react";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } 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__ */ jsxs6(Tooltip, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx6(TooltipContent, { side: "top", children: tip })
   ] });
 }
 var defaultMessages = {
@@ -4489,7 +4593,7 @@ function ComposerTranscriptionControl({
     }
     void transcription.start();
   }
-  return /* @__PURE__ */ jsx5(AnimatePresence4, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(AnimatePresence4, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx6(
     motion4.span,
     {
       initial: { opacity: 0, width: 0 },
@@ -4505,8 +4609,8 @@ 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(
+      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(
           motion4.span,
           {
             initial: { opacity: 0, scale: 0.96 },
@@ -4518,12 +4622,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__ */ 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(
                 Tip,
                 {
                   tip: savedTranscript ? messages.insertRecoveredTranscript : retrying ? messages.pauseRetrying : messages.retry,
-                  children: /* @__PURE__ */ jsx5(
+                  children: /* @__PURE__ */ jsx6(
                     "button",
                     {
                       type: "button",
@@ -4534,12 +4638,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__ */ jsx6(ClipboardPasteIcon, { className: "size-3.5" }) : retrying ? /* @__PURE__ */ jsx6(SquareIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx6(RefreshCwIcon, { className: "size-3.5" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx5(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(Tip, { tip: messages.discardRecovered, children: /* @__PURE__ */ jsx6(
                 "button",
                 {
                   type: "button",
@@ -4550,13 +4654,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__ */ jsx5(Trash2Icon, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx6(Trash2Icon, { className: "size-3.5" })
                 }
               ) })
             ]
           },
           "recovered"
-        ) : active ? /* @__PURE__ */ jsxs5(
+        ) : active ? /* @__PURE__ */ jsxs6(
           motion4.span,
           {
             initial: { opacity: 0, scale: 0.96 },
@@ -4568,21 +4672,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__ */ jsx6(
                 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__ */ jsxs6("span", { className: "flex items-center gap-1.5", children: [
+                status === "recording" ? /* @__PURE__ */ jsx6(
                   "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__ */ jsx6(
                   VoiceWaveform,
                   {
                     stream: status === "recording" ? transcription.stream : null,
@@ -4590,8 +4694,8 @@ function ComposerTranscriptionControl({
                   }
                 )
               ] }),
-              status === "recording" ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                /* @__PURE__ */ jsx5(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx5(
+              status === "recording" ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+                /* @__PURE__ */ jsx6(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx6(
                   "button",
                   {
                     type: "button",
@@ -4603,10 +4707,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__ */ jsx6(XIcon3, { className: "size-3.5" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx5(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx6(
                   "button",
                   {
                     type: "button",
@@ -4617,14 +4721,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__ */ jsx5(SquareIcon, { className: "size-2.5 fill-current" })
+                    children: /* @__PURE__ */ jsx6(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__ */ 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" ? "processing" : "capture"
-        ) : /* @__PURE__ */ jsx5(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx5(
+        ) : /* @__PURE__ */ jsx6(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx6(
           motion4.button,
           {
             type: "button",
@@ -4642,10 +4746,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__ */ jsx6(MicIcon, { className: "size-4" })
           }
         ) }, "idle") }),
-        status === "error" && errorMessage3 && !recoverable ? /* @__PURE__ */ jsx5(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx5(
+        status === "error" && errorMessage3 && !recoverable ? /* @__PURE__ */ jsx6(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx6(
           "span",
           {
             "aria-hidden": "true",
@@ -4653,7 +4757,7 @@ function ComposerTranscriptionControl({
             children: errorMessage3
           }
         ) }) : null,
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "span",
           {
             className: "sr-only",
@@ -4671,8 +4775,8 @@ function VoiceWaveform({
   stream,
   mode
 }) {
-  const [levels, setLevels] = useState6(() => restingLevels(WAVEFORM_BARS));
-  const [live, setLive] = useState6(false);
+  const [levels, setLevels] = useState7(() => restingLevels(WAVEFORM_BARS));
+  const [live, setLive] = useState7(false);
   useEffect5(() => {
     if (!stream || mode !== "recording") {
       setLive(false);
@@ -4721,7 +4825,7 @@ function VoiceWaveform({
       void context?.close();
     };
   }, [stream, mode]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "span",
     {
       "aria-hidden": true,
@@ -4729,7 +4833,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__ */ jsx6(
           "span",
           {
             className: cn(
@@ -4780,6 +4884,10 @@ function transcriptionErrorMessage(code, messages) {
 }
 
 export {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
   useLightbox,
   useLightboxOptional,
   LightboxProvider,
@@ -4836,4 +4944,4 @@ export {
   useVoiceInput,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-7BWFU6H4.js.map
+//# sourceMappingURL=chunk-Z7WBDB4E.js.map