@ai-matrx/chat 0.5.0 → 0.5.3

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

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useComputeTargets } from "../../../../compute/targets.js";
 import { useEffect } from "react";
 import { ChevronRight } from "lucide-react";
@@ -52,7 +53,10 @@ import { useTouchOnlyDevice } from "../../../../ui/composer/useTouchOnlyDevice.j
 import { selectSandboxBySurface } from "../../../../host/prefs.js";
 const EMPTY_LIST = [];
 function Row({ label, children }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "grid min-h-8 grid-cols-[9rem_minmax(0,1fr)] items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "truncate text-xs text-foreground", title: label }, label), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, children));
+  return /* @__PURE__ */ jsxs("div", { className: "grid min-h-8 grid-cols-[9rem_minmax(0,1fr)] items-center gap-2", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground", title: label, children: label }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children })
+  ] });
 }
 function ToggleRow({
   label,
@@ -60,7 +64,7 @@ function ToggleRow({
   onCheckedChange,
   disabled = false
 }) {
-  return /* @__PURE__ */ React.createElement(Row, { label }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Row, { label, children: /* @__PURE__ */ jsx(
     Switch,
     {
       checked,
@@ -68,42 +72,47 @@ function ToggleRow({
       disabled,
       "aria-label": label
     }
-  ));
+  ) });
 }
 function PickerRow({
   label,
   summary,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(Row, { label }, /* @__PURE__ */ React.createElement(Popover, { modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      className: "inline-flex h-7 w-full items-center justify-between gap-1 rounded-md bg-transparent px-1 text-xs text-foreground/80 transition-colors hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "truncate" }, summary),
-    /* @__PURE__ */ React.createElement(ChevronRight, { className: "h-3 w-3 shrink-0 text-muted-foreground/60" })
-  )), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      align: "end",
-      className: "w-[min(30rem,calc(100vw-2rem))] p-0"
-    },
-    children
-  )));
+  return /* @__PURE__ */ jsx(Row, { label, children: /* @__PURE__ */ jsxs(Popover, { modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-7 w-full items-center justify-between gap-1 rounded-md bg-transparent px-1 text-xs text-foreground/80 transition-colors hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: summary }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 shrink-0 text-muted-foreground/60" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "end",
+        className: "w-[min(30rem,calc(100vw-2rem))] p-0",
+        children
+      }
+    )
+  ] }) });
 }
 function SimpleList({
   items,
   empty
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "max-h-64 overflow-y-auto p-2" }, items.length === 0 ? /* @__PURE__ */ React.createElement("p", { className: "px-1 py-2 text-xs text-muted-foreground" }, empty) : /* @__PURE__ */ React.createElement("ul", { className: "space-y-1" }, items.map((item) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-2", children: items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 py-2 text-xs text-muted-foreground", children: empty }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ jsx(
     "li",
     {
-      key: item.key,
-      className: "rounded-sm bg-muted/50 px-2 py-1 text-xs text-foreground"
+      className: "rounded-sm bg-muted/50 px-2 py-1 text-xs text-foreground",
+      children: item.content
     },
-    item.content
-  ))));
+    item.key
+  )) }) });
 }
 function QuicksetPanel({
   conversationId,
@@ -158,7 +167,7 @@ function QuicksetPanel({
   const agentTools = [
     ...Array.isArray(agentToolIds) ? agentToolIds.map((id) => ({
       key: `built-in:${id}`,
-      content: /* @__PURE__ */ React.createElement(
+      content: /* @__PURE__ */ jsx(
         AiToolRef,
         {
           toolId: id,
@@ -180,95 +189,123 @@ function QuicksetPanel({
   const addedTools = settings.addedTools ?? [];
   const addedSkills = settings.addedSkills ?? [];
   const touchOnly = useTouchOnlyDevice();
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full overflow-y-auto overscroll-contain px-3 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, touchOnly ? null : /* @__PURE__ */ React.createElement(
-    ToggleRow,
-    {
-      label: "Submit on Enter",
-      checked: submitOnEnter,
-      onCheckedChange: (value) => dispatch(setSubmitOnEnter({ conversationId, value }))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    ToggleRow,
-    {
-      label: "Show Creator Panel",
-      checked: showCreatorPanel,
-      onCheckedChange: onToggleCreatorPanel,
-      disabled: !isCreator
-    }
-  ), /* @__PURE__ */ React.createElement(
-    ToggleRow,
-    {
-      label: "Show Variables",
-      checked: showVariables,
-      onCheckedChange: (value) => dispatch(setShowVariablePanel({ conversationId, value }))
-    }
-  )), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement(Row, { label: "Scopes" }, /* @__PURE__ */ React.createElement(ActiveContextLensChip, { conversationId, align: "end" })), /* @__PURE__ */ React.createElement(
-    ToggleRow,
-    {
-      label: "Working Document",
-      checked: workingDocument,
-      onCheckedChange: (enabled) => void dispatch(
-        setConversationDocumentEnabledThunk({
+  return /* @__PURE__ */ jsxs("div", { className: "h-full overflow-y-auto overscroll-contain px-3 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      touchOnly ? null : /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: "Submit on Enter",
+          checked: submitOnEnter,
+          onCheckedChange: (value) => dispatch(setSubmitOnEnter({ conversationId, value }))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: "Show Creator Panel",
+          checked: showCreatorPanel,
+          onCheckedChange: onToggleCreatorPanel,
+          disabled: !isCreator
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: "Show Variables",
+          checked: showVariables,
+          onCheckedChange: (value) => dispatch(setShowVariablePanel({ conversationId, value }))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(Row, { label: "Scopes", children: /* @__PURE__ */ jsx(ActiveContextLensChip, { conversationId, align: "end" }) }),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: "Working Document",
+          checked: workingDocument,
+          onCheckedChange: (enabled) => void dispatch(
+            setConversationDocumentEnabledThunk({
+              conversationId,
+              kind: "working",
+              enabled
+            })
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: "Scratch",
+          checked: scratch,
+          onCheckedChange: (enabled) => void dispatch(setScratchpadGateThunk({ conversationId, enabled }))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(Row, { label: "Model", children: /* @__PURE__ */ jsx(
+        QuickRunModelSelect,
+        {
           conversationId,
-          kind: "working",
-          enabled
-        })
+          className: "w-full"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PickerRow,
+        {
+          label: "Agent Tools",
+          summary: `${agentTools.length} configured`,
+          children: /* @__PURE__ */ jsx(SimpleList, { items: agentTools, empty: "No agent tools configured." })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PickerRow,
+        {
+          label: "Surface Tools",
+          summary: `${surfaceTools.length} available`,
+          children: /* @__PURE__ */ jsx(
+            SimpleList,
+            {
+              items: surfaceTools.map((toolName) => ({
+                key: toolName,
+                content: toolName
+              })),
+              empty: "No surface tools are active."
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PickerRow,
+        {
+          label: "Add Tools",
+          summary: addedTools.length ? `${addedTools.length} added` : "Choose tools",
+          children: /* @__PURE__ */ jsx("div", { className: "h-[26rem]", children: /* @__PURE__ */ jsx(RunToolPicker, { conversationId }) })
+        }
       )
-    }
-  ), /* @__PURE__ */ React.createElement(
-    ToggleRow,
-    {
-      label: "Scratch",
-      checked: scratch,
-      onCheckedChange: (enabled) => void dispatch(setScratchpadGateThunk({ conversationId, enabled }))
-    }
-  )), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement(Row, { label: "Model" }, /* @__PURE__ */ React.createElement(
-    QuickRunModelSelect,
-    {
-      conversationId,
-      className: "w-full"
-    }
-  )), /* @__PURE__ */ React.createElement(
-    PickerRow,
-    {
-      label: "Agent Tools",
-      summary: `${agentTools.length} configured`
-    },
-    /* @__PURE__ */ React.createElement(SimpleList, { items: agentTools, empty: "No agent tools configured." })
-  ), /* @__PURE__ */ React.createElement(
-    PickerRow,
-    {
-      label: "Surface Tools",
-      summary: `${surfaceTools.length} available`
-    },
-    /* @__PURE__ */ React.createElement(
-      SimpleList,
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(PickerRow, { label: "Skills", summary: `${addedSkills.length} skills`, children: /* @__PURE__ */ jsx("div", { className: "h-[26rem]", children: /* @__PURE__ */ jsx(RunSkillPicker, { conversationId }) }) }),
+      /* @__PURE__ */ jsx(ShapeChipsRow, { conversationId })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(
+      PickerRow,
       {
-        items: surfaceTools.map((toolName) => ({
-          key: toolName,
-          content: toolName
-        })),
-        empty: "No surface tools are active."
+        label: "Agent Sandbox",
+        summary: computeTargets?.targets.find(
+          (target) => target.id === sandboxBinding?.rowId
+        )?.name ?? sandboxBinding?.name ?? sandboxBinding?.proxyUrl.match(/\/sandboxes\/([^/]+)/)?.[1] ?? // read-gate-exempt: binding summary of the open conversation's own record in the store, not a list read's answer
+        (sandboxBinding ? sandboxBinding.rowId.slice(0, 8) : "No sandbox bound"),
+        children: /* @__PURE__ */ jsx(SandboxPanel, { conversationId })
       }
-    )
-  ), /* @__PURE__ */ React.createElement(
-    PickerRow,
-    {
-      label: "Add Tools",
-      summary: addedTools.length ? `${addedTools.length} added` : "Choose tools"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "h-[26rem]" }, /* @__PURE__ */ React.createElement(RunToolPicker, { conversationId }))
-  )), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement(PickerRow, { label: "Skills", summary: `${addedSkills.length} skills` }, /* @__PURE__ */ React.createElement("div", { className: "h-[26rem]" }, /* @__PURE__ */ React.createElement(RunSkillPicker, { conversationId }))), /* @__PURE__ */ React.createElement(ShapeChipsRow, { conversationId })), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(
-    PickerRow,
-    {
-      label: "Agent Sandbox",
-      summary: computeTargets?.targets.find(
-        (target) => target.id === sandboxBinding?.rowId
-      )?.name ?? sandboxBinding?.name ?? sandboxBinding?.proxyUrl.match(/\/sandboxes\/([^/]+)/)?.[1] ?? // read-gate-exempt: binding summary of the open conversation's own record in the store, not a list read's answer
-      (sandboxBinding ? sandboxBinding.rowId.slice(0, 8) : "No sandbox bound")
-    },
-    /* @__PURE__ */ React.createElement(SandboxPanel, { conversationId })
-  ), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(RunSettingsQuickControls, { conversationId, quickset: true }));
+    ),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(RunSettingsQuickControls, { conversationId, quickset: true })
+  ] });
 }
 export {
   QuicksetPanel

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

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import {
   FileText,
@@ -84,12 +85,12 @@ function RunControlsMenu({
   };
   const useWindowPresentation = !isMobile && !dialogContainer && !popoutContainer;
   const TriggerIcon = variant === "plus" ? Plus : SlidersHorizontal;
-  const triggerButton = /* @__PURE__ */ React.createElement(
+  const triggerButton = /* @__PURE__ */ jsx(
     Button,
     {
       variant: "quiet",
       tone: rc.addedCount > 0 ? "primary" : void 0,
-      icon: /* @__PURE__ */ React.createElement(TriggerIcon, null),
+      icon: /* @__PURE__ */ jsx(TriggerIcon, {}),
       tabIndex: variant === "plus" ? -1 : void 0,
       title: "Chat Options",
       "aria-label": rc.addedCount > 0 ? `Chat Options (${rc.addedCount} added)` : "Chat Options",
@@ -97,13 +98,13 @@ function RunControlsMenu({
         conversationId,
         initialTab: "quickset"
       }) : isMobile ? () => handleOpenChange(true) : void 0,
-      className: "shrink-0"
-    },
-    rc.addedCount > 0 ? String(rc.addedCount) : void 0
+      className: "shrink-0",
+      children: rc.addedCount > 0 ? String(rc.addedCount) : void 0
+    }
   );
   if (useWindowPresentation) {
     if (variant === "plus" && composer) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         ComposerPlusMenu,
         {
           conversationId,
@@ -120,7 +121,7 @@ function RunControlsMenu({
       );
     }
     if (variant === "plus") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         PlusAttachMenu,
         {
           conversationId,
@@ -135,7 +136,7 @@ function RunControlsMenu({
     return triggerButton;
   }
   if (isMobile && variant === "plus" && composer) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ComposerPlusMenu,
       {
         conversationId,
@@ -155,96 +156,110 @@ function RunControlsMenu({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, triggerButton, /* @__PURE__ */ React.createElement(
-      TabbedBottomSheet,
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      triggerButton,
+      /* @__PURE__ */ jsx(
+        TabbedBottomSheet,
+        {
+          open,
+          onOpenChange: handleOpenChange,
+          title: "Chat options",
+          tabs: [
+            ...variant === "plus" ? [
+              {
+                id: "message-templates",
+                label: "Templates",
+                icon: FileText,
+                content: /* @__PURE__ */ jsx("div", { className: "matrx-touch-targets contents", children: /* @__PURE__ */ jsx(
+                  SmartInputMessageTemplatePicker,
+                  {
+                    onSelect: (templateText) => {
+                      insertTemplate(templateText);
+                      setOpen(false);
+                    }
+                  }
+                ) })
+              }
+            ] : [],
+            ...rc.tabs.filter(
+              (t) => !composer || mobileSheetShowsTab(composer.mode, t.id)
+            ).map((t) => ({
+              id: t.id,
+              label: t.label,
+              icon: t.icon,
+              trailing: rc.tabTrailing(t.id),
+              // A pick in Attach (note, file, chat) returns to the tab list
+              // so the person keeps setting up the chat (PB-08, 2026-10-01).
+              content: ({ showIndex }) => /* @__PURE__ */ jsx("div", { className: "matrx-touch-targets contents", children: /* @__PURE__ */ jsx(
+                RunControlsTabPanel,
+                {
+                  ...panelProps,
+                  activeTab: t.id,
+                  fill: true,
+                  onPicked: showIndex
+                }
+              ) })
+            }))
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: triggerButton }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
       {
-        open,
-        onOpenChange: handleOpenChange,
-        title: "Chat options",
-        tabs: [
-          ...variant === "plus" ? [
+        align,
+        side,
+        sideOffset: 8,
+        className: cn(
+          "p-0 border-border",
+          fullscreen ? "flex h-[calc(100dvh-2rem)] w-[calc(100vw-1rem)] flex-col" : "w-[min(680px,calc(100vw-1rem))]"
+        ),
+        container: dialogContainer ?? void 0,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
             {
-              id: "message-templates",
-              label: "Templates",
-              icon: FileText,
-              content: /* @__PURE__ */ React.createElement("div", { className: "matrx-touch-targets contents" }, /* @__PURE__ */ React.createElement(
-                SmartInputMessageTemplatePicker,
+              role: "tablist",
+              "aria-label": "Run controls",
+              className: "flex shrink-0 overflow-x-auto border-b border-border [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+              children: [
+                rc.tabs.map((t) => {
+                  const Icon = t.icon;
+                  const on = activeTab === t.id;
+                  return /* @__PURE__ */ jsxs(Button, { variant: "quiet", pressed: !!on, icon: /* @__PURE__ */ jsx(Icon, {}), role: "tab", "aria-pressed": void 0, id: `runctl-tab-${t.id}-${conversationId}`, "aria-selected": on, "aria-controls": `runctl-panel-${conversationId}`, onClick: () => setTab(t.id), className: "-mb-px shrink-0", children: [
+                    t.label,
+                    " ",
+                    rc.tabTrailing(t.id)
+                  ] }, t.id);
+                }),
+                /* @__PURE__ */ jsx(Button, { variant: "outline", icon: fullscreen ? /* @__PURE__ */ jsx(Minimize2, {}) : /* @__PURE__ */ jsx(Maximize2, {}), onClick: () => setFullscreen((v) => !v), "aria-label": fullscreen ? "Exit full screen" : "Expand to full screen", title: fullscreen ? "Exit full screen" : "Expand to full screen", className: "sticky right-0 ml-auto shrink-0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "tabpanel",
+              id: `runctl-panel-${conversationId}`,
+              "aria-labelledby": `runctl-tab-${activeTab}-${conversationId}`,
+              className: cn(fullscreen && "flex min-h-0 flex-1 flex-col"),
+              children: /* @__PURE__ */ jsx(
+                RunControlsTabPanel,
                 {
-                  onSelect: (templateText) => {
-                    insertTemplate(templateText);
-                    setOpen(false);
-                  }
+                  ...panelProps,
+                  activeTab,
+                  fill: fullscreen
                 }
-              ))
+              )
             }
-          ] : [],
-          ...rc.tabs.filter(
-            (t) => !composer || mobileSheetShowsTab(composer.mode, t.id)
-          ).map((t) => ({
-            id: t.id,
-            label: t.label,
-            icon: t.icon,
-            trailing: rc.tabTrailing(t.id),
-            // A pick in Attach (note, file, chat) returns to the tab list
-            // so the person keeps setting up the chat (PB-08, 2026-10-01).
-            content: ({ showIndex }) => /* @__PURE__ */ React.createElement("div", { className: "matrx-touch-targets contents" }, /* @__PURE__ */ React.createElement(
-              RunControlsTabPanel,
-              {
-                ...panelProps,
-                activeTab: t.id,
-                fill: true,
-                onPicked: showIndex
-              }
-            ))
-          }))
+          )
         ]
       }
-    ));
-  }
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: handleOpenChange, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, triggerButton), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      align,
-      side,
-      sideOffset: 8,
-      className: cn(
-        "p-0 border-border",
-        fullscreen ? "flex h-[calc(100dvh-2rem)] w-[calc(100vw-1rem)] flex-col" : "w-[min(680px,calc(100vw-1rem))]"
-      ),
-      container: dialogContainer ?? void 0
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "tablist",
-        "aria-label": "Run controls",
-        className: "flex shrink-0 overflow-x-auto border-b border-border [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
-      },
-      rc.tabs.map((t) => {
-        const Icon = t.icon;
-        const on = activeTab === t.id;
-        return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", pressed: !!on, icon: /* @__PURE__ */ React.createElement(Icon, null), key: t.id, role: "tab", "aria-pressed": void 0, id: `runctl-tab-${t.id}-${conversationId}`, "aria-selected": on, "aria-controls": `runctl-panel-${conversationId}`, onClick: () => setTab(t.id), className: "-mb-px shrink-0" }, t.label, " ", rc.tabTrailing(t.id));
-      }),
-      /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: fullscreen ? /* @__PURE__ */ React.createElement(Minimize2, null) : /* @__PURE__ */ React.createElement(Maximize2, null), onClick: () => setFullscreen((v) => !v), "aria-label": fullscreen ? "Exit full screen" : "Expand to full screen", title: fullscreen ? "Exit full screen" : "Expand to full screen", className: "sticky right-0 ml-auto shrink-0" })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        role: "tabpanel",
-        id: `runctl-panel-${conversationId}`,
-        "aria-labelledby": `runctl-tab-${activeTab}-${conversationId}`,
-        className: cn(fullscreen && "flex min-h-0 flex-1 flex-col")
-      },
-      /* @__PURE__ */ React.createElement(
-        RunControlsTabPanel,
-        {
-          ...panelProps,
-          activeTab,
-          fill: fullscreen
-        }
-      )
     )
-  ));
+  ] });
 }
 export {
   RunControlsMenu