@hachej/boring-agent 0.1.17 → 0.1.20

package/dist/front/index.js

@@ -1,7 +1,8 @@
 import {
   PI_AGENT_RUNTIME_CAPABILITIES,
+  WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT,
   extractToolUiMetadata
-} from "../chunk-F3CE5CNW.js";
+} from "../chunk-B5JECXMG.js";
 import {
   DebugDrawer,
   cn
@@ -46,7 +47,7 @@ async function uploadFile(file, opts = {}) {
 // src/front/ChatPanel.tsx
 import { isToolUIPart as isToolUIPart2 } from "ai";
 import { motion as motion2 } from "motion/react";
-import { lazy, Suspense, useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo12, useRef as useRef13, useState as useState20 } from "react";
+import { lazy, Suspense, useCallback as useCallback16, useEffect as useEffect18, useMemo as useMemo12, useRef as useRef13, useState as useState20 } from "react";
 
 // src/front/primitives/mention-picker.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState, useCallback } from "react";
@@ -1019,6 +1020,23 @@ var builtinCommands = [
       ctx.resetSession();
       return "Session reset.";
     }
+  },
+  {
+    name: "reload",
+    description: "Reload agent plugins",
+    handler(_, ctx) {
+      if (ctx.pluginUpdate) return ctx.pluginUpdate.run();
+      return ctx.reloadAgentPlugins();
+    }
+  },
+  {
+    name: "help",
+    description: "Show available commands",
+    handler(_, ctx) {
+      const cmds = ctx.listCommands();
+      if (cmds.length === 0) return "No commands available.";
+      return cmds.map((c) => `/${c.name} \u2014 ${c.description}`).join("\n");
+    }
   }
 ];
 
@@ -1048,6 +1066,192 @@ function createCommandRegistry(initial) {
   };
 }
 
+// src/front/composer/PluginUpdateStatus.tsx
+import { useEffect as useEffect7 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function PluginUpdateStatus({
+  state,
+  onDismiss,
+  onRetry,
+  successAutoDismissMs = 4e3
+}) {
+  useEffect7(() => {
+    if (!state || state.kind !== "success" || successAutoDismissMs <= 0) return;
+    const hasDetails = (state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0 || (state.frontEvents?.length ?? 0) > 0;
+    if (hasDetails) return;
+    const timeout = window.setTimeout(onDismiss, successAutoDismissMs);
+    return () => window.clearTimeout(timeout);
+  }, [state, onDismiss, successAutoDismissMs]);
+  if (!state) return null;
+  if (state.kind === "running") {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        "data-boring-plugin-update": "running",
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-accent/30 bg-[color:var(--accent-soft)]",
+          "px-3 py-2 text-xs text-foreground flex items-center gap-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsx3("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx3("span", { children: "Updating plugins\u2026" })
+        ]
+      }
+    );
+  }
+  if (state.kind === "success") {
+    const warnings = state.restartWarnings ?? [];
+    const diagnostics = state.diagnostics ?? [];
+    const frontEvents = state.frontEvents ?? [];
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        "data-boring-plugin-update": "success",
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-[oklch(0.78_0.13_148)]/40 bg-[oklch(0.95_0.05_148/0.3)]",
+          "px-3 py-2 text-xs text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx3("span", { className: "text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
+            /* @__PURE__ */ jsx3("span", { className: "flex-1", children: state.reloaded ? warnings.length > 0 || diagnostics.length > 0 ? "Plugins updated with warnings." : frontEvents.length > 0 ? "Plugins updated. Browser modules reloaded." : "Plugins updated." : "Plugins will reload on the next message." }),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: onDismiss,
+                className: "rounded border border-transparent px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+                "aria-label": "Dismiss plugin update status",
+                children: "Dismiss"
+              }
+            )
+          ] }),
+          diagnostics.length > 0 ? /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              "data-boring-plugin-update-diagnostics": "",
+              className: cn(
+                "mt-2 rounded border border-[oklch(0.78_0.15_85)]/40 bg-[oklch(0.95_0.06_85/0.4)]",
+                "px-2 py-1.5 text-[11px] text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
+                  /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsxs3("span", { children: [
+                    "Reload diagnostics for ",
+                    diagnostics.length,
+                    " plugin",
+                    diagnostics.length === 1 ? "" : "s"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx3("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs3("li", { children: [
+                  /* @__PURE__ */ jsx3("code", { className: "font-mono text-[10.5px]", children: diagnostic.pluginId ?? diagnostic.source ?? "plugin" }),
+                  " \u2014 ",
+                  diagnostic.message ?? "reload diagnostic"
+                ] }, `${diagnostic.pluginId ?? diagnostic.source ?? "plugin"}-${index}`)) })
+              ]
+            }
+          ) : null,
+          frontEvents.length > 0 ? /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              "data-boring-plugin-update-front-events": "",
+              className: cn(
+                "mt-2 rounded border border-[oklch(0.78_0.13_148)]/35 bg-[oklch(0.95_0.05_148/0.25)]",
+                "px-2 py-1.5 text-[11px] text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.45_0.13_148)]", children: [
+                  /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: "\u2713" }),
+                  /* @__PURE__ */ jsxs3("span", { children: [
+                    "Browser plugin modules updated (",
+                    frontEvents.length,
+                    ")"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx3("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: frontEvents.map((event, index) => /* @__PURE__ */ jsxs3("li", { children: [
+                  /* @__PURE__ */ jsx3("code", { className: "font-mono text-[10.5px]", children: event.pluginId ?? event.source ?? "plugin" }),
+                  " \u2014 ",
+                  event.message ?? "front module updated"
+                ] }, `${event.pluginId ?? event.source ?? "plugin"}-${index}`)) })
+              ]
+            }
+          ) : null,
+          warnings.length > 0 ? /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              "data-boring-plugin-update-restart-warning": "",
+              className: cn(
+                "mt-2 rounded border border-[oklch(0.78_0.15_85)]/40 bg-[oklch(0.95_0.06_85/0.4)]",
+                "px-2 py-1.5 text-[11px] text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
+                  /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsxs3("span", { children: [
+                    "Restart needed for ",
+                    warnings.length,
+                    " plugin",
+                    warnings.length === 1 ? "" : "s"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx3("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs3("li", { children: [
+                  /* @__PURE__ */ jsx3("code", { className: "font-mono text-[10.5px]", children: w.id }),
+                  " \u2014 ",
+                  w.surfaces.join(" + ")
+                ] }, w.id)) }),
+                /* @__PURE__ */ jsx3("p", { className: "mt-1 text-foreground/70", children: "The front bundle reloaded successfully, but routes and agent tools were wired at boot. Stop and restart the workspace process (Ctrl-C, then re-run your dev command) to pick up the new code." })
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      "data-boring-plugin-update": "error",
+      role: "status",
+      "aria-live": "polite",
+      className: cn(
+        "mx-auto mb-2 w-full max-w-3xl rounded-[var(--radius-md)] border border-destructive/40 bg-destructive/10",
+        "px-3 py-2 text-xs text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx3("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
+          /* @__PURE__ */ jsx3("span", { className: "flex-1 font-medium", children: "Plugin update failed." }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: onRetry,
+              className: "rounded border border-destructive/40 px-2 py-0.5 text-[11px] font-medium hover:bg-destructive/10",
+              children: "Try again"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: "rounded border border-transparent px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+              "aria-label": "Dismiss plugin update status",
+              children: "Dismiss"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: state.message })
+      ]
+    }
+  );
+}
+
 // src/front/primitives/tool-call-group.tsx
 import { getToolName, isToolUIPart } from "ai";
 import { ChevronDownIcon } from "lucide-react";
