@hachej/boring-agent 0.1.93 → 0.1.95

package/dist/front/index.js

@@ -68,7 +68,7 @@ function rawWorkspaceFileUrl(path, opts) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo14, useRef as useRef18, useState as useState20 } from "react";
+import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo16, useRef as useRef18, useState as useState20 } from "react";
 
 // src/front/ArtifactOpenContext.tsx
 import { createContext, useContext } from "react";
@@ -140,12 +140,73 @@ var defaultChatSuggestions = [
     prompt: "Help me refactor a function \u2014 clean it up without changing behavior."
   }
 ];
+function ChatSuggestionGrid({ suggestions, onSelect, className }) {
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-boring-agent-part": "suggestion-grid",
+      style: {
+        ["--chat-empty-card-hover"]: "var(--accent-soft)",
+        ["--chat-empty-accent"]: "var(--accent)"
+      },
+      className: cn(
+        "grid w-full grid-cols-1 gap-px overflow-hidden rounded-xl bg-border/70 ring-1 ring-border/70 @[480px]:grid-cols-2",
+        className
+      ),
+      children: suggestions.map((suggestion) => {
+        const Icon = suggestion.icon;
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            "data-boring-agent-part": "suggestion-card",
+            onClick: () => {
+              if (suggestion.onSelect) {
+                suggestion.onSelect();
+                return;
+              }
+              onSelect?.(suggestion);
+            },
+            className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--chat-empty-card-hover)] focus-visible:bg-[color:var(--chat-empty-card-hover)]",
+            children: [
+              Icon && /* @__PURE__ */ jsx2(
+                Icon,
+                {
+                  className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--chat-empty-accent)]",
+                  strokeWidth: 1.75
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-[13px] font-medium text-foreground", children: suggestion.label }),
+                suggestion.hint && /* @__PURE__ */ jsx2("span", { className: "text-[12px] text-muted-foreground", children: suggestion.hint })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                ArrowUpRight,
+                {
+                  className: cn(
+                    "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-0 transition-all duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
+                    "group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100 group-hover:text-[color:var(--chat-empty-accent)]"
+                  ),
+                  strokeWidth: 2
+                }
+              )
+            ]
+          },
+          suggestion.label
+        );
+      })
+    }
+  );
+}
 function ChatEmptyState({
   eyebrow = "New session",
-  title = "What are we building?",
+  title = "What should we work on?",
   description = "Ask a question, open a file from the workbench, or start from a template.",
   suggestions = defaultChatSuggestions,
   onSelect,
+  hero = false,
   footer,
   className
 }) {
@@ -164,65 +225,20 @@ function ChatEmptyState({
         // @container lets the hero scale to the pane it lives in, not the
         // viewport — split chat panes get the compact variant.
         "@container mx-auto flex w-full max-w-[640px] flex-col px-2 pt-12 pb-4",
+        hero && "items-center py-0 text-center",
         className
       ),
       children: [
-        eyebrow && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-[color:var(--chat-empty-eyebrow-color)]", children: [
+        !hero && eyebrow && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[10.5px] font-medium uppercase tracking-[0.16em] text-[color:var(--chat-empty-eyebrow-color)]", children: [
           /* @__PURE__ */ jsx2("span", { className: "inline-block h-px w-4 bg-[color:var(--chat-empty-accent)]", "aria-hidden": "true" }),
           eyebrow
         ] }),
-        title && /* @__PURE__ */ jsx2("h3", { className: "mt-3 text-[24px] font-medium leading-[1.05] tracking-[-0.02em] text-[color:var(--chat-empty-title-color)] @[480px]:text-[34px]", children: title }),
-        description && /* @__PURE__ */ jsx2("p", { className: "mt-3 hidden max-w-[440px] text-[14px] leading-relaxed text-[color:var(--chat-empty-description-color)] @[420px]:block", children: description }),
-        suggestions.length > 0 && /* @__PURE__ */ jsx2(
-          "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 @[480px]:grid-cols-2",
-            children: suggestions.map((suggestion) => {
-              const Icon = suggestion.icon;
-              return /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  "data-boring-agent-part": "suggestion-card",
-                  onClick: () => {
-                    if (suggestion.onSelect) {
-                      suggestion.onSelect();
-                      return;
-                    }
-                    onSelect?.(suggestion);
-                  },
-                  className: "group h-auto justify-start gap-3 rounded-none bg-background px-4 py-3.5 text-left hover:bg-[color:var(--chat-empty-card-hover)] focus-visible:bg-[color:var(--chat-empty-card-hover)]",
-                  children: [
-                    Icon && /* @__PURE__ */ jsx2(
-                      Icon,
-                      {
-                        className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--chat-empty-accent)]",
-                        strokeWidth: 1.75
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-                      /* @__PURE__ */ jsx2("span", { className: "text-[13px] font-medium text-foreground", children: suggestion.label }),
-                      suggestion.hint && /* @__PURE__ */ jsx2("span", { className: "text-[12px] text-muted-foreground", children: suggestion.hint })
-                    ] }),
-                    /* @__PURE__ */ jsx2(
-                      ArrowUpRight,
-                      {
-                        className: cn(
-                          "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-0 transition-all duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
-                          "group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:opacity-100 group-hover:text-[color:var(--chat-empty-accent)]"
-                        ),
-                        strokeWidth: 2
-                      }
-                    )
-                  ]
-                },
-                suggestion.label
-              );
-            })
-          }
-        ),
+        title && /* @__PURE__ */ jsx2("h3", { className: cn(
+          "text-[24px] font-medium leading-[1.05] tracking-[-0.02em] text-[color:var(--chat-empty-title-color)] @[480px]:text-[34px]",
+          hero ? "m-0" : "mt-3"
+        ), children: title }),
+        !hero && description && /* @__PURE__ */ jsx2("p", { className: "mt-3 hidden max-w-[440px] text-[14px] leading-relaxed text-[color:var(--chat-empty-description-color)] @[420px]:block", children: description }),
+        /* @__PURE__ */ jsx2(ChatSuggestionGrid, { suggestions, onSelect, className: hero ? "mt-4" : "mt-8" }),
         footer
       ]
     }
@@ -346,7 +362,7 @@ var lineClass = {
   " ": ""
 };
 var prefixMap = { "+": "+", "-": "-", " ": " " };
