@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/smart-input/InputActionButtons.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useCallback, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import {
   CornerDownLeft,
   Braces,
@@ -48,13 +49,13 @@ function InputButton({
   active = false,
   className = ""
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       variant: "quiet",
       tone: active ? "primary" : void 0,
       "aria-pressed": active || void 0,
-      icon: /* @__PURE__ */ React.createElement(Icon, null),
+      icon: /* @__PURE__ */ jsx(Icon, {}),
       onClick,
       title: tooltip,
       "aria-label": tooltip,
@@ -107,7 +108,7 @@ function InputActionButtons({
   const handleStop = useCallback(() => {
     dispatch(cancelExecution(executingConversationId ?? conversationId));
   }, [executingConversationId, conversationId, dispatch]);
-  const liveAudioButton = database && showSendButton && agentId ? /* @__PURE__ */ React.createElement(
+  const liveAudioButton = database && showSendButton && agentId ? /* @__PURE__ */ jsx(
     VoiceRelayBar,
     {
       variant: "composer",
@@ -119,7 +120,7 @@ function InputActionButtons({
       sourceFeature: composer.sourceFeature ?? "chat"
     }
   ) : null;
-  const variablesToggle = shouldShowVariables && showVariableIcon ? /* @__PURE__ */ React.createElement(
+  const variablesToggle = shouldShowVariables && showVariableIcon ? /* @__PURE__ */ jsx(
     InputButton,
     {
       icon: Braces,
@@ -128,7 +129,7 @@ function InputActionButtons({
       active: showVariablePanel
     }
   ) : null;
-  const plusMenu = database ? /* @__PURE__ */ React.createElement(
+  const plusMenu = database ? /* @__PURE__ */ jsx(
     RunControlsMenu,
     {
       conversationId,
@@ -147,35 +148,69 @@ function InputActionButtons({
       }
     }
   ) : null;
-  const micGroup = database && showMicrophone ? /* @__PURE__ */ React.createElement(SplitButton, { className: "shrink-0" }, /* @__PURE__ */ React.createElement(
-    AgentMicrophoneButton,
-    {
-      conversationId,
-      variant: "control",
-      label: "Record audio",
-      onRecordingStateChange: handleVoiceBusyChange
-    }
-  ), /* @__PURE__ */ React.createElement(MicDeviceMenu, null)) : null;
-  const sendControls = showSendButton ? /* @__PURE__ */ React.createElement(ComposerSendSlot, { conversationId }, (hasSomethingToSend) => /* @__PURE__ */ React.createElement(React.Fragment, null, isExecuting ? /* @__PURE__ */ React.createElement(ComposerStopButton, { onStop: handleStop }) : null, !isExecuting || hasSomethingToSend || shouldShowVariables ? /* @__PURE__ */ React.createElement(
-    ComposerSendButton,
-    {
-      submitOnEnter,
-      isExecuting,
-      voiceBusy,
-      disabled: isSendDisabled || !(hasSomethingToSend || shouldShowVariables),
-      onSend: handleSend
-    }
-  ) : null)) : null;
+  const micGroup = database && showMicrophone ? /* @__PURE__ */ jsxs(SplitButton, { className: "shrink-0", children: [
+    /* @__PURE__ */ jsx(
+      AgentMicrophoneButton,
+      {
+        conversationId,
+        variant: "control",
+        label: "Record audio",
+        onRecordingStateChange: handleVoiceBusyChange
+      }
+    ),
+    /* @__PURE__ */ jsx(MicDeviceMenu, {})
+  ] }) : null;
+  const sendControls = showSendButton ? /* @__PURE__ */ jsx(ComposerSendSlot, { conversationId, children: (hasSomethingToSend) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    isExecuting ? /* @__PURE__ */ jsx(ComposerStopButton, { onStop: handleStop }) : null,
+    !isExecuting || hasSomethingToSend || shouldShowVariables ? /* @__PURE__ */ jsx(
+      ComposerSendButton,
+      {
+        submitOnEnter,
+        isExecuting,
+        voiceBusy,
+        disabled: isSendDisabled || !(hasSomethingToSend || shouldShowVariables),
+        onSend: handleSend
+      }
+    ) : null
+  ] }) }) : null;
   if (composer.part === "send") return sendControls;
   if (composer.part === "launcher") {
-    return /* @__PURE__ */ React.createElement("span", { className: "flex shrink-0 items-center gap-1.5" }, micGroup, sendControls);
+    return /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+      micGroup,
+      sendControls
+    ] });
   }
   if (composer.part === "controls") {
-    return /* @__PURE__ */ React.createElement("div", { "data-composer-row": "", className: "flex min-w-0 items-center justify-between gap-1.5 shrink-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 shrink-0 items-center gap-1.5" }, plusMenu, database ? /* @__PURE__ */ React.createElement(DesktopPresenceIndicator, { conversationId }) : null, variablesToggle, micGroup, composer.folded && !liveAudioOn ? null : liveAudioButton, composer.leading), /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center gap-1.5" }, extraRightControls, composer.trailing));
+    return /* @__PURE__ */ jsxs("div", { "data-composer-row": "", className: "flex min-w-0 items-center justify-between gap-1.5 shrink-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-1.5", children: [
+        plusMenu,
+        database ? /* @__PURE__ */ jsx(DesktopPresenceIndicator, { conversationId }) : null,
+        variablesToggle,
+        micGroup,
+        composer.folded && !liveAudioOn ? null : liveAudioButton,
+        composer.leading
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        extraRightControls,
+        composer.trailing
+      ] })
+    ] });
   }
   return (
     // Full's button row: one 32px composer row, the same height as each text line.
-    /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center justify-between gap-1.5 shrink-0 lg:h-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center gap-1.5" }, plusMenu, database ? /* @__PURE__ */ React.createElement(DesktopPresenceIndicator, { conversationId }) : null, variablesToggle), /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 items-center gap-1.5" }, extraRightControls, micGroup, liveAudioButton, sendControls))
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-1.5 shrink-0 lg:h-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        plusMenu,
+        database ? /* @__PURE__ */ jsx(DesktopPresenceIndicator, { conversationId }) : null,
+        variablesToggle
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        extraRightControls,
+        micGroup,
+        liveAudioButton,
+        sendControls
+      ] })
+    ] })
   );
 }
 function ComposerSendSlot({
@@ -185,17 +220,17 @@ function ComposerSendSlot({
   const hasSomethingToSend = useAppSelector(
     selectComposerHasSomethingToSend(conversationId)
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children(hasSomethingToSend));
+  return /* @__PURE__ */ jsx(Fragment, { children: children(hasSomethingToSend) });
 }
 function Keys({ keys }) {
-  return /* @__PURE__ */ React.createElement("span", { className: "flex shrink-0 items-center gap-0.5" }, keys.map((key) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center gap-0.5", children: keys.map((key) => /* @__PURE__ */ jsx(
     "kbd",
     {
-      key,
-      className: "inline-flex h-5 min-w-5 items-center justify-center rounded border border-border/60 px-1 font-sans text-[11px]"
+      className: "inline-flex h-5 min-w-5 items-center justify-center rounded border border-border/60 px-1 font-sans text-[11px]",
+      children: key
     },
     key
-  )));
+  )) });
 }
 function ComposerSendButton({
   submitOnEnter,
@@ -217,14 +252,23 @@ function ComposerSendButton({
     { label: "New line", keys: ["\u21B5"] }
   ];
   const name = isExecuting ? "Queue message" : voiceBusy ? "Finish recording to send" : "Send message";
-  return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(CornerDownLeft, null), onClick: onSend, disabled, "aria-label": name, className: "shrink-0" })), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", align: "end", className: "flex flex-col gap-1 py-1.5" }, voiceBusy ? /* @__PURE__ */ React.createElement("span", null, "Finish recording to send") : rows.map((row) => /* @__PURE__ */ React.createElement("span", { key: row.label, className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ React.createElement("span", null, row.label), /* @__PURE__ */ React.createElement(Keys, { keys: row.keys })))));
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(CornerDownLeft, {}), onClick: onSend, disabled, "aria-label": name, className: "shrink-0" }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", align: "end", className: "flex flex-col gap-1 py-1.5", children: voiceBusy ? /* @__PURE__ */ jsx("span", { children: "Finish recording to send" }) : rows.map((row) => /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx("span", { children: row.label }),
+      /* @__PURE__ */ jsx(Keys, { keys: row.keys })
+    ] }, row.label)) })
+  ] });
 }
 function ComposerStopButton({ onStop }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       variant: "quiet",
-      icon: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin group-hover:hidden" }), /* @__PURE__ */ React.createElement(Square, { className: "hidden fill-current group-hover:block" })),
+      icon: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "animate-spin group-hover:hidden" }),
+        /* @__PURE__ */ jsx(Square, { className: "hidden fill-current group-hover:block" })
+      ] }),
       onClick: onStop,
       title: "Stop the run (everything streamed so far is kept)",
       "aria-label": "Stop the run",