@@ -1058,7 +1262,7 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@hachej/bor
 import { useState as useState6 } from "react";
 import { createPatch } from "diff";
 import { Button } from "@hachej/boring-ui-kit";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var COLLAPSE_THRESHOLD = 30;
 function parsePatch(patch) {
   const lines = patch.split("\n");
@@ -1083,22 +1287,22 @@ var prefixMap = { "+": "+", "-": "-", " ": " " };
 function DiffView({ oldString, newString, path, replaceAll }) {
   const [expanded, setExpanded] = useState6(false);
   if (oldString === newString) {
-    return /* @__PURE__ */ jsx3("div", { "data-testid": "diff-no-change", className: "py-2 italic opacity-60", children: "No changes" });
+    return /* @__PURE__ */ jsx4("div", { "data-testid": "diff-no-change", className: "py-2 italic opacity-60", children: "No changes" });
   }
   const patch = createPatch(path, oldString, newString, "", "", { context: 3 });
   const lines = parsePatch(patch);
   const collapsed = !expanded && lines.length > COLLAPSE_THRESHOLD;
   const visible = collapsed ? lines.slice(0, COLLAPSE_THRESHOLD) : lines;
-  return /* @__PURE__ */ jsxs3("div", { "data-testid": "diff-view", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "px-3 py-1.5 font-[family-name:var(--boring-agent-font-mono,monospace)] text-xs opacity-70", children: [
+  return /* @__PURE__ */ jsxs4("div", { "data-testid": "diff-view", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "px-3 py-1.5 font-[family-name:var(--boring-agent-font-mono,monospace)] text-xs opacity-70", children: [
       path,
       replaceAll ? " (replace all)" : ""
     ] }),
-    /* @__PURE__ */ jsx3("pre", { className: "m-0 overflow-auto py-2 font-[family-name:var(--boring-agent-font-mono,monospace)] text-[0.8125rem] leading-relaxed", children: visible.map((line, i) => /* @__PURE__ */ jsxs3("div", { className: cn("px-3", lineClass[line.type]), children: [
-      /* @__PURE__ */ jsx3("span", { className: "inline-block w-[1.5ch] select-none opacity-50", children: prefixMap[line.type] }),
+    /* @__PURE__ */ jsx4("pre", { className: "m-0 overflow-auto py-2 font-[family-name:var(--boring-agent-font-mono,monospace)] text-[0.8125rem] leading-relaxed", children: visible.map((line, i) => /* @__PURE__ */ jsxs4("div", { className: cn("px-3", lineClass[line.type]), children: [
+      /* @__PURE__ */ jsx4("span", { className: "inline-block w-[1.5ch] select-none opacity-50", children: prefixMap[line.type] }),
       line.text
     ] }, i)) }),
-    collapsed && /* @__PURE__ */ jsxs3(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setExpanded(true), className: "w-full rounded-none text-xs opacity-60", children: [
+    collapsed && /* @__PURE__ */ jsxs4(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setExpanded(true), className: "w-full rounded-none text-xs opacity-60", children: [
       "Show ",
       lines.length - COLLAPSE_THRESHOLD,
       " more lines"
@@ -1107,9 +1311,9 @@ function DiffView({ oldString, newString, path, replaceAll }) {
 }
 
 // src/front/barePrimitives/Tool.tsx
-import { useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState7 } from "react";
 import { Button as Button2 } from "@hachej/boring-ui-kit";
-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 stateLabel(state) {
   switch (state) {
     case "input-streaming":
@@ -1128,7 +1332,7 @@ function stateLabel(state) {
   }
 }
 function ToolValue({ value }) {
-  return /* @__PURE__ */ jsx4("pre", { className: "m-0 whitespace-pre-wrap text-[0.8125rem]", children: typeof value === "string" ? value : JSON.stringify(value, null, 2) });
+  return /* @__PURE__ */ jsx5("pre", { className: "m-0 whitespace-pre-wrap text-[0.8125rem]", children: typeof value === "string" ? value : JSON.stringify(value, null, 2) });
 }
 function Tool({
   toolName,
@@ -1147,7 +1351,7 @@ function Tool({
   const isComplete = state === "output-available" || state === "output-error" || state === "output-denied";
   const [elapsedSec, setElapsedSec] = useState7(0);
   const startRef = useRef7(0);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!isRunning) {
       setElapsedSec(0);
       return;
@@ -1158,7 +1362,7 @@ function Tool({
     }, 1e3);
     return () => clearInterval(timer);
   }, [isRunning]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -1167,7 +1371,7 @@ function Tool({
       ),
       "data-tool-state": state,
       children: [
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           Button2,
           {
             type: "button",
@@ -1176,17 +1380,17 @@ function Tool({
             className: "h-auto w-full justify-start gap-2 rounded-none bg-[var(--boring-agent-tool-header-bg,#f9fafb)] px-3 py-2 text-left font-[family-name:var(--boring-agent-font-mono,monospace)] text-[0.8125rem]",
             "aria-expanded": expanded,
             children: [
-              /* @__PURE__ */ jsx4("span", { className: cn("transition-transform duration-150", expanded && "rotate-90"), children: "\u25B6" }),
-              /* @__PURE__ */ jsx4("span", { className: "font-medium", children: toolName }),
-              /* @__PURE__ */ jsx4("span", { className: "ml-auto text-xs opacity-60", children: isRunning && elapsedSec >= 1 ? `Running\u2026 (${elapsedSec}s)` : stateLabel(state) }),
-              !isComplete && /* @__PURE__ */ jsx4("span", { className: "size-2 rounded-full bg-[var(--boring-agent-tool-running,#3b82f6)]", "aria-label": "running" })
+              /* @__PURE__ */ jsx5("span", { className: cn("transition-transform duration-150", expanded && "rotate-90"), children: "\u25B6" }),
+              /* @__PURE__ */ jsx5("span", { className: "font-medium", children: toolName }),
+              /* @__PURE__ */ jsx5("span", { className: "ml-auto text-xs opacity-60", children: isRunning && elapsedSec >= 1 ? `Running\u2026 (${elapsedSec}s)` : stateLabel(state) }),
+              !isComplete && /* @__PURE__ */ jsx5("span", { className: "size-2 rounded-full bg-[var(--boring-agent-tool-running,#3b82f6)]", "aria-label": "running" })
             ]
           }
         ),
-        expanded && /* @__PURE__ */ jsx4("div", { className: "border-t border-[var(--boring-agent-tool-border,#e5e7eb)] px-3 py-2", children: children ?? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-          input !== void 0 && /* @__PURE__ */ jsx4("div", { "data-testid": "tool-input", children: renderInput ? renderInput(input) : /* @__PURE__ */ jsx4(ToolValue, { value: input }) }),
-          output !== void 0 && /* @__PURE__ */ jsx4("div", { "data-testid": "tool-output", className: "mt-2", children: renderOutput ? renderOutput(output) : /* @__PURE__ */ jsx4(ToolValue, { value: output }) }),
-          errorText && /* @__PURE__ */ jsx4("div", { "data-testid": "tool-error", className: "mt-2 text-[var(--boring-agent-tool-error,#ef4444)]", children: errorText })
+        expanded && /* @__PURE__ */ jsx5("div", { className: "border-t border-[var(--boring-agent-tool-border,#e5e7eb)] px-3 py-2", children: children ?? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          input !== void 0 && /* @__PURE__ */ jsx5("div", { "data-testid": "tool-input", children: renderInput ? renderInput(input) : /* @__PURE__ */ jsx5(ToolValue, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsx5("div", { "data-testid": "tool-output", className: "mt-2", children: renderOutput ? renderOutput(output) : /* @__PURE__ */ jsx5(ToolValue, { value: output }) }),
+          errorText && /* @__PURE__ */ jsx5("div", { "data-testid": "tool-error", className: "mt-2 text-[var(--boring-agent-tool-error,#ef4444)]", children: errorText })
         ] }) })
       ]
     }
@@ -1194,7 +1398,7 @@ function Tool({
 }
 
 // src/front/barePrimitives/Terminal.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function Terminal({
   children,
   stdout,
@@ -1203,7 +1407,7 @@ function Terminal({
   className,
   title
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -1211,10 +1415,10 @@ function Terminal({
         className
       ),
       children: [
-        title && /* @__PURE__ */ jsx5("div", { className: "border-b border-[var(--boring-agent-terminal-border,#404040)] bg-[var(--boring-agent-terminal-header-bg,#2d2d2d)] px-3 py-1.5 text-xs opacity-80", children: title }),
-        /* @__PURE__ */ jsx5("div", { className: "p-3", children: children ?? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          stdout && /* @__PURE__ */ jsx5("pre", { "data-stream": "stdout", className: "m-0 whitespace-pre-wrap", children: stdout }),
-          stderr && /* @__PURE__ */ jsx5(
+        title && /* @__PURE__ */ jsx6("div", { className: "border-b border-[var(--boring-agent-terminal-border,#404040)] bg-[var(--boring-agent-terminal-header-bg,#2d2d2d)] px-3 py-1.5 text-xs opacity-80", children: title }),
+        /* @__PURE__ */ jsx6("div", { className: "p-3", children: children ?? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          stdout && /* @__PURE__ */ jsx6("pre", { "data-stream": "stdout", className: "m-0 whitespace-pre-wrap", children: stdout }),
+          stderr && /* @__PURE__ */ jsx6(
             "pre",
             {
               "data-stream": "stderr",
@@ -1226,7 +1430,7 @@ function Terminal({
             }
           )
         ] }) }),
-        exitCode != null && /* @__PURE__ */ jsxs5(
+        exitCode != null && /* @__PURE__ */ jsxs6(
           "div",
           {
             "data-testid": "exit-code",
@@ -1248,7 +1452,7 @@ function Terminal({
 // src/front/barePrimitives/CodeBlock.tsx
 import { useCallback as useCallback5, useState as useState8 } from "react";
 import { Button as Button3 } from "@hachej/boring-ui-kit";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function CodeBlock({
   code: code3,
   language,
@@ -1266,7 +1470,7 @@ function CodeBlock({
   }, [code3]);
   const lines = code3.split("\n");
   const lineNumberWidth = `${String(lines.length).length + 1}ch`;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -1274,15 +1478,15 @@ function CodeBlock({
         className
       ),
       children: [
-        (filename || language) && /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b border-[var(--boring-agent-code-border,#404040)] bg-[var(--boring-agent-code-header-bg,#2d2d2d)] px-3 py-1.5 text-xs", children: [
-          /* @__PURE__ */ jsx6("span", { className: "opacity-70", children: filename ?? language }),
-          copyable && /* @__PURE__ */ jsx6(Button3, { type: "button", variant: "ghost", size: "xs", onClick: handleCopy, "aria-label": "Copy code", className: "h-6 px-1.5 text-xs text-inherit opacity-60", children: copied ? "Copied" : "Copy" })
+        (filename || language) && /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between border-b border-[var(--boring-agent-code-border,#404040)] bg-[var(--boring-agent-code-header-bg,#2d2d2d)] px-3 py-1.5 text-xs", children: [
+          /* @__PURE__ */ jsx7("span", { className: "opacity-70", children: filename ?? language }),
+          copyable && /* @__PURE__ */ jsx7(Button3, { type: "button", variant: "ghost", size: "xs", onClick: handleCopy, "aria-label": "Copy code", className: "h-6 px-1.5 text-xs text-inherit opacity-60", children: copied ? "Copied" : "Copy" })
         ] }),
-        /* @__PURE__ */ jsx6("pre", { className: "m-0 overflow-auto p-3", children: /* @__PURE__ */ jsx6("code", { "data-language": language, children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs6("span", { className: "block", children: [
-          /* @__PURE__ */ jsx6("span", { className: "mr-4 inline-block select-none text-right opacity-40", style: { width: lineNumberWidth }, children: i + 1 }),
+        /* @__PURE__ */ jsx7("pre", { className: "m-0 overflow-auto p-3", children: /* @__PURE__ */ jsx7("code", { "data-language": language, children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs7("span", { className: "block", children: [
+          /* @__PURE__ */ jsx7("span", { className: "mr-4 inline-block select-none text-right opacity-40", style: { width: lineNumberWidth }, children: i + 1 }),
           line
         ] }, i)) : code3 }) }),
-        copyable && !filename && !language && /* @__PURE__ */ jsx6(
+        copyable && !filename && !language && /* @__PURE__ */ jsx7(
           Button3,
           {
             type: "button",
@@ -1300,7 +1504,7 @@ function CodeBlock({
 }
 
 // src/front/bareToolRenderers/renderers.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var FALLBACK_RENDERER_KEY = "__fallback";
 function asRecord(v) {
   return typeof v === "object" && v !== null ? v : {};
@@ -1352,14 +1556,14 @@ function renderBash(part) {
   const stdout = typeof output.stdout === "string" ? output.stdout : output.content ? JSON.stringify(output.content) : void 0;
   const stderr = typeof output.stderr === "string" ? output.stderr : void 0;
   const exitCode = typeof output.exitCode === "number" ? output.exitCode : void 0;
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "bash", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx7(Terminal, { title: `$ ${command}`, stdout, stderr, exitCode: exitCode ?? null }) });
+  return /* @__PURE__ */ jsx8(Tool, { toolName: "bash", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx8(Terminal, { title: `$ ${command}`, stdout, stderr, exitCode: exitCode ?? null }) });
 }
 function renderRead(part) {
   const input = asRecord(part.input);
   const output = asRecord(part.output);
   const path = String(input.path ?? "");
   const content = typeof output.text === "string" ? output.text : Array.isArray(output.content) ? output.content.map((c) => c.text ?? "").join("") : typeof output.content === "string" ? output.content : void 0;
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "read", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content != null ? /* @__PURE__ */ jsx7(CodeBlock, { code: content, language: langFromPath(path), filename: path }) : /* @__PURE__ */ jsxs7("span", { style: { opacity: 0.6 }, children: [
+  return /* @__PURE__ */ jsx8(Tool, { toolName: "read", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content != null ? /* @__PURE__ */ jsx8(CodeBlock, { code: content, language: langFromPath(path), filename: path }) : /* @__PURE__ */ jsxs8("span", { style: { opacity: 0.6 }, children: [
     "Reading ",
     path,
     "\u2026"
@@ -1369,11 +1573,11 @@ function renderWrite(part) {
   const input = asRecord(part.input);
   const path = String(input.path ?? "");
   const content = typeof input.content === "string" ? input.content : "";
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "write", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsxs7("span", { style: { fontFamily: "var(--boring-agent-font-mono, monospace)", fontSize: "0.8125rem" }, children: [
+  return /* @__PURE__ */ jsx8(Tool, { toolName: "write", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsxs8("span", { style: { fontFamily: "var(--boring-agent-font-mono, monospace)", fontSize: "0.8125rem" }, children: [
     "Wrote ",
     content.length,
     " bytes to ",
-    /* @__PURE__ */ jsx7("strong", { children: path })
+    /* @__PURE__ */ jsx8("strong", { children: path })
   ] }) });
 }
 function renderEdit(part) {
@@ -1382,7 +1586,7 @@ function renderEdit(part) {
   const oldString = typeof input.oldString === "string" ? input.oldString : "";
   const newString = typeof input.newString === "string" ? input.newString : "";
   const replaceAll = Boolean(input.replaceAll);
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "edit", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx7(DiffView, { oldString, newString, path, replaceAll }) });
+  return /* @__PURE__ */ jsx8(Tool, { toolName: "edit", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx8(DiffView, { oldString, newString, path, replaceAll }) });
 }
 function renderSearchLike(toolName, part) {
   const input = asRecord(part.input);
@@ -1391,17 +1595,17 @@ function renderSearchLike(toolName, part) {
   const path = typeof input.path === "string" ? input.path : "";
   const pattern = typeof input.pattern === "string" ? input.pattern : "";
   const title = [toolName, pattern || path].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx7(Tool, { toolName, toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content ? /* @__PURE__ */ jsx7(CodeBlock, { code: content, language: "text", filename: title }) : /* @__PURE__ */ jsx7("span", { style: { opacity: 0.6 }, children: toolName === "ls" ? `Listing ${path || "."}...` : `Searching ${pattern || path || "."}...` }) });
+  return /* @__PURE__ */ jsx8(Tool, { toolName, toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content ? /* @__PURE__ */ jsx8(CodeBlock, { code: content, language: "text", filename: title }) : /* @__PURE__ */ jsx8("span", { style: { opacity: 0.6 }, children: toolName === "ls" ? `Listing ${path || "."}...` : `Searching ${pattern || path || "."}...` }) });
 }
 function renderGetUiState(part) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Tool,
     {
       toolName: "get_ui_state",
       toolCallId: part.toolCallId,
       state: part.state,
       errorText: part.errorText,
-      renderOutput: (output) => /* @__PURE__ */ jsx7("pre", { style: { margin: 0, whiteSpace: "pre-wrap", fontSize: "0.8125rem", fontFamily: "var(--boring-agent-font-mono, monospace)" }, children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }),
+      renderOutput: (output) => /* @__PURE__ */ jsx8("pre", { style: { margin: 0, whiteSpace: "pre-wrap", fontSize: "0.8125rem", fontFamily: "var(--boring-agent-font-mono, monospace)" }, children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }),
       input: part.input,
       output: part.output
     }
@@ -1413,7 +1617,7 @@ function renderExecUi(part) {
   const params = input.params;
   const paramsText = params !== void 0 && params !== null ? typeof params === "string" ? params : JSON.stringify(params) : "";
   const summary = kind ? `${kind}${paramsText ? `(${paramsText})` : ""}` : "(empty)";
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Tool,
     {
       toolName: "exec_ui",
@@ -1421,8 +1625,8 @@ function renderExecUi(part) {
       state: part.state,
       errorText: part.errorText,
       defaultExpanded: true,
-      children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [
-        /* @__PURE__ */ jsxs7(
+      children: /* @__PURE__ */ jsxs8("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [
+        /* @__PURE__ */ jsxs8(
           "span",
           {
             style: {
@@ -1436,7 +1640,7 @@ function renderExecUi(part) {
             ]
           }
         ),
-        part.errorText && /* @__PURE__ */ jsx7(
+        part.errorText && /* @__PURE__ */ jsx8(
           "span",
           {
             "data-testid": "tool-error",
@@ -1453,7 +1657,7 @@ function renderExecUi(part) {
   );
 }
 function renderFallback(part) {
-  const renderJson = (value) => /* @__PURE__ */ jsx7(
+  const renderJson = (value) => /* @__PURE__ */ jsx8(
     "pre",
     {
       style: {
@@ -1465,7 +1669,7 @@ function renderFallback(part) {
       children: typeof value === "string" ? value : JSON.stringify(value, null, 2)
     }
   );
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Tool,
     {
       toolName: part.toolName,
@@ -1507,7 +1711,7 @@ function resolveToolRenderer(toolName, overrides) {
 // src/front/primitives/shimmer.tsx
 import { motion } from "motion/react";
 import { memo, useMemo as useMemo4 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -1531,7 +1735,7 @@ var ShimmerComponent = ({
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -1557,7 +1761,7 @@ var ShimmerComponent = ({
 var Shimmer = memo(ShimmerComponent);
 
 // src/front/primitives/tool-call-group.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function isSettledState(state) {
   return state === "output-available" || state === "output-error" || state === "output-denied" || state === "approval-responded";
 }
@@ -1598,8 +1802,8 @@ var ToolCallGroup = memo2(({ tools, mergedToolRenderers }) => {
   const [isOpen, setIsOpen] = useState9(false);
   const handleOpenChange = useCallback6((open) => setIsOpen(open), []);
   const title = useMemo5(() => buildTitle(tools, isSettled), [tools, isSettled]);
-  return /* @__PURE__ */ jsxs8(Collapsible, { open: isOpen, onOpenChange: handleOpenChange, className: "not-prose my-1.5", children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(Collapsible, { open: isOpen, onOpenChange: handleOpenChange, className: "not-prose my-1.5", children: [
+    /* @__PURE__ */ jsxs9(
       CollapsibleTrigger,
       {
         className: cn(
@@ -1609,7 +1813,7 @@ var ToolCallGroup = memo2(({ tools, mergedToolRenderers }) => {
           hasError && "border-destructive/30 text-destructive/60 hover:text-destructive/80"
         ),
         children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "span",
             {
               className: cn(
@@ -1618,7 +1822,7 @@ var ToolCallGroup = memo2(({ tools, mergedToolRenderers }) => {
               )
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             ChevronDownIcon,
             {
               className: cn(
@@ -1627,23 +1831,23 @@ var ToolCallGroup = memo2(({ tools, mergedToolRenderers }) => {
               )
             }
           ),
-          !isSettled ? /* @__PURE__ */ jsx9(Shimmer, { as: "span", duration: 1.5, children: title }) : /* @__PURE__ */ jsx9("span", { children: title }),
-          /* @__PURE__ */ jsx9("span", { className: cn(
+          !isSettled ? /* @__PURE__ */ jsx10(Shimmer, { as: "span", duration: 1.5, children: title }) : /* @__PURE__ */ jsx10("span", { children: title }),
+          /* @__PURE__ */ jsx10("span", { className: cn(
             "ml-1 shrink-0 rounded-sm border border-border/40 px-1 tabular-nums",
             "text-[10px] text-muted-foreground/50"
           ), children: tools.length })
         ]
       }
     ),
-    /* @__PURE__ */ jsx9(CollapsibleContent, { className: "overflow-hidden data-[state=closed]:animate-[boring-collapse-close_200ms_ease] data-[state=open]:animate-[boring-collapse-open_200ms_ease]", children: /* @__PURE__ */ jsxs8("div", { className: "relative mt-1.5 pl-[18px]", children: [
-      /* @__PURE__ */ jsx9("div", { className: "absolute left-[5px] top-0 bottom-2 w-px bg-border/35" }),
-      /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-0", children: tools.map(({ part, key }) => {
+    /* @__PURE__ */ jsx10(CollapsibleContent, { className: "overflow-hidden data-[state=closed]:animate-[boring-collapse-close_200ms_ease] data-[state=open]:animate-[boring-collapse-open_200ms_ease]", children: /* @__PURE__ */ jsxs9("div", { className: "relative mt-1.5 pl-[18px]", children: [
+      /* @__PURE__ */ jsx10("div", { className: "absolute left-[5px] top-0 bottom-2 w-px bg-border/35" }),
+      /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-0", children: tools.map(({ part, key }) => {
         if (!isToolUIPart(part)) return null;
         const tp = part;
         const name = getToolName(part);
         const ui = extractToolUiMetadata(tp.output);
         const render = resolveToolRenderer(ui?.rendererId ?? name, mergedToolRenderers);
-        return /* @__PURE__ */ jsx9("div", { className: "min-w-0", children: render({ ...tp, toolName: name, ui }) }, key);
+        return /* @__PURE__ */ jsx10("div", { className: "min-w-0", children: render({ ...tp, toolName: name, ui }) }, key);
       }) })
     ] }) })
   ] });
@@ -1677,13 +1881,13 @@ import {
   memo as memo3,
   useCallback as useCallback7,
   useContext,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useMemo as useMemo6,
   useRef as useRef8,
   useState as useState10
 } from "react";
 import { createHighlighter } from "shiki";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var isItalic = (fontStyle) => fontStyle && fontStyle & 1;
 var isBold = (fontStyle) => fontStyle && fontStyle & 2;
 var isUnderline = (fontStyle) => (
@@ -1697,7 +1901,7 @@ var addKeysToTokens = (lines) => lines.map((line, lineIdx) => ({
     token
   }))
 }));
-var TokenSpan = ({ token }) => /* @__PURE__ */ jsx10(
+var TokenSpan = ({ token }) => /* @__PURE__ */ jsx11(
   "span",
   {
     className: "dark:!text-[var(--shiki-dark)]",
@@ -1727,7 +1931,7 @@ var LINE_NUMBER_CLASSES = cn(
 var LineSpan = ({
   keyedLine,
   showLineNumbers
-}) => /* @__PURE__ */ jsx10("span", { className: showLineNumbers ? LINE_NUMBER_CLASSES : "block", children: keyedLine.tokens.length === 0 ? "\n" : keyedLine.tokens.map(({ token, key }) => /* @__PURE__ */ jsx10(TokenSpan, { token }, key)) });
+}) => /* @__PURE__ */ jsx11("span", { className: showLineNumbers ? LINE_NUMBER_CLASSES : "block", children: keyedLine.tokens.length === 0 ? "\n" : keyedLine.tokens.map(({ token, key }) => /* @__PURE__ */ jsx11(TokenSpan, { token }, key)) });
 var CodeBlockContext = createContext({
   code: ""
 });
@@ -1820,7 +2024,7 @@ var CodeBlockBody = memo3(
       () => addKeysToTokens(tokenized.tokens),
       [tokenized.tokens]
     );
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "pre",
       {
         className: cn(
@@ -1828,14 +2032,14 @@ var CodeBlockBody = memo3(
           className
         ),
         style: preStyle,
-        children: /* @__PURE__ */ jsx10(
+        children: /* @__PURE__ */ jsx11(
           "code",
           {
             className: cn(
               "font-mono text-sm",
               showLineNumbers && "[counter-increment:line_0] [counter-reset:line]"
             ),
-            children: keyedLines.map((keyedLine) => /* @__PURE__ */ jsx10(
+            children: keyedLines.map((keyedLine) => /* @__PURE__ */ jsx11(
               LineSpan,
               {
                 keyedLine,
@@ -1856,7 +2060,7 @@ var CodeBlockContainer = ({
   language,
   style,
   ...props
-}) => /* @__PURE__ */ jsx10(
+}) => /* @__PURE__ */ jsx11(
   "div",
   {
     className: cn(
@@ -1876,7 +2080,7 @@ var CodeBlockHeader = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx10(
+}) => /* @__PURE__ */ jsx11(
   "div",
   {
     className: cn(
@@ -1891,12 +2095,12 @@ var CodeBlockTitle = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx10("div", { className: cn("flex items-center gap-2", className), ...props, children });
+}) => /* @__PURE__ */ jsx11("div", { className: cn("flex items-center gap-2", className), ...props, children });
 var CodeBlockFilename = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx10(
+}) => /* @__PURE__ */ jsx11(
   "span",
   {
     className: cn(
@@ -1924,7 +2128,7 @@ var CodeBlockContent = ({
     asyncKeyRef.current = { code: code3, language };
     setAsyncTokens(null);
   }
-  useEffect8(() => {
+  useEffect9(() => {
     let cancelled = false;
     highlightCode(code3, lang, (result) => {
       if (!cancelled) {
@@ -1936,7 +2140,7 @@ var CodeBlockContent = ({
     };
   }, [code3, language]);
   const tokenized = asyncTokens ?? syncTokens;
-  return /* @__PURE__ */ jsx10("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx10(CodeBlockBody, { showLineNumbers, tokenized }) });
+  return /* @__PURE__ */ jsx11("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx11(CodeBlockBody, { showLineNumbers, tokenized }) });
 };
 var CodeBlock2 = ({
   code: code3,
@@ -1947,9 +2151,9 @@ var CodeBlock2 = ({
   ...props
 }) => {
   const contextValue = useMemo6(() => ({ code: code3 }), [code3]);
-  return /* @__PURE__ */ jsx10(CodeBlockContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs9(CodeBlockContainer, { className, language, ...props, children: [
+  return /* @__PURE__ */ jsx11(CodeBlockContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs10(CodeBlockContainer, { className, language, ...props, children: [
     children,
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11(
       CodeBlockContent,
       {
         code: code3,
@@ -1989,14 +2193,14 @@ var CodeBlockCopyButton = ({
       onError?.(error);
     }
   }, [code3, onCopy, onError, timeout, isCopied]);
-  useEffect8(
+  useEffect9(
     () => () => {
       window.clearTimeout(timeoutRef.current);
     },
     []
   );
   const Icon = isCopied ? CheckIcon : CopyIcon;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Button4,
     {
       className: cn("shrink-0", className),
@@ -2004,14 +2208,14 @@ var CodeBlockCopyButton = ({
       size: "icon",
       variant: "ghost",
       ...props,
-      children: children ?? /* @__PURE__ */ jsx10(Icon, { size: 14 })
+      children: children ?? /* @__PURE__ */ jsx11(Icon, { size: 14 })
     }
   );
 };
 
 // src/front/primitives/tool.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var Tool2 = ({ className, ...props }) => /* @__PURE__ */ jsx11(
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var Tool2 = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   Collapsible2,
   {
     "data-boring-agent-part": "tool-card",
@@ -2038,15 +2242,15 @@ var statusLabels = {
   "output-error": "Error"
 };
 var statusIcons = {
-  "approval-requested": /* @__PURE__ */ jsx11(ClockIcon, { className: "size-4 text-accent" }),
-  "approval-responded": /* @__PURE__ */ jsx11(CheckCircleIcon, { className: "size-4 text-accent" }),
-  "input-available": /* @__PURE__ */ jsx11(ClockIcon, { className: "size-4 animate-pulse text-muted-foreground" }),
-  "input-streaming": /* @__PURE__ */ jsx11(CircleIcon, { className: "size-4 text-muted-foreground" }),
-  "output-available": /* @__PURE__ */ jsx11(CheckCircleIcon, { className: "size-4 text-accent" }),
-  "output-denied": /* @__PURE__ */ jsx11(XCircleIcon, { className: "size-4 text-destructive" }),
-  "output-error": /* @__PURE__ */ jsx11(XCircleIcon, { className: "size-4 text-destructive" })
+  "approval-requested": /* @__PURE__ */ jsx12(ClockIcon, { className: "size-4 text-accent" }),
+  "approval-responded": /* @__PURE__ */ jsx12(CheckCircleIcon, { className: "size-4 text-accent" }),
+  "input-available": /* @__PURE__ */ jsx12(ClockIcon, { className: "size-4 animate-pulse text-muted-foreground" }),
+  "input-streaming": /* @__PURE__ */ jsx12(CircleIcon, { className: "size-4 text-muted-foreground" }),
+  "output-available": /* @__PURE__ */ jsx12(CheckCircleIcon, { className: "size-4 text-accent" }),
+  "output-denied": /* @__PURE__ */ jsx12(XCircleIcon, { className: "size-4 text-destructive" }),
+  "output-error": /* @__PURE__ */ jsx12(XCircleIcon, { className: "size-4 text-destructive" })
 };
-var getStatusBadge = (status) => /* @__PURE__ */ jsxs10(Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
+var getStatusBadge = (status) => /* @__PURE__ */ jsxs11(Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
   statusIcons[status],
   statusLabels[status]
 ] });
@@ -2060,7 +2264,7 @@ var ToolHeader = ({
   ...props
 }) => {
   const derivedName = type === "dynamic-tool" ? toolName : type.split("-").slice(1).join("-");
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     CollapsibleTrigger2,
     {
       className: cn(
@@ -2069,17 +2273,17 @@ var ToolHeader = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-          icon ?? /* @__PURE__ */ jsx11(WrenchIcon, { className: "size-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx11("span", { className: "font-medium text-sm", children: title ?? derivedName }),
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+          icon ?? /* @__PURE__ */ jsx12(WrenchIcon, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx12("span", { className: "font-medium text-sm", children: title ?? derivedName }),
           getStatusBadge(state)
         ] }),
-        /* @__PURE__ */ jsx11(ChevronDownIcon2, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+        /* @__PURE__ */ jsx12(ChevronDownIcon2, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
       ]
     }
   );
 };
-var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx11(
+var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   CollapsibleContent2,
   {
     className: cn(
@@ -2089,9 +2293,9 @@ var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx11(
     ...props
   }
 );
-var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs10("div", { className: cn("space-y-2 overflow-hidden", className), ...props, children: [
-  /* @__PURE__ */ jsx11("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
-  /* @__PURE__ */ jsx11("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx11(CodeBlock2, { code: JSON.stringify(input, null, 2), language: "json" }) })
+var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs11("div", { className: cn("space-y-2 overflow-hidden", className), ...props, children: [
+  /* @__PURE__ */ jsx12("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
+  /* @__PURE__ */ jsx12("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx12(CodeBlock2, { code: JSON.stringify(input, null, 2), language: "json" }) })
 ] });
 var ToolOutput = ({
   className,
@@ -2102,15 +2306,15 @@ var ToolOutput = ({
   if (!(output || errorText)) {
     return null;
   }
-  let Output = /* @__PURE__ */ jsx11("div", { children: output });
+  let Output = /* @__PURE__ */ jsx12("div", { children: output });
   if (typeof output === "object" && !isValidElement(output)) {
-    Output = /* @__PURE__ */ jsx11(CodeBlock2, { code: JSON.stringify(output, null, 2), language: "json" });
+    Output = /* @__PURE__ */ jsx12(CodeBlock2, { code: JSON.stringify(output, null, 2), language: "json" });
   } else if (typeof output === "string") {
-    Output = /* @__PURE__ */ jsx11(CodeBlock2, { code: output, language: "text" });
+    Output = /* @__PURE__ */ jsx12(CodeBlock2, { code: output, language: "text" });
   }
-  return /* @__PURE__ */ jsxs10("div", { "data-boring-agent-part": "tool-result", className: cn("space-y-2", className), ...props, children: [
-    /* @__PURE__ */ jsx11("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { "data-boring-agent-part": "tool-result", className: cn("space-y-2", className), ...props, children: [
+    /* @__PURE__ */ jsx12("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),
+    /* @__PURE__ */ jsxs11(
       "div",
       {
         className: cn(
@@ -2118,7 +2322,7 @@ var ToolOutput = ({
           errorText ? "bg-destructive/10 text-destructive" : "bg-muted/30 text-foreground"
         ),
         children: [
-          errorText && /* @__PURE__ */ jsx11("div", { className: "p-3", children: errorText }),
+          errorText && /* @__PURE__ */ jsx12("div", { className: "p-3", children: errorText }),
           Output
         ]
       }
@@ -2132,10 +2336,10 @@ import { ChevronDownIcon as ChevronDownIcon3, ExternalLinkIcon, FileDiffIcon, Fi
 
 // src/front/ArtifactOpenContext.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var ArtifactOpenContext = createContext2(null);
 function ArtifactOpenProvider({ onOpenArtifact, children }) {
-  return /* @__PURE__ */ jsx12(ArtifactOpenContext.Provider, { value: onOpenArtifact ?? null, children });
+  return /* @__PURE__ */ jsx13(ArtifactOpenContext.Provider, { value: onOpenArtifact ?? null, children });
 }
 function useOpenArtifact() {
   return useContext2(ArtifactOpenContext);
@@ -2150,8 +2354,8 @@ import {
   TooltipTrigger
 } from "@hachej/boring-ui-kit";
 import { XIcon } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx13(
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx14(
   "div",
   {
     className: cn(
@@ -2164,7 +2368,7 @@ var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx13(
 var ArtifactHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx13(
+}) => /* @__PURE__ */ jsx14(
   "div",
   {
     className: cn(
@@ -2174,7 +2378,7 @@ var ArtifactHeader = ({
     ...props
   }
 );
-var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx13(
+var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx14(
   "p",
   {
     className: cn("font-medium text-foreground text-sm", className),
@@ -2184,11 +2388,11 @@ var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx13(
 var ArtifactDescription = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx13("p", { className: cn("text-muted-foreground text-sm", className), ...props });
+}) => /* @__PURE__ */ jsx14("p", { className: cn("text-muted-foreground text-sm", className), ...props });
 var ArtifactActions = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx13("div", { className: cn("flex items-center gap-1", className), ...props });
+}) => /* @__PURE__ */ jsx14("div", { className: cn("flex items-center gap-1", className), ...props });
 var ArtifactAction = ({
   tooltip,
   label,
@@ -2199,7 +2403,7 @@ var ArtifactAction = ({
   variant = "ghost",
   ...props
 }) => {
-  const button = /* @__PURE__ */ jsxs11(
+  const button = /* @__PURE__ */ jsxs12(
     Button5,
     {
       className: cn(
@@ -2211,15 +2415,15 @@ var ArtifactAction = ({
       variant,
       ...props,
       children: [
-        Icon ? /* @__PURE__ */ jsx13(Icon, { className: "size-4" }) : children,
-        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: label || tooltip })
+        Icon ? /* @__PURE__ */ jsx14(Icon, { className: "size-4" }) : children,
+        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: label || tooltip })
       ]
     }
   );
   if (tooltip) {
-    return /* @__PURE__ */ jsx13(TooltipProvider, { children: /* @__PURE__ */ jsxs11(Tooltip, { children: [
-      /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx13(TooltipContent, { children: /* @__PURE__ */ jsx13("p", { children: tooltip }) })
+    return /* @__PURE__ */ jsx14(TooltipProvider, { children: /* @__PURE__ */ jsxs12(Tooltip, { children: [
+      /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx14(TooltipContent, { children: /* @__PURE__ */ jsx14("p", { children: tooltip }) })
     ] }) });
   }
   return button;
@@ -2227,11 +2431,11 @@ var ArtifactAction = ({
 var ArtifactContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx13("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
+}) => /* @__PURE__ */ jsx14("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
 
 // src/front/toolRenderers.tsx
 import { CopyIcon as CopyIcon2, DownloadIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function asRecord2(value) {
   return typeof value === "object" && value !== null ? value : {};
 }
@@ -2255,7 +2459,7 @@ function toHeaderProps(part) {
 function PathLabel({ path }) {
   const onOpen = useOpenArtifact();
   if (!onOpen) {
-    return /* @__PURE__ */ jsx14("span", { className: "font-mono text-[12.5px] text-foreground/85", children: path });
+    return /* @__PURE__ */ jsx15("span", { className: "font-mono text-[12.5px] text-foreground/85", children: path });
   }
   const open = (e) => {
     e.preventDefault();
@@ -2265,7 +2469,7 @@ function PathLabel({ path }) {
   const handleKeyDown = (e) => {
     if (e.key === "Enter" || e.key === " ") open(e);
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "span",
     {
       role: "button",
@@ -2281,8 +2485,8 @@ function PathLabel({ path }) {
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[color:var(--accent)]/40"
       ),
       children: [
-        /* @__PURE__ */ jsx14("span", { className: "truncate", children: path }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("span", { className: "truncate", children: path }),
+        /* @__PURE__ */ jsx15(
           ExternalLinkIcon,
           {
             className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover/path:opacity-100",
@@ -2295,10 +2499,10 @@ function PathLabel({ path }) {
   );
 }
 function pathTitle(prefix, path) {
-  return /* @__PURE__ */ jsxs12("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: prefix }),
-    /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
-    /* @__PURE__ */ jsx14(PathLabel, { path })
+  return /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground", children: prefix }),
+    /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
+    /* @__PURE__ */ jsx15(PathLabel, { path })
   ] });
 }
 function renderBash2(part) {
@@ -2311,21 +2515,21 @@ function renderBash2(part) {
   const exitCode = typeof output.exitCode === "number" ? output.exitCode : null;
   const title = description || (command.length > 64 ? command.slice(0, 64) + "\u2026" : command) || "bash";
   const errorText = part.errorText || (stderr && (exitCode ?? 0) !== 0 ? stderr : void 0);
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsx14(ToolHeader, { icon: /* @__PURE__ */ jsx14(SquareTerminalIcon, { className: "size-4 text-muted-foreground" }), title: `bash \xB7 ${title}`, ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs12(ToolContent, { children: [
-      command && /* @__PURE__ */ jsxs12("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx14("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Command" }),
-        /* @__PURE__ */ jsx14(CodeBlock2, { code: command, language: "bash" })
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(ToolHeader, { icon: /* @__PURE__ */ jsx15(SquareTerminalIcon, { className: "size-4 text-muted-foreground" }), title: `bash \xB7 ${title}`, ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs13(ToolContent, { children: [
+      command && /* @__PURE__ */ jsxs13("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Command" }),
+        /* @__PURE__ */ jsx15(CodeBlock2, { code: command, language: "bash" })
       ] }),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         ToolOutput,
         {
           output: stdout && !errorText ? stdout : void 0,
           errorText
         }
       ),
-      exitCode !== null && exitCode !== 0 && !errorText && /* @__PURE__ */ jsxs12("div", { className: "text-xs text-destructive", children: [
+      exitCode !== null && exitCode !== 0 && !errorText && /* @__PURE__ */ jsxs13("div", { className: "text-xs text-destructive", children: [
         "exit ",
         exitCode
       ] })
@@ -2338,13 +2542,13 @@ function renderRead2(part) {
   const path = typeof input.path === "string" ? input.path : "";
   const content = extractTextContent(output);
   const lang = langFromPath(path);
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsx14(ToolHeader, { icon: /* @__PURE__ */ jsx14(FileTextIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("read", path), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs12(ToolContent, { children: [
-      /* @__PURE__ */ jsx14(ToolInput, { input }),
-      content && /* @__PURE__ */ jsxs12("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx14("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Content" }),
-        /* @__PURE__ */ jsx14(CodeBlock2, { code: content, language: lang ?? "text" })
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(ToolHeader, { icon: /* @__PURE__ */ jsx15(FileTextIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("read", path), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs13(ToolContent, { children: [
+      /* @__PURE__ */ jsx15(ToolInput, { input }),
+      content && /* @__PURE__ */ jsxs13("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Content" }),
+        /* @__PURE__ */ jsx15(CodeBlock2, { code: content, language: lang ?? "text" })
       ] })
     ] })
   ] });
@@ -2355,21 +2559,21 @@ function renderWrite2(part) {
   const content = typeof input.content === "string" ? input.content : "";
   const bytes = content.length;
   const lang = langFromPath(path);
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsx14(ToolHeader, { icon: /* @__PURE__ */ jsx14(FilePlus2Icon, { className: "size-4 text-muted-foreground" }), title: pathTitle("write", path), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsx14(ToolContent, { children: /* @__PURE__ */ jsxs12(Artifact, { className: "rounded-none border-0 bg-transparent shadow-none", children: [
-      /* @__PURE__ */ jsxs12(ArtifactHeader, { className: "border-0 px-0 pt-0 pb-2", children: [
-        /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14(ArtifactTitle, { children: path || "untitled" }),
-          /* @__PURE__ */ jsxs12(ArtifactDescription, { children: [
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(ToolHeader, { icon: /* @__PURE__ */ jsx15(FilePlus2Icon, { className: "size-4 text-muted-foreground" }), title: pathTitle("write", path), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsx15(ToolContent, { children: /* @__PURE__ */ jsxs13(Artifact, { className: "rounded-none border-0 bg-transparent shadow-none", children: [
+      /* @__PURE__ */ jsxs13(ArtifactHeader, { className: "border-0 px-0 pt-0 pb-2", children: [
+        /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx15(ArtifactTitle, { children: path || "untitled" }),
+          /* @__PURE__ */ jsxs13(ArtifactDescription, { children: [
             bytes.toLocaleString(),
             " ",
             bytes === 1 ? "byte" : "bytes",
             lang ? ` \xB7 ${lang}` : ""
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12(ArtifactActions, { children: [
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs13(ArtifactActions, { children: [
+          /* @__PURE__ */ jsx15(
             ArtifactAction,
             {
               icon: CopyIcon2,
@@ -2383,7 +2587,7 @@ function renderWrite2(part) {
               }
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             ArtifactAction,
             {
               icon: DownloadIcon,
@@ -2407,7 +2611,7 @@ function renderWrite2(part) {
           )
         ] })
       ] }),
-      content && /* @__PURE__ */ jsx14(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx14(CodeBlock2, { code: content, language: lang ?? "text", showLineNumbers: true }) })
+      content && /* @__PURE__ */ jsx15(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx15(CodeBlock2, { code: content, language: lang ?? "text", showLineNumbers: true }) })
     ] }) })
   ] });
 }
@@ -2416,23 +2620,23 @@ function renderEdit2(part) {
   const path = typeof input.path === "string" ? input.path : "";
   const oldString = typeof input.oldString === "string" ? input.oldString : "";
   const newString = typeof input.newString === "string" ? input.newString : "";
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsx14(ToolHeader, { icon: /* @__PURE__ */ jsx14(FileDiffIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("edit", path), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs12(ToolContent, { children: [
-      /* @__PURE__ */ jsxs12("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx14("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Diff" }),
-        /* @__PURE__ */ jsxs12("div", { className: "overflow-hidden rounded-sm border border-input/60 bg-muted/30 font-mono text-[13px] leading-relaxed", children: [
-          oldString && /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-[auto_1fr] gap-2 border-b border-input/40 bg-destructive/5 px-3 py-2", children: [
-            /* @__PURE__ */ jsx14("span", { className: "select-none text-destructive/70", children: "-" }),
-            /* @__PURE__ */ jsx14("span", { className: cn("whitespace-pre-wrap break-all text-destructive/90"), children: oldString })
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(ToolHeader, { icon: /* @__PURE__ */ jsx15(FileDiffIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("edit", path), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs13(ToolContent, { children: [
+      /* @__PURE__ */ jsxs13("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Diff" }),
+        /* @__PURE__ */ jsxs13("div", { className: "overflow-hidden rounded-sm border border-input/60 bg-muted/30 font-mono text-[13px] leading-relaxed", children: [
+          oldString && /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-[auto_1fr] gap-2 border-b border-input/40 bg-destructive/5 px-3 py-2", children: [
+            /* @__PURE__ */ jsx15("span", { className: "select-none text-destructive/70", children: "-" }),
+            /* @__PURE__ */ jsx15("span", { className: cn("whitespace-pre-wrap break-all text-destructive/90"), children: oldString })
           ] }),
-          newString && /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-[auto_1fr] gap-2 bg-accent/5 px-3 py-2", children: [
-            /* @__PURE__ */ jsx14("span", { className: "select-none text-accent/80", children: "+" }),
-            /* @__PURE__ */ jsx14("span", { className: "whitespace-pre-wrap break-all text-accent", children: newString })
+          newString && /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-[auto_1fr] gap-2 bg-accent/5 px-3 py-2", children: [
+            /* @__PURE__ */ jsx15("span", { className: "select-none text-accent/80", children: "+" }),
+            /* @__PURE__ */ jsx15("span", { className: "whitespace-pre-wrap break-all text-accent", children: newString })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx14(ToolOutput, { output: part.output, errorText: part.errorText })
+      /* @__PURE__ */ jsx15(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
@@ -2443,18 +2647,18 @@ function renderSearchLike2(toolName, part) {
   const path = typeof input.path === "string" ? input.path : "";
   const glob = typeof input.glob === "string" ? input.glob : "";
   const summary = [pattern, path, glob].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(
       ToolHeader,
       {
-        icon: /* @__PURE__ */ jsx14(SearchLikeIcon, { className: "size-4 text-muted-foreground" }),
+        icon: /* @__PURE__ */ jsx15(SearchLikeIcon, { className: "size-4 text-muted-foreground" }),
         title: summary ? `${toolName} \xB7 ${summary}` : toolName,
         ...toHeaderProps(part)
       }
     ),
-    /* @__PURE__ */ jsxs12(ToolContent, { children: [
-      /* @__PURE__ */ jsx14(ToolInput, { input }),
-      /* @__PURE__ */ jsx14(ToolOutput, { output: part.output, errorText: part.errorText })
+    /* @__PURE__ */ jsxs13(ToolContent, { children: [
+      /* @__PURE__ */ jsx15(ToolInput, { input }),
+      /* @__PURE__ */ jsx15(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
@@ -2477,8 +2681,8 @@ function renderExecUi2(part) {
   const kind = typeof input.kind === "string" ? input.kind : "(empty)";
   const tokens = extractParamTokens(input.params);
   const headerProps = toHeaderProps(part);
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsxs13(
       CollapsibleTrigger3,
       {
         className: cn(
@@ -2486,17 +2690,17 @@ function renderExecUi2(part) {
           "hover:bg-muted/40 transition-colors"
         ),
         children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             ZapIcon,
             {
               className: "size-3.5 shrink-0 text-muted-foreground/70",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsx14("span", { className: "font-medium text-sm", children: kind }),
-          tokens.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 items-center gap-1.5 overflow-hidden", children: [
-            /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
-            tokens.map((tok, i) => /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15("span", { className: "font-medium text-sm", children: kind }),
+          tokens.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-center gap-1.5 overflow-hidden", children: [
+            /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
+            tokens.map((tok, i) => /* @__PURE__ */ jsx15(
               "span",
               {
                 className: cn(
@@ -2509,9 +2713,9 @@ function renderExecUi2(part) {
               i
             ))
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
             getStatusBadge(headerProps.state),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               ChevronDownIcon3,
               {
                 className: "size-4 text-muted-foreground/60 transition-transform group-data-[state=open]/exec-ui:rotate-180",
@@ -2522,18 +2726,18 @@ function renderExecUi2(part) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs12(ToolContent, { children: [
-      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx14(ToolInput, { input: part.input }),
-      /* @__PURE__ */ jsx14(ToolOutput, { output: part.output, errorText: part.errorText })
+    /* @__PURE__ */ jsxs13(ToolContent, { children: [
+      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx15(ToolInput, { input: part.input }),
+      /* @__PURE__ */ jsx15(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
 function renderFallback2(part) {
-  return /* @__PURE__ */ jsxs12(Tool2, { children: [
-    /* @__PURE__ */ jsx14(ToolHeader, { title: part.toolName, ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs12(ToolContent, { children: [
-      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx14(ToolInput, { input: part.input }),
-      /* @__PURE__ */ jsx14(ToolOutput, { output: part.output, errorText: part.errorText })
+  return /* @__PURE__ */ jsxs13(Tool2, { children: [
+    /* @__PURE__ */ jsx15(ToolHeader, { title: part.toolName, ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs13(ToolContent, { children: [
+      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx15(ToolInput, { input: part.input }),
+      /* @__PURE__ */ jsx15(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
@@ -2560,14 +2764,14 @@ function mergeShadcnToolRenderers(overrides) {
 // src/front/primitives/conversation.tsx
 import { Button as Button6 } from "@hachej/boring-ui-kit";
 import { ArrowDownIcon, DownloadIcon as DownloadIcon2 } from "lucide-react";
-import { useCallback as useCallback8, useEffect as useEffect9 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect10 } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var ConversationScrollController = ({
   onScrollToBottomReady
 }) => {
   const { scrollToBottom } = useStickToBottomContext();
-  useEffect9(() => {
+  useEffect10(() => {
     onScrollToBottomReady?.(scrollToBottom);
     return () => onScrollToBottomReady?.(() => {
     });
@@ -2579,7 +2783,7 @@ var Conversation = ({
   children,
   onScrollToBottomReady,
   ...props
-}) => /* @__PURE__ */ jsxs13(
+}) => /* @__PURE__ */ jsxs14(
   StickToBottom,
   {
     className: cn("relative flex-1 overflow-y-hidden", className),
@@ -2588,7 +2792,7 @@ var Conversation = ({
     role: "log",
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(ConversationScrollController, { onScrollToBottomReady }),
+      /* @__PURE__ */ jsx16(ConversationScrollController, { onScrollToBottomReady }),
       children
     ]
   }
@@ -2596,7 +2800,7 @@ var Conversation = ({
 var ConversationContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx15(
+}) => /* @__PURE__ */ jsx16(
   StickToBottom.Content,
   {
     className: cn("flex flex-col gap-8 p-4", className),
@@ -2611,7 +2815,7 @@ var ConversationScrollButton = ({
   const handleScrollToBottom = useCallback8(() => {
     scrollToBottom();
   }, [scrollToBottom]);
-  return !isAtBottom && /* @__PURE__ */ jsx15(
+  return !isAtBottom && /* @__PURE__ */ jsx16(
     Button6,
     {
       className: cn(
@@ -2624,7 +2828,7 @@ var ConversationScrollButton = ({
       variant: "outline",
       "aria-label": "Scroll to latest message",
       ...props,
-      children: /* @__PURE__ */ jsx15(ArrowDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx16(ArrowDownIcon, { className: "size-4" })
     }
   );
 };
@@ -2632,7 +2836,7 @@ var ConversationScrollButton = ({
 // src/front/ChatEmptyState.tsx
 import { ArrowUpRight, BookOpen, Code2, FileSearch, Wand2 } from "lucide-react";
 import { Button as Button7 } from "@hachej/boring-ui-kit";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var defaultChatSuggestions = [
   {
     label: "Summarize the README",
@@ -2668,7 +2872,7 @@ function ChatEmptyState({
   footer,
   className
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-boring-agent-part": "empty-state",
@@ -2677,20 +2881,20 @@ function ChatEmptyState({
         className
       ),
       children: [
-        eyebrow && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-muted-foreground dark:text-zinc-300", children: [
-          /* @__PURE__ */ jsx16("span", { className: "inline-block h-px w-4 bg-[color:var(--accent)]", "aria-hidden": "true" }),
+        eyebrow && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-muted-foreground dark:text-zinc-300", children: [
+          /* @__PURE__ */ jsx17("span", { className: "inline-block h-px w-4 bg-[color:var(--accent)]", "aria-hidden": "true" }),
           eyebrow
         ] }),
-        title && /* @__PURE__ */ jsx16("h3", { className: "mt-3 text-[34px] font-medium leading-[1.05] tracking-[-0.02em] text-foreground dark:text-zinc-50", children: title }),
-        description && /* @__PURE__ */ jsx16("p", { className: "mt-3 max-w-[440px] text-[14px] leading-relaxed text-muted-foreground dark:text-zinc-300", children: description }),
-        suggestions.length > 0 && /* @__PURE__ */ jsx16(
+        title && /* @__PURE__ */ jsx17("h3", { className: "mt-3 text-[34px] font-medium leading-[1.05] tracking-[-0.02em] text-foreground dark:text-zinc-50", children: title }),
+        description && /* @__PURE__ */ jsx17("p", { className: "mt-3 max-w-[440px] text-[14px] leading-relaxed text-muted-foreground dark:text-zinc-300", children: description }),
+        suggestions.length > 0 && /* @__PURE__ */ jsx17(
           "div",
           {
             "data-boring-agent-part": "suggestion-grid",
             className: "mt-8 grid w-full grid-cols-1 gap-px overflow-hidden rounded-xl bg-border/70 ring-1 ring-border/70 sm:grid-cols-2",
             children: suggestions.map((suggestion) => {
               const Icon = suggestion.icon;
-              return /* @__PURE__ */ jsxs14(
+              return /* @__PURE__ */ jsxs15(
                 Button7,
                 {
                   type: "button",
@@ -2705,18 +2909,18 @@ function ChatEmptyState({
                   },
                   className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--accent-soft)] focus-visible:bg-[color:var(--accent-soft)]",
                   children: [
-                    Icon && /* @__PURE__ */ jsx16(
+                    Icon && /* @__PURE__ */ jsx17(
                       Icon,
                       {
                         className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--accent)]",
                         strokeWidth: 1.75
                       }
                     ),
-                    /* @__PURE__ */ jsxs14("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-                      /* @__PURE__ */ jsx16("span", { className: "truncate text-[13px] font-medium text-foreground", children: suggestion.label }),
-                      suggestion.hint && /* @__PURE__ */ jsx16("span", { className: "truncate text-[12px] text-muted-foreground", children: suggestion.hint })
+                    /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                      /* @__PURE__ */ jsx17("span", { className: "truncate text-[13px] font-medium text-foreground", children: suggestion.label }),
+                      suggestion.hint && /* @__PURE__ */ jsx17("span", { className: "truncate text-[12px] text-muted-foreground", children: suggestion.hint })
                     ] }),
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx17(
                       ArrowUpRight,
                       {
                         className: cn(
@@ -2757,13 +2961,13 @@ import {
   memo as memo4,
   useCallback as useCallback9,
   useContext as useContext3,
-  useEffect as useEffect10,
+  useEffect as useEffect11,
   useMemo as useMemo7,
   useState as useState11
 } from "react";
 import { Streamdown } from "streamdown";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx17(
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx18(
   "div",
   {
     "data-boring-agent-message-role": from,
@@ -2779,7 +2983,7 @@ var MessageContent = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx18(
   "div",
   {
     className: cn(
@@ -2796,7 +3000,7 @@ var MessageActions = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx17("div", { className: cn("flex items-center gap-1", className), ...props, children });
+}) => /* @__PURE__ */ jsx18("div", { className: cn("flex items-center gap-1", className), ...props, children });
 var MessageAction = ({
   tooltip,
   children,
@@ -2805,14 +3009,14 @@ var MessageAction = ({
   size = "icon-sm",
   ...props
 }) => {
-  const button = /* @__PURE__ */ jsxs15(Button8, { size, type: "button", variant, ...props, children: [
+  const button = /* @__PURE__ */ jsxs16(Button8, { size, type: "button", variant, ...props, children: [
     children,
-    /* @__PURE__ */ jsx17("span", { className: "sr-only", children: label || tooltip })
+    /* @__PURE__ */ jsx18("span", { className: "sr-only", children: label || tooltip })
   ] });
   if (tooltip) {
-    return /* @__PURE__ */ jsx17(TooltipProvider2, { children: /* @__PURE__ */ jsxs15(Tooltip2, { children: [
-      /* @__PURE__ */ jsx17(TooltipTrigger2, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx17(TooltipContent2, { children: /* @__PURE__ */ jsx17("p", { children: tooltip }) })
+    return /* @__PURE__ */ jsx18(TooltipProvider2, { children: /* @__PURE__ */ jsxs16(Tooltip2, { children: [
+      /* @__PURE__ */ jsx18(TooltipTrigger2, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx18(TooltipContent2, { children: /* @__PURE__ */ jsx18("p", { children: tooltip }) })
     ] }) });
   }
   return button;
@@ -2853,9 +3057,9 @@ function extractCodeBlockText(children) {
 var MarkdownPre = ({ children }) => {
   const code3 = extractCodeBlockText(children).replace(/\n$/, "");
   const language = extractCodeBlockLanguage(children);
-  return /* @__PURE__ */ jsx17(CodeBlock2, { code: code3, language: language ?? "text", className: "my-3", children: /* @__PURE__ */ jsxs15(CodeBlockHeader, { children: [
-    /* @__PURE__ */ jsx17(CodeBlockTitle, { children: /* @__PURE__ */ jsx17(CodeBlockFilename, { children: language ?? "text" }) }),
-    /* @__PURE__ */ jsx17(CodeBlockCopyButton, {})
+  return /* @__PURE__ */ jsx18(CodeBlock2, { code: code3, language: language ?? "text", className: "my-3", children: /* @__PURE__ */ jsxs16(CodeBlockHeader, { children: [
+    /* @__PURE__ */ jsx18(CodeBlockTitle, { children: /* @__PURE__ */ jsx18(CodeBlockFilename, { children: language ?? "text" }) }),
+    /* @__PURE__ */ jsx18(CodeBlockCopyButton, {})
   ] }) });
 };
 var MarkdownCode = ({
@@ -2865,9 +3069,9 @@ var MarkdownCode = ({
   ...props
 }) => {
   if (inline === false) {
-    return /* @__PURE__ */ jsx17("code", { className, ...props, children });
+    return /* @__PURE__ */ jsx18("code", { className, ...props, children });
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "code",
     {
       className: cn(
@@ -2885,7 +3089,7 @@ var markdownComponents = {
   code: MarkdownCode
 };
 var MessageResponse = memo4(
-  ({ className, shikiTheme, components, ...props }) => /* @__PURE__ */ jsx17(
+  ({ className, shikiTheme, components, ...props }) => /* @__PURE__ */ jsx18(
     Streamdown,
     {
       className: cn(
@@ -2919,13 +3123,13 @@ import {
   memo as memo5,
   useCallback as useCallback10,
   useContext as useContext4,
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useMemo as useMemo8,
   useRef as useRef9,
   useState as useState12
 } from "react";
 import { Streamdown as Streamdown2 } from "streamdown";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var ReasoningContext = createContext4(null);
 var useReasoning = () => {
   const context = useContext4(ReasoningContext);
@@ -2961,7 +3165,7 @@ var Reasoning = memo5(
     const hasEverStreamedRef = useRef9(isStreaming);
     const [hasAutoClosed, setHasAutoClosed] = useState12(false);
     const startTimeRef = useRef9(null);
-    useEffect11(() => {
+    useEffect12(() => {
       if (isStreaming) {
         hasEverStreamedRef.current = true;
         if (startTimeRef.current === null) {
@@ -2972,12 +3176,12 @@ var Reasoning = memo5(
         startTimeRef.current = null;
       }
     }, [isStreaming, setDuration]);
-    useEffect11(() => {
+    useEffect12(() => {
       if (isStreaming && !isOpen && !isExplicitlyClosed) {
         setIsOpen(true);
       }
     }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);
-    useEffect11(() => {
+    useEffect12(() => {
       if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {
         const timer = setTimeout(() => {
           setIsOpen(false);
@@ -2996,7 +3200,7 @@ var Reasoning = memo5(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx18(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx19(
       Collapsible3,
       {
         className: cn("not-prose mb-2", className),
@@ -3010,12 +3214,12 @@ var Reasoning = memo5(
 );
 var defaultGetThinkingMessage = (isStreaming, duration) => {
   if (isStreaming || duration === 0) {
-    return /* @__PURE__ */ jsx18(Shimmer, { duration: 1, children: "thinking" });
+    return /* @__PURE__ */ jsx19(Shimmer, { duration: 1, children: "thinking" });
   }
   if (duration === void 0) {
-    return /* @__PURE__ */ jsx18("span", { children: "thoughts" });
+    return /* @__PURE__ */ jsx19("span", { children: "thoughts" });
   }
-  return /* @__PURE__ */ jsxs16("span", { children: [
+  return /* @__PURE__ */ jsxs17("span", { children: [
     "thoughts \xB7 ",
     duration,
     "s"
@@ -3029,7 +3233,7 @@ var ReasoningTrigger = memo5(
     ...props
   }) => {
     const { isStreaming, isOpen, duration } = useReasoning();
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       CollapsibleTrigger4,
       {
         className: cn(
@@ -3037,10 +3241,10 @@ var ReasoningTrigger = memo5(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs16(Fragment5, { children: [
-          /* @__PURE__ */ jsx18(BrainIcon, { className: "size-3" }),
+        children: children ?? /* @__PURE__ */ jsxs17(Fragment5, { children: [
+          /* @__PURE__ */ jsx19(BrainIcon, { className: "size-3" }),
           getThinkingMessage(isStreaming, duration),
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19(
             ChevronDownIcon4,
             {
               className: cn(
@@ -3056,7 +3260,7 @@ var ReasoningTrigger = memo5(
 );
 var streamdownPlugins2 = { cjk: cjk2, code: code2, math: math2, mermaid: mermaid2 };
 var ReasoningContent = memo5(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx18(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx19(
     CollapsibleContent3,
     {
       className: cn(
@@ -3065,7 +3269,7 @@ var ReasoningContent = memo5(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx18(Streamdown2, { plugins: streamdownPlugins2, children })
+      children: /* @__PURE__ */ jsx19(Streamdown2, { plugins: streamdownPlugins2, children })
     }
   )
 );
@@ -3107,7 +3311,7 @@ import {
   XIcon as XIcon2
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback11, useEffect as useEffect12, useMemo as useMemo9, useRef as useRef10, useState as useState13 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect13, useMemo as useMemo9, useRef as useRef10, useState as useState13 } from "react";
 
 // src/front/browserFiles.ts
 var convertBlobUrlToDataUrl = async (url) => {
@@ -3158,11 +3362,11 @@ import {
   TooltipTrigger as TooltipTrigger3
 } from "@hachej/boring-ui-kit";
 import { Children } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var PromptInputFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx20(
   InputGroupAddon,
   {
     align: "block-end",
@@ -3172,7 +3376,7 @@ var PromptInputFooter = ({
 );
 
 // src/front/primitives/prompt-input.tsx
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var PromptInput = ({
   className,
   accept,
@@ -3202,7 +3406,7 @@ var PromptInput = ({
   const files = usingProvider ? controller.attachments.files : items;
   const [referencedSources, setReferencedSources] = useState13([]);
   const filesRef = useRef10(files);
-  useEffect12(() => {
+  useEffect13(() => {
     filesRef.current = files;
   }, [files]);
   const openFileDialogLocal = useCallback11(() => {
@@ -3338,18 +3542,18 @@ var PromptInput = ({
     clearAttachments();
     clearReferencedSources();
   }, [clearAttachments, clearReferencedSources]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!usingProvider) {
       return;
     }
     controller.__registerFileInput(inputRef, () => inputRef.current?.click());
   }, [usingProvider, controller]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (syncHiddenInput && inputRef.current && files.length === 0) {
       inputRef.current.value = "";
     }
   }, [files, syncHiddenInput]);
-  useEffect12(() => {
+  useEffect13(() => {
     const form = formRef.current;
     if (!form) {
       return;
@@ -3377,7 +3581,7 @@ var PromptInput = ({
       form.removeEventListener("drop", onDrop);
     };
   }, [add, globalDrop]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!globalDrop) {
       return;
     }
@@ -3401,7 +3605,7 @@ var PromptInput = ({
       document.removeEventListener("drop", onDrop);
     };
   }, [add, globalDrop]);
-  useEffect12(
+  useEffect13(
     () => () => {
       if (!usingProvider) {
         for (const f of filesRef.current) {
@@ -3495,8 +3699,8 @@ var PromptInput = ({
     },
     [usingProvider, controller, files, onSubmit, clear]
   );
-  const inner = /* @__PURE__ */ jsxs18(Fragment6, { children: [
-    /* @__PURE__ */ jsx20(
+  const inner = /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx21(
       Input,
       {
         accept,
@@ -3509,7 +3713,7 @@ var PromptInput = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       "form",
       {
         "data-boring-agent-part": "composer",
@@ -3517,12 +3721,12 @@ var PromptInput = ({
         onSubmit: handleSubmit,
         ref: formRef,
         ...props,
-        children: /* @__PURE__ */ jsx20(InputGroup, { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx21(InputGroup, { className: "overflow-hidden", children })
       }
     )
   ] });
-  const withReferencedSources = /* @__PURE__ */ jsx20(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
-  return /* @__PURE__ */ jsx20(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
+  const withReferencedSources = /* @__PURE__ */ jsx21(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
+  return /* @__PURE__ */ jsx21(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
 };
 var PromptInputTextarea = ({
   onChange,
@@ -3600,7 +3804,7 @@ var PromptInputTextarea = ({
   } : {
     onChange
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     InputGroupTextarea,
     {
       "data-boring-agent-part": "composer-input",
@@ -3627,13 +3831,13 @@ var PromptInputSubmit = ({
   ...props
 }) => {
   const isGenerating = status === "submitted" || status === "streaming";
-  let Icon = /* @__PURE__ */ jsx20(CornerDownLeftIcon, { className: "size-4" });
+  let Icon = /* @__PURE__ */ jsx21(CornerDownLeftIcon, { className: "size-4" });
   if (status === "submitted") {
-    Icon = /* @__PURE__ */ jsx20(Spinner, {});
+    Icon = /* @__PURE__ */ jsx21(Spinner, {});
   } else if (status === "streaming") {
-    Icon = /* @__PURE__ */ jsx20(SquareIcon, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx21(SquareIcon, { className: "size-4" });
   } else if (status === "error") {
-    Icon = /* @__PURE__ */ jsx20(XIcon2, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx21(XIcon2, { className: "size-4" });
   }
   const handleClick = useCallback11(
     (e) => {
@@ -3646,7 +3850,7 @@ var PromptInputSubmit = ({
     },
     [isGenerating, onStop, onClick]
   );
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     InputGroupButton2,
     {
       "aria-label": isGenerating ? "Stop" : "Submit",
@@ -3673,7 +3877,7 @@ import {
   XIcon as XIcon3
 } from "lucide-react";
 import { createContext as createContext6, useCallback as useCallback12, useContext as useContext6, useMemo as useMemo10 } from "react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var mediaCategoryIcons = {
   audio: Music2Icon,
   document: FileTextIcon2,
@@ -3708,7 +3912,7 @@ var getAttachmentLabel = (data) => {
   const category = getMediaCategory(data);
   return data.filename || (category === "image" ? "Image" : "Attachment");
 };
-var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx21(
+var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx22(
   "img",
   {
     alt: filename || "Image",
@@ -3717,7 +3921,7 @@ var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */
     src: url,
     width: 96
   }
-) : /* @__PURE__ */ jsx21(
+) : /* @__PURE__ */ jsx22(
   "img",
   {
     alt: filename || "Image",
@@ -3744,7 +3948,7 @@ var Attachments = ({
   ...props
 }) => {
   const contextValue = useMemo10(() => ({ variant }), [variant]);
-  return /* @__PURE__ */ jsx21(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
@@ -3771,7 +3975,7 @@ var Attachment = ({
     () => ({ data, mediaCategory, onRemove, variant }),
     [data, mediaCategory, onRemove, variant]
   );
-  return /* @__PURE__ */ jsx21(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
@@ -3801,18 +4005,18 @@ var AttachmentPreview = ({
 }) => {
   const { data, mediaCategory, variant } = useAttachmentContext();
   const iconSize = variant === "inline" ? "size-3" : "size-4";
-  const renderIcon = (Icon) => /* @__PURE__ */ jsx21(Icon, { className: cn(iconSize, "text-muted-foreground") });
+  const renderIcon = (Icon) => /* @__PURE__ */ jsx22(Icon, { className: cn(iconSize, "text-muted-foreground") });
   const renderContent = () => {
     if (mediaCategory === "image" && data.type === "file" && data.url) {
       return renderAttachmentImage(data.url, data.filename, variant === "grid");
     }
     if (mediaCategory === "video" && data.type === "file" && data.url) {
-      return /* @__PURE__ */ jsx21("video", { className: "size-full object-cover", muted: true, src: data.url });
+      return /* @__PURE__ */ jsx22("video", { className: "size-full object-cover", muted: true, src: data.url });
     }
     const Icon = mediaCategoryIcons[mediaCategory];
     return fallbackIcon ?? renderIcon(Icon);
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
@@ -3837,9 +4041,9 @@ var AttachmentInfo = ({
   if (variant === "grid") {
     return null;
   }
-  return /* @__PURE__ */ jsxs19("div", { className: cn("min-w-0 flex-1", className), ...props, children: [
-    /* @__PURE__ */ jsx21("span", { className: "block truncate", children: label }),
-    showMediaType && data.mediaType && /* @__PURE__ */ jsx21("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType })
+  return /* @__PURE__ */ jsxs20("div", { className: cn("min-w-0 flex-1", className), ...props, children: [
+    /* @__PURE__ */ jsx22("span", { className: "block truncate", children: label }),
+    showMediaType && data.mediaType && /* @__PURE__ */ jsx22("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType })
   ] });
 };
 var AttachmentRemove = ({
@@ -3859,7 +4063,7 @@ var AttachmentRemove = ({
   if (!onRemove) {
     return null;
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     Button9,
     {
       "aria-label": label,
@@ -3884,8 +4088,8 @@ var AttachmentRemove = ({
       variant: "ghost",
       ...props,
       children: [
-        children ?? /* @__PURE__ */ jsx21(XIcon3, {}),
-        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: label })
+        children ?? /* @__PURE__ */ jsx22(XIcon3, {}),
+        /* @__PURE__ */ jsx22("span", { className: "sr-only", children: label })
       ]
     }
   );
@@ -4121,7 +4325,7 @@ ${content}
 }
 
 // src/front/hooks/useChatModelSelection.ts
-import { useCallback as useCallback15, useEffect as useEffect13, useMemo as useMemo11, useRef as useRef12, useState as useState15 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef12, useState as useState15 } from "react";
 
 // src/front/chatPanelSettings.ts
 var STORAGE_MODEL_KEY = "boring-agent:composer:model";
@@ -4235,7 +4439,7 @@ function useChatModelSelection({
     () => initialModelState.userSelected
   );
   const userSelectedModelRef = useRef12(userSelectedModel);
-  useEffect13(() => {
+  useEffect14(() => {
     userSelectedModelRef.current = userSelectedModel;
   }, [userSelectedModel]);
   const setModel = useCallback15((next) => {
@@ -4243,15 +4447,15 @@ function useChatModelSelection({
     setModelState(next);
   }, []);
   const [availableModels, setAvailableModels] = useState15([]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!userSelectedModel || !model) return;
     writeStoredModelSelection(model);
   }, [model, userSelectedModel]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (userSelectedModelRef.current || !defaultModel) return;
     setModelState(defaultModel);
   }, [defaultModel]);
-  useEffect13(() => {
+  useEffect14(() => {
     let aborted = false;
     fetch("/api/v1/agent/models", { headers: requestHeaders }).then((res) => res.ok ? res.json() : null).then((payload) => {
       if (aborted || !payload?.models) return;
@@ -4271,7 +4475,7 @@ function useChatModelSelection({
       aborted = true;
     };
   }, [requestHeaders]);
-  useEffect13(() => {
+  useEffect14(() => {
     const onChange = (event) => {
       const next = parseModelSelection(event.detail);
       if (next) setModel(next);
@@ -4283,13 +4487,13 @@ function useChatModelSelection({
 }
 
 // src/front/hooks/useServerSkills.ts
-import { useEffect as useEffect14, useState as useState16 } from "react";
+import { useEffect as useEffect15, useState as useState16 } from "react";
 function useServerSkills({
   registry,
   requestHeaders
 }) {
   const [skillsStamp, setSkillsStamp] = useState16(0);
-  useEffect14(() => {
+  useEffect15(() => {
     let aborted = false;
     fetch("/api/v1/agent/skills", { headers: requestHeaders }).then((res) => res.ok ? res.json() : null).then((payload) => {
       if (aborted || !payload?.skills) return;
@@ -4312,17 +4516,17 @@ function useServerSkills({
 }
 
 // src/front/hooks/useThinkingSettings.ts
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState17 } from "react";
 function useThinkingSettings(thinkingControl) {
   const [thinkingLevel, setThinkingLevel] = useState17(
     () => thinkingControl ? readStoredThinking() : DEFAULT_THINKING
   );
   const [showThoughts, setShowThoughts] = useState17(() => readStoredShowThoughts());
-  useEffect15(() => {
+  useEffect16(() => {
     if (!thinkingControl) return;
     writeStoredThinking(thinkingLevel);
   }, [thinkingControl, thinkingLevel]);
-  useEffect15(() => {
+  useEffect16(() => {
     writeStoredShowThoughts(showThoughts);
   }, [showThoughts]);
   return {
@@ -4334,10 +4538,10 @@ function useThinkingSettings(thinkingControl) {
 }
 
 // src/front/hooks/useAttachmentNotice.ts
-import { useEffect as useEffect16, useState as useState18 } from "react";
+import { useEffect as useEffect17, useState as useState18 } from "react";
 function useAttachmentNotice(timeoutMs = 4e3) {
   const [attachmentNotice, setAttachmentNotice] = useState18(null);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!attachmentNotice) return;
     const timer = setTimeout(() => setAttachmentNotice(null), timeoutMs);
     return () => clearTimeout(timer);
@@ -4385,7 +4589,7 @@ function displayProviderLabel(provider) {
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 var composerActionClass = cn(
   "inline-flex h-8 items-center justify-center gap-1.5 rounded-md border-0 bg-transparent",
   "text-muted-foreground shadow-none transition",
@@ -4426,8 +4630,8 @@ function ModelSelect({
     groups.set(m.provider, list);
   }
   const [open, setOpen] = useState19(false);
-  return /* @__PURE__ */ jsxs20(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+    /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs21(
       "button",
       {
         type: "button",
@@ -4441,30 +4645,30 @@ function ModelSelect({
           open && "bg-muted/60 text-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx22(BotIcon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx22("span", { className: "min-w-0 truncate", children: triggerLabel }),
-          /* @__PURE__ */ jsx22(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/60", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx23(BotIcon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx23("span", { className: "min-w-0 truncate", children: triggerLabel }),
+          /* @__PURE__ */ jsx23(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/60", "aria-hidden": "true" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       PopoverContent,
       {
         align: "start",
         sideOffset: 6,
         "data-boring-agent": "",
         className: "w-[min(90vw,260px)] rounded-xl border-border/60 bg-popover p-1 shadow-xl",
-        children: /* @__PURE__ */ jsxs20(Command2, { children: [
-          menuOptions.length > 8 && /* @__PURE__ */ jsx22(
+        children: /* @__PURE__ */ jsxs21(Command2, { children: [
+          menuOptions.length > 8 && /* @__PURE__ */ jsx23(
             CommandInput2,
             {
               placeholder: "Search models\u2026",
               className: "h-8 border-0 text-[13px] focus:ring-0"
             }
           ),
-          /* @__PURE__ */ jsxs20(CommandList2, { className: "max-h-[300px] p-0.5", children: [
-            /* @__PURE__ */ jsx22(CommandEmpty2, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
-            [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsxs21(CommandList2, { className: "max-h-[300px] p-0.5", children: [
+            /* @__PURE__ */ jsx23(CommandEmpty2, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
+            [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx23(
               CommandGroup2,
               {
                 heading: displayProviderLabel(provider),
@@ -4472,7 +4676,7 @@ function ModelSelect({
                 children: list.map((m) => {
                   const key = encodeModelKey(m);
                   const label = m.label || displayModelLabel(m.id);
-                  return /* @__PURE__ */ jsxs20(
+                  return /* @__PURE__ */ jsxs21(
                     CommandItem2,
                     {
                       value: `${label} ${m.id} ${displayProviderLabel(m.provider)}`,
@@ -4485,7 +4689,7 @@ function ModelSelect({
                         key === currentKey && "bg-accent text-accent-foreground"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(
                           CheckIcon2,
                           {
                             className: cn(
@@ -4494,8 +4698,8 @@ function ModelSelect({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx22("span", { className: "truncate", children: label }),
-                        /* @__PURE__ */ jsx22("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/70", children: m.id })
+                        /* @__PURE__ */ jsx23("span", { className: "truncate", children: label }),
+                        /* @__PURE__ */ jsx23("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/70", children: m.id })
                       ]
                     },
                     key
@@ -4515,7 +4719,7 @@ function ThinkingSelect({
   onChange,
   disabled
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     Select2,
     {
       value,
@@ -4524,7 +4728,7 @@ function ThinkingSelect({
       },
       disabled,
       children: [
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21(
           SelectTrigger2,
           {
             "data-boring-agent-part": "thinking-select",
@@ -4533,14 +4737,14 @@ function ThinkingSelect({
             "aria-label": "Thinking level",
             "data-testid": "thinking-select",
             children: [
-              THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx22("span", { "data-value": level, hidden: true }, level)),
-              /* @__PURE__ */ jsx22(BrainIcon2, { className: "h-3.5 w-3.5" })
+              THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx23("span", { "data-value": level, hidden: true }, level)),
+              /* @__PURE__ */ jsx23(BrainIcon2, { className: "h-3.5 w-3.5" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs20(SelectContent2, { position: "popper", side: "top", align: "end", "data-boring-agent": "", className: "w-auto min-w-0 rounded-lg border-border/70 bg-popover p-2 shadow-2xl", children: [
-          /* @__PURE__ */ jsx22("div", { className: "px-1 pb-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: "Think" }),
-          /* @__PURE__ */ jsx22("div", { className: "flex items-center gap-1", children: THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs21(SelectContent2, { position: "popper", side: "top", align: "end", "data-boring-agent": "", className: "w-auto min-w-0 rounded-lg border-border/70 bg-popover p-2 shadow-2xl", children: [
+          /* @__PURE__ */ jsx23("div", { className: "px-1 pb-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: "Think" }),
+          /* @__PURE__ */ jsx23("div", { className: "flex items-center gap-1", children: THINKING_LEVELS.map((level) => /* @__PURE__ */ jsx23(
             SelectItem2,
             {
               value: level,
@@ -4559,7 +4763,7 @@ function ThoughtVisibilityButton({
   onToggle
 }) {
   const Icon = visible ? EyeIcon : EyeOffIcon;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     IconButton,
     {
       type: "button",
@@ -4572,15 +4776,15 @@ function ThoughtVisibilityButton({
       "aria-pressed": visible,
       "aria-label": visible ? "Hide thoughts" : "Show thoughts",
       title: visible ? "Hide thoughts" : "Show thoughts",
-      children: /* @__PURE__ */ jsx22(Icon, { className: "h-3.5 w-3.5" })
+      children: /* @__PURE__ */ jsx23(Icon, { className: "h-3.5 w-3.5" })
     }
   );
 }
 
 // src/front/chatPanelKbdHints.tsx
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function KbdHints() {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "kbd",
     {
       "aria-hidden": "true",
@@ -4590,7 +4794,7 @@ function KbdHints() {
         "sm:inline-flex"
       ),
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "not-mono text-[9px]", children: "\u21E7" }),
+        /* @__PURE__ */ jsx24("span", { className: "not-mono text-[9px]", children: "\u21E7" }),
         "\u21B5"
       ]
     }
@@ -4598,7 +4802,7 @@ function KbdHints() {
 }
 
 // src/front/ChatPanel.tsx
-import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 var DebugDrawer2 = lazy(() => import("../DebugDrawer-MCYZ4AWZ.js").then((m) => ({ default: m.DebugDrawer })));
 function hasToolPart(message) {
   return (message.parts ?? []).some((part) => isToolUIPart2(part));
@@ -4741,6 +4945,7 @@ function ChatPanel(props) {
     sessionId,
     toolRenderers,
     extraCommands,
+    hotReloadEnabled = true,
     onSessionReset,
     className,
     chrome = true,
@@ -4788,7 +4993,7 @@ function ChatPanel(props) {
     sessionId,
     requestHeaders
   });
-  useEffect17(() => {
+  useEffect18(() => {
     piDataHandlerRef.current = handlePiData;
   }, [handlePiData]);
   const {
@@ -4805,7 +5010,7 @@ function ChatPanel(props) {
     requestHeaders,
     stop
   });
-  useEffect17(() => {
+  useEffect18(() => {
     followUpDataHandlerRef.current = handleFollowUpData;
   }, [handleFollowUpData]);
   const mergedToolRenderers = mergeShadcnToolRenderers(toolRenderers);
@@ -4813,8 +5018,11 @@ function ChatPanel(props) {
   const primaryComposerBlocker = composerBlockers[0];
   const composerBlockerLabel = primaryComposerBlocker?.label ?? "Complete the pending workspace action to continue.";
   const registry = useMemo12(
-    () => createCommandRegistry([...builtinCommands, ...extraCommands ?? []]),
-    [extraCommands]
+    () => {
+      const effectiveBuiltins = hotReloadEnabled ? builtinCommands : builtinCommands.filter((cmd) => cmd.name !== "reload");
+      return createCommandRegistry([...effectiveBuiltins, ...extraCommands ?? []]);
+    },
+    [extraCommands, hotReloadEnabled]
   );
   const skillsStamp = useServerSkills({ registry, requestHeaders });
   const allCommands = useMemo12(() => registry.list(), [registry, skillsStamp]);
@@ -4824,6 +5032,95 @@ function ChatPanel(props) {
   });
   const { thinkingLevel, setThinkingLevel, showThoughts, setShowThoughts } = useThinkingSettings(thinkingControl);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
+  const callPluginReload = useCallback16(async () => {
+    const res = await fetch("/api/v1/agent/reload", {
+      method: "POST",
+      headers: { ...requestHeaders ?? {}, "content-type": "application/json" },
+      body: JSON.stringify({ sessionId })
+    });
+    if (!res.ok) {
+      const payload2 = await res.json().catch(() => ({}));
+      throw new Error(payload2.error || `reload failed (${res.status})`);
+    }
+    const payload = await res.json().catch(() => ({}));
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(new CustomEvent(WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT, { detail: payload }));
+    }
+    return {
+      reloaded: Boolean(payload.reloaded),
+      ...payload.restart_warnings && payload.restart_warnings.length > 0 ? { restartWarnings: payload.restart_warnings } : {},
+      ...payload.diagnostics && payload.diagnostics.length > 0 ? { diagnostics: payload.diagnostics } : {}
+    };
+  }, [requestHeaders, sessionId]);
+  const reloadAgentPlugins = useCallback16(async () => {
+    try {
+      const { reloaded, diagnostics } = await callPluginReload();
+      const base = reloaded ? "Agent plugins reloaded." : "Agent plugins will reload on the next message.";
+      return diagnostics && diagnostics.length > 0 ? `${base}
+
+Warnings:
+${formatPluginReloadDiagnostics(diagnostics)}` : base;
+    } catch (err) {
+      return err instanceof Error ? err.message : "Agent plugin reload failed.";
+    }
+  }, [callPluginReload]);
+  const [pluginUpdateState, setPluginUpdateState] = useState20(null);
+  const activeSessionRef = useRef13(sessionId);
+  useEffect18(() => {
+    activeSessionRef.current = sessionId;
+    setPluginUpdateState(null);
+  }, [sessionId]);
+  useEffect18(() => {
+    if (typeof window === "undefined") return;
+    const onBrowserPluginReload = (event) => {
+      const detail = event.detail;
+      const parsed = parseBrowserPluginReloadDetail(detail);
+      if (!parsed) return;
+      setPluginUpdateState((prev) => {
+        if (!prev) return prev;
+        if (parsed.kind === "error") {
+          return { kind: "error", message: parsed.message };
+        }
+        if (prev.kind === "error") return prev;
+        const current = prev.kind === "success" ? prev : { kind: "success", reloaded: true };
+        const existing = current.frontEvents ?? [];
+        if (existing.some((item) => item.pluginId === parsed.diagnostic.pluginId && item.message === parsed.diagnostic.message)) {
+          return current;
+        }
+        return {
+          ...current,
+          frontEvents: [...existing, parsed.diagnostic]
+        };
+      });
+    };
+    window.addEventListener(WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT, onBrowserPluginReload);
+    return () => window.removeEventListener(WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT, onBrowserPluginReload);
+  }, []);
+  const runPluginUpdate = useCallback16(async () => {
+    const capturedSession = activeSessionRef.current;
+    setPluginUpdateState({ kind: "running" });
+    try {
+      const { reloaded, restartWarnings, diagnostics } = await callPluginReload();
+      if (activeSessionRef.current !== capturedSession) return "Plugins updated.";
+      setPluginUpdateState({
+        kind: "success",
+        reloaded,
+        ...restartWarnings && restartWarnings.length > 0 ? { restartWarnings } : {},
+        ...diagnostics && diagnostics.length > 0 ? { diagnostics } : {}
+      });
+      const base = reloaded ? "Plugins updated." : "Plugins will reload on the next message.";
+      return diagnostics && diagnostics.length > 0 ? `${base}
+
+Warnings:
+${formatPluginReloadDiagnostics(diagnostics)}` : base;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Plugin update failed.";
+      if (activeSessionRef.current !== capturedSession) return `Plugin update failed: ${message}`;
+      setPluginUpdateState({ kind: "error", message });
+      return `Plugin update failed: ${message}`;
+    }
+  }, [callPluginReload]);
+  const dismissPluginUpdate = useCallback16(() => setPluginUpdateState(null), []);
   const isStreaming = status === "submitted" || status === "streaming";
   const attachmentsDisabled = isStreaming || pendingMessages.length > 0;
   const displayMessages = useMemo12(() => {
@@ -4854,7 +5151,7 @@ function ChatPanel(props) {
   const handleInterrupt = useCallback16(() => {
     stop();
   }, [stop]);
-  useEffect17(() => {
+  useEffect18(() => {
     const onKeyDown = (e) => {
       if (e.key !== "Escape" || !isStreaming) return;
       const tag = e.target?.tagName;
@@ -4919,16 +5216,11 @@ ${parsed.args}` : `skill: ${parsed.name}`;
             });
             void onSessionReset?.();
           },
-          setModel: (model2) => {
-            const next = parseModelSelection(model2);
-            if (!next) return false;
-            writeStoredModelSelection(next);
-            globalThis.dispatchEvent?.(new CustomEvent("boring:model-change", { detail: next }));
-            return true;
-          },
-          listCommands: () => registry.list()
+          listCommands: () => registry.list(),
+          reloadAgentPlugins,
+          pluginUpdate: { run: runPluginUpdate }
         };
-        const result = cmd.handler(parsed.args, ctx);
+        const result = await Promise.resolve(cmd.handler(parsed.args, ctx));
         if (typeof result === "string") {
           setMessages((prev) => [
             ...prev,
@@ -4951,7 +5243,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
     clearMentionedFiles();
     if (isStreaming && files.length > 0) {
       setAttachmentNotice("Attachments can be sent after the current response finishes.");
-      throw new Error("attachments_disabled_while_streaming");
+      return;
     }
     if (isStreaming && capabilities.nativeFollowUp) {
       scrollToBottomRef.current();
@@ -4985,7 +5277,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
       }
     );
   }
-  return /* @__PURE__ */ jsx24(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx25(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs23(
     "div",
     {
       "data-boring-agent": "",
@@ -4999,7 +5291,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
       role: "region",
       "aria-label": "Agent assistant",
       children: [
-        /* @__PURE__ */ jsx24("div", { className: "flex min-h-0 min-w-0 flex-col flex-1", children: /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsx25("div", { className: "flex min-h-0 min-w-0 flex-col flex-1", children: /* @__PURE__ */ jsxs23(
           "div",
           {
             className: cn(
@@ -5007,7 +5299,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
               chrome && "mx-3 my-3 rounded-xl bg-[color:var(--surface-chat)] shadow-[0_1px_0_oklch(0_0_0/0.02),0_1px_2px_-1px_oklch(0_0_0/0.04),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.6)]"
             ),
             children: [
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25(
                 "div",
                 {
                   className: cn(
@@ -5019,7 +5311,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
                   "aria-busy": isStreaming || void 0,
                   "aria-hidden": !isStreaming,
                   "aria-label": isStreaming ? "Agent working" : void 0,
-                  children: /* @__PURE__ */ jsx24(
+                  children: /* @__PURE__ */ jsx25(
                     motion2.div,
                     {
                       className: "absolute inset-y-0 w-1/4 bg-gradient-to-r from-transparent via-[color:var(--accent)] to-transparent",
@@ -5030,7 +5322,7 @@ ${parsed.args}` : `skill: ${parsed.name}`;
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs22(
+              /* @__PURE__ */ jsxs23(
                 Conversation,
                 {
                   className: "flex-1",
@@ -5040,11 +5332,11 @@ ${parsed.args}` : `skill: ${parsed.name}`;
                     scrollToBottomRef.current = scrollToBottom;
                   },
                   children: [
-                    /* @__PURE__ */ jsxs22(ConversationContent, { className: cn(
+                    /* @__PURE__ */ jsxs23(ConversationContent, { className: cn(
                       "mx-auto flex w-full flex-col gap-6",
                       chrome ? "max-w-3xl px-6 py-8" : "max-w-[680px] px-4 py-4"
                     ), children: [
-                      displayMessages.length === 0 && /* @__PURE__ */ jsx24(
+                      displayMessages.length === 0 && /* @__PURE__ */ jsx25(
                         ChatEmptyState,
                         {
                           eyebrow: emptyState?.eyebrow,
@@ -5114,13 +5406,13 @@ ${reasoningPart.text}`;
                         }, []);
                         const isLastMessage = messageIndex === renderMessages.length - 1;
                         const shouldReserveStreamingActions = isStreaming && role === "assistant" && isLastMessage;
-                        return /* @__PURE__ */ jsxs22(
+                        return /* @__PURE__ */ jsxs23(
                           Message,
                           {
                             from: role,
                             className: "!max-w-full !gap-1.5",
                             children: [
-                              /* @__PURE__ */ jsxs22(
+                              /* @__PURE__ */ jsxs23(
                                 MessageContent,
                                 {
                                   className: cn(
@@ -5139,9 +5431,9 @@ ${reasoningPart.text}`;
                                   ),
                                   "data-waiting-follow-up": isWaitingFollowUp ? "true" : void 0,
                                   children: [
-                                    isWaitingFollowUp && /* @__PURE__ */ jsxs22("div", { className: "mb-1 flex items-center justify-between gap-2 text-[10px] font-medium not-italic uppercase tracking-[0.16em] text-muted-foreground/70", children: [
-                                      /* @__PURE__ */ jsx24("span", { children: "Waiting\u2026" }),
-                                      /* @__PURE__ */ jsx24(
+                                    isWaitingFollowUp && /* @__PURE__ */ jsxs23("div", { className: "mb-1 flex items-center justify-between gap-2 text-[10px] font-medium not-italic uppercase tracking-[0.16em] text-muted-foreground/70", children: [
+                                      /* @__PURE__ */ jsx25("span", { children: "Waiting\u2026" }),
+                                      /* @__PURE__ */ jsx25(
                                         IconButton2,
                                         {
                                           type: "button",
@@ -5151,11 +5443,11 @@ ${reasoningPart.text}`;
                                           className: "-mr-1 size-5 shrink-0 text-muted-foreground/70 hover:bg-muted hover:text-foreground",
                                           "aria-label": "Delete queued message",
                                           title: "Delete queued message",
-                                          children: /* @__PURE__ */ jsx24(XIcon4, { className: "size-3", "aria-hidden": "true" })
+                                          children: /* @__PURE__ */ jsx25(XIcon4, { className: "size-3", "aria-hidden": "true" })
                                         }
                                       )
                                     ] }),
-                                    fileParts.length > 0 && /* @__PURE__ */ jsx24(
+                                    fileParts.length > 0 && /* @__PURE__ */ jsx25(
                                       Attachments,
                                       {
                                         variant: "list",
@@ -5167,36 +5459,36 @@ ${reasoningPart.text}`;
                                           // messages (no bubble) keep the bordered chip.
                                           role === "user" ? "[&>div]:border-0 [&>div]:bg-transparent [&>div]:px-0 [&>div]:py-1 [&>div:hover]:bg-transparent" : void 0
                                         ),
-                                        children: fileParts.map((file, idx) => /* @__PURE__ */ jsxs22(Attachment, { data: { ...file, id: `file-${message.id}-${idx}` }, children: [
-                                          /* @__PURE__ */ jsx24(AttachmentPreview, { className: "size-10 shrink-0 rounded-[var(--radius-md)]" }),
-                                          /* @__PURE__ */ jsx24(AttachmentInfo, { className: "min-w-0 flex-1" })
+                                        children: fileParts.map((file, idx) => /* @__PURE__ */ jsxs23(Attachment, { data: { ...file, id: `file-${message.id}-${idx}` }, children: [
+                                          /* @__PURE__ */ jsx25(AttachmentPreview, { className: "size-10 shrink-0 rounded-[var(--radius-md)]" }),
+                                          /* @__PURE__ */ jsx25(AttachmentInfo, { className: "min-w-0 flex-1" })
                                         ] }, `file-${message.id}-${idx}`))
                                       }
                                     ),
                                     finalParts.map((item, index) => {
                                       if (item.kind === "reasoning") {
                                         if (!showThoughts) return null;
-                                        return /* @__PURE__ */ jsxs22(
+                                        return /* @__PURE__ */ jsxs23(
                                           Reasoning,
                                           {
                                             isStreaming: item.state === "streaming",
                                             defaultOpen: item.state === "streaming",
                                             children: [
-                                              /* @__PURE__ */ jsx24(
+                                              /* @__PURE__ */ jsx25(
                                                 ReasoningTrigger,
                                                 {
                                                   className: "mb-1 w-fit rounded-[var(--radius-sm)] px-0 py-0 !text-xs !font-normal !text-muted-foreground/75 hover:bg-transparent hover:!text-muted-foreground/75 [&_svg]:!text-muted-foreground/75",
-                                                  getThinkingMessage: (streaming) => /* @__PURE__ */ jsx24("span", { children: streaming ? "thinking" : "thoughts" })
+                                                  getThinkingMessage: (streaming) => /* @__PURE__ */ jsx25("span", { children: streaming ? "thinking" : "thoughts" })
                                                 }
                                               ),
-                                              /* @__PURE__ */ jsx24(ReasoningContent, { children: item.text })
+                                              /* @__PURE__ */ jsx25(ReasoningContent, { children: item.text })
                                             ]
                                           },
                                           `reasoning-${item.key}`
                                         );
                                       }
                                       if (item.kind === "tool-group") {
-                                        return /* @__PURE__ */ jsx24(
+                                        return /* @__PURE__ */ jsx25(
                                           ToolCallGroup,
                                           {
                                             tools: item.tools,
@@ -5207,7 +5499,7 @@ ${reasoningPart.text}`;
                                       }
                                       const { part } = item;
                                       if (isTextPart(part)) {
-                                        return /* @__PURE__ */ jsx24(
+                                        return /* @__PURE__ */ jsx25(
                                           MessageResponse,
                                           {
                                             className: cn(
@@ -5244,7 +5536,7 @@ ${reasoningPart.text}`;
                                   ]
                                 }
                               ),
-                              role === "assistant" && (textParts.length > 0 || shouldReserveStreamingActions) && /* @__PURE__ */ jsx24(
+                              role === "assistant" && (textParts.length > 0 || shouldReserveStreamingActions) && /* @__PURE__ */ jsx25(
                                 MessageActionsBar,
                                 {
                                   text: textParts.map((p) => p.text).join("\n\n"),
@@ -5269,17 +5561,17 @@ ${reasoningPart.text}`;
                       (() => {
                         if (!error) return null;
                         const friendly = friendlyError(error);
-                        return /* @__PURE__ */ jsx24(Message, { from: "assistant", className: "!max-w-full", children: /* @__PURE__ */ jsx24(MessageContent, { className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-3", children: /* @__PURE__ */ jsxs22("div", { role: "alert", className: "flex items-start gap-3 text-sm text-destructive", children: [
-                          /* @__PURE__ */ jsx24("div", { className: "mt-0.5 shrink-0", children: /* @__PURE__ */ jsxs22("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                            /* @__PURE__ */ jsx24("circle", { cx: "12", cy: "12", r: "10" }),
-                            /* @__PURE__ */ jsx24("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                            /* @__PURE__ */ jsx24("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+                        return /* @__PURE__ */ jsx25(Message, { from: "assistant", className: "!max-w-full", children: /* @__PURE__ */ jsx25(MessageContent, { className: "rounded-xl border border-destructive/40 bg-destructive/10 px-4 py-3", children: /* @__PURE__ */ jsxs23("div", { role: "alert", className: "flex items-start gap-3 text-sm text-destructive", children: [
+                          /* @__PURE__ */ jsx25("div", { className: "mt-0.5 shrink-0", children: /* @__PURE__ */ jsxs23("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                            /* @__PURE__ */ jsx25("circle", { cx: "12", cy: "12", r: "10" }),
+                            /* @__PURE__ */ jsx25("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                            /* @__PURE__ */ jsx25("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
                           ] }) }),
-                          /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
-                            /* @__PURE__ */ jsx24("div", { className: "font-medium", children: friendly.title }),
-                            friendly.detail && /* @__PURE__ */ jsx24("div", { className: "mt-1 text-xs text-destructive/80", children: friendly.detail })
+                          /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsx25("div", { className: "font-medium", children: friendly.title }),
+                            friendly.detail && /* @__PURE__ */ jsx25("div", { className: "mt-1 text-xs text-destructive/80", children: friendly.detail })
                           ] }),
-                          /* @__PURE__ */ jsx24(
+                          /* @__PURE__ */ jsx25(
                             IconButton2,
                             {
                               type: "button",
@@ -5288,21 +5580,21 @@ ${reasoningPart.text}`;
                               onClick: () => clearError(),
                               className: "shrink-0 text-destructive/70 hover:bg-destructive/15 hover:text-destructive",
                               "aria-label": "Dismiss",
-                              children: /* @__PURE__ */ jsxs22("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-                                /* @__PURE__ */ jsx24("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                                /* @__PURE__ */ jsx24("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                              children: /* @__PURE__ */ jsxs23("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                                /* @__PURE__ */ jsx25("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                                /* @__PURE__ */ jsx25("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                               ] })
                             }
                           )
                         ] }) }) });
                       })()
                     ] }),
-                    /* @__PURE__ */ jsx24(ConversationScrollButton, {})
+                    /* @__PURE__ */ jsx25(ConversationScrollButton, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs22("div", { className: cn(chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-3 pt-1"), children: [
-                /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsxs23("div", { className: cn(chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-3 pt-1"), children: [
+                /* @__PURE__ */ jsx25(
                   "div",
                   {
                     className: cn(
@@ -5310,7 +5602,7 @@ ${reasoningPart.text}`;
                       chrome ? "max-w-3xl" : "max-w-[680px]",
                       isStreaming ? "mb-2 max-h-8" : "max-h-0"
                     ),
-                    children: /* @__PURE__ */ jsxs22(
+                    children: /* @__PURE__ */ jsxs23(
                       "div",
                       {
                         "data-testid": "chat-working",
@@ -5320,7 +5612,7 @@ ${reasoningPart.text}`;
                           "inline-flex items-center gap-2 rounded-full border border-border/50 bg-background/85 px-2.5 py-1 text-[12px] text-muted-foreground/75 shadow-sm backdrop-blur"
                         ),
                         children: [
-                          /* @__PURE__ */ jsx24(
+                          /* @__PURE__ */ jsx25(
                             motion2.span,
                             {
                               "aria-hidden": "true",
@@ -5329,13 +5621,13 @@ ${reasoningPart.text}`;
                               transition: { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                             }
                           ),
-                          /* @__PURE__ */ jsx24("span", { children: "Working\u2026" })
+                          /* @__PURE__ */ jsx25("span", { children: "Working\u2026" })
                         ]
                       }
                     )
                   }
                 ),
-                composerBlocked && /* @__PURE__ */ jsxs22(
+                composerBlocked && /* @__PURE__ */ jsxs23(
                   "div",
                   {
                     role: "status",
@@ -5345,8 +5637,8 @@ ${reasoningPart.text}`;
                       "px-3 py-2 text-xs text-foreground"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx24("span", { children: composerBlockerLabel }),
-                      primaryComposerBlocker?.actions?.map((action) => /* @__PURE__ */ jsx24(
+                      /* @__PURE__ */ jsx25("span", { children: composerBlockerLabel }),
+                      primaryComposerBlocker?.actions?.map((action) => /* @__PURE__ */ jsx25(
                         "button",
                         {
                           type: "button",
@@ -5359,7 +5651,15 @@ ${reasoningPart.text}`;
                     ]
                   }
                 ),
-                attachmentNotice && /* @__PURE__ */ jsx24(
+                hotReloadEnabled && /* @__PURE__ */ jsx25(
+                  PluginUpdateStatus,
+                  {
+                    state: pluginUpdateState,
+                    onDismiss: dismissPluginUpdate,
+                    onRetry: runPluginUpdate
+                  }
+                ),
+                attachmentNotice && /* @__PURE__ */ jsx25(
                   "div",
                   {
                     role: "status",
@@ -5371,8 +5671,8 @@ ${reasoningPart.text}`;
                     children: attachmentNotice
                   }
                 ),
-                /* @__PURE__ */ jsxs22("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
-                  mentionState && /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsxs23("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
+                  mentionState && /* @__PURE__ */ jsx25(
                     MentionPicker,
                     {
                       mention: mentionState,
@@ -5380,7 +5680,7 @@ ${reasoningPart.text}`;
                       onDismiss: dismissMention
                     }
                   ),
-                  slashQuery !== null && /* @__PURE__ */ jsx24(
+                  slashQuery !== null && /* @__PURE__ */ jsx25(
                     SlashCommandPicker,
                     {
                       query: slashQuery,
@@ -5390,7 +5690,7 @@ ${reasoningPart.text}`;
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25(
                   "div",
                   {
                     className: cn(
@@ -5418,7 +5718,7 @@ ${reasoningPart.text}`;
                       "[&_[data-slot=input-group]]:dark:!bg-transparent [&_[data-slot=input-group]]:!ring-0",
                       "[&_[data-slot=input-group]]:has-[:focus]:!ring-0"
                     ),
-                    children: /* @__PURE__ */ jsxs22(
+                    children: /* @__PURE__ */ jsxs23(
                       PromptInput,
                       {
                         "data-boring-state": status,
@@ -5440,8 +5740,8 @@ ${reasoningPart.text}`;
                           }
                         },
                         children: [
-                          /* @__PURE__ */ jsx24(AttachmentsList, {}),
-                          /* @__PURE__ */ jsx24(
+                          /* @__PURE__ */ jsx25(AttachmentsList, {}),
+                          /* @__PURE__ */ jsx25(
                             PromptInputTextarea,
                             {
                               placeholder: composerBlocked ? composerBlockerLabel : "Ask anything\u2026",
@@ -5456,7 +5756,7 @@ ${reasoningPart.text}`;
                               )
                             }
                           ),
-                          /* @__PURE__ */ jsxs22(
+                          /* @__PURE__ */ jsxs23(
                             PromptInputFooter,
                             {
                               className: cn(
@@ -5464,9 +5764,9 @@ ${reasoningPart.text}`;
                                 "px-2 pb-2 pt-1.5"
                               ),
                               children: [
-                                /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
-                                  /* @__PURE__ */ jsx24(AttachmentButton, { disabled: attachmentsDisabled }),
-                                  /* @__PURE__ */ jsx24(
+                                /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1", children: [
+                                  /* @__PURE__ */ jsx25(AttachmentButton, { disabled: attachmentsDisabled }),
+                                  /* @__PURE__ */ jsx25(
                                     ModelSelect,
                                     {
                                       value: model,
@@ -5476,9 +5776,9 @@ ${reasoningPart.text}`;
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsxs22("div", { className: "ml-auto flex items-center gap-1", children: [
-                                  thinkingControl && /* @__PURE__ */ jsxs22(Fragment7, { children: [
-                                    /* @__PURE__ */ jsx24(
+                                /* @__PURE__ */ jsxs23("div", { className: "ml-auto flex items-center gap-1", children: [
+                                  thinkingControl && /* @__PURE__ */ jsxs23(Fragment7, { children: [
+                                    /* @__PURE__ */ jsx25(
                                       ThinkingSelect,
                                       {
                                         value: thinkingLevel,
@@ -5486,7 +5786,7 @@ ${reasoningPart.text}`;
                                         disabled: isStreaming
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx24(
+                                    /* @__PURE__ */ jsx25(
                                       ThoughtVisibilityButton,
                                       {
                                         visible: showThoughts,
@@ -5494,9 +5794,9 @@ ${reasoningPart.text}`;
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ jsxs22("div", { className: "ml-1 flex items-center gap-1.5", children: [
-                                    /* @__PURE__ */ jsx24(KbdHints, {}),
-                                    /* @__PURE__ */ jsx24(
+                                  /* @__PURE__ */ jsxs23("div", { className: "ml-1 flex items-center gap-1.5", children: [
+                                    /* @__PURE__ */ jsx25(KbdHints, {}),
+                                    /* @__PURE__ */ jsx25(
                                       PromptInputSubmit,
                                       {
                                         status,
@@ -5534,7 +5834,7 @@ ${reasoningPart.text}`;
             ]
           }
         ) }),
-        debug && /* @__PURE__ */ jsx24(Suspense, { fallback: null, children: /* @__PURE__ */ jsx24(
+        debug && /* @__PURE__ */ jsx25(Suspense, { fallback: null, children: /* @__PURE__ */ jsx25(
           DebugDrawer2,
           {
             sessionId,
@@ -5550,7 +5850,7 @@ ${reasoningPart.text}`;
 }
 function AttachmentButton({ disabled }) {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     IconButton2,
     {
       type: "button",
@@ -5563,20 +5863,20 @@ function AttachmentButton({ disabled }) {
       className: cn(composerActionClass, "w-8"),
       "aria-label": "Attach files",
       title: disabled ? "Attachments are available after the current response finishes." : "Attach files",
-      children: /* @__PURE__ */ jsx24(PaperclipIcon2, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx25(PaperclipIcon2, { className: "h-4 w-4" })
     }
   );
 }
 function AttachmentsList() {
   const attachments = usePromptInputAttachments();
   if (attachments.files.length === 0) return null;
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     Attachments,
     {
       "data-align": "block-start",
       variant: "inline",
       className: "w-full flex-wrap items-center justify-start gap-2 px-5 pt-3 pb-1",
-      children: attachments.files.map((file) => /* @__PURE__ */ jsxs22(
+      children: attachments.files.map((file) => /* @__PURE__ */ jsxs23(
         Attachment,
         {
           data: file,
@@ -5589,23 +5889,23 @@ function AttachmentsList() {
             file.status === "error" && "!border-destructive/50 !bg-destructive/10"
           ),
           children: [
-            /* @__PURE__ */ jsxs22("div", { className: "relative shrink-0", children: [
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs23("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ jsx25(
                 AttachmentPreview,
                 {
                   className: "!size-7 overflow-hidden !rounded-full bg-background/60"
                 }
               ),
-              file.status === "uploading" && /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx24(Loader2, { className: "size-3.5 animate-spin text-muted-foreground" }) }),
-              file.status === "error" && /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx24(AlertCircleIcon, { className: "size-3.5 text-destructive" }) })
+              file.status === "uploading" && /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx25(Loader2, { className: "size-3.5 animate-spin text-muted-foreground" }) }),
+              file.status === "error" && /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx25(AlertCircleIcon, { className: "size-3.5 text-destructive" }) })
             ] }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               AttachmentInfo,
               {
                 className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium"
               }
             ),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               AttachmentRemove,
               {
                 className: cn(
@@ -5622,6 +5922,49 @@ function AttachmentsList() {
     }
   );
 }
+function parseBrowserPluginReloadDetail(detail) {
+  if (!detail || typeof detail !== "object") return null;
+  const record = detail;
+  if (typeof record.type !== "string") return null;
+  const pluginId = typeof record.id === "string" ? record.id : void 0;
+  const revision = typeof record.revision === "number" ? `revision ${record.revision}` : "updated";
+  switch (record.type) {
+    case "boring.plugin.load":
+      return {
+        kind: "success",
+        diagnostic: {
+          source: "browser front reload",
+          ...pluginId ? { pluginId } : {},
+          message: `front module loaded (${revision})`
+        }
+      };
+    case "boring.plugin.unload":
+      return {
+        kind: "success",
+        diagnostic: {
+          source: "browser front reload",
+          ...pluginId ? { pluginId } : {},
+          message: `front module unloaded (${revision})`
+        }
+      };
+    case "boring.plugin.error":
+    case "boring.plugin.front-error": {
+      const message = typeof record.message === "string" && record.message.length > 0 ? record.message : "browser front module failed to load";
+      return {
+        kind: "error",
+        message: `Plugin front failed${pluginId ? ` (${pluginId})` : ""}: ${message}. Previous live version was kept.`
+      };
+    }
+    default:
+      return null;
+  }
+}
+function formatPluginReloadDiagnostics(diagnostics) {
+  return diagnostics.map((diagnostic) => {
+    const source = diagnostic.pluginId ?? diagnostic.source ?? "plugin";
+    return `${source}: ${diagnostic.message ?? "reload diagnostic"}`;
+  }).join("\n");
+}
 function regenerateLastTurn({
   messages,
   setMessages,
@@ -5705,7 +6048,7 @@ function MessageActionsBar({
     "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[color:var(--accent)]/40"
   );
   const hiddenActionProps = visible ? {} : { tabIndex: -1 };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       "aria-hidden": !visible,
@@ -5717,8 +6060,8 @@ function MessageActionsBar({
         visible ? "opacity-100" : "pointer-events-none opacity-0"
       ),
       children: [
-        /* @__PURE__ */ jsx24(Button10, { type: "button", variant: "ghost", size: "xs", onClick: handleCopy, className: iconActionBtnClass, "aria-label": copied ? "Copied" : "Copy message", title: copied ? "Copied" : "Copy", ...hiddenActionProps, children: copied ? /* @__PURE__ */ jsx24(CheckIcon3, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx24(CopyIcon3, { className: "h-3.5 w-3.5" }) }),
-        canRegenerate && /* @__PURE__ */ jsx24(Button10, { type: "button", variant: "ghost", size: "xs", onClick: visible ? onRegenerate : void 0, className: iconActionBtnClass, "aria-label": "Regenerate", title: "Regenerate", ...hiddenActionProps, children: /* @__PURE__ */ jsx24(RefreshCwIcon, { className: "h-3.5 w-3.5" }) })
+        /* @__PURE__ */ jsx25(Button10, { type: "button", variant: "ghost", size: "xs", onClick: handleCopy, className: iconActionBtnClass, "aria-label": copied ? "Copied" : "Copy message", title: copied ? "Copied" : "Copy", ...hiddenActionProps, children: copied ? /* @__PURE__ */ jsx25(CheckIcon3, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx25(CopyIcon3, { className: "h-3.5 w-3.5" }) }),
+        canRegenerate && /* @__PURE__ */ jsx25(Button10, { type: "button", variant: "ghost", size: "xs", onClick: visible ? onRegenerate : void 0, className: iconActionBtnClass, "aria-label": "Regenerate", title: "Regenerate", ...hiddenActionProps, children: /* @__PURE__ */ jsx25(RefreshCwIcon, { className: "h-3.5 w-3.5" }) })
       ]
     }
   );
@@ -5760,7 +6103,7 @@ function getAgentCommands(options = {}) {
 }
 
 // src/front/hooks/useSessions.ts
-import { useState as useState21, useEffect as useEffect18, useCallback as useCallback17, useRef as useRef14 } from "react";
+import { useState as useState21, useEffect as useEffect19, useCallback as useCallback17, useRef as useRef14 } from "react";
 var API_BASE = "/api/v1/agent/sessions";
 var STORAGE_KEY = "boring-agent:activeSessionId";
 function readPersistedId(storageKey) {
@@ -5818,7 +6161,7 @@ function useSessions(opts = {}) {
       }
     }
   }, [requestHeaders, storageKey]);
-  useEffect18(() => {
+  useEffect19(() => {
     void refresh();
   }, [refresh]);
   const create = useCallback17(