-function DiffView({ oldString, newString, path, replaceAll }) {
+function DiffView({ oldString, newString, path, replaceAll, actions }) {
   const [expanded, setExpanded] = useState(false);
   if (oldString === newString) {
     return /* @__PURE__ */ jsx3("div", { "data-testid": "diff-no-change", className: "py-2 italic opacity-60", children: "No changes" });
@@ -356,9 +372,12 @@ function DiffView({ oldString, newString, path, replaceAll }) {
   const collapsed = !expanded && lines.length > COLLAPSE_THRESHOLD;
   const visible = collapsed ? lines.slice(0, COLLAPSE_THRESHOLD) : lines;
   return /* @__PURE__ */ jsxs2("div", { "data-testid": "diff-view", children: [
-    /* @__PURE__ */ jsxs2("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__ */ jsxs2("div", { className: "flex min-h-7 items-center justify-between gap-2 px-2 py-0.5 font-[family-name:var(--boring-agent-font-mono,monospace)] text-xs opacity-70", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "min-w-0 truncate", children: [
+        path,
+        replaceAll ? " (replace all)" : ""
+      ] }),
+      actions ? /* @__PURE__ */ jsx3("span", { className: "flex shrink-0 items-center gap-0.5", children: actions }) : null
     ] }),
     /* @__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__ */ jsxs2("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] }),
@@ -1264,9 +1283,9 @@ var statusIcons = {
   "output-error": /* @__PURE__ */ jsx9(XCircleIcon, { className: "size-4 text-destructive" }),
   aborted: /* @__PURE__ */ jsx9(XCircleIcon, { className: "size-4 text-muted-foreground" })
 };
-var getStatusBadge = (status) => /* @__PURE__ */ jsxs8(Badge, { className: "shrink-0 gap-1.5 rounded-full text-xs", variant: "secondary", children: [
+var getStatusBadge = (status, label = statusLabels[status]) => /* @__PURE__ */ jsxs8(Badge, { className: "shrink-0 gap-1.5 rounded-full text-xs", variant: "secondary", children: [
   statusIcons[status],
-  statusLabels[status]
+  label
 ] });
 var ToolHeader = ({
   className,
@@ -1275,6 +1294,7 @@ var ToolHeader = ({
   state,
   icon,
   toolName,
+  statusLabel,
   ...props
 }) => {
   const derivedName = type === "dynamic-tool" || type === "tool-call" ? toolName : type.split("-").slice(1).join("-");
@@ -1291,7 +1311,7 @@ var ToolHeader = ({
         /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
           icon ?? /* @__PURE__ */ jsx9(WrenchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ jsx9("span", { "data-boring-agent-part": "tool-title", className: "min-w-0 flex-1 truncate text-sm font-medium", children: title ?? derivedName }),
-          getStatusBadge(state)
+          getStatusBadge(state, statusLabel)
         ] }),
         /* @__PURE__ */ jsx9(
           ChevronDownIcon,
@@ -1357,7 +1377,7 @@ var ToolOutput = ({
 
 // src/front/toolRenderers.tsx
 import { CollapsibleTrigger as CollapsibleTrigger2 } from "@hachej/boring-ui-kit";
-import { ChevronDownIcon as ChevronDownIcon2, ExternalLinkIcon, FileDiffIcon, FilePlus2Icon, FileTextIcon, SearchIcon, SquareTerminalIcon, ZapIcon } from "lucide-react";
+import { ChevronDownIcon as ChevronDownIcon2, CopyIcon as CopyIcon2, DownloadIcon, ExternalLinkIcon, FileDiffIcon, FilePlus2Icon, FileTextIcon, SearchIcon, SquareTerminalIcon, ZapIcon } from "lucide-react";
 
 // src/front/primitives/artifact.tsx
 import { Button as Button6 } from "@hachej/boring-ui-kit";
@@ -1369,44 +1389,6 @@ import {
 } from "@hachej/boring-ui-kit";
 import { XIcon } from "lucide-react";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx10(
-  "div",
-  {
-    className: cn(
-      "flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm",
-      className
-    ),
-    ...props
-  }
-);
-var ArtifactHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx10(
-  "div",
-  {
-    className: cn(
-      "flex items-center justify-between border-b bg-muted/50 px-4 py-3",
-      className
-    ),
-    ...props
-  }
-);
-var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx10(
-  "p",
-  {
-    className: cn("font-medium text-foreground text-sm", className),
-    ...props
-  }
-);
-var ArtifactDescription = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx10("p", { className: cn("text-muted-foreground text-sm", className), ...props });
-var ArtifactActions = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx10("div", { className: cn("flex items-center gap-1", className), ...props });
 var ArtifactAction = ({
   tooltip,
   label,
@@ -1442,13 +1424,6 @@ var ArtifactAction = ({
   }
   return button;
 };
-var ArtifactContent = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx10("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
-
-// src/front/toolRenderers.tsx
-import { CopyIcon as CopyIcon2, DownloadIcon } from "lucide-react";
 
 // src/front/runtimeReadinessStatus.ts
 var COPY = {
@@ -1514,7 +1489,7 @@ function getWorkspaceNotReadyStatus(output) {
 }
 
 // src/front/toolRenderers.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function asRecord2(value) {
   return typeof value === "object" && value !== null ? value : {};
 }
@@ -1672,59 +1647,44 @@ function renderWrite2(part) {
   const path = typeof input.path === "string" ? input.path : "";
   const filesystem = typeof input.filesystem === "string" ? input.filesystem : void 0;
   const content = typeof input.content === "string" ? input.content : "";
-  const bytes = content.length;
-  const lang = langFromPath(path);
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { icon: /* @__PURE__ */ jsx11(FilePlus2Icon, { className: "size-4 text-muted-foreground" }), title: pathTitle("write", path, filesystem), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsx11(ToolContent, { children: /* @__PURE__ */ jsxs10(Artifact, { className: "rounded-none border-0 bg-transparent shadow-none", children: [
-      /* @__PURE__ */ jsxs10(ArtifactHeader, { className: "border-0 px-0 pt-0 pb-2", children: [
-        /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx11(ArtifactTitle, { children: path || "untitled" }),
-          /* @__PURE__ */ jsxs10(ArtifactDescription, { children: [
-            bytes.toLocaleString(),
-            " ",
-            bytes === 1 ? "byte" : "bytes",
-            lang ? ` \xB7 ${lang}` : ""
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs10(ArtifactActions, { children: [
-          /* @__PURE__ */ jsx11(
-            ArtifactAction,
-            {
-              icon: CopyIcon2,
-              tooltip: "Copy contents",
-              label: "Copy",
-              onClick: () => {
-                void copyTextToClipboard(content);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            ArtifactAction,
-            {
-              icon: DownloadIcon,
-              tooltip: "Download file",
-              label: "Download",
-              onClick: () => {
-                try {
+  return /* @__PURE__ */ jsxs10(Tool2, { defaultOpen: part.state === "output-available", children: [
+    /* @__PURE__ */ jsx11(ToolHeader, { className: "p-2", icon: /* @__PURE__ */ jsx11(FilePlus2Icon, { className: "size-4 shrink-0 text-muted-foreground" }), title: pathTitle("write", path, filesystem), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs10(ToolContent, { className: "p-1.5", children: [
+      /* @__PURE__ */ jsx11("div", { className: "max-h-80 overflow-auto overscroll-contain rounded-sm", children: content ? /* @__PURE__ */ jsx11(
+        DiffView,
+        {
+          oldString: "",
+          newString: content,
+          path,
+          actions: /* @__PURE__ */ jsxs10(Fragment3, { children: [
+            /* @__PURE__ */ jsx11(ArtifactAction, { className: "size-6", icon: CopyIcon2, tooltip: "Copy contents", label: "Copy", onClick: () => {
+              void copyTextToClipboard(content);
+            } }),
+            /* @__PURE__ */ jsx11(
+              ArtifactAction,
+              {
+                className: "size-6",
+                icon: DownloadIcon,
+                tooltip: "Download file",
+                label: "Download",
+                onClick: () => {
                   const blob = new Blob([content], { type: "text/plain" });
                   const url = URL.createObjectURL(blob);
-                  const a = document.createElement("a");
-                  a.href = url;
-                  a.download = path.split("/").pop() || "artifact.txt";
-                  document.body.appendChild(a);
-                  a.click();
-                  a.remove();
+                  const anchor = document.createElement("a");
+                  anchor.href = url;
+                  anchor.download = path.split("/").pop() || "artifact.txt";
+                  document.body.appendChild(anchor);
+                  anchor.click();
+                  anchor.remove();
                   URL.revokeObjectURL(url);
-                } catch {
                 }
               }
-            }
-          )
-        ] })
-      ] }),
-      content && /* @__PURE__ */ jsx11(ArtifactContent, { className: "p-0", children: /* @__PURE__ */ jsx11(CodeBlock2, { code: content, language: lang ?? "text", showLineNumbers: true }) })
-    ] }) })
+            )
+          ] })
+        }
+      ) : /* @__PURE__ */ jsx11("p", { className: "px-2 py-1 text-[12px] text-muted-foreground", children: "No file content was included with this tool call." }) }),
+      part.errorText || part.state === "output-error" || part.state === "output-denied" ? /* @__PURE__ */ jsx11(ToolOutput, { output: part.output, errorText: part.errorText }) : null
+    ] })
   ] });
 }
 function renderEdit2(part) {
@@ -1733,25 +1693,26 @@ function renderEdit2(part) {
   const input = asRecord2(part.input);
   const path = typeof input.path === "string" ? input.path : "";
   const filesystem = typeof input.filesystem === "string" ? input.filesystem : void 0;
-  const oldString = typeof input.oldString === "string" ? input.oldString : "";
-  const newString = typeof input.newString === "string" ? input.newString : "";
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { icon: /* @__PURE__ */ jsx11(FileDiffIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("edit", path, filesystem), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs10(ToolContent, { children: [
-      /* @__PURE__ */ jsxs10("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx11("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Diff" }),
-        /* @__PURE__ */ jsxs10("div", { className: "overflow-hidden rounded-sm border border-input/60 bg-muted/30 font-mono text-[13px] leading-relaxed", children: [
-          oldString && /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[auto_1fr] gap-2 border-b border-input/40 bg-destructive/5 px-3 py-2", children: [
-            /* @__PURE__ */ jsx11("span", { className: "select-none text-destructive/70", children: "-" }),
-            /* @__PURE__ */ jsx11("span", { className: cn("whitespace-pre-wrap break-all text-destructive/90"), children: oldString })
-          ] }),
-          newString && /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-[auto_1fr] gap-2 bg-accent/5 px-3 py-2", children: [
-            /* @__PURE__ */ jsx11("span", { className: "select-none text-accent/80", children: "+" }),
-            /* @__PURE__ */ jsx11("span", { className: "whitespace-pre-wrap break-all text-accent", children: newString })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx11(ToolOutput, { output: part.output, errorText: part.errorText })
+  const edits = Array.isArray(input.edits) ? input.edits.flatMap((value) => {
+    const edit = asRecord2(value);
+    const oldText = typeof edit.oldText === "string" ? edit.oldText : "";
+    const newText = typeof edit.newText === "string" ? edit.newText : "";
+    return oldText || newText ? [{ oldText, newText }] : [];
+  }) : [];
+  const legacyOldText = typeof input.oldString === "string" ? input.oldString : typeof input.oldText === "string" ? input.oldText : "";
+  const legacyNewText = typeof input.newString === "string" ? input.newString : typeof input.newText === "string" ? input.newText : "";
+  const visibleEdits = edits.length > 0 ? edits : legacyOldText || legacyNewText ? [{ oldText: legacyOldText, newText: legacyNewText }] : [];
+  return /* @__PURE__ */ jsxs10(Tool2, { defaultOpen: part.state === "output-available", children: [
+    /* @__PURE__ */ jsx11(ToolHeader, { className: "p-2", icon: /* @__PURE__ */ jsx11(FileDiffIcon, { className: "size-4 shrink-0 text-muted-foreground" }), title: pathTitle("edit", path, filesystem), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs10(ToolContent, { className: "space-y-2 p-2", children: [
+      /* @__PURE__ */ jsx11("div", { className: "max-h-80 space-y-2 overflow-auto overscroll-contain rounded-sm", children: visibleEdits.length > 0 ? visibleEdits.map((edit, index) => /* @__PURE__ */ jsxs10("div", { children: [
+        visibleEdits.length > 1 ? /* @__PURE__ */ jsxs10("div", { className: "mb-1 px-1 text-[11px] text-muted-foreground", children: [
+          "Change ",
+          index + 1
+        ] }) : null,
+        /* @__PURE__ */ jsx11(DiffView, { oldString: edit.oldText, newString: edit.newText, path })
+      ] }, `${index}:${edit.oldText.length}:${edit.newText.length}`)) : /* @__PURE__ */ jsx11("p", { className: "px-2 py-1 text-[12px] text-muted-foreground", children: "Diff details were not included with this tool call." }) }),
+      part.errorText || part.state === "output-error" || part.state === "output-denied" ? /* @__PURE__ */ jsx11(ToolOutput, { output: part.output, errorText: part.errorText }) : null
     ] })
   ] });
 }
@@ -2027,7 +1988,7 @@ function usePickerKeyboard({
 }
 
 // src/front/primitives/mention-picker.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var mentionSearchGlob = toFileSearchGlob;
 function highlight(text, query) {
   if (!query) return null;
@@ -2090,7 +2051,7 @@ function MentionPicker({
           onSelect(path);
         },
         children: [
-          /* @__PURE__ */ jsx12("span", { className: "font-medium", children: hl ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx12("span", { className: "font-medium", children: hl ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
             hl.before,
             /* @__PURE__ */ jsx12("mark", { className: "bg-transparent text-[color:var(--accent)]", children: hl.match }),
             hl.after
@@ -2496,10 +2457,11 @@ var PiComposerPolicyController = class {
     }));
   }
   async runLocalCommand(commandName, args) {
-    if (isPiChatBusy(this.options.session.getState().status)) {
+    const command = this.options.registry.get(commandName);
+    if (isPiChatBusy(this.options.session.getState().status) && command?.allowWhileBusy?.(args) !== true) {
       return this.block("busy-slash-command", "Slash commands are not queued while the agent is responding.");
     }
-    const result = await Promise.resolve(this.options.registry.get(commandName)?.handler(args, this.options.slashContext));
+    const result = await Promise.resolve(command?.handler(args, this.options.slashContext));
     const message = typeof result === "string" ? result : result && typeof result === "object" ? result.message : void 0;
     const preserveDraft = Boolean(result && typeof result === "object" && result.preserveDraft === true);
     if (message) this.options.onCommandResult?.(message);
@@ -2912,6 +2874,25 @@ function composerNoticeForRuntimeDependencies(status) {
   return null;
 }
 
+// src/front/chat/composerContributions.tsx
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var ComposerContributionContext = createContext3([]);
+function ComposerContributionProvider({
+  contribution,
+  children
+}) {
+  const parent = useContext3(ComposerContributionContext);
+  const contributions = useMemo3(
+    () => [contribution, ...parent.filter((entry) => entry.id !== contribution.id)],
+    [contribution, parent]
+  );
+  return /* @__PURE__ */ jsx13(ComposerContributionContext.Provider, { value: contributions, children });
+}
+function useComposerContributions() {
+  return useContext3(ComposerContributionContext);
+}
+
 // src/front/chat/pi/piChatMessageMetadata.ts
 function earliestCreatedAt(left, right) {
   if (!left) return right;
@@ -5159,7 +5140,7 @@ function resolveStorage2(storage) {
 }
 
 // src/front/chat/session/usePiSessions.ts
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo3, useRef as useRef8, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo4, useRef as useRef8, useState as useState10 } from "react";
 var DEFAULT_SESSIONS_API_PATH = "/api/v1/agent/pi-chat/sessions";
 var SESSION_PAGE_SIZE = 50;
 var DEFAULT_MAX_RETRIES = 60;
@@ -5180,16 +5161,16 @@ function usePiSessions(options = {}) {
   const addressed = typeof options.agentTypeId === "string" && options.agentTypeId.length > 0;
   const sessionsApiPath = options.sessionsApiPath ?? (addressed ? `/api/v1/agents/${encodeURIComponent(options.agentTypeId)}/sessions` : DEFAULT_SESSIONS_API_PATH);
   const storageScope = options.storageScope ?? "default";
-  const fetchImpl = useMemo3(() => options.fetch ?? globalThis.fetch.bind(globalThis), [options.fetch]);
+  const fetchImpl = useMemo4(() => options.fetch ?? globalThis.fetch.bind(globalThis), [options.fetch]);
   const createRemoteSession = options.createRemoteSession ?? createRemotePiSession;
   const connectActiveSession = options.connectActiveSession ?? true;
   const retryMaxRetries = options.retry?.maxRetries ?? DEFAULT_MAX_RETRIES;
   const retryBaseMs = options.retry?.baseMs ?? DEFAULT_RETRY_BASE_MS;
   const retryMaxMs = options.retry?.maxMs ?? DEFAULT_RETRY_MAX_MS;
-  const headersKey = useMemo3(() => headersScopeKey(options.requestHeaders, storageScope), [options.requestHeaders, storageScope]);
-  const normalizedHeaders = useMemo3(() => buildRequestHeaders(options.requestHeaders, storageScope), [headersKey, storageScope]);
-  const requestScopeKey = useMemo3(() => requestScopeIdentity(apiBaseUrl, sessionsApiPath, storageScope, headersKey), [apiBaseUrl, headersKey, sessionsApiPath, storageScope]);
-  const dataSourceKey = useMemo3(() => dataSourceIdentity(apiBaseUrl, sessionsApiPath, storageScope), [apiBaseUrl, sessionsApiPath, storageScope]);
+  const headersKey = useMemo4(() => headersScopeKey(options.requestHeaders, storageScope), [options.requestHeaders, storageScope]);
+  const normalizedHeaders = useMemo4(() => buildRequestHeaders(options.requestHeaders, storageScope), [headersKey, storageScope]);
+  const requestScopeKey = useMemo4(() => requestScopeIdentity(apiBaseUrl, sessionsApiPath, storageScope, headersKey), [apiBaseUrl, headersKey, sessionsApiPath, storageScope]);
+  const dataSourceKey = useMemo4(() => dataSourceIdentity(apiBaseUrl, sessionsApiPath, storageScope), [apiBaseUrl, sessionsApiPath, storageScope]);
   const [sessions, setSessions] = useState10([]);
   const [dataStorageScope, setDataStorageScope] = useState10(storageScope);
   const [activeSessionId, setActiveSessionId] = useState10(() => options.initialActiveSessionId ?? readActiveSessionId({ storageScope, storage: options.storage }));
@@ -5216,7 +5197,7 @@ function usePiSessions(options = {}) {
   requestScopeRef.current = requestScopeKey;
   const remoteSessionOptionsRef = useRef8(options.remoteSessionOptions);
   remoteSessionOptionsRef.current = options.remoteSessionOptions;
-  const remoteSessionOptionsKey = useMemo3(
+  const remoteSessionOptionsKey = useMemo4(
     () => remoteSessionOptionsIdentity(options.remoteSessionOptions),
     [options.remoteSessionOptions]
   );
@@ -5658,10 +5639,10 @@ function clearRetryTimer(ref) {
 }
 
 // src/front/chat/session/SessionList.tsx
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { ChevronLeftIcon, PlusIcon, Trash2Icon } from "lucide-react";
 import { IconButton } from "@hachej/boring-ui-kit";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var DAY_MS = 24 * 60 * 60 * 1e3;
 function SessionList({
   sessions,
@@ -5676,7 +5657,7 @@ function SessionList({
   onClose,
   className
 }) {
-  const groups = useMemo4(() => groupSessions(sessions), [sessions]);
+  const groups = useMemo5(() => groupSessions(sessions), [sessions]);
   return /* @__PURE__ */ jsxs12(
     "div",
     {
@@ -5687,26 +5668,26 @@ function SessionList({
       "aria-busy": loading ? "true" : void 0,
       children: [
         /* @__PURE__ */ jsxs12("div", { className: "flex h-11 items-center justify-between border-b border-border/60 px-3.5", children: [
-          /* @__PURE__ */ jsx13("span", { className: "text-[12px] font-medium tracking-tight text-foreground/70", children: "Sessions" }),
+          /* @__PURE__ */ jsx14("span", { className: "text-[12px] font-medium tracking-tight text-foreground/70", children: "Sessions" }),
           /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-0.5", children: [
-            onCreate ? /* @__PURE__ */ jsx13(IconButton, { type: "button", variant: "ghost", size: "icon-xs", onClick: onCreate, "aria-label": "New session", title: "New chat", children: /* @__PURE__ */ jsx13(PlusIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }) : null,
-            onClose ? /* @__PURE__ */ jsx13(IconButton, { type: "button", variant: "ghost", size: "icon-xs", onClick: onClose, "aria-label": "Close sessions", title: "Close sessions", children: /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: "h-4 w-4", strokeWidth: 1.75 }) }) : null
+            onCreate ? /* @__PURE__ */ jsx14(IconButton, { type: "button", variant: "ghost", size: "icon-xs", onClick: onCreate, "aria-label": "New session", title: "New chat", children: /* @__PURE__ */ jsx14(PlusIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }) : null,
+            onClose ? /* @__PURE__ */ jsx14(IconButton, { type: "button", variant: "ghost", size: "icon-xs", onClick: onClose, "aria-label": "Close sessions", title: "Close sessions", children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "h-4 w-4", strokeWidth: 1.75 }) }) : null
           ] })
         ] }),
         /* @__PURE__ */ jsxs12("div", { className: "flex-1 overflow-y-auto py-2.5", children: [
           sessions.length === 0 ? /* @__PURE__ */ jsxs12("div", { "data-boring-agent-part": "session-list-empty", className: "px-3 py-8 text-center text-[13px] text-muted-foreground", children: [
             loading ? "Loading sessions\u2026" : "No sessions yet.",
-            !loading ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-              /* @__PURE__ */ jsx13("br", {}),
+            !loading ? /* @__PURE__ */ jsxs12(Fragment5, { children: [
+              /* @__PURE__ */ jsx14("br", {}),
               "Start a new chat to begin."
             ] }) : null
           ] }) : null,
           groups.map((group, index) => /* @__PURE__ */ jsxs12("section", { className: cn(index > 0 && "mt-4"), children: [
             /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline justify-between gap-2 px-3.5 pb-2 pt-2 text-[11px] font-medium tracking-tight text-muted-foreground/75", children: [
-              /* @__PURE__ */ jsx13("span", { children: group.label }),
-              /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", className: "text-[10.5px] tabular-nums text-muted-foreground/40", children: group.items.length })
+              /* @__PURE__ */ jsx14("span", { children: group.label }),
+              /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", className: "text-[10.5px] tabular-nums text-muted-foreground/40", children: group.items.length })
             ] }),
-            /* @__PURE__ */ jsx13("ul", { role: "list", className: "flex flex-col", children: group.items.map((session) => /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14("ul", { role: "list", className: "flex flex-col", children: group.items.map((session) => /* @__PURE__ */ jsx14(
               SessionRow,
               {
                 session,
@@ -5717,7 +5698,7 @@ function SessionList({
               session.id
             )) })
           ] }, group.key)),
-          hasMore && onLoadMore ? /* @__PURE__ */ jsx13("div", { className: "px-3 py-3", children: /* @__PURE__ */ jsx13(
+          hasMore && onLoadMore ? /* @__PURE__ */ jsx14("div", { className: "px-3 py-3", children: /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -5749,10 +5730,10 @@ function SessionRow({ session, active, onSwitch, onDelete }) {
       onClick: () => onSwitch?.(session.id),
       children: [
         /* @__PURE__ */ jsxs12("span", { className: "min-w-0 flex-1 truncate leading-5", title: session.title, children: [
-          /* @__PURE__ */ jsx13("span", { className: cn(active ? "font-medium text-foreground" : "text-foreground/90"), children: session.title || "Untitled" }),
-          time ? /* @__PURE__ */ jsx13("span", { className: cn("ml-1.5 tabular-nums text-[11px]", active ? "text-[color:var(--accent)]" : "text-muted-foreground/60"), children: time }) : null
+          /* @__PURE__ */ jsx14("span", { className: cn(active ? "font-medium text-foreground" : "text-foreground/90"), children: session.title || "Untitled" }),
+          time ? /* @__PURE__ */ jsx14("span", { className: cn("ml-1.5 tabular-nums text-[11px]", active ? "text-[color:var(--accent)]" : "text-muted-foreground/60"), children: time }) : null
         ] }),
-        onDelete ? /* @__PURE__ */ jsx13(
+        onDelete ? /* @__PURE__ */ jsx14(
           IconButton,
           {
             type: "button",
@@ -5764,7 +5745,7 @@ function SessionRow({ session, active, onSwitch, onDelete }) {
               onDelete(session.id);
             },
             "aria-label": `Delete ${session.title || "session"}`,
-            children: /* @__PURE__ */ jsx13(Trash2Icon, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx14(Trash2Icon, { className: "h-3 w-3" })
           }
         ) : null
       ]
@@ -6019,7 +6000,7 @@ import { Button as Button7 } from "@hachej/boring-ui-kit";
 import { ArrowDownIcon, DownloadIcon as DownloadIcon2 } from "lucide-react";
 import { useCallback as useCallback8, useEffect as useEffect9 } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var ConversationScrollController = ({
   onScrollToBottomReady
 }) => {
@@ -6045,7 +6026,7 @@ var Conversation = ({
     role: "log",
     ...props,
     children: [
-      /* @__PURE__ */ jsx14(ConversationScrollController, { onScrollToBottomReady }),
+      /* @__PURE__ */ jsx15(ConversationScrollController, { onScrollToBottomReady }),
       children
     ]
   }
@@ -6053,7 +6034,7 @@ var Conversation = ({
 var ConversationContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx15(
   StickToBottom.Content,
   {
     className: cn("flex flex-col gap-8 p-4", className),
@@ -6068,7 +6049,7 @@ var ConversationScrollButton = ({
   const handleScrollToBottom = useCallback8(() => {
     scrollToBottom();
   }, [scrollToBottom]);
-  return !isAtBottom && /* @__PURE__ */ jsx14(
+  return !isAtBottom && /* @__PURE__ */ jsx15(
     Button7,
     {
       className: cn(
@@ -6081,7 +6062,7 @@ var ConversationScrollButton = ({
       variant: "outline",
       "aria-label": "Scroll to latest message",
       ...props,
-      children: /* @__PURE__ */ jsx14(ArrowDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx15(ArrowDownIcon, { className: "size-4" })
     }
   );
 };
@@ -6117,16 +6098,16 @@ function noticeTextClass(className) {
 import { memo as memo2 } from "react";
 import { AlertTriangleIcon, InfoIcon, Loader2Icon, PlugZapIcon, RefreshCwIcon, XIcon as XIcon2 } from "lucide-react";
 import { Button as Button8 } from "@hachej/boring-ui-kit";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var RuntimeNotices = memo2(({ notices, onDismiss, onAction, renderAction, className, ...props }) => {
   if (notices.length === 0) return null;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-boring-agent-part": "runtime-notices",
       className: cn("flex flex-col gap-2 px-4 py-2", className),
       ...props,
-      children: notices.map((notice) => /* @__PURE__ */ jsx15(RuntimeNoticeRow, { notice, onDismiss, onAction, renderAction }, notice.id))
+      children: notices.map((notice) => /* @__PURE__ */ jsx16(RuntimeNoticeRow, { notice, onDismiss, onAction, renderAction }, notice.id))
     }
   );
 });
@@ -6150,11 +6131,11 @@ function RuntimeNoticeRow({ notice, onDismiss, onAction, renderAction }) {
         "flex items-start gap-2.5 motion-reduce:transition-none"
       ),
       children: [
-        /* @__PURE__ */ jsx15(Icon, { className: cn(noticeIconClass(notice.level), kind === "retry" && "animate-spin motion-reduce:animate-none"), "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx15("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx15("p", { className: noticeTextClass(), children: notice.text }) }),
+        /* @__PURE__ */ jsx16(Icon, { className: cn(noticeIconClass(notice.level), kind === "retry" && "animate-spin motion-reduce:animate-none"), "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx16("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx16("p", { className: noticeTextClass(), children: notice.text }) }),
         hostAction ?? null,
-        actionLabel && onAction ? /* @__PURE__ */ jsx15(Button8, { type: "button", variant: "ghost", size: "sm", onClick: () => onAction(notice.id), children: actionLabel }) : null,
-        notice.dismissible && onDismiss ? /* @__PURE__ */ jsx15(
+        actionLabel && onAction ? /* @__PURE__ */ jsx16(Button8, { type: "button", variant: "ghost", size: "sm", onClick: () => onAction(notice.id), children: actionLabel }) : null,
+        notice.dismissible && onDismiss ? /* @__PURE__ */ jsx16(
           Button8,
           {
             type: "button",
@@ -6163,7 +6144,7 @@ function RuntimeNoticeRow({ notice, onDismiss, onAction, renderAction }) {
             "aria-label": "Dismiss notice",
             onClick: () => onDismiss(notice.id),
             className: "-mr-1 -mt-1 shrink-0 text-muted-foreground/70 hover:bg-muted hover:text-foreground",
-            children: /* @__PURE__ */ jsx15(XIcon2, { className: "size-3" })
+            children: /* @__PURE__ */ jsx16(XIcon2, { className: "size-3" })
           }
         ) : null
       ]
@@ -6192,7 +6173,7 @@ function defaultActionLabel(kind) {
 }
 
 // src/front/chat/components/ChatNotices.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function RuntimeNoticeMessages({
   notices,
   onDismiss,
@@ -6202,7 +6183,7 @@ function RuntimeNoticeMessages({
     (notice) => notice.level === "error" || notice.level === "warning" || notice.id === "connection-reconnecting" || notice.id === "auto-retry" || notice.id === "large-state-warning" || notice.id.startsWith("command:") || notice.id.startsWith("composer-warning:")
   );
   if (visible.length === 0) return null;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     RuntimeNotices,
     {
       notices: visible,
@@ -6214,7 +6195,7 @@ function RuntimeNoticeMessages({
 }
 function ComposerRuntimeNotice({ notice }) {
   const level = notice.code === ErrorCode.enum.AGENT_RUNTIME_NOT_READY ? "info" : "error";
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       "data-testid": "chat-composer-runtime-notice",
@@ -6222,17 +6203,17 @@ function ComposerRuntimeNotice({ notice }) {
       "aria-live": "polite",
       className: noticeSurfaceClass(level, "mx-auto mb-2 w-full max-w-3xl text-xs"),
       children: /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-2", children: [
-        notice.code === ErrorCode.enum.AGENT_RUNTIME_NOT_READY ? /* @__PURE__ */ jsx16(Loader2, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx16(AlertCircleIcon, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0 text-destructive" }),
+        notice.code === ErrorCode.enum.AGENT_RUNTIME_NOT_READY ? /* @__PURE__ */ jsx17(Loader2, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx17(AlertCircleIcon, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0 text-destructive" }),
         /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx16("div", { className: "font-medium", children: notice.title }),
-          notice.detail ? /* @__PURE__ */ jsx16(NoticeText, { className: "mt-0.5 text-muted-foreground", children: notice.detail }) : null
+          /* @__PURE__ */ jsx17("div", { className: "font-medium", children: notice.title }),
+          notice.detail ? /* @__PURE__ */ jsx17(NoticeText, { className: "mt-0.5 text-muted-foreground", children: notice.detail }) : null
         ] })
       ] })
     }
   );
 }
 function NoticeText({ className, children }) {
-  return /* @__PURE__ */ jsx16("div", { className: noticeTextClass(className), children });
+  return /* @__PURE__ */ jsx17("div", { className: noticeTextClass(className), children });
 }
 function ComposerBlockerNotice({
   blocker,
@@ -6246,10 +6227,10 @@ function ComposerBlockerNotice({
       "aria-live": "polite",
       className: noticeSurfaceClass("info", "relative z-20 mx-auto mb-2 w-full max-w-3xl text-xs"),
       children: [
-        /* @__PURE__ */ jsx16("span", { children: label }),
+        /* @__PURE__ */ jsx17("span", { children: label }),
         blocker?.actions?.map((action) => {
           const icon = composerBlockerActionIcon(action.id);
-          return icon ? /* @__PURE__ */ jsx16(
+          return icon ? /* @__PURE__ */ jsx17(
             IconButton2,
             {
               type: "button",
@@ -6262,7 +6243,7 @@ function ComposerBlockerNotice({
               children: icon
             },
             action.id
-          ) : /* @__PURE__ */ jsx16(
+          ) : /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -6278,8 +6259,8 @@ function ComposerBlockerNotice({
   );
 }
 function composerBlockerActionIcon(actionId) {
-  if (actionId === "open") return /* @__PURE__ */ jsx16(ExternalLinkIcon2, { className: "size-3.5", "aria-hidden": "true" });
-  if (actionId === "cancel") return /* @__PURE__ */ jsx16(XIcon3, { className: "size-3.5", "aria-hidden": "true" });
+  if (actionId === "open") return /* @__PURE__ */ jsx17(ExternalLinkIcon2, { className: "size-3.5", "aria-hidden": "true" });
+  if (actionId === "cancel") return /* @__PURE__ */ jsx17(XIcon3, { className: "size-3.5", "aria-hidden": "true" });
   return null;
 }
 function QueuedComposerNotice({ followUps, onEdit }) {
@@ -6298,9 +6279,9 @@ function QueuedComposerNotice({ followUps, onEdit }) {
             " queued follow-up",
             followUps.length === 1 ? "" : "s"
           ] }),
-          /* @__PURE__ */ jsx16("div", { className: "truncate text-[color:var(--muted-foreground)]", "data-boring-agent-part": "composer-queue-preview-text", children: followUps.map((followUp) => followUp.displayText).join(" - ") })
+          /* @__PURE__ */ jsx17("div", { className: "truncate text-[color:var(--muted-foreground)]", "data-boring-agent-part": "composer-queue-preview-text", children: followUps.map((followUp) => followUp.displayText).join(" - ") })
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           IconButton2,
           {
             type: "button",
@@ -6310,7 +6291,7 @@ function QueuedComposerNotice({ followUps, onEdit }) {
             className: "shrink-0 text-[color:var(--muted-foreground)] hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]",
             "aria-label": "Edit queued follow-ups",
             title: "Edit queued follow-ups",
-            children: /* @__PURE__ */ jsx16(ListRestartIcon, { className: "size-3.5", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx17(ListRestartIcon, { className: "size-3.5", "aria-hidden": "true" })
           }
         )
       ]
@@ -6319,7 +6300,7 @@ function QueuedComposerNotice({ followUps, onEdit }) {
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-import { useCallback as useCallback13, useEffect as useEffect13, useMemo as useMemo10, useRef as useRef10, useState as useState14 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect13, useMemo as useMemo12, useRef as useRef10, useState as useState14 } from "react";
 import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon3 } from "lucide-react";
 import { Button as Button11 } from "@hachej/boring-ui-kit";
 
@@ -6334,8 +6315,8 @@ import {
   VideoIcon,
   XIcon as XIcon4
 } from "lucide-react";
-import { createContext as createContext3, useCallback as useCallback9, useContext as useContext3, useMemo as useMemo5 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { createContext as createContext4, useCallback as useCallback9, useContext as useContext4, useMemo as useMemo6 } from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var mediaCategoryIcons = {
   audio: Music2Icon,
   document: FileTextIcon2,
@@ -6370,7 +6351,7 @@ var getAttachmentLabel = (data) => {
   const category = getMediaCategory(data);
   return data.filename || (category === "image" ? "Image" : "Attachment");
 };
-var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx17(
+var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx18(
   "img",
   {
     alt: filename || "Image",
@@ -6379,7 +6360,7 @@ var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */
     src: url,
     width: 96
   }
-) : /* @__PURE__ */ jsx17(
+) : /* @__PURE__ */ jsx18(
   "img",
   {
     alt: filename || "Image",
@@ -6389,11 +6370,11 @@ var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */
     width: 20
   }
 );
-var AttachmentsContext = createContext3(null);
-var AttachmentContext = createContext3(null);
-var useAttachmentsContext = () => useContext3(AttachmentsContext) ?? { variant: "grid" };
+var AttachmentsContext = createContext4(null);
+var AttachmentContext = createContext4(null);
+var useAttachmentsContext = () => useContext4(AttachmentsContext) ?? { variant: "grid" };
 var useAttachmentContext = () => {
-  const ctx = useContext3(AttachmentContext);
+  const ctx = useContext4(AttachmentContext);
   if (!ctx) {
     throw new Error("Attachment components must be used within <Attachment>");
   }
@@ -6405,8 +6386,8 @@ var Attachments = ({
   children,
   ...props
 }) => {
-  const contextValue = useMemo5(() => ({ variant }), [variant]);
-  return /* @__PURE__ */ jsx17(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx17(
+  const contextValue = useMemo6(() => ({ variant }), [variant]);
+  return /* @__PURE__ */ jsx18(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(
@@ -6429,11 +6410,11 @@ var Attachment = ({
 }) => {
   const { variant } = useAttachmentsContext();
   const mediaCategory = getMediaCategory(data);
-  const contextValue = useMemo5(
+  const contextValue = useMemo6(
     () => ({ data, mediaCategory, onRemove, variant }),
     [data, mediaCategory, onRemove, variant]
   );
-  return /* @__PURE__ */ jsx17(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(
@@ -6463,18 +6444,18 @@ var AttachmentPreview = ({
 }) => {
   const { data, mediaCategory, variant } = useAttachmentContext();
   const iconSize = variant === "inline" ? "size-3" : "size-4";
-  const renderIcon = (Icon) => /* @__PURE__ */ jsx17(Icon, { className: cn(iconSize, "text-muted-foreground") });
+  const renderIcon = (Icon) => /* @__PURE__ */ jsx18(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__ */ jsx17("video", { className: "size-full object-cover", muted: true, src: data.url });
+      return /* @__PURE__ */ jsx18("video", { className: "size-full object-cover", muted: true, src: data.url });
     }
     const Icon = mediaCategoryIcons[mediaCategory];
     return fallbackIcon ?? renderIcon(Icon);
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(
@@ -6500,8 +6481,8 @@ var AttachmentInfo = ({
     return null;
   }
   return /* @__PURE__ */ jsxs16("div", { className: cn("min-w-0 flex-1", className), ...props, children: [
-    /* @__PURE__ */ jsx17("span", { className: "block truncate", children: label }),
-    showMediaType && data.mediaType && /* @__PURE__ */ jsx17("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType })
+    /* @__PURE__ */ jsx18("span", { className: "block truncate", children: label }),
+    showMediaType && data.mediaType && /* @__PURE__ */ jsx18("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType })
   ] });
 };
 var AttachmentRemove = ({
@@ -6546,8 +6527,8 @@ var AttachmentRemove = ({
       variant: "ghost",
       ...props,
       children: [
-        children ?? /* @__PURE__ */ jsx17(XIcon4, {}),
-        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: label })
+        children ?? /* @__PURE__ */ jsx18(XIcon4, {}),
+        /* @__PURE__ */ jsx18("span", { className: "sr-only", children: label })
       ]
     }
   );
@@ -6572,22 +6553,22 @@ import { math } from "@streamdown/math";
 import { mermaid } from "@streamdown/mermaid";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon } from "lucide-react";
 import {
-  createContext as createContext4,
+  createContext as createContext5,
   memo as memo3,
   useCallback as useCallback10,
-  useContext as useContext4,
+  useContext as useContext5,
   useEffect as useEffect10,
-  useMemo as useMemo6,
+  useMemo as useMemo7,
   useState as useState11
 } from "react";
 import { Streamdown } from "streamdown";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
-var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx18(
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx19(
   "div",
   {
     "data-boring-agent-message-role": from,
     className: cn(
-      "group flex w-full max-w-[95%] flex-col gap-2",
+      "group flex w-full max-w-full flex-col gap-1.5",
       from === "user" ? "is-user ml-auto justify-end" : "is-assistant",
       className
     ),
@@ -6598,13 +6579,13 @@ var MessageContent = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx18(
+}) => /* @__PURE__ */ jsx19(
   "div",
   {
     className: cn(
-      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
-      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
-      "group-[.is-assistant]:text-foreground",
+      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-visible text-[13px] leading-5",
+      "group-[.is-user]:ml-auto group-[.is-user]:max-w-[80%] group-[.is-user]:rounded-[var(--radius-lg)] group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-2.5 group-[.is-user]:text-foreground",
+      "group-[.is-assistant]:w-full group-[.is-assistant]:max-w-[40.5rem] group-[.is-assistant]:bg-transparent group-[.is-assistant]:p-0 group-[.is-assistant]:text-foreground",
       className
     ),
     ...props,
@@ -6615,7 +6596,7 @@ var MessageActions = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx18("div", { className: cn("flex items-center gap-1", className), ...props, children });
+}) => /* @__PURE__ */ jsx19("div", { className: cn("flex items-center gap-1", className), ...props, children });
 var MessageAction = ({
   tooltip,
   children,
@@ -6626,17 +6607,17 @@ var MessageAction = ({
 }) => {
   const button = /* @__PURE__ */ jsxs17(Button10, { size, type: "button", variant, ...props, children: [
     children,
-    /* @__PURE__ */ jsx18("span", { className: "sr-only", children: label || tooltip })
+    /* @__PURE__ */ jsx19("span", { className: "sr-only", children: label || tooltip })
   ] });
   if (tooltip) {
-    return /* @__PURE__ */ jsx18(TooltipProvider2, { children: /* @__PURE__ */ jsxs17(Tooltip2, { children: [
-      /* @__PURE__ */ jsx18(TooltipTrigger2, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx18(TooltipContent2, { children: /* @__PURE__ */ jsx18("p", { children: tooltip }) })
+    return /* @__PURE__ */ jsx19(TooltipProvider2, { children: /* @__PURE__ */ jsxs17(Tooltip2, { children: [
+      /* @__PURE__ */ jsx19(TooltipTrigger2, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx19(TooltipContent2, { children: /* @__PURE__ */ jsx19("p", { children: tooltip }) })
     ] }) });
   }
   return button;
 };
-var MessageBranchContext = createContext4(
+var MessageBranchContext = createContext5(
   null
 );
 var streamdownPlugins = { cjk, code, math, mermaid };
@@ -6672,9 +6653,9 @@ function extractCodeBlockText(children) {
 var MarkdownPre = ({ children }) => {
   const code3 = extractCodeBlockText(children).replace(/\n$/, "");
   const language = extractCodeBlockLanguage(children);
-  return /* @__PURE__ */ jsx18(CodeBlock2, { code: code3, language: language ?? "text", className: "my-3", children: /* @__PURE__ */ jsxs17(CodeBlockHeader, { children: [
-    /* @__PURE__ */ jsx18(CodeBlockTitle, { children: /* @__PURE__ */ jsx18(CodeBlockFilename, { children: language ?? "text" }) }),
-    /* @__PURE__ */ jsx18(CodeBlockCopyButton, {})
+  return /* @__PURE__ */ jsx19(CodeBlock2, { code: code3, language: language ?? "text", className: "my-3", children: /* @__PURE__ */ jsxs17(CodeBlockHeader, { children: [
+    /* @__PURE__ */ jsx19(CodeBlockTitle, { children: /* @__PURE__ */ jsx19(CodeBlockFilename, { children: language ?? "text" }) }),
+    /* @__PURE__ */ jsx19(CodeBlockCopyButton, {})
   ] }) });
 };
 var MarkdownCode = ({
@@ -6684,9 +6665,9 @@ var MarkdownCode = ({
   ...props
 }) => {
   if (inline === false) {
-    return /* @__PURE__ */ jsx18("code", { className, ...props, children });
+    return /* @__PURE__ */ jsx19("code", { className, ...props, children });
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "code",
     {
       className: cn(
@@ -6703,7 +6684,7 @@ var markdownComponents = {
   code: MarkdownCode
 };
 var MessageResponse = memo3(
-  ({ className, shikiTheme, components, ...props }) => /* @__PURE__ */ jsx18(
+  ({ className, shikiTheme, components, ...props }) => /* @__PURE__ */ jsx19(
     Streamdown,
     {
       className: cn(
@@ -6733,12 +6714,12 @@ import { math as math2 } from "@streamdown/math";
 import { mermaid as mermaid2 } from "@streamdown/mermaid";
 import { BrainIcon, ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
 import {
-  createContext as createContext5,
+  createContext as createContext6,
   memo as memo5,
   useCallback as useCallback11,
-  useContext as useContext5,
+  useContext as useContext6,
   useEffect as useEffect11,
-  useMemo as useMemo8,
+  useMemo as useMemo9,
   useRef as useRef9,
   useState as useState12
 } from "react";
@@ -6746,8 +6727,8 @@ import { Streamdown as Streamdown2 } from "streamdown";
 
 // src/front/primitives/shimmer.tsx
 import { motion } from "motion/react";
-import { memo as memo4, useMemo as useMemo7 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { memo as memo4, useMemo as useMemo8 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -6767,11 +6748,11 @@ var ShimmerComponent = ({
   const MotionComponent = getMotionComponent(
     Component
   );
-  const dynamicSpread = useMemo7(
+  const dynamicSpread = useMemo8(
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -6797,10 +6778,10 @@ var ShimmerComponent = ({
 var Shimmer = memo4(ShimmerComponent);
 
 // src/front/primitives/reasoning.tsx
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-var ReasoningContext = createContext5(null);
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var ReasoningContext = createContext6(null);
 var useReasoning = () => {
-  const context = useContext5(ReasoningContext);
+  const context = useContext6(ReasoningContext);
   if (!context) {
     throw new Error("Reasoning components must be used within Reasoning");
   }
@@ -6865,11 +6846,11 @@ var Reasoning = memo5(
       },
       [setIsOpen]
     );
-    const contextValue = useMemo8(
+    const contextValue = useMemo9(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx20(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
       Collapsible2,
       {
         className: cn("not-prose mb-2", className),
@@ -6883,10 +6864,10 @@ var Reasoning = memo5(
 );
 var defaultGetThinkingMessage = (isStreaming, duration) => {
   if (isStreaming || duration === 0) {
-    return /* @__PURE__ */ jsx20(Shimmer, { duration: 1, children: "thinking" });
+    return /* @__PURE__ */ jsx21(Shimmer, { duration: 1, children: "thinking" });
   }
   if (duration === void 0) {
-    return /* @__PURE__ */ jsx20("span", { children: "thoughts" });
+    return /* @__PURE__ */ jsx21("span", { children: "thoughts" });
   }
   return /* @__PURE__ */ jsxs18("span", { children: [
     "thoughts \xB7 ",
@@ -6902,7 +6883,7 @@ var ReasoningTrigger = memo5(
     ...props
   }) => {
     const { isStreaming, isOpen, duration } = useReasoning();
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       CollapsibleTrigger3,
       {
         className: cn(
@@ -6910,10 +6891,10 @@ var ReasoningTrigger = memo5(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs18(Fragment6, { children: [
-          /* @__PURE__ */ jsx20(BrainIcon, { className: "size-3" }),
+        children: children ?? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+          /* @__PURE__ */ jsx21(BrainIcon, { className: "size-3" }),
           getThinkingMessage(isStreaming, duration),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             ChevronDownIcon3,
             {
               className: cn(
@@ -6929,7 +6910,7 @@ var ReasoningTrigger = memo5(
 );
 var streamdownPlugins2 = { cjk: cjk2, code: code2, math: math2, mermaid: mermaid2 };
 var ReasoningContent = memo5(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx20(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx21(
     CollapsibleContent2,
     {
       className: cn(
@@ -6938,7 +6919,7 @@ var ReasoningContent = memo5(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(Streamdown2, { plugins: streamdownPlugins2, children })
+      children: /* @__PURE__ */ jsx21(Streamdown2, { plugins: streamdownPlugins2, children })
     }
   )
 );
@@ -6948,7 +6929,7 @@ ReasoningContent.displayName = "ReasoningContent";
 
 // src/front/primitives/tool-call-group.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { memo as memo6, useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo9, useState as useState13 } from "react";
+import { memo as memo6, useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo10, useState as useState13 } from "react";
 import { Collapsible as Collapsible3, CollapsibleContent as CollapsibleContent3, CollapsibleTrigger as CollapsibleTrigger4 } from "@hachej/boring-ui-kit";
 
 // src/front/primitives/tool-call-group-state.ts
@@ -6987,10 +6968,7 @@ var TOOL_GROUP_VISUAL_PRESENTATION = {
 };
 
 // src/front/primitives/tool-call-group.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-function isSettledState(state) {
-  return state === "output-available" || state === "output-error" || state === "output-denied" || state === "approval-responded" || state === "aborted";
-}
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function isInputRunningState(state) {
   return state === "input-streaming" || state === "input-available";
 }
@@ -7040,11 +7018,10 @@ function resolveVisualState({
   return "settled";
 }
 var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
-  const toolParts = useMemo9(() => tools.map(({ part, key }) => {
+  const toolParts = useMemo10(() => tools.map(({ part, key }) => {
     const toolPart = toToolPart(part);
     return toolPart ? { part: toolPart, key } : null;
   }).filter((entry) => Boolean(entry)), [tools]);
-  const isSettled = toolParts.every(({ part }) => isSettledState(part.state));
   const workspaceNotReady = toolParts.map(({ part }) => getWorkspaceNotReadyStatus(part.output)).find(Boolean);
   const hasError = toolParts.some(({ part }) => part.state === "output-error") && !workspaceNotReady;
   const hasAborted = toolParts.some(({ part }) => part.state === "aborted") && !workspaceNotReady;
@@ -7061,7 +7038,7 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
   });
   const isRunning = visualState === RUNNING_TOOL_GROUP_VISUAL_STATE;
   const [elapsedSeconds, setElapsedSeconds] = useState13(0);
-  const title = useMemo9(() => buildTitle(toolParts.map(({ part }) => part), visualState), [toolParts, visualState]);
+  const title = useMemo10(() => buildTitle(toolParts.map(({ part }) => part), visualState), [toolParts, visualState]);
   const elapsedLabel = isRunning ? `Running ${formatElapsed(elapsedSeconds)}` : null;
   useEffect12(() => {
     if (!isRunning) {
@@ -7089,50 +7066,48 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
           {
             "aria-label": `Tool calls: ${title}`,
             className: cn(
-              "group/trigger flex w-fit items-center gap-1.5 rounded-md px-2.5 py-1 text-[12px] font-medium transition-colors motion-reduce:transition-none",
-              "border border-border/40 bg-card/40 text-muted-foreground/70",
-              "hover:border-border/70 hover:bg-card/70 hover:text-muted-foreground",
+              "group/trigger flex min-h-10 w-full items-center gap-2 rounded-[var(--radius-md)] px-2 py-1 text-[13px] font-normal",
+              "border border-border/60 bg-muted/45 text-muted-foreground",
+              "transition-colors hover:bg-muted/70 hover:text-foreground motion-reduce:transition-none",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
               TOOL_GROUP_VISUAL_PRESENTATION[visualState].triggerClassName
             ),
             children: [
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx22(
                 "span",
                 {
                   "data-boring-agent-part": "tool-group-state-dot",
                   className: cn(
-                    "size-1.5 shrink-0 rounded-full",
+                    "size-1.5 rounded-full",
                     TOOL_GROUP_VISUAL_PRESENTATION[visualState].dotClassName
                   )
                 }
-              ),
-              /* @__PURE__ */ jsx21(
+              ) }),
+              /* @__PURE__ */ jsx22("span", { "data-boring-agent-part": "tool-group-title", children: workspaceNotReady ? workspaceNotReady.message : title }),
+              elapsedLabel ? /* @__PURE__ */ jsx22("span", { className: "ml-1 shrink-0 tabular-nums text-[12px] text-muted-foreground/70", children: elapsedLabel }) : null,
+              /* @__PURE__ */ jsx22("span", { className: "ml-1 shrink-0 tabular-nums text-[12px] text-muted-foreground/70", children: toolParts.length }),
+              /* @__PURE__ */ jsx22(
                 ChevronDownIcon4,
                 {
                   className: cn(
-                    "size-3 shrink-0 transition-transform duration-150",
+                    "ml-auto size-4 shrink-0 transition-transform duration-150 motion-reduce:transition-none",
                     isOpen && "rotate-180"
                   )
                 }
-              ),
-              workspaceNotReady ? /* @__PURE__ */ jsx21("span", { "data-boring-agent-part": "tool-group-title", children: workspaceNotReady.message }) : !isSettled ? /* @__PURE__ */ jsx21("span", { "data-boring-agent-part": "tool-group-title", children: /* @__PURE__ */ jsx21(Shimmer, { as: "span", duration: 1.5, children: title }) }) : /* @__PURE__ */ jsx21("span", { "data-boring-agent-part": "tool-group-title", children: title }),
-              elapsedLabel ? /* @__PURE__ */ jsx21("span", { className: "ml-1 shrink-0 tabular-nums text-[10px] text-muted-foreground/50", children: elapsedLabel }) : null,
-              /* @__PURE__ */ jsx21("span", { className: cn(
-                "ml-1 shrink-0 rounded-sm border border-border/40 px-1 tabular-nums",
-                "text-[10px] text-muted-foreground/50"
-              ), children: toolParts.length })
+              )
             ]
           }
         ),
-        /* @__PURE__ */ jsx21(CollapsibleContent3, { className: "overflow-hidden data-[state=closed]:animate-[boring-collapse-close_200ms_ease] data-[state=open]:animate-[boring-collapse-open_200ms_ease]", children: /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsx22(CollapsibleContent3, { className: "overflow-hidden data-[state=closed]:animate-[boring-collapse-close_200ms_ease] data-[state=open]:animate-[boring-collapse-open_200ms_ease]", children: /* @__PURE__ */ jsxs19(
           "div",
           {
             "data-boring-agent-part": "tool-group-details",
             className: "relative mt-1.5 w-full max-w-2xl pl-[18px]",
             children: [
-              /* @__PURE__ */ jsx21("div", { className: "absolute left-[5px] top-0 bottom-2 w-px bg-border/35" }),
-              /* @__PURE__ */ jsx21("div", { className: "flex min-w-0 flex-col gap-1.5 [&_[data-boring-agent-part=tool-card]]:!my-0", children: toolParts.map(({ part, key }) => {
+              /* @__PURE__ */ jsx22("div", { className: "absolute left-[5px] top-0 bottom-2 w-px bg-border/35" }),
+              /* @__PURE__ */ jsx22("div", { className: "flex min-w-0 flex-col gap-1.5 [&_[data-boring-agent-part=tool-card]]:!my-0", children: toolParts.map(({ part, key }) => {
                 const { renderer, part: resolvedPart, resolution } = resolveToolRendererForPart(part, mergedToolRenderers);
-                return /* @__PURE__ */ jsx21(
+                return /* @__PURE__ */ jsx22(
                   "div",
                   {
                     className: "min-w-0",
@@ -7153,9 +7128,37 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
 });
 ToolCallGroup.displayName = "ToolCallGroup";
 
+// src/front/chat/messageContributions.tsx
+import { createContext as createContext7, createElement, useContext as useContext7, useMemo as useMemo11 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var ChatMessageContributionContext = createContext7([]);
+function ChatMessageContributionProvider({
+  contribution,
+  children
+}) {
+  const parent = useContext7(ChatMessageContributionContext);
+  const contributions = useMemo11(
+    () => [contribution, ...parent.filter((entry) => entry.id !== contribution.id)],
+    [contribution, parent]
+  );
+  return /* @__PURE__ */ jsx23(ChatMessageContributionContext.Provider, { value: contributions, children });
+}
+function useCustomChatMessage(message) {
+  const contributions = useContext7(ChatMessageContributionContext);
+  const contribution = contributions.find((entry) => entry.matches(message));
+  return contribution ? createElement(contribution.Component, { message }) : void 0;
+}
+function ChatMessageContributionBoundary({
+  message,
+  children
+}) {
+  const customMessage = useCustomChatMessage(message);
+  return customMessage !== void 0 ? customMessage : children;
+}
+
 // src/front/chat/components/MessageMentions.tsx
 import { Children, cloneElement, isValidElement as isValidElement2 } from "react";
-import { Fragment as Fragment7, jsx as jsx22 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx24 } from "react/jsx-runtime";
 var TERMINAL_BOUNDARY = String.raw`(?=$|\s|[.,;!?)}\]"'”’]+(?=$|\s))`;
 var PREFIX_BOUNDARY = String.raw`(^|[\s(\[{"'“‘])`;
 function escapeRegExp2(value) {
@@ -7264,7 +7267,7 @@ function MessageMentions({
       }).map((segment, segmentIndex) => {
         if (!segment.mention) return segment.text;
         const actionLabel = mentionActionLabel(segment.mention);
-        return /* @__PURE__ */ jsx22(
+        return /* @__PURE__ */ jsx24(
           "button",
           {
             type: "button",
@@ -7290,7 +7293,7 @@ function MessageMentions({
         return cloneElement(
           element,
           void 0,
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx24(
             MessageMentions,
             {
               catalog,
@@ -7308,19 +7311,19 @@ function MessageMentions({
   return nodes.map(decorate);
 }
 function createMessageMentionMarkdownComponents(catalog, onActivate) {
-  const decorate = (children) => /* @__PURE__ */ jsx22(MessageMentions, { catalog, onActivate, children });
+  const decorate = (children) => /* @__PURE__ */ jsx24(MessageMentions, { catalog, onActivate, children });
   const paragraph = ({ node: _node, children, ...props }) => {
     const content = Children.toArray(children).filter((child) => child !== null && child !== "");
     if (content.length === 1 && isValidElement2(content[0])) {
       const child = content[0];
-      if (child.props.node?.tagName === "img") return /* @__PURE__ */ jsx22(Fragment7, { children });
-      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx22(Fragment7, { children });
+      if (child.props.node?.tagName === "img") return /* @__PURE__ */ jsx24(Fragment8, { children });
+      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx24(Fragment8, { children });
     }
-    return /* @__PURE__ */ jsx22("p", { ...props, children: decorate(children) });
+    return /* @__PURE__ */ jsx24("p", { ...props, children: decorate(children) });
   };
-  const tableHeader = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("th", { ...props, "data-streamdown": "table-header-cell", className: cn("whitespace-nowrap px-4 py-2 text-left font-semibold text-sm", className), children: decorate(children) });
-  const tableCell = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("td", { ...props, "data-streamdown": "table-cell", className: cn("px-4 py-2 text-sm", className), children: decorate(children) });
-  const listItem = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("li", { ...props, "data-streamdown": "list-item", className: cn("py-1 [&>p]:inline", className), children: decorate(children) });
+  const tableHeader = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx24("th", { ...props, "data-streamdown": "table-header-cell", className: cn("whitespace-nowrap px-4 py-2 text-left font-semibold text-sm", className), children: decorate(children) });
+  const tableCell = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx24("td", { ...props, "data-streamdown": "table-cell", className: cn("px-4 py-2 text-sm", className), children: decorate(children) });
+  const listItem = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx24("li", { ...props, "data-streamdown": "list-item", className: cn("py-1 [&>p]:inline", className), children: decorate(children) });
   const headingClasses = {
     h1: "text-3xl",
     h2: "text-2xl",
@@ -7329,8 +7332,8 @@ function createMessageMentionMarkdownComponents(catalog, onActivate) {
     h5: "text-base",
     h6: "text-sm"
   };
-  const heading = (Tag) => ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22(Tag, { ...props, "data-streamdown": `heading-${Tag.slice(1)}`, className: cn("mt-6 mb-2 font-semibold", headingClasses[Tag], className), children: decorate(children) });
-  const inlineCode = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22(
+  const heading = (Tag) => ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx24(Tag, { ...props, "data-streamdown": `heading-${Tag.slice(1)}`, className: cn("mt-6 mb-2 font-semibold", headingClasses[Tag], className), children: decorate(children) });
+  const inlineCode = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx24(
     "code",
     {
       ...props,
@@ -7354,7 +7357,7 @@ function createMessageMentionMarkdownComponents(catalog, onActivate) {
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 var EMPTY_MENTION_CATALOG = { commands: [], skills: [], files: false };
 var COLLAPSIBLE_TOOL_NAMES = /* @__PURE__ */ new Set([
   "read",
@@ -7369,7 +7372,10 @@ var COLLAPSIBLE_TOOL_NAMES = /* @__PURE__ */ new Set([
 function isCollapsibleTool(part) {
   return part.type === "tool-call" && COLLAPSIBLE_TOOL_NAMES.has(part.toolName);
 }
-function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRenderers, mentionCatalog = EMPTY_MENTION_CATALOG, onMentionActivate }) {
+function PiTimelineMessage(props) {
+  return /* @__PURE__ */ jsx25(ChatMessageContributionBoundary, { message: props.message, children: /* @__PURE__ */ jsx25(DefaultPiTimelineMessage, { ...props }) });
+}
+function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRenderers, mentionCatalog = EMPTY_MENTION_CATALOG, onMentionActivate }) {
   const role = message.role;
   const isAssistant = role === "assistant";
   const textParts = message.parts.filter((part) => part.type === "text");
@@ -7377,7 +7383,7 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
   const finalParts = groupRenderableParts(message);
   const attachmentSummaryPaths = role === "user" ? attachmentPathsFromTextParts(textParts) : [];
   const openArtifact = useOpenArtifact();
-  const effectiveMentionCatalog = useMemo10(() => ({
+  const effectiveMentionCatalog = useMemo12(() => ({
     commands: mentionCatalog.commands,
     skills: mentionCatalog.skills,
     files: mentionCatalog.files && Boolean(openArtifact)
@@ -7398,7 +7404,7 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
   }, [openArtifact]);
   const hasMentions = effectiveMentionCatalog.files || effectiveMentionCatalog.commands.length > 0 || effectiveMentionCatalog.skills.length > 0;
   const mentionsEnabled = Boolean(isAssistant && !(isStreaming && isLast) && hasMentions);
-  const mentionMarkdownComponents = useMemo10(
+  const mentionMarkdownComponents = useMemo12(
     () => mentionsEnabled ? createMessageMentionMarkdownComponents(effectiveMentionCatalog, activateCurrentMention) : void 0,
     [activateCurrentMention, effectiveMentionCatalog, mentionSignature, mentionsEnabled]
   );
@@ -7411,120 +7417,93 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
       "data-boring-agent-message-id": message.id,
       "data-boring-agent-message-role": role,
       "data-boring-agent-message-status": message.status,
-      className: "!max-w-full !gap-1.5",
       children: [
-        /* @__PURE__ */ jsxs20(
-          MessageContent,
-          {
-            className: cn(
-              "!overflow-visible text-[13px] leading-relaxed text-foreground",
-              role === "user" ? cn(
-                "!ml-auto !max-w-[80%] !rounded-[var(--radius-lg)]",
-                "!px-4 !py-2.5",
-                "!bg-secondary !text-secondary-foreground"
-              ) : "!w-full !bg-transparent !p-0"
-            ),
-            children: [
-              fileParts.length > 0 ? /* @__PURE__ */ jsx23(
-                Attachments,
-                {
-                  variant: role === "user" ? "inline" : "list",
-                  className: cn(
-                    role === "user" ? "mb-2 w-full gap-2" : "gap-1.5",
-                    role === "user" ? "[&>div]:max-w-full [&>div]:border-input/60 [&>div]:bg-background/35 [&>div]:px-1.5 [&>div]:text-secondary-foreground [&>div:hover]:bg-background/45" : void 0
-                  ),
-                  children: fileParts.map((file, index) => {
-                    const openPath = file.path ?? attachmentSummaryPaths[index];
-                    const openUrl = file.url && !openPath ? file.url : void 0;
-                    const canOpen = Boolean(openArtifact && openPath || openUrl);
-                    const openAttachment = () => {
-                      if (openPath) {
-                        if (file.filesystem) openArtifact?.(openPath, { filesystem: file.filesystem });
-                        else openArtifact?.(openPath);
-                        return;
-                      }
-                      if (openUrl) window.open(openUrl, "_blank", "noopener,noreferrer");
-                    };
-                    const openAttachmentFromKeyboard = (event) => {
-                      if (event.key !== "Enter" && event.key !== " ") return;
-                      event.preventDefault();
-                      openAttachment();
-                    };
-                    return /* @__PURE__ */ jsxs20(
-                      Attachment,
-                      {
-                        data: toAttachmentData(file, `file-${message.id}-${index}`),
-                        ...canOpen ? {
-                          role: "button",
-                          tabIndex: 0,
-                          title: openPath ? `Open ${openPath} in workspace` : `Open ${file.filename ?? "attachment"}`,
-                          "aria-label": openPath ? `Open ${file.filename ?? openPath} in workspace` : `Open ${file.filename ?? "attachment"}`,
-                          ...openPath ? { "data-workspace-path": openPath } : {},
-                          onClick: openAttachment,
-                          onKeyDown: openAttachmentFromKeyboard
-                        } : void 0,
-                        children: [
-                          /* @__PURE__ */ jsx23(AttachmentPreview, { className: role === "user" ? "!size-5 shrink-0 rounded-[var(--radius-sm)]" : "size-10 shrink-0 rounded-[var(--radius-md)]" }),
-                          /* @__PURE__ */ jsx23(AttachmentInfo, { className: role === "user" ? "min-w-0 max-w-[220px] flex-1 text-[12px]" : "min-w-0 flex-1" })
-                        ]
-                      },
-                      `file-${message.id}-${index}`
-                    );
-                  })
-                }
-              ) : null,
-              finalParts.map((item) => {
-                if (item.kind === "reasoning") {
-                  return /* @__PURE__ */ jsx23(
-                    TimelineReasoningPart,
-                    {
-                      item,
-                      showThoughts
-                    },
-                    item.key
-                  );
-                }
-                if (item.kind === "tool-group") {
-                  return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx23(ToolCallGroup, { tools: item.tools, mergedToolRenderers: toolRenderers }) }, item.key);
-                }
-                if (item.kind === "tool-plain") {
-                  return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx23(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
-                }
-                if (item.part.type === "text") {
-                  const text = textForMessageDisplay(item.part.text, role);
-                  if (!text) return null;
-                  return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx23(
-                    MessageResponse,
-                    {
-                      components: mentionMarkdownComponents,
-                      className: cn(
-                        "max-w-none",
-                        "prose prose-invert prose-neutral",
-                        "prose-p:my-3 prose-p:leading-[1.7] prose-p:text-[13px]",
-                        "prose-headings:mt-5 prose-headings:mb-2 prose-headings:font-semibold prose-headings:tracking-[-0.01em]",
-                        "prose-ul:my-3 prose-ul:pl-6 prose-ol:my-3 prose-ol:pl-6",
-                        "prose-li:my-1.5 prose-li:leading-[1.7] prose-li:pl-1 prose-li:marker:text-muted-foreground/70",
-                        "prose-strong:font-semibold prose-strong:text-foreground",
-                        "prose-em:text-foreground/90",
-                        "prose-a:text-[color:var(--accent)] prose-a:underline-offset-4 hover:prose-a:underline",
-                        "prose-code:before:content-none prose-code:after:content-none",
-                        "prose-pre:my-0 prose-pre:rounded-none prose-pre:border-0",
-                        "prose-pre:bg-transparent prose-pre:p-0"
-                      ),
-                      children: text
-                    },
-                    `${mentionSignature || "no-message-mentions"}:${mentionsEnabled ? "enabled" : "static"}`
-                  ) }, item.key);
-                }
-                if (item.part.type === "notice") {
-                  return /* @__PURE__ */ jsx23(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
-                }
-                return null;
+        /* @__PURE__ */ jsxs20(MessageContent, { children: [
+          fileParts.length > 0 ? /* @__PURE__ */ jsx25(
+            Attachments,
+            {
+              variant: role === "user" ? "inline" : "list",
+              className: cn(
+                role === "user" ? "mb-2 w-full gap-2" : "gap-1.5",
+                role === "user" ? "[&>div]:max-w-full [&>div]:border-input/60 [&>div]:bg-background/35 [&>div]:px-1.5 [&>div]:text-secondary-foreground [&>div:hover]:bg-background/45" : void 0
+              ),
+              children: fileParts.map((file, index) => {
+                const openPath = file.path ?? attachmentSummaryPaths[index];
+                const openUrl = file.url && !openPath ? file.url : void 0;
+                const canOpen = Boolean(openArtifact && openPath || openUrl);
+                const openAttachment = () => {
+                  if (openPath) {
+                    if (file.filesystem) openArtifact?.(openPath, { filesystem: file.filesystem });
+                    else openArtifact?.(openPath);
+                    return;
+                  }
+                  if (openUrl) window.open(openUrl, "_blank", "noopener,noreferrer");
+                };
+                const openAttachmentFromKeyboard = (event) => {
+                  if (event.key !== "Enter" && event.key !== " ") return;
+                  event.preventDefault();
+                  openAttachment();
+                };
+                return /* @__PURE__ */ jsxs20(
+                  Attachment,
+                  {
+                    data: toAttachmentData(file, `file-${message.id}-${index}`),
+                    ...canOpen ? {
+                      role: "button",
+                      tabIndex: 0,
+                      title: openPath ? `Open ${openPath} in workspace` : `Open ${file.filename ?? "attachment"}`,
+                      "aria-label": openPath ? `Open ${file.filename ?? openPath} in workspace` : `Open ${file.filename ?? "attachment"}`,
+                      ...openPath ? { "data-workspace-path": openPath } : {},
+                      onClick: openAttachment,
+                      onKeyDown: openAttachmentFromKeyboard
+                    } : void 0,
+                    children: [
+                      /* @__PURE__ */ jsx25(AttachmentPreview, { className: role === "user" ? "!size-5 shrink-0 rounded-[var(--radius-sm)]" : "size-10 shrink-0 rounded-[var(--radius-md)]" }),
+                      /* @__PURE__ */ jsx25(AttachmentInfo, { className: role === "user" ? "min-w-0 max-w-[220px] flex-1 text-[12px]" : "min-w-0 flex-1" })
+                    ]
+                  },
+                  `file-${message.id}-${index}`
+                );
               })
-            ]
-          }
-        ),
-        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx23(
+            }
+          ) : null,
+          finalParts.map((item) => {
+            if (item.kind === "reasoning") {
+              return /* @__PURE__ */ jsx25(
+                TimelineReasoningPart,
+                {
+                  item,
+                  showThoughts
+                },
+                item.key
+              );
+            }
+            if (item.kind === "tool-group") {
+              return /* @__PURE__ */ jsx25("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx25(ToolCallGroup, { tools: item.tools, mergedToolRenderers: toolRenderers }) }, item.key);
+            }
+            if (item.kind === "tool-plain") {
+              return /* @__PURE__ */ jsx25("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx25(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
+            }
+            if (item.part.type === "text") {
+              const text = textForMessageDisplay(item.part.text, role);
+              if (!text) return null;
+              return /* @__PURE__ */ jsx25("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx25(
+                MessageResponse,
+                {
+                  components: mentionMarkdownComponents,
+                  className: "boring-agent-markdown max-w-none",
+                  children: text
+                },
+                `${mentionSignature || "no-message-mentions"}:${mentionsEnabled ? "enabled" : "static"}`
+              ) }, item.key);
+            }
+            if (item.part.type === "notice") {
+              return /* @__PURE__ */ jsx25(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
+            }
+            return null;
+          })
+        ] }),
+        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx25(
           MessageActionsBar,
           {
             text: textParts.map((part) => part.text).join("\n\n"),
@@ -7559,15 +7538,15 @@ function TimelineReasoningPart({ item, showThoughts }) {
       onOpenChange: handleOpenChange,
       autoClose: false,
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__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__ */ jsx23("span", { children: streaming ? "thinking" : "thoughts" }),
+            getThinkingMessage: (streaming) => /* @__PURE__ */ jsx25("span", { children: streaming ? "thinking" : "thoughts" }),
             onClick: toggleManualOpen
           }
         ),
-        /* @__PURE__ */ jsx23(ReasoningContent, { children: item.text })
+        /* @__PURE__ */ jsx25(ReasoningContent, { children: item.text })
       ]
     }
   );
@@ -7576,7 +7555,7 @@ function PlainToolCard({ part, renderers }) {
   const toolPart = toToolPart(part);
   if (!toolPart) return null;
   const { renderer, part: resolved, resolution } = resolveToolRendererForPart(toolPart, renderers);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-tool-call-id": resolved.toolCallId,
@@ -7625,13 +7604,13 @@ ${part.text}`;
   return grouped;
 }
 function NoticeBubble({ level, text }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-boring-agent-part": "message-notice",
       "data-notice-level": level,
       className: noticeSurfaceClass(level, "text-xs"),
-      children: /* @__PURE__ */ jsx23("div", { className: noticeTextClass(), children: text })
+      children: /* @__PURE__ */ jsx25("div", { className: noticeTextClass(), children: text })
     }
   );
 }
@@ -7710,7 +7689,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__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "aria-hidden": !visible,
@@ -7718,7 +7697,7 @@ function MessageActionsBar({
         "flex min-h-6 items-center gap-0.5 -mt-1 transition-opacity duration-200",
         visible ? "opacity-100" : "pointer-events-none opacity-0"
       ),
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx25(
         Button11,
         {
           type: "button",
@@ -7729,7 +7708,7 @@ function MessageActionsBar({
           "aria-label": copied ? "Copied" : "Copy message",
           title: copied ? "Copied" : "Copy",
           ...hiddenActionProps,
-          children: copied ? /* @__PURE__ */ jsx23(CheckIcon2, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx23(CopyIcon3, { className: "h-3.5 w-3.5" })
+          children: copied ? /* @__PURE__ */ jsx25(CheckIcon2, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx25(CopyIcon3, { className: "h-3.5 w-3.5" })
         }
       )
     }
@@ -7750,7 +7729,7 @@ function partKey(messageId, part, index) {
 }
 
 // src/front/chat/components/PiConversationSurface.tsx
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var TRANSCRIPT_WINDOW = 60;
 var TRANSCRIPT_WINDOW_STEP = 40;
 var LOAD_OLDER_THRESHOLD_PX = 320;
@@ -7789,7 +7768,7 @@ function PiConversationSurface({
   return /* @__PURE__ */ jsxs21(
     Conversation,
     {
-      className: emptyHero ? "max-h-[45vh] flex-none" : "flex-1",
+      className: emptyHero ? cn("flex-none", runtimeNotices.length > 0 ? "max-h-[45vh]" : "max-h-[20vh]") : "flex-1",
       "aria-label": "Agent conversation",
       "aria-live": "polite",
       onScrollToBottomReady,
@@ -7800,18 +7779,18 @@ function PiConversationSurface({
           emptyHero && "py-4 text-center"
         ), children: [
           messages.length === 0 && emptyStateHydrating ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 rounded-xl border border-border bg-card/70 px-4 py-3 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx24(Loader22, { className: "h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ jsx26(Loader22, { className: "h-4 w-4 animate-spin" }),
             "Loading chat history\u2026"
           ] }) : null,
-          messages.length === 0 && !emptyStateHydrating ? /* @__PURE__ */ jsx24(
+          messages.length === 0 && !emptyStateHydrating ? /* @__PURE__ */ jsx26(
             ChatEmptyState,
             {
               eyebrow: emptyState?.eyebrow,
               title: emptyState?.title,
               description: emptyState?.description,
-              footer: emptyState?.footer,
-              suggestions,
-              className: emptyHero ? "items-center text-center [&>p]:mx-auto" : void 0,
+              footer: emptyHero ? void 0 : emptyState?.footer,
+              suggestions: emptyHero ? [] : suggestions,
+              hero: emptyHero,
               onSelect: (suggestion) => {
                 const text = suggestion.prompt ?? suggestion.label;
                 if (!text.trim()) return;
@@ -7821,8 +7800,8 @@ function PiConversationSurface({
               }
             }
           ) : null,
-          hasOlder ? /* @__PURE__ */ jsx24(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
-          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx24(
+          hasOlder ? /* @__PURE__ */ jsx26(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
+          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx26(
             PiTimelineMessage,
             {
               message,
@@ -7835,9 +7814,9 @@ function PiConversationSurface({
             },
             key
           )),
-          /* @__PURE__ */ jsx24(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction })
+          /* @__PURE__ */ jsx26(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction })
         ] }),
-        /* @__PURE__ */ jsx24(ConversationScrollButton, {})
+        /* @__PURE__ */ jsx26(ConversationScrollButton, {})
       ]
     }
   );
@@ -7869,7 +7848,7 @@ function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
     }
     if (el.scrollTop > LOAD_OLDER_THRESHOLD_PX) armed.current = true;
   });
-  return /* @__PURE__ */ jsx24("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx26("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs21(
     "button",
     {
       type: "button",
@@ -7913,7 +7892,7 @@ import { motion as motion2 } from "motion/react";
 import { useEffect as useEffect15, useRef as useRef12 } from "react";
 
 // src/front/composer/ComposerStatusBanner.tsx
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function ComposerStatusBanner({
   tone,
   dataAttribute,
@@ -7942,8 +7921,8 @@ function ComposerStatusBanner({
           maxWidthClassName
         ),
         children: [
-          /* @__PURE__ */ jsx25("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx25("span", { children: runningContent })
+          /* @__PURE__ */ jsx27("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx27("span", { children: runningContent })
         ]
       }
     );
@@ -7962,12 +7941,12 @@ function ComposerStatusBanner({
         ),
         children: [
           /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ jsx25("span", { className: "mt-0.5 text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
+            /* @__PURE__ */ jsx27("span", { className: "mt-0.5 text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
             /* @__PURE__ */ jsxs22("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx25("span", { className: "block font-medium leading-5", children: title }),
-              detail ? /* @__PURE__ */ jsx25("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
+              /* @__PURE__ */ jsx27("span", { className: "block font-medium leading-5", children: title }),
+              detail ? /* @__PURE__ */ jsx27("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
             ] }),
-            onDismiss ? /* @__PURE__ */ jsx25(
+            onDismiss ? /* @__PURE__ */ jsx27(
               "button",
               {
                 type: "button",
@@ -7996,9 +7975,9 @@ function ComposerStatusBanner({
       ),
       children: [
         /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx25("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
-          /* @__PURE__ */ jsx25("span", { className: "flex-1 font-medium", children: title }),
-          onRetry ? /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx27("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
+          /* @__PURE__ */ jsx27("span", { className: "flex-1 font-medium", children: title }),
+          onRetry ? /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -8007,7 +7986,7 @@ function ComposerStatusBanner({
               children: retryLabel
             }
           ) : null,
-          onDismiss ? /* @__PURE__ */ jsx25(
+          onDismiss ? /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -8018,14 +7997,14 @@ function ComposerStatusBanner({
             }
           ) : null
         ] }),
-        message ? /* @__PURE__ */ jsx25("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
+        message ? /* @__PURE__ */ jsx27("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
       ]
     }
   );
 }
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function PluginUpdateStatus({
   state,
   onDismiss,
@@ -8047,7 +8026,7 @@ function PluginUpdateStatus({
   }, [state?.kind, successDismissKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx28(
       ComposerStatusBanner,
       {
         tone: "running",
@@ -8085,7 +8064,7 @@ function PluginUpdateStatus({
               ),
               children: [
                 /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
-                  /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u26A0" }),
                   /* @__PURE__ */ jsxs23("span", { children: [
                     "Reload diagnostics for ",
                     diagnostics.length,
@@ -8093,8 +8072,8 @@ function PluginUpdateStatus({
                     diagnostics.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx26("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs23("li", { children: [
-                  /* @__PURE__ */ jsx26("code", { className: "font-mono text-[10.5px]", children: diagnostic.pluginId ?? diagnostic.source ?? "plugin" }),
+                /* @__PURE__ */ jsx28("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx28("code", { className: "font-mono text-[10.5px]", children: diagnostic.pluginId ?? diagnostic.source ?? "plugin" }),
                   " \u2014 ",
                   diagnostic.message ?? "reload diagnostic"
                 ] }, `${diagnostic.pluginId ?? diagnostic.source ?? "plugin"}-${index}`)) })
@@ -8111,7 +8090,7 @@ function PluginUpdateStatus({
               ),
               children: [
                 /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
-                  /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u26A0" }),
                   /* @__PURE__ */ jsxs23("span", { children: [
                     "Restart needed for ",
                     warnings.length,
@@ -8119,12 +8098,12 @@ function PluginUpdateStatus({
                     warnings.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx26("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs23("li", { children: [
-                  /* @__PURE__ */ jsx26("code", { className: "font-mono text-[10.5px]", children: w.id }),
+                /* @__PURE__ */ jsx28("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx28("code", { className: "font-mono text-[10.5px]", children: w.id }),
                   " \u2014 ",
                   w.surfaces.join(" + ")
                 ] }, w.id)) }),
-                /* @__PURE__ */ jsx26("p", { className: "mt-1 text-foreground/70", children: "The interface reloaded successfully, but routes and tools were wired at boot. Restart the workspace process to pick up the new code." })
+                /* @__PURE__ */ jsx28("p", { className: "mt-1 text-foreground/70", children: "The interface reloaded successfully, but routes and tools were wired at boot. Restart the workspace process to pick up the new code." })
               ]
             }
           ) : null
@@ -8132,7 +8111,7 @@ function PluginUpdateStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     ComposerStatusBanner,
     {
       tone: "error",
@@ -8150,7 +8129,7 @@ function PluginUpdateStatus({
 
 // src/front/composer/CommandRunStatus.tsx
 import { useEffect as useEffect16, useRef as useRef13 } from "react";
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function CommandRunStatus({
   state,
   onDismiss,
@@ -8169,13 +8148,13 @@ function CommandRunStatus({
   }, [state?.kind, successKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx29(
       ComposerStatusBanner,
       {
         tone: "running",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
+        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment9, { children: [
           " Running ",
           /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
             "/",
@@ -8187,13 +8166,13 @@ function CommandRunStatus({
     );
   }
   if (state.kind === "success") {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx29(
       ComposerStatusBanner,
       {
         tone: "success",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        title: state.command ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
+        title: state.command ? /* @__PURE__ */ jsxs24(Fragment9, { children: [
           " Ran ",
           /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
             "/",
@@ -8207,13 +8186,13 @@ function CommandRunStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     ComposerStatusBanner,
     {
       tone: "error",
       dataAttribute: "data-boring-command-run",
       maxWidthClassName,
-      title: state.command ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
+      title: state.command ? /* @__PURE__ */ jsxs24(Fragment9, { children: [
         " ",
         /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
           "/",
@@ -8263,12 +8242,12 @@ function displayProviderLabel(provider) {
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var composerActionClass = cn(
   "inline-flex h-8 items-center justify-center gap-1.5 rounded-[var(--radius-md)] border-0 bg-transparent",
-  "text-muted-foreground shadow-none transition",
+  "text-muted-foreground shadow-none transition-colors motion-reduce:transition-none",
   "hover:bg-muted/60 hover:text-foreground",
-  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover",
   "disabled:pointer-events-none disabled:opacity-50"
 );
 var THINKING_LEVEL_LABELS = {
@@ -8278,10 +8257,10 @@ var THINKING_LEVEL_LABELS = {
   high: "High"
 };
 var THINKING_LEVEL_STATUS_LABELS = {
-  off: "off",
-  low: "low",
-  medium: "medium",
-  high: "high"
+  off: "Off",
+  low: "Low",
+  medium: "Medium",
+  high: "High"
 };
 var THINKING_LEVEL_DETAILS = {
   off: "No extra reasoning",
@@ -8291,7 +8270,7 @@ var THINKING_LEVEL_DETAILS = {
 };
 var selectorTriggerClass = cn(
   composerActionClass,
-  "h-7 rounded-lg border border-border/60 bg-transparent px-2 text-[12px] font-medium text-muted-foreground",
+  "h-8 rounded-lg border border-border/60 bg-transparent px-2 text-xs font-medium text-muted-foreground",
   "hover:border-border/80 hover:bg-muted/55 hover:text-foreground"
 );
 var selectorContentClass = cn(
@@ -8299,12 +8278,12 @@ var selectorContentClass = cn(
   "bg-[color:var(--popover)] p-1 text-[color:var(--popover-foreground)] shadow-xl"
 );
 var composerPickerMenuClass = cn(
-  "mb-1 w-full overflow-hidden rounded-lg border border-border/60",
-  "bg-[color:var(--popover)] text-[color:var(--popover-foreground)] shadow-lg"
+  "w-full overflow-hidden rounded-xl border border-border",
+  "bg-[color:var(--popover)] text-[color:var(--popover-foreground)] shadow-xl"
 );
 function selectorItemClass(selected) {
   return cn(
-    "flex items-center gap-2 rounded-md px-2 py-1.5 text-[13px]",
+    "flex min-h-10 items-center gap-2 rounded-md px-2.5 py-2 text-sm text-muted-foreground",
     "data-[selected=true]:bg-[color:oklch(from_var(--accent)_l_c_h/0.15)] data-[selected=true]:text-foreground",
     selected && "bg-foreground/[0.06] text-foreground"
   );
@@ -8331,7 +8310,7 @@ function useDismissOnOutsidePointer(ref, onClose) {
 }
 function ThinkingLevelGlyph({ level }) {
   const lit = level === "off" ? 0 : level === "low" ? 1 : level === "medium" ? 2 : 3;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "svg",
     {
       "aria-hidden": "true",
@@ -8340,7 +8319,7 @@ function ThinkingLevelGlyph({ level }) {
       viewBox: "0 0 14 14",
       fill: "none",
       className: "shrink-0",
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx28(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx30(
         "rect",
         {
           x: 2 + i * 4,
@@ -8359,7 +8338,8 @@ function ThinkingLevelGlyph({ level }) {
 function modelTriggerLabel(value, options, emptyLabel = "Default model") {
   const current = value ? options.find((m) => m.provider === value.provider && m.id === value.id) : void 0;
   const rawTriggerLabel = current?.label ?? value?.id;
-  return value ? rawTriggerLabel && current?.label && current.label !== value.id && /[A-Z]/.test(current.label) ? current.label : displayModelLabel(rawTriggerLabel ?? value.id) : emptyLabel;
+  const label = value ? rawTriggerLabel && current?.label && current.label !== value.id && /[A-Z]/.test(current.label) ? current.label : displayModelLabel(rawTriggerLabel ?? value.id) : emptyLabel;
+  return value ? label.replace(/\s+\([^)]*\)\s*$/, "") : label;
 }
 function modelMenuOptions(_value, options) {
   return options.filter((m) => m.available);
@@ -8386,7 +8366,7 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
 }, ref) {
   const triggerLabel = modelTriggerLabel(value, options, emptyLabel);
   const triggerDisplay = value ? `${triggerLabel} (${displayProviderLabel(value.provider)})` : triggerLabel;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       ref,
@@ -8398,18 +8378,22 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
       title: trigger === "slash" ? `Open model picker. Current model: ${triggerDisplay}` : void 0,
       onClick,
       className: cn(
-        trigger === "slash" ? "max-w-[min(52vw,260px)] cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap rounded-[var(--radius-md)] px-1.5 py-0.5 transition-colors hover:bg-foreground/[0.045] hover:text-foreground/80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground/20 disabled:pointer-events-none disabled:opacity-50" : selectorTriggerClass,
+        trigger === "slash" ? "h-8 max-w-[min(68vw,420px)] cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap rounded-[var(--radius-md)] px-2 text-xs transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none" : selectorTriggerClass,
         trigger === "slash" ? "w-auto" : "w-auto max-w-[min(52vw,260px)] gap-1",
         open && (trigger === "slash" ? "bg-muted/45" : "border-border/80 bg-muted/55 text-foreground"),
         className
       ),
       ...props,
-      children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
-        /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "/model: " }),
-        /* @__PURE__ */ jsx28("span", { className: "text-foreground", children: triggerDisplay })
-      ] }) : /* @__PURE__ */ jsxs25(Fragment9, { children: [
-        /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate", children: triggerDisplay }),
-        /* @__PURE__ */ jsx28(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
+      children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment10, { children: [
+        /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "Model \xB7 " }),
+        /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate text-foreground", children: triggerLabel }),
+        value ? /* @__PURE__ */ jsxs25("span", { className: "shrink-0 text-muted-foreground", children: [
+          " \xB7 ",
+          displayProviderLabel(value.provider)
+        ] }) : null
+      ] }) : /* @__PURE__ */ jsxs25(Fragment10, { children: [
+        /* @__PURE__ */ jsx30("span", { className: "min-w-0 truncate", children: triggerDisplay }),
+        /* @__PURE__ */ jsx30(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
       ] })
     }
   );
@@ -8466,18 +8450,18 @@ function ModelPickerMenu({
   }, [activeIndex, disabled, keyboardOptions, onChange, onClose]);
   const optionIndexOffset = hideDefaultOption ? 0 : 1;
   const optionIndexes = new Map(groupedOptions.map((option, index) => [encodeModelKey(option), index + optionIndexOffset]));
-  return /* @__PURE__ */ jsx28("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "model-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsxs25(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: [
-    menuOptions.length > 8 && /* @__PURE__ */ jsx28("div", { className: "border-b border-border/60 px-2", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "model-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsxs25(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: [
+    menuOptions.length > 8 && /* @__PURE__ */ jsx30("div", { className: "border-b border-border/60 px-2", children: /* @__PURE__ */ jsx30(
       CommandInput,
       {
         placeholder: "Search models\u2026",
         autoFocus: true,
-        className: "h-8 w-full border-0 bg-transparent text-[13px] outline-none focus:ring-0"
+        className: "h-8 w-full border-0 bg-transparent text-sm outline-none focus:ring-0"
       }
     ) }),
     /* @__PURE__ */ jsxs25(CommandList, { className: "max-h-[300px] p-0.5", children: [
-      /* @__PURE__ */ jsx28(CommandEmpty, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
-      !hideDefaultOption ? /* @__PURE__ */ jsx28(CommandGroup, { children: /* @__PURE__ */ jsxs25(
+      /* @__PURE__ */ jsx30(CommandEmpty, { className: "py-4 text-center text-sm text-muted-foreground", children: "No models found" }),
+      !hideDefaultOption ? /* @__PURE__ */ jsx30(CommandGroup, { children: /* @__PURE__ */ jsxs25(
         CommandItem,
         {
           value: "Default model automatic auto",
@@ -8488,7 +8472,7 @@ function ModelPickerMenu({
           },
           className: selectorItemClass(!value || activeIndex === 0),
           children: [
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx30(
               CheckIcon3,
               {
                 className: cn(
@@ -8497,16 +8481,16 @@ function ModelPickerMenu({
                 )
               }
             ),
-            /* @__PURE__ */ jsx28("span", { className: "truncate", children: "Default model" }),
-            /* @__PURE__ */ jsx28("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: "auto" })
+            /* @__PURE__ */ jsx30("span", { className: "truncate", children: "Default model" }),
+            /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "Auto" })
           ]
         }
       ) }) : null,
-      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx28(
+      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx30(
         CommandGroup,
         {
           heading: displayProviderLabel(provider),
-          className: "[&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.08em] [&_[cmdk-group-heading]]:text-muted-foreground/60",
+          className: "[&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.08em] [&_[cmdk-group-heading]]:text-muted-foreground",
           children: list.map((m) => {
             const key = encodeModelKey(m);
             const label = m.label || displayModelLabel(m.id);
@@ -8522,7 +8506,7 @@ function ModelPickerMenu({
                 },
                 className: cn(selectorItemClass(key === currentKey || activeIndex === itemIndex)),
                 children: [
-                  /* @__PURE__ */ jsx28(
+                  /* @__PURE__ */ jsx30(
                     CheckIcon3,
                     {
                       className: cn(
@@ -8531,8 +8515,8 @@ function ModelPickerMenu({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
-                  /* @__PURE__ */ jsx28("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-[10px] text-muted-foreground/60", children: m.id })
+                  /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
+                  /* @__PURE__ */ jsx30("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-xs text-muted-foreground", children: m.id })
                 ]
               },
               key
@@ -8571,7 +8555,7 @@ function ModelSelect({
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
   return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
       ModelSelectTrigger,
       {
         value,
@@ -8585,7 +8569,7 @@ function ModelSelect({
         "aria-describedby": ariaDescribedBy
       }
     ) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "start",
@@ -8594,7 +8578,7 @@ function ModelSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,340px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx30(
           ModelPickerMenu,
           {
             value,
@@ -8632,7 +8616,7 @@ function ThinkingSelect({
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
   return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
       ThinkingSelectTrigger,
       {
         value,
@@ -8642,7 +8626,7 @@ function ThinkingSelect({
         className
       }
     ) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "end",
@@ -8651,7 +8635,7 @@ function ThinkingSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,240px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx30(
           ThinkingPickerMenu,
           {
             value,
@@ -8683,7 +8667,7 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       "data-boring-state": disabled ? "disabled" : void 0,
       disabled,
       className: cn(
-        trigger === "slash" ? "cursor-pointer rounded-[var(--radius-md)] px-1.5 py-0.5 transition-colors hover:bg-foreground/[0.045] hover:text-foreground/80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground/20 disabled:pointer-events-none disabled:opacity-50" : selectorTriggerClass,
+        trigger === "slash" ? "h-8 cursor-pointer rounded-[var(--radius-md)] px-2 text-xs transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none" : selectorTriggerClass,
         trigger === "button" && "gap-1.5",
         trigger === "button" && value !== "off" && !open && "border-[color:oklch(from_var(--accent)_l_c_h/0.35)] bg-[color:oklch(from_var(--accent)_l_c_h/0.08)] text-foreground",
         open && (trigger === "slash" ? "bg-muted/45" : "border-border/80 bg-muted/55 text-foreground"),
@@ -8695,13 +8679,13 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       onClick,
       ...props,
       children: [
-        trigger === "button" ? /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level: value }) : null,
-        trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
-          /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "/thinking: " }),
-          /* @__PURE__ */ jsx28("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
-        ] }) : /* @__PURE__ */ jsxs25(Fragment9, { children: [
-          /* @__PURE__ */ jsx28("span", { children: THINKING_LEVEL_LABELS[value] }),
-          /* @__PURE__ */ jsx28(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
+        trigger === "button" ? /* @__PURE__ */ jsx30(ThinkingLevelGlyph, { level: value }) : null,
+        trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment10, { children: [
+          /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: "Thinking \xB7 " }),
+          /* @__PURE__ */ jsx30("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
+        ] }) : /* @__PURE__ */ jsxs25(Fragment10, { children: [
+          /* @__PURE__ */ jsx30("span", { children: THINKING_LEVEL_LABELS[value] }),
+          /* @__PURE__ */ jsx30(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
         ] })
       ]
     }
@@ -8750,7 +8734,7 @@ function ThinkingPickerMenu({
     window.addEventListener("keydown", handler, { capture: true });
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [activeIndex, disabled, onChange, onClose]);
-  return /* @__PURE__ */ jsx28("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx28(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx28(CommandList, { className: "max-h-[300px] p-0.5", children: THINKING_LEVELS.map((level, index) => /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx30("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx30(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx30(CommandList, { className: "max-h-[300px] p-0.5", children: THINKING_LEVELS.map((level, index) => /* @__PURE__ */ jsxs25(
     CommandItem,
     {
       value: `Thinking ${THINKING_LEVEL_LABELS[level]} ${THINKING_LEVEL_DETAILS[level]}`,
@@ -8761,7 +8745,7 @@ function ThinkingPickerMenu({
       },
       className: selectorItemClass(level === value || index === activeIndex),
       children: [
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx30(
           CheckIcon3,
           {
             className: cn(
@@ -8770,9 +8754,9 @@ function ThinkingPickerMenu({
             )
           }
         ),
-        /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level }),
-        /* @__PURE__ */ jsx28("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
-        /* @__PURE__ */ jsx28("span", { className: "ml-auto text-[11px] text-muted-foreground/65", children: THINKING_LEVEL_DETAILS[level] })
+        /* @__PURE__ */ jsx30(ThinkingLevelGlyph, { level }),
+        /* @__PURE__ */ jsx30("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
+        /* @__PURE__ */ jsx30("span", { className: "ml-auto text-xs text-muted-foreground", children: THINKING_LEVEL_DETAILS[level] })
       ]
     },
     level
@@ -8813,22 +8797,22 @@ import {
   XIcon as XIcon5
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo11, useRef as useRef15, useState as useState17 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo13, useRef as useRef15, useState as useState17 } from "react";
 
 // src/front/primitives/prompt-input-context.ts
-import { createContext as createContext6, useContext as useContext6 } from "react";
-var PromptInputController = createContext6(
+import { createContext as createContext8, useContext as useContext8 } from "react";
+var PromptInputController = createContext8(
   null
 );
-var ProviderAttachmentsContext = createContext6(
+var ProviderAttachmentsContext = createContext8(
   null
 );
-var useOptionalPromptInputController = () => useContext6(PromptInputController);
-var useOptionalProviderAttachments = () => useContext6(ProviderAttachmentsContext);
-var LocalAttachmentsContext = createContext6(null);
+var useOptionalPromptInputController = () => useContext8(PromptInputController);
+var useOptionalProviderAttachments = () => useContext8(ProviderAttachmentsContext);
+var LocalAttachmentsContext = createContext8(null);
 var usePromptInputAttachments = () => {
   const provider = useOptionalProviderAttachments();
-  const local = useContext6(LocalAttachmentsContext);
+  const local = useContext8(LocalAttachmentsContext);
   const context = local ?? provider;
   if (!context) {
     throw new Error(
@@ -8837,7 +8821,7 @@ var usePromptInputAttachments = () => {
   }
   return context;
 };
-var LocalReferencedSourcesContext = createContext6(null);
+var LocalReferencedSourcesContext = createContext8(null);
 
 // src/front/primitives/prompt-input-wrappers.tsx
 import {
@@ -8848,12 +8832,12 @@ import {
   TooltipTrigger as TooltipTrigger3
 } from "@hachej/boring-ui-kit";
 import { Children as Children2 } from "react";
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var PromptInputFooter = ({
   align = "block-end",
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx31(
   InputGroupAddon,
   {
     align,
@@ -8863,7 +8847,7 @@ var PromptInputFooter = ({
 );
 
 // src/front/primitives/prompt-input.tsx
-import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var PromptInput = ({
   className,
   accept,
@@ -9118,7 +9102,7 @@ var PromptInput = ({
     [add]
   );
   const setFileUrl = usingProvider ? controller.attachments.setFileUrl : setFileUrlLocal;
-  const attachmentsCtx = useMemo11(
+  const attachmentsCtx = useMemo13(
     () => ({
       add,
       clear: clearAttachments,
@@ -9130,7 +9114,7 @@ var PromptInput = ({
     }),
     [files, add, remove, clearAttachments, openFileDialog, setFileUrl]
   );
-  const refsCtx = useMemo11(
+  const refsCtx = useMemo13(
     () => ({
       add: (incoming) => {
         const array = Array.isArray(incoming) ? incoming : [incoming];
@@ -9206,8 +9190,8 @@ var PromptInput = ({
     },
     [usingProvider, controller, files, onSubmit, clear]
   );
-  const inner = /* @__PURE__ */ jsxs27(Fragment10, { children: [
-    /* @__PURE__ */ jsx30(
+  const inner = /* @__PURE__ */ jsxs27(Fragment11, { children: [
+    /* @__PURE__ */ jsx32(
       Input,
       {
         accept,
@@ -9220,7 +9204,7 @@ var PromptInput = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
       "form",
       {
         "data-boring-agent-part": "composer",
@@ -9228,12 +9212,12 @@ var PromptInput = ({
         onSubmit: handleSubmit,
         ref: formRef,
         ...props,
-        children: /* @__PURE__ */ jsx30(InputGroup, { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx32(InputGroup, { className: "overflow-hidden", children })
       }
     )
   ] });
-  const withReferencedSources = /* @__PURE__ */ jsx30(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
-  return /* @__PURE__ */ jsx30(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
+  const withReferencedSources = /* @__PURE__ */ jsx32(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
+  return /* @__PURE__ */ jsx32(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
 };
 var PromptInputTextarea = ({
   onChange,
@@ -9311,7 +9295,7 @@ var PromptInputTextarea = ({
   } : {
     onChange
   };
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     InputGroupTextarea,
     {
       "data-boring-agent-part": "composer-input",
@@ -9338,13 +9322,13 @@ var PromptInputSubmit = ({
   ...props
 }) => {
   const isGenerating = status === "submitted" || status === "streaming";
-  let Icon = /* @__PURE__ */ jsx30(CornerDownLeftIcon, { className: "size-4" });
+  let Icon = /* @__PURE__ */ jsx32(CornerDownLeftIcon, { className: "size-4" });
   if (status === "submitted") {
-    Icon = /* @__PURE__ */ jsx30(Spinner, {});
+    Icon = /* @__PURE__ */ jsx32(Spinner, {});
   } else if (status === "streaming") {
-    Icon = /* @__PURE__ */ jsx30(SquareIcon, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx32(SquareIcon, { className: "size-4" });
   } else if (status === "error") {
-    Icon = /* @__PURE__ */ jsx30(XIcon5, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx32(XIcon5, { className: "size-4" });
   }
   const handleClick = useCallback15(
     (e) => {
@@ -9357,7 +9341,7 @@ var PromptInputSubmit = ({
     },
     [isGenerating, onStop, onClick]
   );
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     InputGroupButton2,
     {
       "aria-label": isGenerating ? "Stop" : "Submit",
@@ -9374,8 +9358,8 @@ var PromptInputSubmit = ({
 };
 
 // src/front/primitives/slash-command-picker.tsx
-import { useEffect as useEffect19, useMemo as useMemo12, useRef as useRef16, useState as useState18 } from "react";
-import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useMemo as useMemo14, useRef as useRef16, useState as useState18 } from "react";
+import { Fragment as Fragment12, jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 var ALL_PLUGINS = "__all__";
 function commandGroup(cmd) {
   if (cmd.source === "skill") return "skills";
@@ -9392,11 +9376,11 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
   useEffect19(() => {
     setSearchQuery(query);
   }, [query]);
-  const groups = useMemo12(() => {
+  const groups = useMemo14(() => {
     const set = new Set(commands.map(commandGroup));
     return Array.from(set).sort((a, b) => a.localeCompare(b));
   }, [commands]);
-  const filtered = useMemo12(() => {
+  const filtered = useMemo14(() => {
     const q = searchQuery.trim().toLowerCase();
     return commands.filter((c) => {
       if (plugin !== ALL_PLUGINS && commandGroup(c) !== plugin) return false;
@@ -9427,7 +9411,7 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
     onDismiss
   });
   return /* @__PURE__ */ jsxs28("div", { ref: containerRef, className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: [
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx33(
       "input",
       {
         ref: inputRef,
@@ -9442,9 +9426,9 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         autoComplete: "off"
       }
     ),
-    /* @__PURE__ */ jsx31("div", { className: "flex flex-wrap gap-1 border-b border-border/50 px-2 py-1.5", role: "tablist", "aria-label": "Filter by plugin", children: [ALL_PLUGINS, ...groups].map((g) => {
+    /* @__PURE__ */ jsx33("div", { className: "flex flex-wrap gap-1 border-b border-border/50 px-2 py-1.5", role: "tablist", "aria-label": "Filter by plugin", children: [ALL_PLUGINS, ...groups].map((g) => {
       const selected = plugin === g;
-      return /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx33(
         "button",
         {
           type: "button",
@@ -9464,7 +9448,7 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         g
       );
     }) }),
-    filtered.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No matching commands." }) : /* @__PURE__ */ jsx31("ul", { ref: listRef, className: "max-h-80 overflow-y-auto py-1", role: "listbox", "aria-label": "Commands", children: filtered.map((cmd, i) => /* @__PURE__ */ jsxs28(
+    filtered.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No matching commands." }) : /* @__PURE__ */ jsx33("ul", { ref: listRef, className: "max-h-80 overflow-y-auto py-1", role: "listbox", "aria-label": "Commands", children: filtered.map((cmd, i) => /* @__PURE__ */ jsxs28(
       "li",
       {
         role: "option",
@@ -9487,15 +9471,15 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
               "/",
               cmd.name
             ] }),
-            cmd.source === "skill" ? /* @__PURE__ */ jsxs28(Fragment11, { children: [
-              /* @__PURE__ */ jsx31("span", { className: "rounded-sm bg-accent/15 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-accent-foreground", children: "skill" }),
-              cmd.sourcePlugin ? /* @__PURE__ */ jsx31("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin }) : null
+            cmd.source === "skill" ? /* @__PURE__ */ jsxs28(Fragment12, { children: [
+              /* @__PURE__ */ jsx33("span", { className: "rounded-sm bg-accent/15 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-accent-foreground", children: "skill" }),
+              cmd.sourcePlugin ? /* @__PURE__ */ jsx33("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin }) : null
             ] }) : cmd.sourcePlugin ? (
               // Originating plugin/package for non-skill commands.
-              /* @__PURE__ */ jsx31("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin })
+              /* @__PURE__ */ jsx33("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin })
             ) : null
           ] }),
-          /* @__PURE__ */ jsx31("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
+          /* @__PURE__ */ jsx33("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
         ]
       },
       cmd.name
@@ -9506,10 +9490,10 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
 // src/front/chat/components/ComposerAttachments.tsx
 import { AlertCircleIcon as AlertCircleIcon2, Loader2 as Loader23, PaperclipIcon as PaperclipIcon2 } from "lucide-react";
 import { IconButton as IconButton3 } from "@hachej/boring-ui-kit";
-import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function AttachmentButton({ disabled, className }) {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     IconButton3,
     {
       type: "button",
@@ -9519,17 +9503,17 @@ function AttachmentButton({ disabled, className }) {
       onClick: () => {
         if (!disabled) attachments.openFileDialog();
       },
-      className: cn(composerActionClass, "w-8", className),
+      className: cn(composerActionClass, "!h-10 !w-10", className),
       "aria-label": "Attach files",
       title: disabled ? "Attachments are available when the composer is ready." : "Attach files",
-      children: /* @__PURE__ */ jsx32(PaperclipIcon2, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx34(PaperclipIcon2, { className: "h-4 w-4", strokeWidth: 1.75 })
     }
   );
 }
 function AttachmentsList() {
   const attachments = usePromptInputAttachments();
   if (attachments.files.length === 0) return null;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     Attachments,
     {
       "data-boring-agent-part": "composer-attachment-row",
@@ -9548,12 +9532,12 @@ function AttachmentsList() {
           ),
           children: [
             /* @__PURE__ */ jsxs29("div", { className: "relative shrink-0", children: [
-              /* @__PURE__ */ jsx32(AttachmentPreview, { className: "!size-7 overflow-hidden !rounded-full bg-background/60" }),
-              file.status === "uploading" ? /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx32(Loader23, { className: "size-3.5 animate-spin text-muted-foreground" }) }) : null,
-              file.status === "error" ? /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx32(AlertCircleIcon2, { className: "size-3.5 text-destructive" }) }) : null
+              /* @__PURE__ */ jsx34(AttachmentPreview, { className: "!size-7 overflow-hidden !rounded-full bg-background/60" }),
+              file.status === "uploading" ? /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx34(Loader23, { className: "size-3.5 animate-spin text-muted-foreground" }) }) : null,
+              file.status === "error" ? /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx34(AlertCircleIcon2, { className: "size-3.5 text-destructive" }) }) : null
             ] }),
-            /* @__PURE__ */ jsx32(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
-            /* @__PURE__ */ jsx32(AttachmentRemove, { className: "!size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
+            /* @__PURE__ */ jsx34(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
+            /* @__PURE__ */ jsx34(AttachmentRemove, { className: "!size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
           ]
         },
         file.id
@@ -9563,7 +9547,7 @@ function AttachmentsList() {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 var MAX_PROMPT_ATTACHMENTS = 2;
 var MAX_PROMPT_ATTACHMENT_BYTES = 4 * 1024 * 1024;
 var COMPOSER_INPUT_GROUP_MIN_HEIGHT = 56;
@@ -9587,6 +9571,7 @@ function hasSoftWrappedLine(node, style) {
 }
 function PiChatComposerSurface({
   chrome,
+  pickerPlacement = "above",
   isStreaming,
   status,
   disabled,
@@ -9640,10 +9625,12 @@ function PiChatComposerSurface({
   textareaRef,
   onTextareaChange,
   onTextareaKeyDown,
+  updateDraft,
   onSubmitMessage,
   onStop
 }) {
   const workspaceRequestId = getHeaderValue(requestHeaders, "x-boring-workspace-id");
+  const composerContributions = useComposerContributions();
   const uploadAttachment = useCallback16((file) => uploadFile(file, {
     apiBaseUrl,
     workspaceRequestId,
@@ -9674,8 +9661,11 @@ function PiChatComposerSurface({
   useLayoutEffect2(() => {
     resizeTextarea(textareaRef.current);
   }, [draft, resizeTextarea, textareaRef]);
-  return /* @__PURE__ */ jsxs30("div", { className: cn("relative z-20", chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-2 pt-1"), children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs30("div", { className: cn(
+    "relative z-20",
+    chrome ? "pb-[calc(1rem+env(safe-area-inset-bottom))] pl-[calc(1rem+env(safe-area-inset-left))] pr-[calc(1rem+env(safe-area-inset-right))] pt-2 sm:pb-[calc(1.25rem+env(safe-area-inset-bottom))] sm:pl-[calc(1.5rem+env(safe-area-inset-left))] sm:pr-[calc(1.5rem+env(safe-area-inset-right))]" : "pb-[calc(0.5rem+env(safe-area-inset-bottom))] pl-[calc(0.75rem+env(safe-area-inset-left))] pr-[calc(0.75rem+env(safe-area-inset-right))] pt-1"
+  ), children: [
+    /* @__PURE__ */ jsx35(
       "div",
       {
         "data-boring-agent-part": "chat-working-slot",
@@ -9693,7 +9683,7 @@ function PiChatComposerSurface({
             "aria-live": isStreaming ? "polite" : void 0,
             className: "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__ */ jsx33(
+              /* @__PURE__ */ jsx35(
                 motion2.span,
                 {
                   "aria-hidden": "true",
@@ -9702,14 +9692,14 @@ function PiChatComposerSurface({
                   transition: { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                 }
               ),
-              /* @__PURE__ */ jsx33("span", { children: "Working\u2026" })
+              /* @__PURE__ */ jsx35("span", { children: "Working\u2026" })
             ]
           }
         )
       }
     ),
-    composerStatusNotice ? /* @__PURE__ */ jsx33(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
-    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx33(
+    composerStatusNotice ? /* @__PURE__ */ jsx35(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
+    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx35(
       ComposerBlockerNotice,
       {
         blocker: primaryComposerBlocker,
@@ -9717,8 +9707,8 @@ function PiChatComposerSurface({
         onAction: onComposerBlockerAction
       }
     ) : null,
-    queuePreview.length > 0 ? /* @__PURE__ */ jsx33(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
-    hotReloadEnabled ? /* @__PURE__ */ jsx33(
+    queuePreview.length > 0 ? /* @__PURE__ */ jsx35(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
+    hotReloadEnabled ? /* @__PURE__ */ jsx35(
       PluginUpdateStatus,
       {
         state: pluginUpdateState,
@@ -9726,14 +9716,14 @@ function PiChatComposerSurface({
         onRetry: onRunPluginUpdate
       }
     ) : null,
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx35(
       CommandRunStatus,
       {
         state: commandNotifyState,
         onDismiss: onDismissCommandNotify
       }
     ),
-    attachmentNotice ? /* @__PURE__ */ jsx33(
+    attachmentNotice ? /* @__PURE__ */ jsx35(
       "div",
       {
         role: "status",
@@ -9742,197 +9732,223 @@ function PiChatComposerSurface({
         children: attachmentNotice
       }
     ) : null,
-    /* @__PURE__ */ jsxs30("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
-      mentionState ? /* @__PURE__ */ jsx33(
-        MentionPicker,
-        {
-          mention: mentionState,
-          apiBaseUrl,
-          fetch: fetch2,
-          requestHeaders,
-          storageScope,
-          onSelect: onSelectMention,
-          onDismiss: onDismissMention
-        }
-      ) : null,
-      slashQuery !== null ? /* @__PURE__ */ jsx33(
-        SlashCommandPicker,
+    /* @__PURE__ */ jsxs30("div", { className: cn("@container group/composer relative mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
+      /* @__PURE__ */ jsxs30("div", { className: cn(
+        "absolute inset-x-0 z-30",
+        pickerPlacement === "above-compact" ? "bottom-[calc(100%+4px)] [&_[cmdk-list]]:!max-h-[200px]" : "bottom-[calc(100%+4px)]"
+      ), children: [
+        mentionState ? /* @__PURE__ */ jsx35("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx35(
+          MentionPicker,
+          {
+            mention: mentionState,
+            apiBaseUrl,
+            fetch: fetch2,
+            requestHeaders,
+            storageScope,
+            onSelect: onSelectMention,
+            onDismiss: onDismissMention
+          }
+        ) }) : null,
+        slashQuery !== null ? /* @__PURE__ */ jsx35("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx35(
+          SlashCommandPicker,
+          {
+            query: slashQuery,
+            commands,
+            onSelect: onSelectSlashCommand,
+            onDismiss: onDismissSlash
+          }
+        ) }) : null,
+        mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx35("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx35(
+          ModelPickerMenu,
+          {
+            value: selectedModel,
+            onChange: onModelChange,
+            options: modelOptions,
+            disabled: isStreaming || modelControlled,
+            hideDefaultOption: hideDefaultModelOption,
+            onClose: () => onSetModelPickerOpen(false)
+          }
+        ) }) : null,
+        mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx35("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx35(
+          ThinkingPickerMenu,
+          {
+            value: selectedThinking,
+            onChange: onThinkingChange,
+            disabled: isStreaming || thinkingControlled,
+            onClose: () => onSetThinkingPickerOpen(false)
+          }
+        ) }) : null
+      ] }),
+      composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx35(
+        "div",
         {
-          query: slashQuery,
-          commands,
-          onSelect: onSelectSlashCommand,
-          onDismiss: onDismissSlash
-        }
-      ) : null,
-      mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx33(
-        ModelPickerMenu,
+          "data-boring-agent-part": "composer-contribution-top",
+          "data-boring-agent-contribution-id": id,
+          className: cn("mx-auto mb-2 w-full empty:hidden", chrome ? "max-w-3xl" : "max-w-[680px]"),
+          children: /* @__PURE__ */ jsx35(Top, {})
+        },
+        id
+      ) : null),
+      /* @__PURE__ */ jsx35(
+        "div",
         {
-          value: selectedModel,
-          onChange: onModelChange,
-          options: modelOptions,
-          disabled: isStreaming || modelControlled,
-          hideDefaultOption: hideDefaultModelOption,
-          onClose: () => onSetModelPickerOpen(false)
+          "data-boring-agent-part": "composer-rail",
+          "data-composer-multiline": "false",
+          style: { "--composer-input-group-height": `${COMPOSER_INPUT_GROUP_MIN_HEIGHT}px` },
+          className: cn(
+            "relative mx-auto w-full overflow-visible rounded-xl",
+            chrome ? "max-w-3xl bg-transparent shadow-[0_1px_2px_-1px_oklch(0_0_0/0.06),0_6px_18px_-12px_oklch(0_0_0/0.12),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[0_1px_3px_-1px_oklch(0_0_0/0.08),0_10px_28px_-14px_oklch(0_0_0/0.16),inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]" : "max-w-[680px] bg-transparent shadow-[inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]",
+            "transition-shadow duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
+            "[&_[data-slot=input-group]]:!h-auto [&_[data-slot=input-group]]:!min-h-[var(--composer-input-group-height)]",
+            "[&_[data-slot=input-group]]:!flex-col [&_[data-slot=input-group]]:!items-stretch [&_[data-slot=input-group]]:!overflow-hidden",
+            "[&_[data-slot=input-group]]:!border-0 [&_[data-slot=input-group]]:!rounded-xl",
+            "[&_[data-slot=input-group]]:!bg-transparent [&_[data-slot=input-group]]:!shadow-none",
+            "[&_[data-slot=input-group]]:dark:!bg-transparent [&_[data-slot=input-group]]:!ring-0",
+            "[&_[data-slot=input-group]]:has-[:focus]:!ring-0",
+            "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:self-end",
+            "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:mb-2"
+          ),
+          children: /* @__PURE__ */ jsxs30(
+            PromptInput,
+            {
+              "data-boring-state": status,
+              onSubmit: (message) => onSubmitMessage({ text: message.text, files: message.files }),
+              onUploadFile: uploadAttachment,
+              multiple: true,
+              maxFiles: disabled || isStreaming ? 0 : MAX_PROMPT_ATTACHMENTS,
+              maxFileSize: MAX_PROMPT_ATTACHMENT_BYTES,
+              onError: (err) => {
+                if (err.code === "max_files") onAttachmentNotice(`Up to ${MAX_PROMPT_ATTACHMENTS} attachments per message.`);
+                else if (err.code === "max_file_size") onAttachmentNotice("Files must be under 4 MB each.");
+                else if (err.code === "accept") onAttachmentNotice("That file type isn't supported here.");
+                else onAttachmentNotice(err.message || "Attachment rejected.");
+              },
+              children: [
+                /* @__PURE__ */ jsx35(AttachmentsList, {}),
+                /* @__PURE__ */ jsxs30(
+                  "div",
+                  {
+                    "data-boring-agent-part": "composer-input-row",
+                    className: "flex min-h-[var(--composer-input-group-height)] w-full items-center",
+                    children: [
+                      /* @__PURE__ */ jsx35("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx35(AttachmentButton, { disabled: disabled || isStreaming }) }),
+                      /* @__PURE__ */ jsx35(
+                        PromptInputTextarea,
+                        {
+                          value: draft,
+                          placeholder: composerBlocked ? workspaceWarmupBlocked ? composerBlockerLabel : "" : composerPlaceholder ?? "Ask anything\u2026",
+                          disabled,
+                          readOnly: composerBlocked,
+                          "aria-label": "Agent prompt",
+                          ref: (node) => {
+                            textareaRef.current = node;
+                            resizeTextarea(node);
+                          },
+                          onChange: onTextareaChange,
+                          onKeyDown: onTextareaKeyDown,
+                          style: { fieldSizing: "fixed" },
+                          className: cn(
+                            "min-w-0 flex-1 !min-h-10 !max-h-40 resize-none overflow-hidden border-0 bg-transparent shadow-none",
+                            "[field-sizing:fixed]",
+                            "px-2 py-2 text-sm leading-6 text-foreground",
+                            "placeholder:text-muted-foreground/60",
+                            "focus-visible:ring-0 focus-visible:ring-offset-0"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx35(
+                        PromptInputFooter,
+                        {
+                          align: "inline-end",
+                          "data-boring-agent-part": "composer-submit-addon",
+                          className: "!order-none !w-auto shrink-0 self-center justify-between border-0 bg-transparent !px-2 !py-0",
+                          children: /* @__PURE__ */ jsxs30("div", { className: "ml-auto flex items-center gap-1.5", children: [
+                            composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx35(
+                              "span",
+                              {
+                                "data-boring-agent-part": "composer-contribution-action",
+                                "data-boring-agent-contribution-id": id,
+                                className: "contents",
+                                children: /* @__PURE__ */ jsx35(Action, { updateDraft })
+                              },
+                              id
+                            ) : null),
+                            /* @__PURE__ */ jsx35(
+                              PromptInputSubmit,
+                              {
+                                "data-boring-agent-part": "composer-submit",
+                                status: submitStatus,
+                                onStop,
+                                disabled: submitDisabled,
+                                className: cn(
+                                  "h-8 w-8 shrink-0 rounded-full",
+                                  "bg-foreground text-background",
+                                  "transition-all duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
+                                  "hover:bg-foreground/90 hover:shadow-[0_0_0_3px_oklch(from_var(--foreground)_l_c_h/0.12)] hover:scale-[1.04]",
+                                  "active:scale-[0.93] active:brightness-95",
+                                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20",
+                                  "disabled:pointer-events-none disabled:opacity-40",
+                                  "[&>svg]:size-3.5"
+                                )
+                              }
+                            )
+                          ] })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
         }
-      ) : null,
-      mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx33(
-        ThinkingPickerMenu,
+      ),
+      hideComposerSettings ? null : /* @__PURE__ */ jsx35(
+        "div",
         {
-          value: selectedThinking,
-          onChange: onThinkingChange,
-          disabled: isStreaming || thinkingControlled,
-          onClose: () => onSetThinkingPickerOpen(false)
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsx33(
-      "div",
-      {
-        "data-boring-agent-part": "composer-rail",
-        "data-composer-multiline": "false",
-        style: { "--composer-input-group-height": `${COMPOSER_INPUT_GROUP_MIN_HEIGHT}px` },
-        className: cn(
-          "relative mx-auto w-full overflow-visible rounded-[28px]",
-          chrome ? "max-w-3xl bg-transparent shadow-[0_1px_2px_-1px_oklch(0_0_0/0.06),0_6px_18px_-12px_oklch(0_0_0/0.12),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[0_1px_3px_-1px_oklch(0_0_0/0.08),0_10px_28px_-14px_oklch(0_0_0/0.16),inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]" : "max-w-[680px] bg-transparent shadow-[inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)] focus-within:shadow-[inset_0_0_0_1px_oklch(from_var(--accent)_l_c_h/0.45)]",
-          "transition-shadow duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
-          "[&_[data-slot=input-group]]:!h-auto [&_[data-slot=input-group]]:!min-h-[var(--composer-input-group-height)]",
-          "[&_[data-slot=input-group]]:!flex-col [&_[data-slot=input-group]]:!items-stretch [&_[data-slot=input-group]]:!overflow-hidden",
-          "[&_[data-slot=input-group]]:!border-0 [&_[data-slot=input-group]]:!rounded-[28px]",
-          "[&_[data-slot=input-group]]:!bg-transparent [&_[data-slot=input-group]]:!shadow-none",
-          "[&_[data-slot=input-group]]:dark:!bg-transparent [&_[data-slot=input-group]]:!ring-0",
-          "[&_[data-slot=input-group]]:has-[:focus]:!ring-0",
-          "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:self-end",
-          "[&[data-composer-multiline=true]_[data-boring-agent-part=composer-submit-addon]]:mb-2"
-        ),
-        children: /* @__PURE__ */ jsxs30(
-          PromptInput,
-          {
-            "data-boring-state": status,
-            onSubmit: (message) => onSubmitMessage({ text: message.text, files: message.files }),
-            onUploadFile: uploadAttachment,
-            multiple: true,
-            maxFiles: disabled || isStreaming ? 0 : MAX_PROMPT_ATTACHMENTS,
-            maxFileSize: MAX_PROMPT_ATTACHMENT_BYTES,
-            onError: (err) => {
-              if (err.code === "max_files") onAttachmentNotice(`Up to ${MAX_PROMPT_ATTACHMENTS} attachments per message.`);
-              else if (err.code === "max_file_size") onAttachmentNotice("Files must be under 4 MB each.");
-              else if (err.code === "accept") onAttachmentNotice("That file type isn't supported here.");
-              else onAttachmentNotice(err.message || "Attachment rejected.");
-            },
-            children: [
-              /* @__PURE__ */ jsx33(AttachmentsList, {}),
-              /* @__PURE__ */ jsxs30(
-                "div",
-                {
-                  "data-boring-agent-part": "composer-input-row",
-                  className: "flex min-h-[var(--composer-input-group-height)] w-full items-center",
-                  children: [
-                    /* @__PURE__ */ jsx33("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx33(AttachmentButton, { disabled: disabled || isStreaming }) }),
-                    /* @__PURE__ */ jsx33(
-                      PromptInputTextarea,
-                      {
-                        value: draft,
-                        placeholder: composerBlocked ? workspaceWarmupBlocked ? composerBlockerLabel : "" : composerPlaceholder ?? "Ask anything\u2026",
-                        disabled,
-                        readOnly: composerBlocked,
-                        "aria-label": "Agent prompt",
-                        ref: (node) => {
-                          textareaRef.current = node;
-                          resizeTextarea(node);
-                        },
-                        onChange: onTextareaChange,
-                        onKeyDown: onTextareaKeyDown,
-                        style: { fieldSizing: "fixed" },
-                        className: cn(
-                          "min-w-0 flex-1 !min-h-10 !max-h-40 resize-none overflow-hidden border-0 bg-transparent shadow-none",
-                          "[field-sizing:fixed]",
-                          "px-2 py-2 text-[13px] leading-6",
-                          "placeholder:text-muted-foreground/45",
-                          "focus-visible:ring-0 focus-visible:ring-offset-0"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx33(
-                      PromptInputFooter,
-                      {
-                        align: "inline-end",
-                        "data-boring-agent-part": "composer-submit-addon",
-                        className: "!order-none !w-auto shrink-0 self-center justify-between border-0 bg-transparent !px-2 !py-0",
-                        children: /* @__PURE__ */ jsx33("div", { className: "ml-auto flex items-center gap-1.5", children: /* @__PURE__ */ jsx33(
-                          PromptInputSubmit,
-                          {
-                            "data-boring-agent-part": "composer-submit",
-                            status: submitStatus,
-                            onStop,
-                            disabled: submitDisabled,
-                            className: cn(
-                              "h-8 w-8 shrink-0 rounded-full",
-                              "bg-foreground",
-                              "text-background",
-                              "transition-all duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
-                              "hover:bg-foreground/90 hover:shadow-[0_0_0_3px_oklch(from_var(--foreground)_l_c_h/0.12)] hover:scale-[1.04]",
-                              "active:scale-[0.93] active:brightness-95",
-                              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20",
-                              "disabled:pointer-events-none disabled:opacity-40",
-                              "[&>svg]:size-3.5"
-                            )
-                          }
-                        ) })
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    hideComposerSettings ? null : /* @__PURE__ */ jsxs30(
-      "div",
-      {
-        "data-boring-agent-part": "composer-settings-row",
-        className: cn(
-          "mx-auto mt-1.5 flex w-full items-center justify-center gap-1.5 text-[10.5px] text-muted-foreground/45",
-          chrome ? "max-w-3xl" : "max-w-[680px]"
-        ),
-        children: [
-          /* @__PURE__ */ jsx33(
-            ModelSelectTrigger,
-            {
-              value: selectedModel,
-              options: modelOptions,
-              disabled: isStreaming || modelControlled,
-              trigger: "slash",
-              open: modelPickerOpen,
-              onClick: () => {
-                if (modelPickerOpen) {
-                  onSetModelPickerOpen(false);
-                  return;
+          "data-boring-agent-part": "composer-settings-row",
+          className: cn(
+            "mx-auto mt-2 grid min-h-8 w-full grid-cols-[minmax(0,1fr)_auto] items-center text-xs text-muted-foreground",
+            chrome ? "max-w-3xl" : "max-w-[680px]"
+          ),
+          children: /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 items-center justify-center gap-1", children: [
+            /* @__PURE__ */ jsx35(
+              ModelSelectTrigger,
+              {
+                value: selectedModel,
+                options: modelOptions,
+                disabled: isStreaming || modelControlled,
+                trigger: "slash",
+                open: modelPickerOpen,
+                onClick: () => {
+                  if (modelPickerOpen) {
+                    onSetModelPickerOpen(false);
+                    return;
+                  }
+                  void onOpenModelPicker();
                 }
-                void onOpenModelPicker();
               }
-            }
-          ),
-          thinkingControl ? /* @__PURE__ */ jsx33(
-            ThinkingSelectTrigger,
-            {
-              value: selectedThinking,
-              disabled: isStreaming || thinkingControlled,
-              trigger: "slash",
-              open: thinkingPickerOpen,
-              onClick: () => {
-                if (thinkingPickerOpen) {
-                  onSetThinkingPickerOpen(false);
-                  return;
+            ),
+            thinkingControl ? /* @__PURE__ */ jsx35(
+              ThinkingSelectTrigger,
+              {
+                value: selectedThinking,
+                disabled: isStreaming || thinkingControlled,
+                trigger: "slash",
+                open: thinkingPickerOpen,
+                onClick: () => {
+                  if (thinkingPickerOpen) {
+                    onSetThinkingPickerOpen(false);
+                    return;
+                  }
+                  void onOpenThinkingPicker();
                 }
-                void onOpenThinkingPicker();
               }
-            }
-          ) : null
-        ]
-      }
-    )
+            ) : null
+          ] })
+        }
+      )
+    ] })
   ] });
 }
 function getHeaderValue(headers, name) {
@@ -9941,7 +9957,7 @@ function getHeaderValue(headers, name) {
 }
 
 // src/front/chat/piChatPanelHooks.ts
-import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo13, useRef as useRef17, useState as useState19, useSyncExternalStore } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo15, useRef as useRef17, useState as useState19, useSyncExternalStore } from "react";
 function useExternalRemotePiSession({
   sessionId,
   agentTypeId,
@@ -9956,7 +9972,7 @@ function useExternalRemotePiSession({
   const [session, setSession] = useState19();
   const remoteSessionOptionsRef = useRef17(remoteSessionOptions);
   remoteSessionOptionsRef.current = remoteSessionOptions;
-  const remoteSessionOptionsKey = useMemo13(
+  const remoteSessionOptionsKey = useMemo15(
     () => remoteSessionOptionsIdentity2(remoteSessionOptions),
     [remoteSessionOptions]
   );
@@ -10129,7 +10145,7 @@ function errorMessage2(error, fallback) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 var DebugDrawer2 = lazy(() => import("../DebugDrawer-RYEBQ6CO.js").then((m) => ({ default: m.DebugDrawer })));
 var EMPTY_COMMANDS = [];
 var EMPTY_COMMAND_NAMES = [];
@@ -10159,7 +10175,7 @@ function PiChatPanel({
   hotReloadEnabled = true,
   suggestions = defaultChatSuggestions,
   emptyState,
-  emptyPlacement = "default",
+  emptyPlacement = "hero",
   composerPlaceholder,
   initialDraft,
   autoSubmitInitialDraft = false,
@@ -10206,9 +10222,9 @@ function PiChatPanel({
   const onTurnCompleteRef = useRef18(onTurnComplete);
   onTurnCompleteRef.current = onTurnComplete;
   const sessionListRefreshRef = useRef18(void 0);
-  const requestHeadersKey = useMemo14(() => headersContentKey(requestHeaders), [requestHeaders]);
-  const normalizedRequestHeaders = useMemo14(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
-  const remoteSessionOptionsWithEvents = useMemo14(() => ({
+  const requestHeadersKey = useMemo16(() => headersContentKey(requestHeaders), [requestHeaders]);
+  const normalizedRequestHeaders = useMemo16(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
+  const remoteSessionOptionsWithEvents = useMemo16(() => ({
     ...remoteSessionOptions,
     ...hydrateMessages ? {} : { autoStart: false },
     onEvent: (event) => {
@@ -10275,7 +10291,7 @@ function PiChatPanel({
     enabled: modelDiscoveryEnabled
   });
   const selectedModel = model === void 0 ? modelDiscovery.model : model;
-  const modelOptions = useMemo14(
+  const modelOptions = useMemo16(
     () => modelOptionsForSelection(availableModels ?? modelDiscovery.availableModels, selectedModel),
     [availableModels, modelDiscovery.availableModels, selectedModel]
   );
@@ -10342,6 +10358,11 @@ function PiChatPanel({
   const [localSubmittedSessionId, setLocalSubmittedSessionId] = useState20();
   const localSubmittedSessionRef = useRef18(void 0);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
+  const composerContributions = useComposerContributions();
+  const contributedCommands = useMemo16(
+    () => composerContributions.flatMap((contribution) => contribution.commands ?? []),
+    [composerContributions]
+  );
   const markLocalSubmitted = useCallback18((sessionId2) => {
     localSubmittedSessionRef.current = sessionId2;
     setLocalSubmittedSessionId(sessionId2);
@@ -10351,7 +10372,7 @@ function PiChatPanel({
     localSubmittedSessionRef.current = void 0;
     setLocalSubmittedSessionId(void 0);
   }, []);
-  const registry = useMemo14(() => {
+  const registry = useMemo16(() => {
     const excludedBuiltins = new Set(excludeBuiltinCommands);
     const effectiveBuiltins = builtinCommands.filter((command) => {
       if (!hotReloadEnabled && command.name === "reload") return false;
@@ -10359,9 +10380,10 @@ function PiChatPanel({
     });
     const next = createCommandRegistry(effectiveBuiltins);
     for (const command of extraCommands ?? []) next.register(command);
+    for (const command of contributedCommands) next.register(command);
     for (const command of commands) next.register(command);
     return next;
-  }, [apiBaseUrl, commands, excludeBuiltinCommands, extraCommands, hotReloadEnabled, normalizedRequestHeaders, serverResourcesEnabled, serverSkillsRefreshKey, storageScope]);
+  }, [apiBaseUrl, commands, contributedCommands, excludeBuiltinCommands, extraCommands, hotReloadEnabled, normalizedRequestHeaders, serverResourcesEnabled, serverSkillsRefreshKey, storageScope]);
   const commandsStamp = useServerCommands({
     registry,
     requestHeaders: normalizedRequestHeaders,
@@ -10372,8 +10394,8 @@ function PiChatPanel({
     refreshKey: serverSkillsRefreshKey,
     enabled: serverResourcesEnabled
   });
-  const allCommands = useMemo14(() => registry.list(), [registry, commandsStamp]);
-  const actionableSlashCommands = useMemo14(
+  const allCommands = useMemo16(() => registry.list(), [registry, commandsStamp]);
+  const actionableSlashCommands = useMemo16(
     () => allCommands.flatMap((command) => command.clickBehavior === "execute" || command.clickBehavior === "insert" ? [{ name: command.name, clickBehavior: command.clickBehavior }] : []),
     [allCommands]
   );
@@ -10381,7 +10403,7 @@ function PiChatPanel({
   const warmupNotice = composerNoticeForWarmup(workspaceWarmupStatus);
   const runtimeDependenciesNotice = composerNoticeForRuntimeDependencies(workspaceWarmupStatus);
   const workspaceWarmupBlocked = Boolean(warmupNotice);
-  const activeBlockers = useMemo14(
+  const activeBlockers = useMemo16(
     // A missing active session id means a single/sessionless chat host. In that
     // mode, keep scoped blockers visible instead of hiding the only attention UI.
     // Multi-session hosts should pass a session id so unrelated blockers filter out.
@@ -10391,7 +10413,7 @@ function PiChatPanel({
   const canonicalMessages = selectedChatState ? selectMessagesForRender(selectedChatState) : [];
   const queuePreview = selectedChatState ? selectQueuePreview(selectedChatState) : [];
   const messages = canonicalMessages;
-  const userHistory = useMemo14(() => selectComposerHistoryFromCanonicalUsers(canonicalMessages), [canonicalMessages]);
+  const userHistory = useMemo16(() => selectComposerHistoryFromCanonicalUsers(canonicalMessages), [canonicalMessages]);
   const emptyStateHydrating = statusForState(selectedChatState, sessionsLoading || chatStatePending || selectedSessionPending) === "hydrating";
   const emptyHero = emptyPlacement === "hero" && messages.length === 0 && queuePreview.length === 0 && !emptyStateHydrating;
   const debugState = selectedPiSession?.getDebugState();
@@ -10399,7 +10421,7 @@ function PiChatPanel({
   const primaryComposerBlocker = activeBlockers[0];
   const composerBlockerLabel = workspaceWarmupBlocked ? warmupNotice?.title ?? "Preparing workspace..." : primaryComposerBlocker?.label ?? primaryComposerBlocker?.reason ?? "Complete the pending workspace action to continue.";
   const composerStatusNotice = warmupNotice ?? runtimeDependenciesNotice;
-  const runtimeNotices = useMemo14(() => {
+  const runtimeNotices = useMemo16(() => {
     const fromState = selectedChatState ? selectRuntimeNotices(selectedChatState) : [];
     const sessionNotice = sessionsError ? [{ id: "session-navigation-error", level: "error", text: sessionsError.message, dismissible: true }] : [];
     const largeStateNotice = debug && debugState?.largeStateWarning ? [{
@@ -10613,7 +10635,7 @@ function PiChatPanel({
     }
     insertSlashCommand(name);
   }, [dismissSlash, insertSlashCommand, openModelPicker, openThinkingPicker, setComposerDraft]);
-  const policy = useMemo14(() => {
+  const policy = useMemo16(() => {
     if (!selectedPiSession || !activeChatSessionId || !serverModelSelectionReady) return void 0;
     const policySession = {
       getState: () => {
@@ -10724,11 +10746,11 @@ function PiChatPanel({
       return false;
     }
   }, [activeChatSessionId, clearLocalSubmitted, dropLocalNotice, markLocalSubmitted, onPromptSubmitStarted, policy, selectedPiSession, setComposerDraft, surfaceRunRejected]);
-  const availableAssistantSlashCommands = useMemo14(
+  const availableAssistantSlashCommands = useMemo16(
     () => policy ? actionableSlashCommands : actionableSlashCommands.filter((command) => command.clickBehavior === "insert"),
     [actionableSlashCommands, policy]
   );
-  const assistantMentionCatalog = useMemo14(() => {
+  const assistantMentionCatalog = useMemo16(() => {
     const skills = /* @__PURE__ */ new Map();
     for (const command of allCommands) {
       if (command.source !== "skill" && command.kind !== "skill") continue;
@@ -10877,8 +10899,8 @@ function PiChatPanel({
   const isStreaming = isPiBusyStatus(status);
   const submitStatus = initialHydrationPromptAllowed ? "ready" : toPromptSubmitStatus(status);
   const submitDisabled = !policy || sessionsLoading || modelSelectionBlocked || composerBlocked && !isStreaming;
-  const mergedToolRenderers = useMemo14(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
-  const debugMessages = useMemo14(() => messages.map(toDebugUiMessage), [messages]);
+  const mergedToolRenderers = useMemo16(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
+  const debugMessages = useMemo16(() => messages.map(toDebugUiMessage), [messages]);
   const onTextareaChange = useCallback18((event) => {
     setModelPickerOpen(false);
     setThinkingPickerOpen(false);
@@ -10912,7 +10934,79 @@ function PiChatPanel({
     }
     handleComposerKeyDown(event);
   }, [handleComposerKeyDown, interrupt, isStreaming, mentionState, slashQuery]);
-  return /* @__PURE__ */ jsx34(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
+  const selectEmptySuggestion = useCallback18((suggestion) => {
+    const text = suggestion.prompt ?? suggestion.label;
+    if (!text.trim()) return;
+    void sendComposerMessage({ text, files: [], source: "suggestion" }).then((result) => {
+      if (result === false) setComposerDraft(text);
+    });
+  }, [sendComposerMessage, setComposerDraft]);
+  const composerSurface = /* @__PURE__ */ jsx36(
+    PiChatComposerSurface,
+    {
+      chrome,
+      pickerPlacement: emptyHero ? "above-compact" : "above",
+      isStreaming,
+      status,
+      disabled,
+      submitStatus,
+      submitDisabled,
+      composerBlocked,
+      composerBlockerLabel,
+      composerPlaceholder,
+      composerStatusNotice,
+      workspaceWarmupBlocked,
+      primaryComposerBlocker,
+      onComposerBlockerAction,
+      queuePreview,
+      onEditQueued: editQueued,
+      hotReloadEnabled,
+      pluginUpdateState,
+      onDismissPluginUpdate: dismissPluginUpdate,
+      onRunPluginUpdate: runPluginUpdate,
+      commandNotifyState,
+      onDismissCommandNotify: dismissCommandNotify,
+      attachmentNotice,
+      onAttachmentNotice: setAttachmentNotice,
+      mentionState,
+      slashQuery,
+      apiBaseUrl,
+      fetch: fetch2,
+      requestHeaders: normalizedRequestHeaders,
+      storageScope,
+      onSelectMention: selectMention,
+      onDismissMention: dismissMention,
+      commands: allCommands,
+      onSelectSlashCommand: selectSlashCommand,
+      onDismissSlash: dismissSlash,
+      modelPickerOpen,
+      selectedModel,
+      modelOptions,
+      modelControlled: model !== void 0,
+      hideDefaultModelOption,
+      hideComposerSettings,
+      onModelChange: modelDiscovery.setModel,
+      onSetModelPickerOpen: setModelPickerOpen,
+      onOpenModelPicker: openModelPicker,
+      thinkingPickerOpen,
+      selectedThinking,
+      thinkingControl,
+      thinkingControlled: thinkingLevel !== void 0,
+      onThinkingChange: setStoredThinkingLevel,
+      onSetThinkingPickerOpen: setThinkingPickerOpen,
+      onOpenThinkingPicker: openThinkingPicker,
+      draft,
+      textareaRef,
+      onTextareaChange,
+      onTextareaKeyDown,
+      updateDraft: (update, options) => {
+        setComposerDraft(update(draftRef.current), options?.focus ?? true);
+      },
+      onSubmitMessage: ({ text, files }) => sendComposerMessage({ text, files }),
+      onStop: stop
+    }
+  );
+  return /* @__PURE__ */ jsx36(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
     "div",
     {
       "data-boring-agent": "",
@@ -10929,7 +11023,7 @@ function PiChatPanel({
       role: "region",
       "aria-label": "Agent assistant",
       children: [
-        showSessionSidebar ? /* @__PURE__ */ jsx34("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx34(
+        showSessionSidebar ? /* @__PURE__ */ jsx36("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx36(
           SessionList,
           {
             sessions: sessionList,
@@ -10943,16 +11037,16 @@ function PiChatPanel({
             loadingMore: sessions.loadingMore
           }
         ) }) : null,
-        /* @__PURE__ */ jsx34("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsx36("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
           "div",
           {
             className: cn(
-              "flex h-full min-h-0 flex-col overflow-hidden",
-              emptyHero && "justify-center",
+              "flex h-full min-h-0 flex-col",
+              emptyHero ? "justify-center overflow-y-auto py-6" : "overflow-hidden",
               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__ */ jsx34(
+              /* @__PURE__ */ jsx36(
                 PiConversationSurface,
                 {
                   chrome,
@@ -10977,71 +11071,22 @@ function PiChatPanel({
                   windowResetKey: activeSessionId
                 }
               ),
-              /* @__PURE__ */ jsx34(
-                PiChatComposerSurface,
+              composerSurface,
+              emptyHero ? /* @__PURE__ */ jsxs31(
+                "div",
                 {
-                  chrome,
-                  isStreaming,
-                  status,
-                  disabled,
-                  submitStatus,
-                  submitDisabled,
-                  composerBlocked,
-                  composerBlockerLabel,
-                  composerPlaceholder,
-                  composerStatusNotice,
-                  workspaceWarmupBlocked,
-                  primaryComposerBlocker,
-                  onComposerBlockerAction,
-                  queuePreview,
-                  onEditQueued: editQueued,
-                  hotReloadEnabled,
-                  pluginUpdateState,
-                  onDismissPluginUpdate: dismissPluginUpdate,
-                  onRunPluginUpdate: runPluginUpdate,
-                  commandNotifyState,
-                  onDismissCommandNotify: dismissCommandNotify,
-                  attachmentNotice,
-                  onAttachmentNotice: setAttachmentNotice,
-                  mentionState,
-                  slashQuery,
-                  apiBaseUrl,
-                  fetch: fetch2,
-                  requestHeaders: normalizedRequestHeaders,
-                  storageScope,
-                  onSelectMention: selectMention,
-                  onDismissMention: dismissMention,
-                  commands: allCommands,
-                  onSelectSlashCommand: selectSlashCommand,
-                  onDismissSlash: dismissSlash,
-                  modelPickerOpen,
-                  selectedModel,
-                  modelOptions,
-                  modelControlled: model !== void 0,
-                  hideDefaultModelOption,
-                  hideComposerSettings,
-                  onModelChange: modelDiscovery.setModel,
-                  onSetModelPickerOpen: setModelPickerOpen,
-                  onOpenModelPicker: openModelPicker,
-                  thinkingPickerOpen,
-                  selectedThinking,
-                  thinkingControl,
-                  thinkingControlled: thinkingLevel !== void 0,
-                  onThinkingChange: setStoredThinkingLevel,
-                  onSetThinkingPickerOpen: setThinkingPickerOpen,
-                  onOpenThinkingPicker: openThinkingPicker,
-                  draft,
-                  textareaRef,
-                  onTextareaChange,
-                  onTextareaKeyDown,
-                  onSubmitMessage: ({ text, files }) => sendComposerMessage({ text, files }),
-                  onStop: stop
+                  "data-boring-agent-part": "empty-hero-suggestions",
+                  className: "@container mx-auto w-full max-w-[640px] px-2 pb-4",
+                  children: [
+                    /* @__PURE__ */ jsx36(ChatSuggestionGrid, { suggestions, onSelect: selectEmptySuggestion, className: "mt-4" }),
+                    emptyState?.footer
+                  ]
                 }
-              )
+              ) : null
             ]
           }
         ) }),
-        debug ? /* @__PURE__ */ jsx34(Suspense, { fallback: null, children: /* @__PURE__ */ jsx34("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx34(
+        debug ? /* @__PURE__ */ jsx36(Suspense, { fallback: null, children: /* @__PURE__ */ jsx36("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx36(
           DebugDrawer2,
           {
             apiBaseUrl,
@@ -11097,8 +11142,10 @@ function getAgentCommands(options = {}) {
 export {
   ArtifactOpenProvider,
   ChatEmptyState,
+  ChatMessageContributionProvider,
   PiChatPanel as ChatPanel,
   CodeBlock2 as CodeBlock,
+  ComposerContributionProvider,
   Conversation,
   ConversationContent,
   ConversationScrollButton,
@@ -11122,7 +11169,10 @@ export {
   ReasoningContent,
   ReasoningTrigger,
   ThinkingSelect,
+  Tool2 as Tool,
   ToolCallGroup,
+  ToolContent,
+  ToolHeader,
   activeSessionStorageKey,
   builtinCommands,
   clearActiveSessionId,