package/dist/agents/components/inputs/smart-input/PlusAttachMenu.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChatConnectionsStrip } from "./ChatConnectionsStrip.js";
 import { useState } from "react";
 import { AppWindow, Cpu, FileText, RefreshCcw } from "lucide-react";
@@ -50,38 +51,48 @@ function DocumentSwitchesRow({ conversationId }) {
   const scratchEnabled = useAppSelector(
     selectWorkingDocEnabled(conversationId, "scratch")
   );
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 border-t border-border px-2 py-1" }, /* @__PURE__ */ React.createElement("label", { className: "flex min-w-0 flex-1 cursor-pointer items-center justify-between gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "truncate text-[11px] font-medium text-muted-foreground" }, "Working doc"), /* @__PURE__ */ React.createElement(
-    Switch,
-    {
-      checked: workingDocEnabled,
-      onCheckedChange: (value) => void dispatch(
-        setConversationDocumentEnabledThunk({
-          conversationId,
-          kind: "working",
-          enabled: value
-        })
-      ),
-      "aria-label": "Toggle working document for this chat"
-    }
-  )), /* @__PURE__ */ React.createElement("span", { className: "h-4 w-px shrink-0 bg-border" }), /* @__PURE__ */ React.createElement("label", { className: "flex min-w-0 flex-1 cursor-pointer items-center justify-between gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "truncate text-[11px] font-medium text-muted-foreground" }, "Scratchpad"), /* @__PURE__ */ React.createElement(
-    Switch,
-    {
-      checked: scratchEnabled,
-      onCheckedChange: (value) => void dispatch(
-        setScratchpadGateThunk({
-          conversationId,
-          enabled: value
-        })
-      ),
-      "aria-label": "Toggle scratchpad for this chat"
-    }
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border px-2 py-1", children: [
+    /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 flex-1 cursor-pointer items-center justify-between gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] font-medium text-muted-foreground", children: "Working doc" }),
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: workingDocEnabled,
+          onCheckedChange: (value) => void dispatch(
+            setConversationDocumentEnabledThunk({
+              conversationId,
+              kind: "working",
+              enabled: value
+            })
+          ),
+          "aria-label": "Toggle working document for this chat"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "h-4 w-px shrink-0 bg-border" }),
+    /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 flex-1 cursor-pointer items-center justify-between gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] font-medium text-muted-foreground", children: "Scratchpad" }),
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: scratchEnabled,
+          onCheckedChange: (value) => void dispatch(
+            setScratchpadGateThunk({
+              conversationId,
+              enabled: value
+            })
+          ),
+          "aria-label": "Toggle scratchpad for this chat"
+        }
+      )
+    ] })
+  ] });
 }
 function ContextLensMenuRow({ conversationId }) {
   const openContextPreview = useOpenContextPreviewPanel();
   const agentId = useAppSelector(selectAgentIdFromInstance(conversationId));
   const previewOpen = useIsChatWindowOpen(CHAT_WINDOWS.contextPreviewPanel);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full border-t border-border px-2 py-1" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full border-t border-border px-2 py-1", children: /* @__PURE__ */ jsx(
     ActiveContextLensChip,
     {
       conversationId,
@@ -92,7 +103,7 @@ function ContextLensMenuRow({ conversationId }) {
         agentId: agentId ?? void 0
       })
     }
-  ));
+  ) });
 }
 function ComputeLensMenuRow({
   conversationId,
@@ -100,14 +111,14 @@ function ComputeLensMenuRow({
 }) {
   const sandboxBlocked = useSandboxBindingBlocked(conversationId);
   if (sandboxBlocked) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full border-t border-border px-2 py-1" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full border-t border-border px-2 py-1", children: /* @__PURE__ */ jsx(
     ComputeLensBar,
     {
       conversationId,
       className: "h-7 w-full max-w-full",
       onOpenPanel
     }
-  ));
+  ) });
 }
 function PlusAttachMenu({
   conversationId,
@@ -163,96 +174,130 @@ function PlusAttachMenu({
     );
     onRequestInputExpand?.();
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: handleOpenChange, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, trigger), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      align,
-      side,
-      sideOffset: 8,
-      container,
-      className: `flex ${PLUS_ATTACH_MENU_HEIGHT_CLASS} w-96 max-w-[calc(100vw-1rem)] flex-col overflow-hidden border-border p-0`
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain" }, view === "overrides" ? /* @__PURE__ */ React.createElement("div", { className: "flex min-h-full flex-col" }, /* @__PURE__ */ React.createElement(
-      ResourcePickerSubViewHeader,
-      {
-        title: "Overrides",
-        icon: /* @__PURE__ */ React.createElement(Cpu, { className: "h-3.5 w-3.5 shrink-0 text-primary" }),
-        onBack: () => setView("menu")
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain" }, /* @__PURE__ */ React.createElement(RunConfigOverrides, { conversationId }), /* @__PURE__ */ React.createElement(RunInputCapabilities, { conversationId }))) : view === "templates" ? /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col" }, /* @__PURE__ */ React.createElement(
-      ResourcePickerSubViewHeader,
-      {
-        title: "Message templates",
-        icon: /* @__PURE__ */ React.createElement(FileText, { className: "h-3.5 w-3.5 text-primary" }),
-        onBack: () => setView("menu")
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1" }, /* @__PURE__ */ React.createElement(
-      SmartInputMessageTemplatePicker,
-      {
-        onSelect: (templateText) => {
-          insertTemplate(templateText);
-          closeMenu();
-        }
-      }
-    ))) : /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0" }, /* @__PURE__ */ React.createElement(
-      ResourcePickerMenu,
-      {
-        key: pickerInitialView ?? "menu",
-        initialView: pickerInitialView,
-        onReopenAt: (pickerView) => {
-          setPickerInitialView(pickerView);
-          setView("menu");
-          setOpen(true);
-        },
-        conversationId,
-        fillHost: true,
-        onResourceSelected: handleResourceSelected,
-        onResourceDeselected: detachResource,
-        onClose: closeMenu,
-        attachmentCapabilities,
-        onDebugClick,
-        showDebugActive
-      }
-    ))),
-    view !== "templates" ? /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1 border-t border-border px-2 py-1" }, /* @__PURE__ */ React.createElement(
-      QuickRunModelSelect,
-      {
-        conversationId,
-        className: "h-6 min-w-0 flex-1"
-      }
-    ), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: view === "overrides", icon: /* @__PURE__ */ React.createElement(Cpu, null), disabled: isManualMode, title: isManualMode ? MANUAL_MODE_SETTINGS_HINT : "Per-run model overrides", onClick: () => {
-      if (isManualMode) return;
-      setView((v) => v === "overrides" ? "menu" : "overrides");
-    }, className: "shrink-0" }, "Overrides"), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(AppWindow, null), disabled: isManualMode, title: isManualMode ? MANUAL_MODE_SETTINGS_HINT : "Advanced settings", onClick: () => {
-      if (isManualMode) return;
-      closeMenu();
-      openRunControlsWindow({
-        conversationId,
-        initialTab: "settings"
-      });
-    }, className: "shrink-0" }, "Advanced")), view === "menu" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "border-t border-border px-2 py-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(FileText, null), onClick: () => setView("templates"), className: "w-full" }, "Message templates")), /* @__PURE__ */ React.createElement(DocumentSwitchesRow, { conversationId }), /* @__PURE__ */ React.createElement("div", { className: "border-t border-border px-3 py-1.5" }, /* @__PURE__ */ React.createElement(ChatConnectionsStrip, { conversationId })), /* @__PURE__ */ React.createElement(ContextLensMenuRow, { conversationId }), /* @__PURE__ */ React.createElement(
-      ComputeLensMenuRow,
-      {
-        conversationId,
-        onOpenPanel: () => {
-          closeMenu();
-          openRunControlsWindow({
-            conversationId,
-            initialTab: "sandbox"
-          });
-        }
-      }
-    ), foldToolbarExtras && shouldShowAutoClearToggle && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 border-t border-border px-2 py-1.5" }, /* @__PURE__ */ React.createElement("label", { className: "flex cursor-pointer items-center justify-between gap-2 rounded-md px-1 py-1 hover:bg-muted/50" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground" }, /* @__PURE__ */ React.createElement(RefreshCcw, { className: "h-3.5 w-3.5" }), "Auto-clear"), /* @__PURE__ */ React.createElement(
-      Switch,
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
       {
-        checked: autoClear,
-        onCheckedChange: (value) => dispatch(
-          setAutoClearMode({ conversationId, value })
-        ),
-        "aria-label": "Toggle auto-clear conversation"
+        align,
+        side,
+        sideOffset: 8,
+        container,
+        className: `flex ${PLUS_ATTACH_MENU_HEIGHT_CLASS} w-96 max-w-[calc(100vw-1rem)] flex-col overflow-hidden border-border p-0`,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: view === "overrides" ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-full flex-col", children: [
+            /* @__PURE__ */ jsx(
+              ResourcePickerSubViewHeader,
+              {
+                title: "Overrides",
+                icon: /* @__PURE__ */ jsx(Cpu, { className: "h-3.5 w-3.5 shrink-0 text-primary" }),
+                onBack: () => setView("menu")
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: [
+              /* @__PURE__ */ jsx(RunConfigOverrides, { conversationId }),
+              /* @__PURE__ */ jsx(RunInputCapabilities, { conversationId })
+            ] })
+          ] }) : view === "templates" ? /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+            /* @__PURE__ */ jsx(
+              ResourcePickerSubViewHeader,
+              {
+                title: "Message templates",
+                icon: /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-primary" }),
+                onBack: () => setView("menu")
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+              SmartInputMessageTemplatePicker,
+              {
+                onSelect: (templateText) => {
+                  insertTemplate(templateText);
+                  closeMenu();
+                }
+              }
+            ) })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "h-full min-h-0", children: /* @__PURE__ */ jsx(
+            ResourcePickerMenu,
+            {
+              initialView: pickerInitialView,
+              onReopenAt: (pickerView) => {
+                setPickerInitialView(pickerView);
+                setView("menu");
+                setOpen(true);
+              },
+              conversationId,
+              fillHost: true,
+              onResourceSelected: handleResourceSelected,
+              onResourceDeselected: detachResource,
+              onClose: closeMenu,
+              attachmentCapabilities,
+              onDebugClick,
+              showDebugActive
+            },
+            pickerInitialView ?? "menu"
+          ) }) }),
+          view !== "templates" ? /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-t border-border px-2 py-1", children: [
+              /* @__PURE__ */ jsx(
+                QuickRunModelSelect,
+                {
+                  conversationId,
+                  className: "h-6 min-w-0 flex-1"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", pressed: view === "overrides", icon: /* @__PURE__ */ jsx(Cpu, {}), disabled: isManualMode, title: isManualMode ? MANUAL_MODE_SETTINGS_HINT : "Per-run model overrides", onClick: () => {
+                if (isManualMode) return;
+                setView((v) => v === "overrides" ? "menu" : "overrides");
+              }, className: "shrink-0", children: "Overrides" }),
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(AppWindow, {}), disabled: isManualMode, title: isManualMode ? MANUAL_MODE_SETTINGS_HINT : "Advanced settings", onClick: () => {
+                if (isManualMode) return;
+                closeMenu();
+                openRunControlsWindow({
+                  conversationId,
+                  initialTab: "settings"
+                });
+              }, className: "shrink-0", children: "Advanced" })
+            ] }),
+            view === "menu" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "border-t border-border px-2 py-1", children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(FileText, {}), onClick: () => setView("templates"), className: "w-full", children: "Message templates" }) }),
+              /* @__PURE__ */ jsx(DocumentSwitchesRow, { conversationId }),
+              /* @__PURE__ */ jsx("div", { className: "border-t border-border px-3 py-1.5", children: /* @__PURE__ */ jsx(ChatConnectionsStrip, { conversationId }) }),
+              /* @__PURE__ */ jsx(ContextLensMenuRow, { conversationId }),
+              /* @__PURE__ */ jsx(
+                ComputeLensMenuRow,
+                {
+                  conversationId,
+                  onOpenPanel: () => {
+                    closeMenu();
+                    openRunControlsWindow({
+                      conversationId,
+                      initialTab: "sandbox"
+                    });
+                  }
+                }
+              ),
+              foldToolbarExtras && shouldShowAutoClearToggle && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5 border-t border-border px-2 py-1.5", children: /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center justify-between gap-2 rounded-md px-1 py-1 hover:bg-muted/50", children: [
+                /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx(RefreshCcw, { className: "h-3.5 w-3.5" }),
+                  "Auto-clear"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: autoClear,
+                    onCheckedChange: (value) => dispatch(
+                      setAutoClearMode({ conversationId, value })
+                    ),
+                    "aria-label": "Toggle auto-clear conversation"
+                  }
+                )
+              ] }) })
+            ] }) : null
+          ] }) : null
+        ]
       }
-    )))) : null) : null
-  )));
+    )
+  ] }) });
 }
 export {
   PlusAttachMenu