@hachej/boring-agent 0.1.101 → 0.1.104

package/dist/front/index.js

@@ -1,11 +1,23 @@
+import {
+  Artifact,
+  ArtifactAction,
+  ArtifactActions,
+  ArtifactDescription,
+  ArtifactHeader,
+  ArtifactOpenProvider,
+  ArtifactTitle,
+  useOpenArtifact
+} from "../chunk-N6THTH7P.js";
 import {
   DebugDrawer,
   agentResourceUrl,
-  cn,
   copyTextToClipboard,
   createRequestId,
   withStorageScope
-} from "../chunk-46HJK2ES.js";
+} from "../chunk-4XOW57KJ.js";
+import {
+  cn
+} from "../chunk-2BGLZZ7T.js";
 import {
   AGENT_GATEWAY_ERROR_CODES,
   CommandReceiptSchema,
@@ -19,11 +31,11 @@ import {
   WORKSPACE_COMMAND_NOTIFY_EVENT,
   extractToolUiMetadata,
   sanitizeToolUiMetadata
-} from "../chunk-XCZBICZS.js";
+} from "../chunk-6DRHERVK.js";
 import "../chunk-YGRQ4Q5P.js";
 import {
   ErrorCode
-} from "../chunk-VXF5DWS6.js";
+} from "../chunk-K25PK5EC.js";
 
 // src/front/upload/uploadFile.ts
 function readAsDataUrl(file) {
@@ -73,19 +85,7 @@ function rawWorkspaceFileUrl(path, opts) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-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";
-import { jsx } from "react/jsx-runtime";
-var ArtifactOpenContext = createContext(null);
-function ArtifactOpenProvider({ onOpenArtifact, children }) {
-  const inheritedOpenArtifact = useContext(ArtifactOpenContext);
-  return /* @__PURE__ */ jsx(ArtifactOpenContext.Provider, { value: onOpenArtifact ?? inheritedOpenArtifact, children });
-}
-function useOpenArtifact() {
-  return useContext(ArtifactOpenContext);
-}
+import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo16, useRef as useRef17, useState as useState20 } from "react";
 
 // src/front/chatPanelSettings.ts
 var DEFAULT_THINKING = "medium";
@@ -118,7 +118,7 @@ function encodeModelKey(sel) {
 // src/front/ChatEmptyState.tsx
 import { ArrowUpRight, BookOpen, Code2, FileSearch, Wand2 } from "lucide-react";
 import { Button } from "@hachej/boring-ui-kit";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var defaultChatSuggestions = [
   {
     label: "Summarize the README",
@@ -147,7 +147,7 @@ var defaultChatSuggestions = [
 ];
 function ChatSuggestionGrid({ suggestions, onSelect, className }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-boring-agent-part": "suggestion-grid",
@@ -176,7 +176,7 @@ function ChatSuggestionGrid({ suggestions, onSelect, className }) {
             },
             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 && /* @__PURE__ */ jsx(
                 Icon,
                 {
                   className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground transition-colors group-hover:text-[color:var(--chat-empty-accent)]",
@@ -184,10 +184,10 @@ function ChatSuggestionGrid({ suggestions, onSelect, className }) {
                 }
               ),
               /* @__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__ */ jsx("span", { className: "text-[13px] font-medium text-foreground", children: suggestion.label }),
+                suggestion.hint && /* @__PURE__ */ jsx("span", { className: "text-[12px] text-muted-foreground", children: suggestion.hint })
               ] }),
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx(
                 ArrowUpRight,
                 {
                   className: cn(
@@ -235,15 +235,15 @@ function ChatEmptyState({
       ),
       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" }),
+          /* @__PURE__ */ jsx("span", { className: "inline-block h-px w-4 bg-[color:var(--chat-empty-accent)]", "aria-hidden": "true" }),
           eyebrow
         ] }),
-        title && /* @__PURE__ */ jsx2("h3", { className: cn(
+        title && /* @__PURE__ */ jsx("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" }),
+        !hero && description && /* @__PURE__ */ jsx("p", { className: "mt-3 hidden max-w-[440px] text-[14px] leading-relaxed text-[color:var(--chat-empty-description-color)] @[420px]:block", children: description }),
+        /* @__PURE__ */ jsx(ChatSuggestionGrid, { suggestions, onSelect, className: hero ? "mt-4" : "mt-8" }),
         footer
       ]
     }
@@ -345,7 +345,7 @@ var builtinCommands = [
 import { useState } from "react";
 import { createPatch } from "diff";
 import { Button as Button2 } from "@hachej/boring-ui-kit";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var COLLAPSE_THRESHOLD = 30;
 function parsePatch(patch) {
   const lines = patch.split("\n");
@@ -370,7 +370,7 @@ var prefixMap = { "+": "+", "-": "-", " ": " " };
 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" });
+    return /* @__PURE__ */ jsx2("div", { "data-testid": "diff-no-change", className: "py-2 italic opacity-60", children: "No changes" });
   }
   const patch = createPatch(path, oldString, newString, "", "", { context: 3 });
   const lines = parsePatch(patch);
@@ -382,10 +382,10 @@ function DiffView({ oldString, newString, path, replaceAll, actions }) {
         path,
         replaceAll ? " (replace all)" : ""
       ] }),
-      actions ? /* @__PURE__ */ jsx3("span", { className: "flex shrink-0 items-center gap-0.5", children: actions }) : null
+      actions ? /* @__PURE__ */ jsx2("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] }),
+    /* @__PURE__ */ jsx2("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__ */ jsx2("span", { className: "inline-block w-[1.5ch] select-none opacity-50", children: prefixMap[line.type] }),
       line.text
     ] }, i)) }),
     collapsed && /* @__PURE__ */ jsxs2(Button2, { type: "button", variant: "ghost", size: "sm", onClick: () => setExpanded(true), className: "w-full rounded-none text-xs opacity-60", children: [
@@ -399,7 +399,7 @@ function DiffView({ oldString, newString, path, replaceAll, actions }) {
 // src/front/barePrimitives/Tool.tsx
 import { useEffect, useRef, useState as useState2 } from "react";
 import { Button as Button3 } from "@hachej/boring-ui-kit";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function stateLabel(state) {
   switch (state) {
     case "input-streaming":
@@ -420,7 +420,7 @@ function stateLabel(state) {
   }
 }
 function ToolValue({ value }) {
-  return /* @__PURE__ */ jsx4("pre", { className: "m-0 whitespace-pre-wrap text-[0.8125rem]", children: typeof value === "string" ? value : JSON.stringify(value, null, 2) });
+  return /* @__PURE__ */ jsx3("pre", { className: "m-0 whitespace-pre-wrap text-[0.8125rem]", children: typeof value === "string" ? value : JSON.stringify(value, null, 2) });
 }
 function Tool({
   toolName,
@@ -468,17 +468,17 @@ function Tool({
             className: "h-auto w-full justify-start gap-2 rounded-none bg-[var(--boring-agent-tool-header-bg,#f9fafb)] px-3 py-2 text-left font-[family-name:var(--boring-agent-font-mono,monospace)] text-[0.8125rem]",
             "aria-expanded": expanded,
             children: [
-              /* @__PURE__ */ jsx4("span", { className: cn("transition-transform duration-150", expanded && "rotate-90"), children: "\u25B6" }),
-              /* @__PURE__ */ jsx4("span", { className: "font-medium", children: toolName }),
-              /* @__PURE__ */ jsx4("span", { className: "ml-auto text-xs opacity-60", children: isRunning && elapsedSec >= 1 ? `Running\u2026 (${elapsedSec}s)` : stateLabel(state) }),
-              !isComplete && /* @__PURE__ */ jsx4("span", { className: "size-2 rounded-full bg-[var(--boring-agent-tool-running,#3b82f6)]", "aria-label": "running" })
+              /* @__PURE__ */ jsx3("span", { className: cn("transition-transform duration-150", expanded && "rotate-90"), children: "\u25B6" }),
+              /* @__PURE__ */ jsx3("span", { className: "font-medium", children: toolName }),
+              /* @__PURE__ */ jsx3("span", { className: "ml-auto text-xs opacity-60", children: isRunning && elapsedSec >= 1 ? `Running\u2026 (${elapsedSec}s)` : stateLabel(state) }),
+              !isComplete && /* @__PURE__ */ jsx3("span", { className: "size-2 rounded-full bg-[var(--boring-agent-tool-running,#3b82f6)]", "aria-label": "running" })
             ]
           }
         ),
-        expanded && /* @__PURE__ */ jsx4("div", { className: "border-t border-[var(--boring-agent-tool-border,#e5e7eb)] px-3 py-2", children: children ?? /* @__PURE__ */ jsxs3(Fragment, { children: [
-          input !== void 0 && /* @__PURE__ */ jsx4("div", { "data-testid": "tool-input", children: renderInput ? renderInput(input) : /* @__PURE__ */ jsx4(ToolValue, { value: input }) }),
-          output !== void 0 && /* @__PURE__ */ jsx4("div", { "data-testid": "tool-output", className: "mt-2", children: renderOutput ? renderOutput(output) : /* @__PURE__ */ jsx4(ToolValue, { value: output }) }),
-          errorText && /* @__PURE__ */ jsx4("div", { "data-testid": "tool-error", className: "mt-2 text-[var(--boring-agent-tool-error,#ef4444)]", children: errorText })
+        expanded && /* @__PURE__ */ jsx3("div", { className: "border-t border-[var(--boring-agent-tool-border,#e5e7eb)] px-3 py-2", children: children ?? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          input !== void 0 && /* @__PURE__ */ jsx3("div", { "data-testid": "tool-input", children: renderInput ? renderInput(input) : /* @__PURE__ */ jsx3(ToolValue, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsx3("div", { "data-testid": "tool-output", className: "mt-2", children: renderOutput ? renderOutput(output) : /* @__PURE__ */ jsx3(ToolValue, { value: output }) }),
+          errorText && /* @__PURE__ */ jsx3("div", { "data-testid": "tool-error", className: "mt-2 text-[var(--boring-agent-tool-error,#ef4444)]", children: errorText })
         ] }) })
       ]
     }
@@ -486,7 +486,7 @@ function Tool({
 }
 
 // src/front/barePrimitives/Terminal.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function Terminal({
   children,
   stdout,
@@ -503,10 +503,10 @@ function Terminal({
         className
       ),
       children: [
-        title && /* @__PURE__ */ jsx5("div", { className: "border-b border-[var(--boring-agent-terminal-border,#404040)] bg-[var(--boring-agent-terminal-header-bg,#2d2d2d)] px-3 py-1.5 text-xs opacity-80", children: title }),
-        /* @__PURE__ */ jsx5("div", { className: "p-3", children: children ?? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-          stdout && /* @__PURE__ */ jsx5("pre", { "data-stream": "stdout", className: "m-0 whitespace-pre-wrap", children: stdout }),
-          stderr && /* @__PURE__ */ jsx5(
+        title && /* @__PURE__ */ jsx4("div", { className: "border-b border-[var(--boring-agent-terminal-border,#404040)] bg-[var(--boring-agent-terminal-header-bg,#2d2d2d)] px-3 py-1.5 text-xs opacity-80", children: title }),
+        /* @__PURE__ */ jsx4("div", { className: "p-3", children: children ?? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          stdout && /* @__PURE__ */ jsx4("pre", { "data-stream": "stdout", className: "m-0 whitespace-pre-wrap", children: stdout }),
+          stderr && /* @__PURE__ */ jsx4(
             "pre",
             {
               "data-stream": "stderr",
@@ -540,7 +540,7 @@ function Terminal({
 // src/front/barePrimitives/CodeBlock.tsx
 import { useCallback, useState as useState3 } from "react";
 import { Button as Button4 } from "@hachej/boring-ui-kit";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function CodeBlock({
   code: code3,
   language,
@@ -568,14 +568,14 @@ function CodeBlock({
       ),
       children: [
         (filename || language) && /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between border-b border-[var(--boring-agent-code-border,#404040)] bg-[var(--boring-agent-code-header-bg,#2d2d2d)] px-3 py-1.5 text-xs", children: [
-          /* @__PURE__ */ jsx6("span", { className: "opacity-70", children: filename ?? language }),
-          copyable && /* @__PURE__ */ jsx6(Button4, { type: "button", variant: "ghost", size: "xs", onClick: handleCopy, "aria-label": "Copy code", className: "h-6 px-1.5 text-xs text-inherit opacity-60", children: copied ? "Copied" : "Copy" })
+          /* @__PURE__ */ jsx5("span", { className: "opacity-70", children: filename ?? language }),
+          copyable && /* @__PURE__ */ jsx5(Button4, { type: "button", variant: "ghost", size: "xs", onClick: handleCopy, "aria-label": "Copy code", className: "h-6 px-1.5 text-xs text-inherit opacity-60", children: copied ? "Copied" : "Copy" })
         ] }),
-        /* @__PURE__ */ jsx6("pre", { className: "m-0 overflow-auto p-3", children: /* @__PURE__ */ jsx6("code", { "data-language": language, children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs5("span", { className: "block", children: [
-          /* @__PURE__ */ jsx6("span", { className: "mr-4 inline-block select-none text-right opacity-40", style: { width: lineNumberWidth }, children: i + 1 }),
+        /* @__PURE__ */ jsx5("pre", { className: "m-0 overflow-auto p-3", children: /* @__PURE__ */ jsx5("code", { "data-language": language, children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs5("span", { className: "block", children: [
+          /* @__PURE__ */ jsx5("span", { className: "mr-4 inline-block select-none text-right opacity-40", style: { width: lineNumberWidth }, children: i + 1 }),
           line
         ] }, i)) : code3 }) }),
-        copyable && !filename && !language && /* @__PURE__ */ jsx6(
+        copyable && !filename && !language && /* @__PURE__ */ jsx5(
           Button4,
           {
             type: "button",
@@ -593,7 +593,7 @@ function CodeBlock({
 }
 
 // src/front/bareToolRenderers/renderers.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var FALLBACK_RENDERER_KEY = "__fallback";
 function asRecord(v) {
   return typeof v === "object" && v !== null ? v : {};
@@ -703,14 +703,14 @@ function renderBash(part) {
   const stdout = typeof output.stdout === "string" ? output.stdout : output.content ? JSON.stringify(output.content) : void 0;
   const stderr = typeof output.stderr === "string" ? output.stderr : void 0;
   const exitCode = typeof output.exitCode === "number" ? output.exitCode : void 0;
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "bash", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx7(Terminal, { title: `$ ${command}`, stdout, stderr, exitCode: exitCode ?? null }) });
+  return /* @__PURE__ */ jsx6(Tool, { toolName: "bash", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx6(Terminal, { title: `$ ${command}`, stdout, stderr, exitCode: exitCode ?? null }) });
 }
 function renderRead(part) {
   const input = asRecord(part.input);
   const output = asRecord(part.output);
   const path = String(input.path ?? "");
   const content = typeof output.text === "string" ? output.text : Array.isArray(output.content) ? output.content.map((c) => c.text ?? "").join("") : typeof output.content === "string" ? output.content : void 0;
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "read", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content != null ? /* @__PURE__ */ jsx7(CodeBlock, { code: content, language: langFromPath(path), filename: path }) : /* @__PURE__ */ jsxs6("span", { style: { opacity: 0.6 }, children: [
+  return /* @__PURE__ */ jsx6(Tool, { toolName: "read", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content != null ? /* @__PURE__ */ jsx6(CodeBlock, { code: content, language: langFromPath(path), filename: path }) : /* @__PURE__ */ jsxs6("span", { style: { opacity: 0.6 }, children: [
     "Reading ",
     path,
     "\u2026"
@@ -720,11 +720,11 @@ function renderWrite(part) {
   const input = asRecord(part.input);
   const path = String(input.path ?? "");
   const content = typeof input.content === "string" ? input.content : "";
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "write", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsxs6("span", { style: { fontFamily: "var(--boring-agent-font-mono, monospace)", fontSize: "0.8125rem" }, children: [
+  return /* @__PURE__ */ jsx6(Tool, { toolName: "write", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsxs6("span", { style: { fontFamily: "var(--boring-agent-font-mono, monospace)", fontSize: "0.8125rem" }, children: [
     "Wrote ",
     content.length,
     " bytes to ",
-    /* @__PURE__ */ jsx7("strong", { children: path })
+    /* @__PURE__ */ jsx6("strong", { children: path })
   ] }) });
 }
 function renderEdit(part) {
@@ -733,7 +733,7 @@ function renderEdit(part) {
   const oldString = typeof input.oldString === "string" ? input.oldString : "";
   const newString = typeof input.newString === "string" ? input.newString : "";
   const replaceAll = Boolean(input.replaceAll);
-  return /* @__PURE__ */ jsx7(Tool, { toolName: "edit", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx7(DiffView, { oldString, newString, path, replaceAll }) });
+  return /* @__PURE__ */ jsx6(Tool, { toolName: "edit", toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, defaultExpanded: true, children: /* @__PURE__ */ jsx6(DiffView, { oldString, newString, path, replaceAll }) });
 }
 function renderSearchLike(toolName, part) {
   const input = asRecord(part.input);
@@ -742,17 +742,17 @@ function renderSearchLike(toolName, part) {
   const path = typeof input.path === "string" ? input.path : "";
   const pattern = typeof input.pattern === "string" ? input.pattern : "";
   const title = [toolName, pattern || path].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx7(Tool, { toolName, toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content ? /* @__PURE__ */ jsx7(CodeBlock, { code: content, language: "text", filename: title }) : /* @__PURE__ */ jsx7("span", { style: { opacity: 0.6 }, children: toolName === "ls" ? `Listing ${path || "."}...` : `Searching ${pattern || path || "."}...` }) });
+  return /* @__PURE__ */ jsx6(Tool, { toolName, toolCallId: part.toolCallId, state: part.state, errorText: part.errorText, children: content ? /* @__PURE__ */ jsx6(CodeBlock, { code: content, language: "text", filename: title }) : /* @__PURE__ */ jsx6("span", { style: { opacity: 0.6 }, children: toolName === "ls" ? `Listing ${path || "."}...` : `Searching ${pattern || path || "."}...` }) });
 }
 function renderGetUiState(part) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     Tool,
     {
       toolName: "get_ui_state",
       toolCallId: part.toolCallId,
       state: part.state,
       errorText: part.errorText,
-      renderOutput: (output) => /* @__PURE__ */ jsx7("pre", { style: { margin: 0, whiteSpace: "pre-wrap", fontSize: "0.8125rem", fontFamily: "var(--boring-agent-font-mono, monospace)" }, children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }),
+      renderOutput: (output) => /* @__PURE__ */ jsx6("pre", { style: { margin: 0, whiteSpace: "pre-wrap", fontSize: "0.8125rem", fontFamily: "var(--boring-agent-font-mono, monospace)" }, children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }),
       input: part.input,
       output: part.output
     }
@@ -764,7 +764,7 @@ function renderExecUi(part) {
   const params = input.params;
   const paramsText = params !== void 0 && params !== null ? typeof params === "string" ? params : JSON.stringify(params) : "";
   const summary = kind ? `${kind}${paramsText ? `(${paramsText})` : ""}` : "(empty)";
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     Tool,
     {
       toolName: "exec_ui",
@@ -787,7 +787,7 @@ function renderExecUi(part) {
             ]
           }
         ),
-        part.errorText && /* @__PURE__ */ jsx7(
+        part.errorText && /* @__PURE__ */ jsx6(
           "span",
           {
             "data-testid": "tool-error",
@@ -809,7 +809,7 @@ function fallbackToolName(part) {
   return part.toolName;
 }
 function renderFallback(part) {
-  const renderJson = (value) => /* @__PURE__ */ jsx7(
+  const renderJson = (value) => /* @__PURE__ */ jsx6(
     "pre",
     {
       style: {
@@ -821,7 +821,7 @@ function renderFallback(part) {
       children: typeof value === "string" ? value : JSON.stringify(value, null, 2)
     }
   );
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     Tool,
     {
       toolName: fallbackToolName(part),
@@ -912,17 +912,17 @@ import {
 } from "@hachej/boring-ui-kit";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import {
-  createContext as createContext2,
+  createContext,
   memo,
   useCallback as useCallback2,
-  useContext as useContext2,
+  useContext,
   useEffect as useEffect2,
   useMemo,
   useRef as useRef2,
   useState as useState4
 } from "react";
 import { createHighlighter } from "shiki";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var isItalic = (fontStyle) => fontStyle && fontStyle & 1;
 var isBold = (fontStyle) => fontStyle && fontStyle & 2;
 var isUnderline = (fontStyle) => (
@@ -936,7 +936,7 @@ var addKeysToTokens = (lines) => lines.map((line, lineIdx) => ({
     token
   }))
 }));
-var TokenSpan = ({ token }) => /* @__PURE__ */ jsx8(
+var TokenSpan = ({ token }) => /* @__PURE__ */ jsx7(
   "span",
   {
     className: "dark:!text-[var(--shiki-dark)]",
@@ -966,8 +966,8 @@ var LINE_NUMBER_CLASSES = cn(
 var LineSpan = ({
   keyedLine,
   showLineNumbers
-}) => /* @__PURE__ */ jsx8("span", { className: showLineNumbers ? LINE_NUMBER_CLASSES : "block", children: keyedLine.tokens.length === 0 ? "\n" : keyedLine.tokens.map(({ token, key }) => /* @__PURE__ */ jsx8(TokenSpan, { token }, key)) });
-var CodeBlockContext = createContext2({
+}) => /* @__PURE__ */ jsx7("span", { className: showLineNumbers ? LINE_NUMBER_CLASSES : "block", children: keyedLine.tokens.length === 0 ? "\n" : keyedLine.tokens.map(({ token, key }) => /* @__PURE__ */ jsx7(TokenSpan, { token }, key)) });
+var CodeBlockContext = createContext({
   code: ""
 });
 var highlighterCache = /* @__PURE__ */ new Map();
@@ -1059,7 +1059,7 @@ var CodeBlockBody = memo(
       () => addKeysToTokens(tokenized.tokens),
       [tokenized.tokens]
     );
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx7(
       "pre",
       {
         className: cn(
@@ -1067,14 +1067,14 @@ var CodeBlockBody = memo(
           className
         ),
         style: preStyle,
-        children: /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsx7(
           "code",
           {
             className: cn(
               "font-mono text-sm",
               showLineNumbers && "[counter-increment:line_0] [counter-reset:line]"
             ),
-            children: keyedLines.map((keyedLine) => /* @__PURE__ */ jsx8(
+            children: keyedLines.map((keyedLine) => /* @__PURE__ */ jsx7(
               LineSpan,
               {
                 keyedLine,
@@ -1095,7 +1095,7 @@ var CodeBlockContainer = ({
   language,
   style,
   ...props
-}) => /* @__PURE__ */ jsx8(
+}) => /* @__PURE__ */ jsx7(
   "div",
   {
     className: cn(
@@ -1115,7 +1115,7 @@ var CodeBlockHeader = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx8(
+}) => /* @__PURE__ */ jsx7(
   "div",
   {
     className: cn(
@@ -1130,12 +1130,12 @@ var CodeBlockTitle = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx8("div", { className: cn("flex items-center gap-2", className), ...props, children });
+}) => /* @__PURE__ */ jsx7("div", { className: cn("flex items-center gap-2", className), ...props, children });
 var CodeBlockFilename = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx8(
+}) => /* @__PURE__ */ jsx7(
   "span",
   {
     className: cn(
@@ -1175,7 +1175,7 @@ var CodeBlockContent = ({
     };
   }, [code3, language]);
   const tokenized = asyncTokens ?? syncTokens;
-  return /* @__PURE__ */ jsx8("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx8(CodeBlockBody, { showLineNumbers, tokenized }) });
+  return /* @__PURE__ */ jsx7("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx7(CodeBlockBody, { showLineNumbers, tokenized }) });
 };
 var CodeBlock2 = ({
   code: code3,
@@ -1186,9 +1186,9 @@ var CodeBlock2 = ({
   ...props
 }) => {
   const contextValue = useMemo(() => ({ code: code3 }), [code3]);
-  return /* @__PURE__ */ jsx8(CodeBlockContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs7(CodeBlockContainer, { className, language, ...props, children: [
+  return /* @__PURE__ */ jsx7(CodeBlockContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs7(CodeBlockContainer, { className, language, ...props, children: [
     children,
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       CodeBlockContent,
       {
         code: code3,
@@ -1208,7 +1208,7 @@ var CodeBlockCopyButton = ({
 }) => {
   const [isCopied, setIsCopied] = useState4(false);
   const timeoutRef = useRef2(0);
-  const { code: code3 } = useContext2(CodeBlockContext);
+  const { code: code3 } = useContext(CodeBlockContext);
   const copyToClipboard = useCallback2(async () => {
     if (typeof window === "undefined") {
       onError?.(new Error("Clipboard API not available"));
@@ -1236,7 +1236,7 @@ var CodeBlockCopyButton = ({
     []
   );
   const Icon = isCopied ? CheckIcon : CopyIcon;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     Button5,
     {
       className: cn("shrink-0", className),
@@ -1244,14 +1244,14 @@ var CodeBlockCopyButton = ({
       size: "icon",
       variant: "ghost",
       ...props,
-      children: children ?? /* @__PURE__ */ jsx8(Icon, { size: 14 })
+      children: children ?? /* @__PURE__ */ jsx7(Icon, { size: 14 })
     }
   );
 };
 
 // src/front/primitives/tool.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var Tool2 = ({ className, ...props }) => /* @__PURE__ */ jsx9(
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var Tool2 = ({ className, ...props }) => /* @__PURE__ */ jsx8(
   Collapsible,
   {
     "data-boring-agent-part": "tool-card",
@@ -1279,14 +1279,14 @@ var statusLabels = {
   aborted: "Aborted"
 };
 var statusIcons = {
-  "approval-requested": /* @__PURE__ */ jsx9(ClockIcon, { className: "size-4 text-accent" }),
-  "approval-responded": /* @__PURE__ */ jsx9(CheckCircleIcon, { className: "size-4 text-accent" }),
-  "input-available": /* @__PURE__ */ jsx9(ClockIcon, { className: "size-4 animate-pulse text-muted-foreground" }),
-  "input-streaming": /* @__PURE__ */ jsx9(CircleIcon, { className: "size-4 text-muted-foreground" }),
-  "output-available": /* @__PURE__ */ jsx9(CheckCircleIcon, { className: "size-4 text-accent" }),
-  "output-denied": /* @__PURE__ */ jsx9(XCircleIcon, { className: "size-4 text-destructive" }),
-  "output-error": /* @__PURE__ */ jsx9(XCircleIcon, { className: "size-4 text-destructive" }),
-  aborted: /* @__PURE__ */ jsx9(XCircleIcon, { className: "size-4 text-muted-foreground" })
+  "approval-requested": /* @__PURE__ */ jsx8(ClockIcon, { className: "size-4 text-accent" }),
+  "approval-responded": /* @__PURE__ */ jsx8(CheckCircleIcon, { className: "size-4 text-accent" }),
+  "input-available": /* @__PURE__ */ jsx8(ClockIcon, { className: "size-4 animate-pulse text-muted-foreground" }),
+  "input-streaming": /* @__PURE__ */ jsx8(CircleIcon, { className: "size-4 text-muted-foreground" }),
+  "output-available": /* @__PURE__ */ jsx8(CheckCircleIcon, { className: "size-4 text-accent" }),
+  "output-denied": /* @__PURE__ */ jsx8(XCircleIcon, { className: "size-4 text-destructive" }),
+  "output-error": /* @__PURE__ */ jsx8(XCircleIcon, { className: "size-4 text-destructive" }),
+  aborted: /* @__PURE__ */ jsx8(XCircleIcon, { className: "size-4 text-muted-foreground" })
 };
 var getStatusBadge = (status, label = statusLabels[status]) => /* @__PURE__ */ jsxs8(Badge, { className: "shrink-0 gap-1.5 rounded-full text-xs", variant: "secondary", children: [
   statusIcons[status],
@@ -1314,11 +1314,11 @@ var ToolHeader = ({
       ...props,
       children: [
         /* @__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 }),
+          icon ?? /* @__PURE__ */ jsx8(WrenchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx8("span", { "data-boring-agent-part": "tool-title", className: "min-w-0 flex-1 truncate text-sm font-medium", children: title ?? derivedName }),
           getStatusBadge(state, statusLabel)
         ] }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           ChevronDownIcon,
           {
             "data-boring-agent-part": "tool-chevron",
@@ -1329,7 +1329,7 @@ var ToolHeader = ({
     }
   );
 };
-var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx9(
+var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx8(
   CollapsibleContent,
   {
     className: cn(
@@ -1340,8 +1340,8 @@ var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx9(
   }
 );
 var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs8("div", { className: cn("space-y-2 overflow-hidden", className), ...props, children: [
-  /* @__PURE__ */ jsx9("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
-  /* @__PURE__ */ jsx9("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx9(CodeBlock2, { code: JSON.stringify(input, null, 2), language: "json" }) })
+  /* @__PURE__ */ jsx8("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
+  /* @__PURE__ */ jsx8("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx8(CodeBlock2, { code: JSON.stringify(input, null, 2), language: "json" }) })
 ] });
 var ToolOutput = ({
   className,
@@ -1355,15 +1355,15 @@ var ToolOutput = ({
   let Output = null;
   if (!errorText) {
     if (typeof output === "object" && !isValidElement(output)) {
-      Output = /* @__PURE__ */ jsx9(CodeBlock2, { code: JSON.stringify(output, null, 2), language: "json" });
+      Output = /* @__PURE__ */ jsx8(CodeBlock2, { code: JSON.stringify(output, null, 2), language: "json" });
     } else if (typeof output === "string") {
-      Output = /* @__PURE__ */ jsx9(CodeBlock2, { code: output, language: "text" });
+      Output = /* @__PURE__ */ jsx8(CodeBlock2, { code: output, language: "text" });
     } else if (output) {
-      Output = /* @__PURE__ */ jsx9("div", { children: output });
+      Output = /* @__PURE__ */ jsx8("div", { children: output });
     }
   }
   return /* @__PURE__ */ jsxs8("div", { "data-boring-agent-part": "tool-result", className: cn("space-y-2", className), ...props, children: [
-    /* @__PURE__ */ jsx9("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),
+    /* @__PURE__ */ jsx8("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),
     /* @__PURE__ */ jsxs8(
       "div",
       {
@@ -1372,7 +1372,7 @@ var ToolOutput = ({
           errorText ? "overflow-hidden border border-destructive/20 bg-destructive/10 text-destructive" : "overflow-x-auto bg-muted/30 text-foreground"
         ),
         children: [
-          errorText ? /* @__PURE__ */ jsx9("pre", { className: "m-0 overflow-x-auto whitespace-pre-wrap break-words p-3 font-mono text-[12px] leading-5 [overflow-wrap:anywhere]", children: errorText }) : null,
+          errorText ? /* @__PURE__ */ jsx8("pre", { className: "m-0 overflow-x-auto whitespace-pre-wrap break-words p-3 font-mono text-[12px] leading-5 [overflow-wrap:anywhere]", children: errorText }) : null,
           Output
         ]
       }
@@ -1384,52 +1384,6 @@ var ToolOutput = ({
 import { CollapsibleTrigger as CollapsibleTrigger2 } from "@hachej/boring-ui-kit";
 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";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "@hachej/boring-ui-kit";
-import { XIcon } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var ArtifactAction = ({
-  tooltip,
-  label,
-  icon: Icon,
-  children,
-  className,
-  size = "sm",
-  variant = "ghost",
-  ...props
-}) => {
-  const button = /* @__PURE__ */ jsxs9(
-    Button6,
-    {
-      className: cn(
-        "size-8 p-0 text-muted-foreground hover:text-foreground",
-        className
-      ),
-      size,
-      type: "button",
-      variant,
-      ...props,
-      children: [
-        Icon ? /* @__PURE__ */ jsx10(Icon, { className: "size-4" }) : children,
-        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: label || tooltip })
-      ]
-    }
-  );
-  if (tooltip) {
-    return /* @__PURE__ */ jsx10(TooltipProvider, { children: /* @__PURE__ */ jsxs9(Tooltip, { children: [
-      /* @__PURE__ */ jsx10(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx10(TooltipContent, { children: /* @__PURE__ */ jsx10("p", { children: tooltip }) })
-    ] }) });
-  }
-  return button;
-};
-
 // src/front/runtimeReadinessStatus.ts
 var COPY = {
   "runtime-dependencies": "Runtime dependencies are still installing.",
@@ -1494,7 +1448,7 @@ function getWorkspaceNotReadyStatus(output) {
 }
 
 // src/front/toolRenderers.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function asRecord2(value) {
   return typeof value === "object" && value !== null ? value : {};
 }
@@ -1518,7 +1472,7 @@ function toHeaderProps(part) {
 function PathLabel({ path, filesystem }) {
   const onOpen = useOpenArtifact();
   if (!onOpen) {
-    return /* @__PURE__ */ jsx11("span", { className: "font-mono text-[12.5px] text-foreground/85", children: path });
+    return /* @__PURE__ */ jsx9("span", { className: "font-mono text-[12.5px] text-foreground/85", children: path });
   }
   const open = (e) => {
     e.preventDefault();
@@ -1529,7 +1483,7 @@ function PathLabel({ path, filesystem }) {
   const handleKeyDown = (e) => {
     if (e.key === "Enter" || e.key === " ") open(e);
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       role: "button",
@@ -1545,8 +1499,8 @@ function PathLabel({ path, filesystem }) {
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[color:var(--accent)]/40"
       ),
       children: [
-        /* @__PURE__ */ jsx11("span", { className: "truncate", children: path }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx9("span", { className: "truncate", children: path }),
+        /* @__PURE__ */ jsx9(
           ExternalLinkIcon,
           {
             className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover/path:opacity-100",
@@ -1561,9 +1515,9 @@ function PathLabel({ path, filesystem }) {
 function renderWorkspaceNotReady(part) {
   const status = getWorkspaceNotReadyStatus(part.output);
   if (!status) return null;
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { title: `${part.toolName} \xB7 ${status.message}`, ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsx11(ToolContent, { children: /* @__PURE__ */ jsxs10("div", { className: "rounded-md border border-border/60 bg-muted/30 px-3 py-2 text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { title: `${part.toolName} \xB7 ${status.message}`, ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsx9(ToolContent, { children: /* @__PURE__ */ jsxs9("div", { className: "rounded-md border border-border/60 bg-muted/30 px-3 py-2 text-sm text-muted-foreground", children: [
       status.message,
       " Try again in a moment."
     ] }) })
@@ -1573,9 +1527,9 @@ function renderRuntimeNotReady(part) {
   const status = getRuntimeReadinessStatus(part.output);
   if (!status) return null;
   const suffix = status.code === ErrorCode.enum.RUNTIME_PROVISIONING_FAILED ? "Retry or reload the workspace." : "This is retryable; try again shortly.";
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { title: `${part.toolName} \xB7 ${status.message} ${suffix}`, ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsx11(ToolContent, { children: /* @__PURE__ */ jsxs10("div", { className: "rounded-md border border-border/60 bg-muted/30 px-3 py-2 text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { title: `${part.toolName} \xB7 ${status.message} ${suffix}`, ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsx9(ToolContent, { children: /* @__PURE__ */ jsxs9("div", { className: "rounded-md border border-border/60 bg-muted/30 px-3 py-2 text-sm text-muted-foreground", children: [
       status.message,
       " ",
       suffix
@@ -1586,10 +1540,10 @@ function renderReadinessBlock(part) {
   return renderWorkspaceNotReady(part) ?? renderRuntimeNotReady(part);
 }
 function pathTitle(prefix, path, filesystem) {
-  return /* @__PURE__ */ jsxs10("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground", children: prefix }),
-    /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
-    /* @__PURE__ */ jsx11(PathLabel, { path, filesystem })
+  return /* @__PURE__ */ jsxs9("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground", children: prefix }),
+    /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
+    /* @__PURE__ */ jsx9(PathLabel, { path, filesystem })
   ] });
 }
 function renderBash2(part) {
@@ -1604,21 +1558,21 @@ function renderBash2(part) {
   const exitCode = typeof output.exitCode === "number" ? output.exitCode : null;
   const title = description || (command.length > 64 ? command.slice(0, 64) + "\u2026" : command) || "bash";
   const errorText = part.errorText || (stderr && (exitCode ?? 0) !== 0 ? stderr : void 0);
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { icon: /* @__PURE__ */ jsx11(SquareTerminalIcon, { className: "size-4 text-muted-foreground" }), title: `bash \xB7 ${title}`, ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs10(ToolContent, { children: [
-      command && /* @__PURE__ */ jsxs10("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx11("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Command" }),
-        /* @__PURE__ */ jsx11(CodeBlock2, { code: command, language: "bash" })
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { icon: /* @__PURE__ */ jsx9(SquareTerminalIcon, { className: "size-4 text-muted-foreground" }), title: `bash \xB7 ${title}`, ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs9(ToolContent, { children: [
+      command && /* @__PURE__ */ jsxs9("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Command" }),
+        /* @__PURE__ */ jsx9(CodeBlock2, { code: command, language: "bash" })
       ] }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx9(
         ToolOutput,
         {
           output: stdout && !errorText ? stdout : void 0,
           errorText
         }
       ),
-      exitCode !== null && exitCode !== 0 && !errorText && /* @__PURE__ */ jsxs10("div", { className: "text-xs text-destructive", children: [
+      exitCode !== null && exitCode !== 0 && !errorText && /* @__PURE__ */ jsxs9("div", { className: "text-xs text-destructive", children: [
         "exit ",
         exitCode
       ] })
@@ -1634,13 +1588,13 @@ function renderRead2(part) {
   const filesystem = typeof input.filesystem === "string" ? input.filesystem : void 0;
   const content = extractTextContent(output);
   const lang = langFromPath(path);
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { icon: /* @__PURE__ */ jsx11(FileTextIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("read", path, filesystem), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs10(ToolContent, { children: [
-      /* @__PURE__ */ jsx11(ToolInput, { input }),
-      content && /* @__PURE__ */ jsxs10("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx11("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Content" }),
-        /* @__PURE__ */ jsx11(CodeBlock2, { code: content, language: lang ?? "text" })
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { icon: /* @__PURE__ */ jsx9(FileTextIcon, { className: "size-4 text-muted-foreground" }), title: pathTitle("read", path, filesystem), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs9(ToolContent, { children: [
+      /* @__PURE__ */ jsx9(ToolInput, { input }),
+      content && /* @__PURE__ */ jsxs9("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Content" }),
+        /* @__PURE__ */ jsx9(CodeBlock2, { code: content, language: lang ?? "text" })
       ] })
     ] })
   ] });
@@ -1652,20 +1606,20 @@ 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 : "";
-  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(
+  return /* @__PURE__ */ jsxs9(Tool2, { defaultOpen: part.state === "output-available", children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { className: "p-2", icon: /* @__PURE__ */ jsx9(FilePlus2Icon, { className: "size-4 shrink-0 text-muted-foreground" }), title: pathTitle("write", path, filesystem), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs9(ToolContent, { className: "p-1.5", children: [
+      /* @__PURE__ */ jsx9("div", { className: "max-h-80 overflow-auto overscroll-contain rounded-sm", children: content ? /* @__PURE__ */ jsx9(
         DiffView,
         {
           oldString: "",
           newString: content,
           path,
-          actions: /* @__PURE__ */ jsxs10(Fragment3, { children: [
-            /* @__PURE__ */ jsx11(ArtifactAction, { className: "size-6", icon: CopyIcon2, tooltip: "Copy contents", label: "Copy", onClick: () => {
+          actions: /* @__PURE__ */ jsxs9(Fragment3, { children: [
+            /* @__PURE__ */ jsx9(ArtifactAction, { className: "size-6", icon: CopyIcon2, tooltip: "Copy contents", label: "Copy", onClick: () => {
               void copyTextToClipboard(content);
             } }),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx9(
               ArtifactAction,
               {
                 className: "size-6",
@@ -1687,8 +1641,8 @@ function renderWrite2(part) {
             )
           ] })
         }
-      ) : /* @__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
+      ) : /* @__PURE__ */ jsx9("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__ */ jsx9(ToolOutput, { output: part.output, errorText: part.errorText }) : null
     ] })
   ] });
 }
@@ -1707,17 +1661,17 @@ function renderEdit2(part) {
   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: [
+  return /* @__PURE__ */ jsxs9(Tool2, { defaultOpen: part.state === "output-available", children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { className: "p-2", icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: "size-4 shrink-0 text-muted-foreground" }), title: pathTitle("edit", path, filesystem), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs9(ToolContent, { className: "space-y-2 p-2", children: [
+      /* @__PURE__ */ jsx9("div", { className: "max-h-80 space-y-2 overflow-auto overscroll-contain rounded-sm", children: visibleEdits.length > 0 ? visibleEdits.map((edit, index) => /* @__PURE__ */ jsxs9("div", { children: [
+        visibleEdits.length > 1 ? /* @__PURE__ */ jsxs9("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
+        /* @__PURE__ */ jsx9(DiffView, { oldString: edit.oldText, newString: edit.newText, path })
+      ] }, `${index}:${edit.oldText.length}:${edit.newText.length}`)) : /* @__PURE__ */ jsx9("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__ */ jsx9(ToolOutput, { output: part.output, errorText: part.errorText }) : null
     ] })
   ] });
 }
@@ -1730,18 +1684,18 @@ function renderSearchLike2(toolName, part) {
   const path = typeof input.path === "string" ? input.path : "";
   const glob = typeof input.glob === "string" ? input.glob : "";
   const summary = [pattern, path, glob].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsx9(
       ToolHeader,
       {
-        icon: /* @__PURE__ */ jsx11(SearchLikeIcon, { className: "size-4 text-muted-foreground" }),
+        icon: /* @__PURE__ */ jsx9(SearchLikeIcon, { className: "size-4 text-muted-foreground" }),
         title: summary ? `${toolName} \xB7 ${summary}` : toolName,
         ...toHeaderProps(part)
       }
     ),
-    /* @__PURE__ */ jsxs10(ToolContent, { children: [
-      /* @__PURE__ */ jsx11(ToolInput, { input }),
-      /* @__PURE__ */ jsx11(ToolOutput, { output: part.output, errorText: part.errorText })
+    /* @__PURE__ */ jsxs9(ToolContent, { children: [
+      /* @__PURE__ */ jsx9(ToolInput, { input }),
+      /* @__PURE__ */ jsx9(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
@@ -1766,8 +1720,8 @@ function renderExecUi2(part) {
   const kind = typeof input.kind === "string" ? input.kind : "(empty)";
   const tokens = extractParamTokens(input.params);
   const headerProps = toHeaderProps(part);
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsxs9(
       CollapsibleTrigger2,
       {
         className: cn(
@@ -1775,17 +1729,17 @@ function renderExecUi2(part) {
           "hover:bg-muted/40 transition-colors"
         ),
         children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx9(
             ZapIcon,
             {
               className: "size-3.5 shrink-0 text-muted-foreground/70",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsx11("span", { className: "font-medium text-sm", children: kind }),
-          tokens.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 items-center gap-1.5 overflow-hidden", children: [
-            /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
-            tokens.map((tok, i) => /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx9("span", { className: "font-medium text-sm", children: kind }),
+          tokens.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 items-center gap-1.5 overflow-hidden", children: [
+            /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground/40", "aria-hidden": "true", children: "\xB7" }),
+            tokens.map((tok, i) => /* @__PURE__ */ jsx9(
               "span",
               {
                 className: cn(
@@ -1798,9 +1752,9 @@ function renderExecUi2(part) {
               i
             ))
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
             getStatusBadge(headerProps.state),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx9(
               ChevronDownIcon2,
               {
                 className: "size-4 text-muted-foreground/60 transition-transform group-data-[state=open]/exec-ui:rotate-180",
@@ -1811,9 +1765,9 @@ function renderExecUi2(part) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs10(ToolContent, { children: [
-      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx11(ToolInput, { input: part.input }),
-      /* @__PURE__ */ jsx11(ToolOutput, { output: part.output, errorText: part.errorText })
+    /* @__PURE__ */ jsxs9(ToolContent, { children: [
+      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx9(ToolInput, { input: part.input }),
+      /* @__PURE__ */ jsx9(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
@@ -1825,11 +1779,11 @@ function fallbackTitle(part) {
 function renderFallback2(part) {
   const readiness = renderReadinessBlock(part);
   if (readiness) return readiness;
-  return /* @__PURE__ */ jsxs10(Tool2, { children: [
-    /* @__PURE__ */ jsx11(ToolHeader, { title: fallbackTitle(part), ...toHeaderProps(part) }),
-    /* @__PURE__ */ jsxs10(ToolContent, { children: [
-      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx11(ToolInput, { input: part.input }),
-      /* @__PURE__ */ jsx11(ToolOutput, { output: part.output, errorText: part.errorText })
+  return /* @__PURE__ */ jsxs9(Tool2, { children: [
+    /* @__PURE__ */ jsx9(ToolHeader, { title: fallbackTitle(part), ...toHeaderProps(part) }),
+    /* @__PURE__ */ jsxs9(ToolContent, { children: [
+      part.input !== void 0 && part.input !== null && /* @__PURE__ */ jsx9(ToolInput, { input: part.input }),
+      /* @__PURE__ */ jsx9(ToolOutput, { output: part.output, errorText: part.errorText })
     ] })
   ] });
 }
@@ -1993,7 +1947,7 @@ function usePickerKeyboard({
 }
 
 // src/front/primitives/mention-picker.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var mentionSearchGlob = toFileSearchGlob;
 function highlight(text, query) {
   if (!query) return null;
@@ -2040,10 +1994,10 @@ function MentionPicker({
   }, [results, onSelect]);
   usePickerKeyboard({ count: results.length, activeIdx, setActiveIdx, listRef, onSelect: handleSelect, onDismiss });
   if (results.length === 0) return null;
-  return /* @__PURE__ */ jsx12("div", { className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: /* @__PURE__ */ jsx12("ul", { ref: listRef, className: "max-h-48 overflow-y-auto py-1", role: "listbox", "aria-label": "File suggestions", children: results.map((path, i) => {
+  return /* @__PURE__ */ jsx10("div", { className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: /* @__PURE__ */ jsx10("ul", { ref: listRef, className: "max-h-48 overflow-y-auto py-1", role: "listbox", "aria-label": "File suggestions", children: results.map((path, i) => {
     const name = path.split("/").pop() ?? path;
     const hl = highlight(name, mention.query);
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs10(
       "li",
       {
         role: "option",
@@ -2058,12 +2012,12 @@ function MentionPicker({
           onSelect(path);
         },
         children: [
-          /* @__PURE__ */ jsx12("span", { className: "font-medium", children: hl ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          /* @__PURE__ */ jsx10("span", { className: "font-medium", children: hl ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
             hl.before,
-            /* @__PURE__ */ jsx12("mark", { className: "bg-transparent text-[color:var(--accent)]", children: hl.match }),
+            /* @__PURE__ */ jsx10("mark", { className: "bg-transparent text-[color:var(--accent)]", children: hl.match }),
             hl.after
           ] }) : name }),
-          /* @__PURE__ */ jsx12("span", { className: "truncate text-[11px] opacity-50", children: path })
+          /* @__PURE__ */ jsx10("span", { className: "truncate text-[11px] opacity-50", children: path })
         ]
       },
       path
@@ -2172,7 +2126,7 @@ function useComposerPickers({
 }
 
 // src/front/hooks/useChatModelSelection.ts
-import { useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo2, useState as useState7 } from "react";
 
 // src/front/browserFiles.ts
 var convertBlobUrlToDataUrl = async (url) => {
@@ -2596,35 +2550,59 @@ function resolveStorage(storage) {
 }
 
 // src/front/hooks/useChatModelSelection.ts
+function sameModel(left, right) {
+  return left?.provider === right?.provider && left?.id === right?.id;
+}
+function availableModel(models, model) {
+  return Boolean(model && models.some((candidate) => candidate.available && candidate.provider === model.provider && candidate.id === model.id));
+}
 function useChatModelSelection({
   agentTypeId,
   apiBaseUrl,
   defaultModel,
+  sessionId,
+  sessionHydrated = sessionId === void 0,
+  sessionIsNew = sessionId === void 0,
+  sessionModel,
   fetch: fetchImpl,
   requestHeaders,
   storage,
   storageScope,
   enabled = true
 }) {
-  const initialModelState = useMemo2(() => readPiComposerSettings({ storageScope, storage }), []);
-  const [model, setModelState] = useState7(
-    () => initialModelState.model ?? defaultModel ?? null
-  );
-  const [userSelectedModel, setUserSelectedModel] = useState7(
-    () => initialModelState.userSelectedModel
-  );
-  const userSelectedModelRef = useRef6(userSelectedModel);
-  const loadedSettingsSourceRef = useRef6({ storage, storageScope });
+  const initialSettings = useMemo2(() => readPiComposerSettings({ storageScope, storage }), []);
+  const [selection, setSelection] = useState7(() => ({
+    sessionId,
+    storage,
+    storageScope,
+    localDefault: initialSettings.model ?? defaultModel ?? null
+  }));
   useEffect5(() => {
-    userSelectedModelRef.current = userSelectedModel;
-  }, [userSelectedModel]);
+    const settings = readPiComposerSettings({ storageScope, storage });
+    setSelection((current) => {
+      const sameSession = current.sessionId === sessionId;
+      const pendingOverride2 = sameSession && current.pendingOverride && sessionModel && !sameModel(current.pendingOverride, sessionModel) ? current.pendingOverride : sessionIsNew && sessionModel && settings.model && !sameModel(settings.model, sessionModel) ? settings.model : void 0;
+      return {
+        sessionId,
+        storage,
+        storageScope,
+        localDefault: settings.model ?? defaultModel ?? null,
+        ...pendingOverride2 ? { pendingOverride: pendingOverride2 } : {}
+      };
+    });
+  }, [defaultModel, sessionId, sessionIsNew, sessionModel?.id, sessionModel?.provider, storage, storageScope]);
   const setModel = useCallback6((next) => {
     const normalized = next === null ? null : parseModelSelection(next);
-    userSelectedModelRef.current = normalized !== null;
-    setUserSelectedModel(normalized !== null);
-    setModelState(normalized);
+    setSelection((current) => {
+      if (sessionModel) {
+        const pendingOverride2 = normalized && !sameModel(normalized, sessionModel) ? normalized : void 0;
+        return { ...current, sessionId, ...pendingOverride2 ? { pendingOverride: pendingOverride2 } : { pendingOverride: void 0 } };
+      }
+      if (sessionId && !sessionIsNew) return current;
+      return { ...current, sessionId, localDefault: normalized, pendingOverride: void 0 };
+    });
     writePiComposerModelSelection(normalized, { storageScope, storage });
-  }, [storage, storageScope]);
+  }, [sessionId, sessionIsNew, sessionModel, storage, storageScope]);
   const discoveryKey = useMemo2(
     () => JSON.stringify({
       apiBaseUrl: apiBaseUrl ?? "",
@@ -2637,22 +2615,6 @@ function useChatModelSelection({
   const [availableModels, setAvailableModels] = useState7([]);
   const [loaded, setLoaded] = useState7(!enabled);
   const [loadedDiscoveryKey, setLoadedDiscoveryKey] = useState7(enabled ? null : discoveryKey);
-  useEffect5(() => {
-    if (loadedSettingsSourceRef.current.storage !== storage || loadedSettingsSourceRef.current.storageScope !== storageScope) return;
-    if (!userSelectedModel || !model) return;
-    writePiComposerModelSelection(model, { storageScope, storage });
-  }, [model, storage, storageScope, userSelectedModel]);
-  useEffect5(() => {
-    const settings = readPiComposerSettings({ storageScope, storage });
-    loadedSettingsSourceRef.current = { storage, storageScope };
-    userSelectedModelRef.current = settings.userSelectedModel;
-    setUserSelectedModel(settings.userSelectedModel);
-    setModelState(settings.model ?? defaultModel ?? null);
-  }, [storage, storageScope]);
-  useEffect5(() => {
-    if (userSelectedModelRef.current || !defaultModel) return;
-    setModelState(defaultModel);
-  }, [defaultModel]);
   useEffect5(() => {
     if (!enabled) {
       setLoaded(true);
@@ -2664,46 +2626,44 @@ function useChatModelSelection({
     const nextFetch = fetchImpl ?? globalThis.fetch.bind(globalThis);
     nextFetch(agentResourceUrl(apiBaseUrl, `/api/v1/agents/${encodeURIComponent(agentTypeId)}/models`), {
       headers: withStorageScope(requestHeaders, storageScope)
-    }).then((res) => res.ok ? res.json() : null).then((payload) => {
+    }).then((response) => response.ok ? response.json() : null).then((payload) => {
       if (aborted) return;
-      if (!payload?.models) {
-        userSelectedModelRef.current = false;
-        setUserSelectedModel(false);
+      const models = payload?.models;
+      if (!models) {
         setAvailableModels([]);
-        setModelState(null);
-        writePiComposerModelSelection(null, { storageScope, storage });
+        setSelection((current) => ({ ...current, pendingOverride: void 0, localDefault: sessionModel ?? null }));
+        if (!sessionModel) writePiComposerModelSelection(null, { storageScope, storage });
         setLoadedDiscoveryKey(discoveryKey);
         setLoaded(true);
         return;
       }
-      setAvailableModels(payload.models);
+      setAvailableModels(models);
+      setSelection((current) => {
+        const selected = current.pendingOverride ?? sessionModel ?? current.localDefault;
+        if (availableModel(models, selected)) return current;
+        if (sessionModel) return { ...current, pendingOverride: void 0 };
+        if (sessionId && !sessionIsNew) return { ...current, pendingOverride: void 0, localDefault: null };
+        const firstAvailable = models.find((candidate) => candidate.available);
+        return {
+          ...current,
+          pendingOverride: void 0,
+          localDefault: payload.defaultModel ?? (firstAvailable ? { provider: firstAvailable.provider, id: firstAvailable.id } : null)
+        };
+      });
       setLoadedDiscoveryKey(discoveryKey);
       setLoaded(true);
-      const available = payload.models.filter((m) => m.available);
-      setModelState((current) => {
-        const currentAvailable = current ? available.some((m) => m.provider === current.provider && m.id === current.id) : false;
-        if (currentAvailable) return current;
-        userSelectedModelRef.current = false;
-        setUserSelectedModel(false);
-        writePiComposerModelSelection(null, { storageScope, storage });
-        if (payload.defaultModel) return { provider: payload.defaultModel.provider, id: payload.defaultModel.id };
-        const firstAvailable = available[0];
-        return firstAvailable ? { provider: firstAvailable.provider, id: firstAvailable.id } : null;
-      });
     }).catch(() => {
       if (aborted) return;
-      userSelectedModelRef.current = false;
-      setUserSelectedModel(false);
       setAvailableModels([]);
-      setModelState(null);
-      writePiComposerModelSelection(null, { storageScope, storage });
+      setSelection((current) => ({ ...current, pendingOverride: void 0, localDefault: sessionModel ?? null }));
+      if (!sessionModel) writePiComposerModelSelection(null, { storageScope, storage });
       setLoadedDiscoveryKey(discoveryKey);
       setLoaded(true);
     });
     return () => {
       aborted = true;
     };
-  }, [agentTypeId, apiBaseUrl, discoveryKey, enabled, fetchImpl, requestHeaders, storage, storageScope]);
+  }, [agentTypeId, apiBaseUrl, discoveryKey, enabled, fetchImpl, requestHeaders, sessionId, sessionIsNew, sessionModel, storage, storageScope]);
   useEffect5(() => {
     const onChange = (event) => {
       const next = parseModelSelection(event.detail);
@@ -2713,13 +2673,23 @@ function useChatModelSelection({
     return () => globalThis.removeEventListener?.("boring:model-change", onChange);
   }, [setModel]);
   const currentDiscoveryLoaded = !enabled || loaded && loadedDiscoveryKey === discoveryKey;
-  const currentAvailableModels = currentDiscoveryLoaded ? availableModels : [];
-  const currentModel = currentDiscoveryLoaded ? model : null;
-  return { availableModels: currentAvailableModels, loaded: currentDiscoveryLoaded, model: currentModel, setModel };
+  const selectionBelongsToSession = selection.sessionId === sessionId && selection.storage === storage && selection.storageScope === storageScope;
+  const pendingOverride = selectionBelongsToSession ? selection.pendingOverride : void 0;
+  const isOverride = Boolean(pendingOverride && sessionModel && !sameModel(pendingOverride, sessionModel));
+  const sessionAuthorityReady = !sessionId || sessionHydrated && (sessionModel !== void 0 || sessionIsNew);
+  const model = currentDiscoveryLoaded && sessionAuthorityReady ? pendingOverride ?? sessionModel ?? selection.localDefault : null;
+  return {
+    availableModels: currentDiscoveryLoaded ? availableModels : [],
+    loaded: currentDiscoveryLoaded,
+    model,
+    sessionModel,
+    isOverride,
+    setModel
+  };
 }
 
 // src/front/hooks/useServerCommands.ts
-import { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState8 } from "react";
 function serverCommandErrorMessage(body, fallback) {
   if (typeof body.error === "string") return body.error;
   if (body.error && typeof body.error === "object" && typeof body.error.message === "string") return body.error.message;
@@ -2771,10 +2741,10 @@ function useServerCommands({
   refreshKey = 0
 }) {
   const [stamp, setStamp] = useState8(0);
-  const registrationsRef = useRef7({ registry, identity: void 0, names: /* @__PURE__ */ new Set() });
+  const registrationsRef = useRef6({ registry, identity: void 0, names: /* @__PURE__ */ new Set() });
   const canonicalSessionId = sessionId.trim() || void 0;
   const identityKey = canonicalSessionId ? `${agentTypeId}\0${canonicalSessionId}` : void 0;
-  const identityKeyRef = useRef7(identityKey);
+  const identityKeyRef = useRef6(identityKey);
   identityKeyRef.current = identityKey;
   useEffect6(() => () => {
     const registrations = registrationsRef.current;
@@ -2880,22 +2850,22 @@ function composerNoticeForRuntimeDependencies(status) {
 }
 
 // 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([]);
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo3 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ComposerContributionContext = createContext2([]);
 function ComposerContributionProvider({
   contribution,
   children
 }) {
-  const parent = useContext3(ComposerContributionContext);
+  const parent = useContext2(ComposerContributionContext);
   const contributions = useMemo3(
     () => [contribution, ...parent.filter((entry) => entry.id !== contribution.id)],
     [contribution, parent]
   );
-  return /* @__PURE__ */ jsx13(ComposerContributionContext.Provider, { value: contributions, children });
+  return /* @__PURE__ */ jsx11(ComposerContributionContext.Provider, { value: contributions, children });
 }
 function useComposerContributions() {
-  return useContext3(ComposerContributionContext);
+  return useContext2(ComposerContributionContext);
 }
 
 // src/front/chat/pi/piChatMessageMetadata.ts
@@ -3806,6 +3776,8 @@ function piChatReducer(state, action) {
       return hydrateFromSnapshot(state, action.snapshot, { allowSeqRewind: action.allowSeqRewind });
     case "cursor-sync":
       return syncCursor(state, action.cursor);
+    case "model-confirmed":
+      return { ...state, currentModel: action.model };
     case "event":
       return applySequencedEvent(state, action.event);
     case "optimistic-user-message":
@@ -3902,6 +3874,7 @@ function hydrateFromSnapshot(state, snapshot, options = {}) {
     ...state,
     sessionId: snapshot.sessionId,
     status: snapshot.status,
+    currentModel: snapshot.currentModel,
     turnId: snapshot.activeTurnId,
     lastSeq: snapshot.seq,
     committedMessages,
@@ -3952,6 +3925,8 @@ function applySequencedEvent(state, event) {
 }
 function reduceEvent(state, event) {
   switch (event.type) {
+    case "model-changed":
+      return { ...state, currentModel: event.currentModel };
     case "agent-start":
       return { ...state, status: "streaming", turnId: event.turnId, error: void 0, streamingPreservedTextPartKeys: void 0 };
     case "agent-end":
@@ -4684,6 +4659,9 @@ var RemotePiSession = class {
     else if (!this.suspended) this.ensureReconnectScheduled();
     try {
       const receipt = await this.postCommand("/prompt", payload, PromptReceiptSchema);
+      if (!this.disposed && payload.model) {
+        this.store.dispatch({ type: "model-confirmed", model: payload.model }, { flush: true });
+      }
       return receipt;
     } catch (error) {
       this.rollbackOptimisticMessage(payload.clientNonce);
@@ -5258,7 +5236,7 @@ function resolveBootStorage(storage) {
 }
 
 // src/front/chat/session/usePiSessions.ts
-import { useCallback as useCallback7, useEffect as useEffect8, useLayoutEffect, useMemo as useMemo4, useRef as useRef8, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useLayoutEffect, useMemo as useMemo4, useRef as useRef7, useState as useState10 } from "react";
 var SESSION_PAGE_SIZE = 50;
 var DEFAULT_MAX_RETRIES = 60;
 var DEFAULT_RETRY_BASE_MS = 250;
@@ -5321,22 +5299,22 @@ function usePiSessions(options) {
   const [loadingMore, setLoadingMore] = useState10(false);
   const [hasMore, setHasMore] = useState10(false);
   const [error, setError] = useState10(void 0);
-  const mountedRef = useRef8(false);
-  const refreshVersionRef = useRef8(0);
-  const retryTimerRef = useRef8(void 0);
-  const sessionsRef = useRef8([]);
-  const activeSessionIdRef = useRef8(activeSessionId);
-  const hasMoreRef = useRef8(hasMore);
-  const canonicalLoadedCountRef = useRef8(0);
-  const nextCursorRef = useRef8(void 0);
-  const loadMoreRequestSeqRef = useRef8(0);
-  const loadMoreInFlightRef = useRef8(false);
-  const pendingCreatedRef = useRef8(/* @__PURE__ */ new Map());
-  const pendingDeletedRef = useRef8(/* @__PURE__ */ new Set());
-  const pendingCreatedScopeRef = useRef8(requestScopeKey);
-  const dataStorageScopeRef = useRef8(storageScope);
-  const loadedDataSourceRef = useRef8(dataSourceKey);
-  const committedRequestScopeRef = useRef8(requestScopeKey);
+  const mountedRef = useRef7(false);
+  const refreshVersionRef = useRef7(0);
+  const retryTimerRef = useRef7(void 0);
+  const sessionsRef = useRef7([]);
+  const activeSessionIdRef = useRef7(activeSessionId);
+  const hasMoreRef = useRef7(hasMore);
+  const canonicalLoadedCountRef = useRef7(0);
+  const nextCursorRef = useRef7(void 0);
+  const loadMoreRequestSeqRef = useRef7(0);
+  const loadMoreInFlightRef = useRef7(false);
+  const pendingCreatedRef = useRef7(/* @__PURE__ */ new Map());
+  const pendingDeletedRef = useRef7(/* @__PURE__ */ new Set());
+  const pendingCreatedScopeRef = useRef7(requestScopeKey);
+  const dataStorageScopeRef = useRef7(storageScope);
+  const loadedDataSourceRef = useRef7(dataSourceKey);
+  const committedRequestScopeRef = useRef7(requestScopeKey);
   useIsomorphicLayoutEffect(() => {
     committedRequestScopeRef.current = requestScopeKey;
   }, [requestScopeKey]);
@@ -5344,7 +5322,7 @@ function usePiSessions(options) {
     (scope) => mountedRef.current && committedRequestScopeRef.current === scope,
     []
   );
-  const remoteSessionOptionsRef = useRef8(options.remoteSessionOptions);
+  const remoteSessionOptionsRef = useRef7(options.remoteSessionOptions);
   remoteSessionOptionsRef.current = options.remoteSessionOptions;
   const remoteSessionOptionsKey = useMemo4(
     () => remoteSessionOptionsIdentity(options.remoteSessionOptions),
@@ -5845,7 +5823,7 @@ function clearRetryTimer(ref) {
 import { useMemo as useMemo5 } from "react";
 import { ChevronLeftIcon, PlusIcon, Trash2Icon } from "lucide-react";
 import { IconButton } from "@hachej/boring-ui-kit";
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var DAY_MS = 24 * 60 * 60 * 1e3;
 function SessionList({
   sessions,
@@ -5861,7 +5839,7 @@ function SessionList({
   className
 }) {
   const groups = useMemo5(() => groupSessions(sessions), [sessions]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       "data-boring-agent-part": "session-list",
@@ -5870,27 +5848,27 @@ function SessionList({
       "aria-label": "Session history",
       "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__ */ 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__ */ 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__ */ jsxs11("div", { className: "flex h-11 items-center justify-between border-b border-border/60 px-3.5", children: [
+          /* @__PURE__ */ jsx12("span", { className: "text-[12px] font-medium tracking-tight text-foreground/70", children: "Sessions" }),
+          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-0.5", children: [
+            onCreate ? /* @__PURE__ */ jsx12(IconButton, { type: "button", variant: "ghost", size: "icon-xs", onClick: onCreate, "aria-label": "New session", title: "New chat", children: /* @__PURE__ */ jsx12(PlusIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }) : null,
+            onClose ? /* @__PURE__ */ jsx12(IconButton, { type: "button", variant: "ghost", size: "icon-xs", onClick: onClose, "aria-label": "Close sessions", title: "Close sessions", children: /* @__PURE__ */ jsx12(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: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex-1 overflow-y-auto py-2.5", children: [
+          sessions.length === 0 ? /* @__PURE__ */ jsxs11("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(Fragment5, { children: [
-              /* @__PURE__ */ jsx14("br", {}),
+            !loading ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
+              /* @__PURE__ */ jsx12("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__ */ 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 })
+          groups.map((group, index) => /* @__PURE__ */ jsxs11("section", { className: cn(index > 0 && "mt-4"), children: [
+            /* @__PURE__ */ jsxs11("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__ */ jsx12("span", { children: group.label }),
+              /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", className: "text-[10.5px] tabular-nums text-muted-foreground/40", children: group.items.length })
             ] }),
-            /* @__PURE__ */ jsx14("ul", { role: "list", className: "flex flex-col", children: group.items.map((session) => /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx12("ul", { role: "list", className: "flex flex-col", children: group.items.map((session) => /* @__PURE__ */ jsx12(
               SessionRow,
               {
                 session,
@@ -5901,7 +5879,7 @@ function SessionList({
               session.id
             )) })
           ] }, group.key)),
-          hasMore && onLoadMore ? /* @__PURE__ */ jsx14("div", { className: "px-3 py-3", children: /* @__PURE__ */ jsx14(
+          hasMore && onLoadMore ? /* @__PURE__ */ jsx12("div", { className: "px-3 py-3", children: /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -5919,7 +5897,7 @@ function SessionList({
 var SessionBrowser = SessionList;
 function SessionRow({ session, active, onSwitch, onDelete }) {
   const time = relativeTime(session.updatedAt);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "li",
     {
       role: "listitem",
@@ -5932,11 +5910,11 @@ 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__ */ 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
+        /* @__PURE__ */ jsxs11("span", { className: "min-w-0 flex-1 truncate leading-5", title: session.title, children: [
+          /* @__PURE__ */ jsx12("span", { className: cn(active ? "font-medium text-foreground" : "text-foreground/90"), children: session.title || "Untitled" }),
+          time ? /* @__PURE__ */ jsx12("span", { className: cn("ml-1.5 tabular-nums text-[11px]", active ? "text-[color:var(--accent)]" : "text-muted-foreground/60"), children: time }) : null
         ] }),
-        onDelete ? /* @__PURE__ */ jsx14(
+        onDelete ? /* @__PURE__ */ jsx12(
           IconButton,
           {
             type: "button",
@@ -5948,7 +5926,7 @@ function SessionRow({ session, active, onSwitch, onDelete }) {
               onDelete(session.id);
             },
             "aria-label": `Delete ${session.title || "session"}`,
-            children: /* @__PURE__ */ jsx14(Trash2Icon, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx12(Trash2Icon, { className: "h-3 w-3" })
           }
         ) : null
       ]
@@ -6195,15 +6173,15 @@ function searchPiSessions(sessions, query, options = {}) {
 
 // src/front/chat/components/PiConversationSurface.tsx
 import { Skeleton } from "@hachej/boring-ui-kit";
-import { useCallback as useCallback14, useEffect as useEffect14, useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState15 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect14, useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState15 } from "react";
 import { useStickToBottomContext as useStickToBottomContext2 } from "use-stick-to-bottom";
 
 // src/front/primitives/conversation.tsx
-import { Button as Button7 } from "@hachej/boring-ui-kit";
+import { Button as Button6 } from "@hachej/boring-ui-kit";
 import { ArrowDownIcon, DownloadIcon as DownloadIcon2 } from "lucide-react";
 import { useCallback as useCallback8, useEffect as useEffect9 } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var ConversationScrollController = ({
   onScrollToBottomReady
 }) => {
@@ -6220,7 +6198,7 @@ var Conversation = ({
   children,
   onScrollToBottomReady,
   ...props
-}) => /* @__PURE__ */ jsxs13(
+}) => /* @__PURE__ */ jsxs12(
   StickToBottom,
   {
     className: cn("relative flex-1 overflow-y-hidden", className),
@@ -6229,7 +6207,7 @@ var Conversation = ({
     role: "log",
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(ConversationScrollController, { onScrollToBottomReady }),
+      /* @__PURE__ */ jsx13(ConversationScrollController, { onScrollToBottomReady }),
       children
     ]
   }
@@ -6237,7 +6215,7 @@ var Conversation = ({
 var ConversationContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx15(
+}) => /* @__PURE__ */ jsx13(
   StickToBottom.Content,
   {
     className: cn("flex flex-col gap-8 p-4", className),
@@ -6252,8 +6230,8 @@ var ConversationScrollButton = ({
   const handleScrollToBottom = useCallback8(() => {
     scrollToBottom();
   }, [scrollToBottom]);
-  return !isAtBottom && /* @__PURE__ */ jsx15(
-    Button7,
+  return !isAtBottom && /* @__PURE__ */ jsx13(
+    Button6,
     {
       className: cn(
         "boring-agent-scroll-latest absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted",
@@ -6265,13 +6243,13 @@ var ConversationScrollButton = ({
       variant: "outline",
       "aria-label": "Scroll to latest message",
       ...props,
-      children: /* @__PURE__ */ jsx15(ArrowDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx13(ArrowDownIcon, { className: "size-4" })
     }
   );
 };
 
 // src/front/chat/components/ChatNotices.tsx
-import { AlertCircleIcon, ExternalLinkIcon as ExternalLinkIcon2, ListRestartIcon, Loader2, XIcon as XIcon3 } from "lucide-react";
+import { AlertCircleIcon, ExternalLinkIcon as ExternalLinkIcon2, ListRestartIcon, Loader2, XIcon as XIcon2 } from "lucide-react";
 import { IconButton as IconButton2 } from "@hachej/boring-ui-kit";
 
 // src/front/chat/components/noticeStyles.ts
@@ -6299,8 +6277,8 @@ function noticeTextClass(className) {
 
 // src/front/chat/components/RuntimeNotices.tsx
 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 { AlertTriangleIcon, InfoIcon, Loader2Icon, PlugZapIcon, RefreshCwIcon, XIcon } from "lucide-react";
+import { Button as Button7 } from "@hachej/boring-ui-kit";
 
 // src/front/chat/components/terminalChatErrors.ts
 var TERMINAL_CHAT_ERROR_IDS = /* @__PURE__ */ new Set(["chat-error", "session-navigation-error"]);
@@ -6320,16 +6298,16 @@ function filterCompetingNoiseNotices(notices, historyEmpty) {
 }
 
 // src/front/chat/components/RuntimeNotices.tsx
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var RuntimeNotices = memo2(({ notices, onDismiss, onAction, renderAction, historyEmpty, className, ...props }) => {
   if (notices.length === 0) return null;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     "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__ */ jsx16(
+      children: notices.map((notice) => /* @__PURE__ */ jsx14(
         RuntimeNoticeRow,
         {
           notice,
@@ -6350,9 +6328,9 @@ function RuntimeNoticeRow({ notice, onDismiss, onAction, renderAction, historyEm
   const actionLabel = notice.actionLabel ?? defaultActionLabel(kind);
   const hostAction = renderAction?.(notice);
   const isTerminalError = isTerminalChatErrorNotice(notice.id, historyEmpty);
-  const explicitAction = actionLabel && onAction ? /* @__PURE__ */ jsx16(Button8, { type: "button", variant: "ghost", size: "sm", onClick: () => onAction(notice.id), children: actionLabel }) : null;
-  const primaryAction = hostAction ?? explicitAction ?? (isTerminalError ? /* @__PURE__ */ jsx16(Button8, { type: "button", variant: "outline", size: "sm", className: "shrink-0", onClick: () => window.location.reload(), children: "Reload workspace" }) : null);
-  return /* @__PURE__ */ jsxs14(
+  const explicitAction = actionLabel && onAction ? /* @__PURE__ */ jsx14(Button7, { type: "button", variant: "ghost", size: "sm", onClick: () => onAction(notice.id), children: actionLabel }) : null;
+  const primaryAction = hostAction ?? explicitAction ?? (isTerminalError ? /* @__PURE__ */ jsx14(Button7, { type: "button", variant: "outline", size: "sm", className: "shrink-0", onClick: () => window.location.reload(), children: "Reload workspace" }) : null);
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       role: notice.level === "error" ? "alert" : "status",
@@ -6366,18 +6344,18 @@ function RuntimeNoticeRow({ notice, onDismiss, onAction, renderAction, historyEm
         "flex items-start gap-2.5 motion-reduce:transition-none"
       ),
       children: [
-        /* @__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: isTerminalError ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
-          /* @__PURE__ */ jsx16("p", { className: "text-sm font-semibold text-foreground", children: "Chat history unavailable" }),
-          /* @__PURE__ */ jsx16("p", { className: noticeTextClass("mt-0.5"), children: "The saved conversation could not be loaded. Reload the workspace to try again." }),
-          /* @__PURE__ */ jsxs14("details", { className: "mt-2 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer select-none", children: "Error details" }),
-            /* @__PURE__ */ jsx16("p", { className: "mt-1 break-words", children: notice.text })
+        /* @__PURE__ */ jsx14(Icon, { className: cn(noticeIconClass(notice.level), kind === "retry" && "animate-spin motion-reduce:animate-none"), "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx14("div", { className: "min-w-0 flex-1", children: isTerminalError ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+          /* @__PURE__ */ jsx14("p", { className: "text-sm font-semibold text-foreground", children: "Chat history unavailable" }),
+          /* @__PURE__ */ jsx14("p", { className: noticeTextClass("mt-0.5"), children: "The saved conversation could not be loaded. Reload the workspace to try again." }),
+          /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx14("summary", { className: "cursor-pointer select-none", children: "Error details" }),
+            /* @__PURE__ */ jsx14("p", { className: "mt-1 break-words", children: notice.text })
           ] })
-        ] }) : /* @__PURE__ */ jsx16("p", { className: noticeTextClass(), children: notice.text }) }),
+        ] }) : /* @__PURE__ */ jsx14("p", { className: noticeTextClass(), children: notice.text }) }),
         primaryAction,
-        notice.dismissible && onDismiss ? /* @__PURE__ */ jsx16(
-          Button8,
+        notice.dismissible && onDismiss ? /* @__PURE__ */ jsx14(
+          Button7,
           {
             type: "button",
             variant: "ghost",
@@ -6385,7 +6363,7 @@ function RuntimeNoticeRow({ notice, onDismiss, onAction, renderAction, historyEm
             "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__ */ jsx16(XIcon2, { className: "size-3" })
+            children: /* @__PURE__ */ jsx14(XIcon, { className: "size-3" })
           }
         ) : null
       ]
@@ -6414,7 +6392,7 @@ function defaultActionLabel(kind) {
 }
 
 // src/front/chat/components/ChatNotices.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function RuntimeNoticeMessages({
   notices,
   onDismiss,
@@ -6425,7 +6403,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__ */ jsx17(
+  return /* @__PURE__ */ jsx15(
     RuntimeNotices,
     {
       notices: visible,
@@ -6438,42 +6416,42 @@ function RuntimeNoticeMessages({
 }
 function ComposerRuntimeNotice({ notice }) {
   const level = notice.code === ErrorCode.enum.AGENT_RUNTIME_NOT_READY ? "info" : "error";
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       "data-testid": "chat-composer-runtime-notice",
       role: "status",
       "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__ */ 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__ */ jsx17("div", { className: "font-medium", children: notice.title }),
-          notice.detail ? /* @__PURE__ */ jsx17(NoticeText, { className: "mt-0.5 text-muted-foreground", children: notice.detail }) : null
+      children: /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2", children: [
+        notice.code === ErrorCode.enum.AGENT_RUNTIME_NOT_READY ? /* @__PURE__ */ jsx15(Loader2, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx15(AlertCircleIcon, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0 text-destructive" }),
+        /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx15("div", { className: "font-medium", children: notice.title }),
+          notice.detail ? /* @__PURE__ */ jsx15(NoticeText, { className: "mt-0.5 text-muted-foreground", children: notice.detail }) : null
         ] })
       ] })
     }
   );
 }
 function NoticeText({ className, children }) {
-  return /* @__PURE__ */ jsx17("div", { className: noticeTextClass(className), children });
+  return /* @__PURE__ */ jsx15("div", { className: noticeTextClass(className), children });
 }
 function ComposerBlockerNotice({
   blocker,
   label,
   onAction
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       className: noticeSurfaceClass("info", "relative z-20 mx-auto mb-2 w-full max-w-3xl text-xs"),
       children: [
-        /* @__PURE__ */ jsx17("span", { children: label }),
+        /* @__PURE__ */ jsx15("span", { children: label }),
         blocker?.actions?.map((action) => {
           const icon = composerBlockerActionIcon(action.id);
-          return icon ? /* @__PURE__ */ jsx17(
+          return icon ? /* @__PURE__ */ jsx15(
             IconButton2,
             {
               type: "button",
@@ -6486,7 +6464,7 @@ function ComposerBlockerNotice({
               children: icon
             },
             action.id
-          ) : /* @__PURE__ */ jsx17(
+          ) : /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
@@ -6502,12 +6480,12 @@ function ComposerBlockerNotice({
   );
 }
 function composerBlockerActionIcon(actionId) {
-  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" });
+  if (actionId === "open") return /* @__PURE__ */ jsx15(ExternalLinkIcon2, { className: "size-3.5", "aria-hidden": "true" });
+  if (actionId === "cancel") return /* @__PURE__ */ jsx15(XIcon2, { className: "size-3.5", "aria-hidden": "true" });
   return null;
 }
 function QueuedComposerNotice({ followUps, onEdit }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-boring-agent-part": "composer-queue-preview",
@@ -6516,15 +6494,15 @@ function QueuedComposerNotice({ followUps, onEdit }) {
         "border border-dashed border-[color:var(--border)] bg-[color:oklch(from_var(--muted)_l_c_h/0.45)] px-3 py-2 text-xs text-[color:var(--foreground)]"
       ),
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "min-w-0 text-[color:var(--muted-foreground)]", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "font-medium text-[color:var(--foreground)]", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "min-w-0 text-[color:var(--muted-foreground)]", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "font-medium text-[color:var(--foreground)]", children: [
             followUps.length,
             " queued follow-up",
             followUps.length === 1 ? "" : "s"
           ] }),
-          /* @__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__ */ jsx15("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(
+        /* @__PURE__ */ jsx15(
           IconButton2,
           {
             type: "button",
@@ -6534,7 +6512,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__ */ jsx17(ListRestartIcon, { className: "size-3.5", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx15(ListRestartIcon, { className: "size-3.5", "aria-hidden": "true" })
           }
         )
       ]
@@ -6543,12 +6521,12 @@ function QueuedComposerNotice({ followUps, onEdit }) {
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-import { useCallback as useCallback13, useEffect as useEffect13, useMemo as useMemo12, useRef as useRef10, useState as useState14 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect13, useMemo as useMemo12, useRef as useRef9, useState as useState14 } from "react";
 import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon3 } from "lucide-react";
-import { Button as Button11 } from "@hachej/boring-ui-kit";
+import { Button as Button10 } from "@hachej/boring-ui-kit";
 
 // src/front/primitives/attachments.tsx
-import { Button as Button9, HoverCard, HoverCardContent, HoverCardTrigger } from "@hachej/boring-ui-kit";
+import { Button as Button8, HoverCard, HoverCardContent, HoverCardTrigger } from "@hachej/boring-ui-kit";
 import {
   FileTextIcon as FileTextIcon2,
   GlobeIcon,
@@ -6556,10 +6534,10 @@ import {
   Music2Icon,
   PaperclipIcon,
   VideoIcon,
-  XIcon as XIcon4
+  XIcon as XIcon3
 } from "lucide-react";
-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";
+import { createContext as createContext3, useCallback as useCallback9, useContext as useContext3, useMemo as useMemo6 } from "react";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var mediaCategoryIcons = {
   audio: Music2Icon,
   document: FileTextIcon2,
@@ -6594,7 +6572,7 @@ var getAttachmentLabel = (data) => {
   const category = getMediaCategory(data);
   return data.filename || (category === "image" ? "Image" : "Attachment");
 };
-var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx18(
+var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx16(
   "img",
   {
     alt: filename || "Image",
@@ -6603,7 +6581,7 @@ var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */
     src: url,
     width: 96
   }
-) : /* @__PURE__ */ jsx18(
+) : /* @__PURE__ */ jsx16(
   "img",
   {
     alt: filename || "Image",
@@ -6613,11 +6591,11 @@ var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */
     width: 20
   }
 );
-var AttachmentsContext = createContext4(null);
-var AttachmentContext = createContext4(null);
-var useAttachmentsContext = () => useContext4(AttachmentsContext) ?? { variant: "grid" };
+var AttachmentsContext = createContext3(null);
+var AttachmentContext = createContext3(null);
+var useAttachmentsContext = () => useContext3(AttachmentsContext) ?? { variant: "grid" };
 var useAttachmentContext = () => {
-  const ctx = useContext4(AttachmentContext);
+  const ctx = useContext3(AttachmentContext);
   if (!ctx) {
     throw new Error("Attachment components must be used within <Attachment>");
   }
@@ -6630,7 +6608,7 @@ var Attachments = ({
   ...props
 }) => {
   const contextValue = useMemo6(() => ({ variant }), [variant]);
-  return /* @__PURE__ */ jsx18(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx16(
     "div",
     {
       className: cn(
@@ -6657,7 +6635,7 @@ var Attachment = ({
     () => ({ data, mediaCategory, onRemove, variant }),
     [data, mediaCategory, onRemove, variant]
   );
-  return /* @__PURE__ */ jsx18(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx16(
     "div",
     {
       className: cn(
@@ -6687,18 +6665,18 @@ var AttachmentPreview = ({
 }) => {
   const { data, mediaCategory, variant } = useAttachmentContext();
   const iconSize = variant === "inline" ? "size-3" : "size-4";
-  const renderIcon = (Icon) => /* @__PURE__ */ jsx18(Icon, { className: cn(iconSize, "text-muted-foreground") });
+  const renderIcon = (Icon) => /* @__PURE__ */ jsx16(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__ */ jsx18("video", { className: "size-full object-cover", muted: true, src: data.url });
+      return /* @__PURE__ */ jsx16("video", { className: "size-full object-cover", muted: true, src: data.url });
     }
     const Icon = mediaCategoryIcons[mediaCategory];
     return fallbackIcon ?? renderIcon(Icon);
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       className: cn(
@@ -6723,9 +6701,9 @@ var AttachmentInfo = ({
   if (variant === "grid") {
     return null;
   }
-  return /* @__PURE__ */ jsxs16("div", { className: cn("min-w-0 flex-1", className), ...props, children: [
-    /* @__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 })
+  return /* @__PURE__ */ jsxs15("div", { className: cn("min-w-0 flex-1", className), ...props, children: [
+    /* @__PURE__ */ jsx16("span", { className: "block truncate", children: label }),
+    showMediaType && data.mediaType && /* @__PURE__ */ jsx16("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType })
   ] });
 };
 var AttachmentRemove = ({
@@ -6745,8 +6723,8 @@ var AttachmentRemove = ({
   if (!onRemove) {
     return null;
   }
-  return /* @__PURE__ */ jsxs16(
-    Button9,
+  return /* @__PURE__ */ jsxs15(
+    Button8,
     {
       "aria-label": label,
       className: cn(
@@ -6770,20 +6748,20 @@ var AttachmentRemove = ({
       variant: "ghost",
       ...props,
       children: [
-        children ?? /* @__PURE__ */ jsx18(XIcon4, {}),
-        /* @__PURE__ */ jsx18("span", { className: "sr-only", children: label })
+        children ?? /* @__PURE__ */ jsx16(XIcon3, {}),
+        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: label })
       ]
     }
   );
 };
 
 // src/front/primitives/message.tsx
-import { Button as Button10, ButtonGroup, ButtonGroupText } from "@hachej/boring-ui-kit";
+import { Button as Button9, ButtonGroup, ButtonGroupText } from "@hachej/boring-ui-kit";
 import {
-  Tooltip as Tooltip2,
-  TooltipContent as TooltipContent2,
-  TooltipProvider as TooltipProvider2,
-  TooltipTrigger as TooltipTrigger2
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
 } from "@hachej/boring-ui-kit";
 
 // src/front/primitives/markdownStyles.ts
@@ -6796,17 +6774,17 @@ import { math } from "@streamdown/math";
 import { mermaid } from "@streamdown/mermaid";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon } from "lucide-react";
 import {
-  createContext as createContext5,
+  createContext as createContext4,
   memo as memo3,
   useCallback as useCallback10,
-  useContext as useContext5,
+  useContext as useContext4,
   useEffect as useEffect10,
   useMemo as useMemo7,
   useState as useState11
 } from "react";
 import { Streamdown } from "streamdown";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx19(
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx17(
   "div",
   {
     "data-boring-agent-message-role": from,
@@ -6822,7 +6800,7 @@ var MessageContent = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx17(
   "div",
   {
     className: cn(
@@ -6839,7 +6817,7 @@ var MessageActions = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx19("div", { className: cn("flex items-center gap-1", className), ...props, children });
+}) => /* @__PURE__ */ jsx17("div", { className: cn("flex items-center gap-1", className), ...props, children });
 var MessageAction = ({
   tooltip,
   children,
@@ -6848,19 +6826,19 @@ var MessageAction = ({
   size = "icon-sm",
   ...props
 }) => {
-  const button = /* @__PURE__ */ jsxs17(Button10, { size, type: "button", variant, ...props, children: [
+  const button = /* @__PURE__ */ jsxs16(Button9, { size, type: "button", variant, ...props, children: [
     children,
-    /* @__PURE__ */ jsx19("span", { className: "sr-only", children: label || tooltip })
+    /* @__PURE__ */ jsx17("span", { className: "sr-only", children: label || tooltip })
   ] });
   if (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 /* @__PURE__ */ jsx17(TooltipProvider, { children: /* @__PURE__ */ jsxs16(Tooltip, { children: [
+      /* @__PURE__ */ jsx17(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx17(TooltipContent, { children: /* @__PURE__ */ jsx17("p", { children: tooltip }) })
     ] }) });
   }
   return button;
 };
-var MessageBranchContext = createContext5(
+var MessageBranchContext = createContext4(
   null
 );
 var streamdownPlugins = { cjk, code, math, mermaid };
@@ -6896,9 +6874,9 @@ function extractCodeBlockText(children) {
 var MarkdownPre = ({ children, filename }) => {
   const code3 = extractCodeBlockText(children).replace(/\n$/, "");
   const language = extractCodeBlockLanguage(children);
-  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: filename ?? language ?? "text" }) }),
-    /* @__PURE__ */ jsx19(CodeBlockCopyButton, {})
+  return /* @__PURE__ */ jsx17(CodeBlock2, { code: code3, language: language ?? "text", className: "my-3", children: /* @__PURE__ */ jsxs16(CodeBlockHeader, { children: [
+    /* @__PURE__ */ jsx17(CodeBlockTitle, { children: /* @__PURE__ */ jsx17(CodeBlockFilename, { children: filename ?? language ?? "text" }) }),
+    /* @__PURE__ */ jsx17(CodeBlockCopyButton, {})
   ] }) });
 };
 var MarkdownCode = ({
@@ -6908,9 +6886,9 @@ var MarkdownCode = ({
   ...props
 }) => {
   if (inline === false) {
-    return /* @__PURE__ */ jsx19("code", { className, ...props, children });
+    return /* @__PURE__ */ jsx17("code", { className, ...props, children });
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx17(
     "code",
     {
       className: cn(
@@ -6927,7 +6905,7 @@ var markdownComponents = {
   code: MarkdownCode
 };
 var MessageResponse = memo3(
-  ({ className, shikiTheme, components, codeFilename, ...props }) => /* @__PURE__ */ jsx19(
+  ({ className, shikiTheme, components, codeFilename, ...props }) => /* @__PURE__ */ jsx17(
     Streamdown,
     {
       className: cn(
@@ -6939,7 +6917,7 @@ var MessageResponse = memo3(
       components: {
         ...markdownComponents,
         ...components ?? {},
-        ...codeFilename ? { pre: (props2) => /* @__PURE__ */ jsx19(MarkdownPre, { ...props2, filename: codeFilename }) } : {}
+        ...codeFilename ? { pre: (props2) => /* @__PURE__ */ jsx17(MarkdownPre, { ...props2, filename: codeFilename }) } : {}
       },
       ...props
     }
@@ -6961,13 +6939,13 @@ 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 createContext6,
+  createContext as createContext5,
   memo as memo5,
   useCallback as useCallback11,
-  useContext as useContext6,
+  useContext as useContext5,
   useEffect as useEffect11,
   useMemo as useMemo9,
-  useRef as useRef9,
+  useRef as useRef8,
   useState as useState12
 } from "react";
 import { Streamdown as Streamdown2 } from "streamdown";
@@ -6975,7 +6953,7 @@ import { Streamdown as Streamdown2 } from "streamdown";
 // src/front/primitives/shimmer.tsx
 import { motion } from "motion/react";
 import { memo as memo4, useMemo as useMemo8 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -6999,7 +6977,7 @@ var ShimmerComponent = ({
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -7025,10 +7003,10 @@ var ShimmerComponent = ({
 var Shimmer = memo4(ShimmerComponent);
 
 // src/front/primitives/reasoning.tsx
-import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
-var ReasoningContext = createContext6(null);
+import { Fragment as Fragment8, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var ReasoningContext = createContext5(null);
 var useReasoning = () => {
-  const context = useContext6(ReasoningContext);
+  const context = useContext5(ReasoningContext);
   if (!context) {
     throw new Error("Reasoning components must be used within Reasoning");
   }
@@ -7059,9 +7037,9 @@ var Reasoning = memo5(
       defaultProp: void 0,
       prop: durationProp
     });
-    const hasEverStreamedRef = useRef9(isStreaming);
+    const hasEverStreamedRef = useRef8(isStreaming);
     const [hasAutoClosed, setHasAutoClosed] = useState12(false);
-    const startTimeRef = useRef9(null);
+    const startTimeRef = useRef8(null);
     useEffect11(() => {
       if (isStreaming) {
         hasEverStreamedRef.current = true;
@@ -7097,7 +7075,7 @@ var Reasoning = memo5(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx21(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx19(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx19(
       Collapsible2,
       {
         className: cn("not-prose mb-2", className),
@@ -7111,12 +7089,12 @@ var Reasoning = memo5(
 );
 var defaultGetThinkingMessage = (isStreaming, duration) => {
   if (isStreaming || duration === 0) {
-    return /* @__PURE__ */ jsx21(Shimmer, { duration: 1, children: "thinking" });
+    return /* @__PURE__ */ jsx19(Shimmer, { duration: 1, children: "thinking" });
   }
   if (duration === void 0) {
-    return /* @__PURE__ */ jsx21("span", { children: "thoughts" });
+    return /* @__PURE__ */ jsx19("span", { children: "thoughts" });
   }
-  return /* @__PURE__ */ jsxs18("span", { children: [
+  return /* @__PURE__ */ jsxs17("span", { children: [
     "thoughts \xB7 ",
     duration,
     "s"
@@ -7130,7 +7108,7 @@ var ReasoningTrigger = memo5(
     ...props
   }) => {
     const { isStreaming, isOpen, duration } = useReasoning();
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx19(
       CollapsibleTrigger3,
       {
         className: cn(
@@ -7138,10 +7116,10 @@ var ReasoningTrigger = memo5(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs18(Fragment8, { children: [
-          /* @__PURE__ */ jsx21(BrainIcon, { className: "size-3" }),
+        children: children ?? /* @__PURE__ */ jsxs17(Fragment8, { children: [
+          /* @__PURE__ */ jsx19(BrainIcon, { className: "size-3" }),
           getThinkingMessage(isStreaming, duration),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx19(
             ChevronDownIcon3,
             {
               className: cn(
@@ -7157,7 +7135,7 @@ var ReasoningTrigger = memo5(
 );
 var streamdownPlugins2 = { cjk: cjk2, code: code2, math: math2, mermaid: mermaid2 };
 var ReasoningContent = memo5(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx21(
+  ({ className, children, ...props }) => /* @__PURE__ */ jsx19(
     CollapsibleContent2,
     {
       className: cn(
@@ -7166,7 +7144,7 @@ var ReasoningContent = memo5(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx21(Streamdown2, { plugins: streamdownPlugins2, children })
+      children: /* @__PURE__ */ jsx19(Streamdown2, { plugins: streamdownPlugins2, children })
     }
   )
 );
@@ -7215,7 +7193,7 @@ var TOOL_GROUP_VISUAL_PRESENTATION = {
 };
 
 // src/front/primitives/tool-call-group.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function isInputRunningState(state) {
   return state === "input-streaming" || state === "input-available";
 }
@@ -7304,7 +7282,7 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
     const { renderer } = resolveToolRendererForPart(part, mergedToolRenderers);
     return renderer.presentation === "inline" ? [key] : [];
   }));
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     Collapsible3,
     {
       open: isOpen,
@@ -7315,9 +7293,9 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
         toolParts.map(({ part, key }) => {
           if (!inlineToolKeys.has(key)) return null;
           const { renderer, part: resolvedPart, resolution } = resolveToolRendererForPart(part, mergedToolRenderers);
-          return /* @__PURE__ */ jsx22("div", { "data-boring-agent-part": "inline-tool-renderer", "data-tool-call-id": resolvedPart.toolCallId, "data-tool-renderer-key": resolution.key, children: renderer(resolvedPart) }, key);
+          return /* @__PURE__ */ jsx20("div", { "data-boring-agent-part": "inline-tool-renderer", "data-tool-call-id": resolvedPart.toolCallId, "data-tool-renderer-key": resolution.key, children: renderer(resolvedPart) }, key);
         }),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs18(
           CollapsibleTrigger4,
           {
             "aria-label": `Tool calls: ${title}`,
@@ -7329,7 +7307,7 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
               TOOL_GROUP_VISUAL_PRESENTATION[visualState].triggerClassName
             ),
             children: [
-              /* @__PURE__ */ jsx22("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx20("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
                 "span",
                 {
                   "data-boring-agent-part": "tool-group-state-dot",
@@ -7339,10 +7317,10 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
                   )
                 }
               ) }),
-              /* @__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(
+              /* @__PURE__ */ jsx20("span", { "data-boring-agent-part": "tool-group-title", children: workspaceNotReady ? workspaceNotReady.message : title }),
+              elapsedLabel ? /* @__PURE__ */ jsx20("span", { className: "ml-1 shrink-0 tabular-nums text-[12px] text-muted-foreground/70", children: elapsedLabel }) : null,
+              /* @__PURE__ */ jsx20("span", { className: "ml-1 shrink-0 tabular-nums text-[12px] text-muted-foreground/70", children: toolParts.length }),
+              /* @__PURE__ */ jsx20(
                 ChevronDownIcon4,
                 {
                   className: cn(
@@ -7354,19 +7332,19 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
             ]
           }
         ),
-        /* @__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(
+        /* @__PURE__ */ jsx20(CollapsibleContent3, { className: "overflow-hidden data-[state=closed]:animate-[boring-collapse-close_200ms_ease] data-[state=open]:animate-[boring-collapse-open_200ms_ease]", children: /* @__PURE__ */ jsxs18(
           "div",
           {
             "data-boring-agent-part": "tool-group-details",
             className: "relative mt-1.5 w-full max-w-2xl pl-[18px]",
             children: [
-              /* @__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 }) => {
+              /* @__PURE__ */ jsx20("div", { className: "absolute left-[5px] top-0 bottom-2 w-px bg-border/35" }),
+              /* @__PURE__ */ jsx20("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,
                   inlineToolKeys.has(key) ? {} : mergedToolRenderers
                 );
-                return /* @__PURE__ */ jsx22(
+                return /* @__PURE__ */ jsx20(
                   "div",
                   {
                     className: "min-w-0",
@@ -7388,22 +7366,22 @@ 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([]);
+import { createContext as createContext6, createElement, useContext as useContext6, useMemo as useMemo11 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ChatMessageContributionContext = createContext6([]);
 function ChatMessageContributionProvider({
   contribution,
   children
 }) {
-  const parent = useContext7(ChatMessageContributionContext);
+  const parent = useContext6(ChatMessageContributionContext);
   const contributions = useMemo11(
     () => [contribution, ...parent.filter((entry) => entry.id !== contribution.id)],
     [contribution, parent]
   );
-  return /* @__PURE__ */ jsx23(ChatMessageContributionContext.Provider, { value: contributions, children });
+  return /* @__PURE__ */ jsx21(ChatMessageContributionContext.Provider, { value: contributions, children });
 }
 function useCustomChatMessage(message) {
-  const contributions = useContext7(ChatMessageContributionContext);
+  const contributions = useContext6(ChatMessageContributionContext);
   const contribution = contributions.find((entry) => entry.matches(message));
   return contribution ? createElement(contribution.Component, { message }) : void 0;
 }
@@ -7417,7 +7395,7 @@ function ChatMessageContributionBoundary({
 
 // src/front/chat/components/MessageMentions.tsx
 import { Children, cloneElement, isValidElement as isValidElement2 } from "react";
-import { Fragment as Fragment9, jsx as jsx24 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx22 } from "react/jsx-runtime";
 var TERMINAL_BOUNDARY = String.raw`(?=$|\s|[.,;!?)}\]"'”’]+(?=$|\s))`;
 var PREFIX_BOUNDARY = String.raw`(^|[\s(\[{"'“‘])`;
 function escapeRegExp2(value) {
@@ -7526,7 +7504,7 @@ function MessageMentions({
       }).map((segment, segmentIndex) => {
         if (!segment.mention) return segment.text;
         const actionLabel = mentionActionLabel(segment.mention);
-        return /* @__PURE__ */ jsx24(
+        return /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -7552,7 +7530,7 @@ function MessageMentions({
         return cloneElement(
           element,
           void 0,
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx22(
             MessageMentions,
             {
               catalog,
@@ -7570,19 +7548,19 @@ function MessageMentions({
   return nodes.map(decorate);
 }
 function createMessageMentionMarkdownComponents(catalog, onActivate) {
-  const decorate = (children) => /* @__PURE__ */ jsx24(MessageMentions, { catalog, onActivate, children });
+  const decorate = (children) => /* @__PURE__ */ jsx22(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__ */ jsx24(Fragment9, { children });
-      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx24(Fragment9, { children });
+      if (child.props.node?.tagName === "img") return /* @__PURE__ */ jsx22(Fragment9, { children });
+      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx22(Fragment9, { children });
     }
-    return /* @__PURE__ */ jsx24("p", { ...props, children: decorate(children) });
+    return /* @__PURE__ */ jsx22("p", { ...props, 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 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 headingClasses = {
     h1: "text-3xl",
     h2: "text-2xl",
@@ -7591,8 +7569,8 @@ function createMessageMentionMarkdownComponents(catalog, onActivate) {
     h5: "text-base",
     h6: "text-sm"
   };
-  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(
+  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(
     "code",
     {
       ...props,
@@ -7616,7 +7594,7 @@ function createMessageMentionMarkdownComponents(catalog, onActivate) {
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var EMPTY_MENTION_CATALOG = { commands: [], skills: [], files: false };
 var COLLAPSIBLE_TOOL_NAMES = /* @__PURE__ */ new Set([
   "read",
@@ -7632,7 +7610,7 @@ function isCollapsibleTool(part) {
   return part.type === "tool-call" && COLLAPSIBLE_TOOL_NAMES.has(part.toolName);
 }
 function PiTimelineMessage(props) {
-  return /* @__PURE__ */ jsx25(ChatMessageContributionBoundary, { message: props.message, children: /* @__PURE__ */ jsx25(DefaultPiTimelineMessage, { ...props }) });
+  return /* @__PURE__ */ jsx23(ChatMessageContributionBoundary, { message: props.message, children: /* @__PURE__ */ jsx23(DefaultPiTimelineMessage, { ...props }) });
 }
 function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRenderers, mentionCatalog = EMPTY_MENTION_CATALOG, onMentionActivate }) {
   const role = message.role;
@@ -7652,7 +7630,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
     ...effectiveMentionCatalog.skills.map((skill) => `skill:${skill.name}:${skill.commandName}`),
     effectiveMentionCatalog.files ? "files:enabled" : "files:disabled"
   ].join("|");
-  const mentionActivateRef = useRef10(onMentionActivate);
+  const mentionActivateRef = useRef9(onMentionActivate);
   mentionActivateRef.current = onMentionActivate;
   const activateCurrentMention = useCallback13((mention) => {
     if (mention.kind === "file") {
@@ -7669,7 +7647,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
     [activateCurrentMention, effectiveMentionCatalog, mentionSignature, mentionsEnabled]
   );
   const shouldReserveStreamingActions = messageIsStreaming;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     Message,
     {
       from: role,
@@ -7678,8 +7656,8 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
       "data-boring-agent-message-role": role,
       "data-boring-agent-message-status": message.status,
       children: [
-        /* @__PURE__ */ jsxs20(MessageContent, { children: [
-          fileParts.length > 0 ? /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs19(MessageContent, { children: [
+          fileParts.length > 0 ? /* @__PURE__ */ jsx23(
             Attachments,
             {
               variant: role === "user" ? "inline" : "list",
@@ -7704,7 +7682,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
                   event.preventDefault();
                   openAttachment();
                 };
-                return /* @__PURE__ */ jsxs20(
+                return /* @__PURE__ */ jsxs19(
                   Attachment,
                   {
                     data: toAttachmentData(file, `file-${message.id}-${index}`),
@@ -7718,8 +7696,8 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
                       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" })
+                      /* @__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}`
@@ -7729,7 +7707,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
           ) : null,
           finalParts.map((item, index) => {
             if (item.kind === "reasoning") {
-              return /* @__PURE__ */ jsx25(
+              return /* @__PURE__ */ jsx23(
                 TimelineReasoningPart,
                 {
                   item,
@@ -7739,15 +7717,15 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
               );
             }
             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);
+              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__ */ jsx25("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx25(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
+              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__ */ jsx25("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx25(
+              return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx23(
                 MessageResponse,
                 {
                   components: mentionMarkdownComponents,
@@ -7759,12 +7737,12 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
               ) }, item.key);
             }
             if (item.part.type === "notice") {
-              return /* @__PURE__ */ jsx25(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
+              return /* @__PURE__ */ jsx23(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
             }
             return null;
           })
         ] }),
-        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx25(
+        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx23(
           MessageActionsBar,
           {
             text: textParts.map((part) => part.text).join("\n\n"),
@@ -7789,7 +7767,7 @@ function TimelineReasoningPart({ item, showThoughts }) {
     event.preventDefault();
     setManualOpen((open) => !(open ?? showThoughts));
   }, [showThoughts]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     Reasoning,
     {
       "data-boring-agent-part": "message-reasoning",
@@ -7799,15 +7777,15 @@ function TimelineReasoningPart({ item, showThoughts }) {
       onOpenChange: handleOpenChange,
       autoClose: false,
       children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx23(
           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: () => /* @__PURE__ */ jsx25("span", { children: "Reasoning" }),
+            getThinkingMessage: () => /* @__PURE__ */ jsx23("span", { children: "Reasoning" }),
             onClick: toggleManualOpen
           }
         ),
-        /* @__PURE__ */ jsx25(ReasoningContent, { children: item.text })
+        /* @__PURE__ */ jsx23(ReasoningContent, { children: item.text })
       ]
     }
   );
@@ -7816,7 +7794,7 @@ function PlainToolCard({ part, renderers }) {
   const toolPart = toToolPart(part);
   if (!toolPart) return null;
   const { renderer, part: resolved, resolution } = resolveToolRendererForPart(toolPart, renderers);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-tool-call-id": resolved.toolCallId,
@@ -7874,13 +7852,13 @@ function codeFilenameForPart(parts, index) {
   return typeof path === "string" && path.trim() ? path : void 0;
 }
 function NoticeBubble({ level, text }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-boring-agent-part": "message-notice",
       "data-notice-level": level,
       className: noticeSurfaceClass(level, "text-xs"),
-      children: /* @__PURE__ */ jsx25("div", { className: noticeTextClass(), children: text })
+      children: /* @__PURE__ */ jsx23("div", { className: noticeTextClass(), children: text })
     }
   );
 }
@@ -7959,7 +7937,7 @@ function MessageActionsBar({
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent)]/40"
   );
   const hiddenActionProps = visible ? {} : { tabIndex: -1 };
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "aria-hidden": !visible,
@@ -7967,8 +7945,8 @@ function MessageActionsBar({
         "flex min-h-8 items-center gap-1 -mt-1 text-xs text-muted-foreground transition-opacity duration-200",
         visible ? "opacity-100" : "pointer-events-none opacity-0"
       ),
-      children: /* @__PURE__ */ jsx25(
-        Button11,
+      children: /* @__PURE__ */ jsx23(
+        Button10,
         {
           type: "button",
           variant: "ghost",
@@ -7978,7 +7956,7 @@ function MessageActionsBar({
           "aria-label": copied ? "Copied" : "Copy message",
           title: copied ? "Copied" : "Copy",
           ...hiddenActionProps,
-          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" })
+          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" })
         }
       )
     }
@@ -7999,7 +7977,7 @@ function partKey(messageId, part, index) {
 }
 
 // src/front/chat/components/PiConversationSurface.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var TRANSCRIPT_WINDOW = 60;
 var TRANSCRIPT_WINDOW_STEP = 40;
 var LOAD_OLDER_THRESHOLD_PX = 320;
@@ -8037,7 +8015,7 @@ function PiConversationSurface({
   const loadOlder = useCallback14(() => {
     setVisibleCount((count) => count + TRANSCRIPT_WINDOW_STEP);
   }, []);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     Conversation,
     {
       className: emptyHero ? cn("flex-none", runtimeNotices.length > 0 ? "max-h-[45vh]" : "max-h-[20vh]") : "flex-1",
@@ -8045,13 +8023,13 @@ function PiConversationSurface({
       "aria-live": "polite",
       onScrollToBottomReady,
       children: [
-        /* @__PURE__ */ jsxs21(ConversationContent, { className: cn(
+        /* @__PURE__ */ jsxs20(ConversationContent, { className: cn(
           "mx-auto flex w-full flex-col gap-6",
           chrome ? "max-w-3xl px-6 py-8" : "max-w-[680px] px-4 py-4",
           emptyHero && "py-4 text-center"
         ), children: [
-          messages.length === 0 && emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx26(ConversationHistoryLoadingState, {}) : null,
-          messages.length === 0 && !emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx26(
+          messages.length === 0 && emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx24(ConversationHistoryLoadingState, {}) : null,
+          messages.length === 0 && !emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx24(
             ChatEmptyState,
             {
               eyebrow: emptyState?.eyebrow,
@@ -8069,8 +8047,8 @@ function PiConversationSurface({
               }
             }
           ) : null,
-          hasOlder ? /* @__PURE__ */ jsx26(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
-          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx26(
+          hasOlder ? /* @__PURE__ */ jsx24(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
+          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx24(
             PiTimelineMessage,
             {
               message,
@@ -8083,16 +8061,16 @@ function PiConversationSurface({
             },
             key
           )),
-          /* @__PURE__ */ jsx26(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction, historyEmpty })
+          /* @__PURE__ */ jsx24(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction, historyEmpty })
         ] }),
-        /* @__PURE__ */ jsx26(ConversationScrollButton, {})
+        /* @__PURE__ */ jsx24(ConversationScrollButton, {})
       ]
     }
   );
 }
 function ConversationHistoryLoadingState() {
   const skeletonClassName = "motion-reduce:animate-none";
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       role: "status",
@@ -8101,21 +8079,21 @@ function ConversationHistoryLoadingState() {
       "data-boring-agent-part": "chat-history-loading",
       className: "flex flex-col gap-7 py-4",
       children: [
-        /* @__PURE__ */ jsxs21("div", { "aria-hidden": "true", className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx26(Skeleton, { className: cn("mt-0.5 size-7 shrink-0 rounded-lg", skeletonClassName) }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-1 flex-col gap-2.5", children: [
-            /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-3 w-24 rounded-sm", skeletonClassName) }),
-            /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-3 w-full rounded-sm", skeletonClassName) }),
-            /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-3 w-4/5 rounded-sm", skeletonClassName) })
+        /* @__PURE__ */ jsxs20("div", { "aria-hidden": "true", className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx24(Skeleton, { className: cn("mt-0.5 size-7 shrink-0 rounded-lg", skeletonClassName) }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-1 flex-col gap-2.5", children: [
+            /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-3 w-24 rounded-sm", skeletonClassName) }),
+            /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-3 w-full rounded-sm", skeletonClassName) }),
+            /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-3 w-4/5 rounded-sm", skeletonClassName) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx26("div", { "aria-hidden": "true", className: "flex justify-end", children: /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-11 w-[min(72%,30rem)] rounded-xl", skeletonClassName) }) }),
-        /* @__PURE__ */ jsxs21("div", { "aria-hidden": "true", className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx26(Skeleton, { className: cn("mt-0.5 size-7 shrink-0 rounded-lg", skeletonClassName) }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
-            /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-3 w-20 rounded-sm", skeletonClassName) }),
-            /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-20 w-full rounded-lg", skeletonClassName) }),
-            /* @__PURE__ */ jsx26(Skeleton, { className: cn("h-3 w-3/5 rounded-sm", skeletonClassName) })
+        /* @__PURE__ */ jsx24("div", { "aria-hidden": "true", className: "flex justify-end", children: /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-11 w-[min(72%,30rem)] rounded-xl", skeletonClassName) }) }),
+        /* @__PURE__ */ jsxs20("div", { "aria-hidden": "true", className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx24(Skeleton, { className: cn("mt-0.5 size-7 shrink-0 rounded-lg", skeletonClassName) }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
+            /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-3 w-20 rounded-sm", skeletonClassName) }),
+            /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-20 w-full rounded-lg", skeletonClassName) }),
+            /* @__PURE__ */ jsx24(Skeleton, { className: cn("h-3 w-3/5 rounded-sm", skeletonClassName) })
           ] })
         ] })
       ]
@@ -8124,8 +8102,8 @@ function ConversationHistoryLoadingState() {
 }
 function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
   const { scrollRef } = useStickToBottomContext2();
-  const pendingAnchor = useRef11(null);
-  const armed = useRef11(true);
+  const pendingAnchor = useRef10(null);
+  const armed = useRef10(true);
   useEffect14(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -8149,7 +8127,7 @@ function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
     }
     if (el.scrollTop > LOAD_OLDER_THRESHOLD_PX) armed.current = true;
   });
-  return /* @__PURE__ */ jsx26("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx24("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs20(
     "button",
     {
       type: "button",
@@ -8190,10 +8168,10 @@ import { useCallback as useCallback16, useLayoutEffect as useLayoutEffect3 } fro
 import { motion as motion2, useReducedMotion } from "motion/react";
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { useEffect as useEffect15, useRef as useRef12 } from "react";
+import { useEffect as useEffect15, useRef as useRef11 } from "react";
 
 // src/front/composer/ComposerStatusBanner.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function ComposerStatusBanner({
   tone,
   dataAttribute,
@@ -8210,7 +8188,7 @@ function ComposerStatusBanner({
 }) {
   const toneAttr = { [dataAttribute]: tone };
   if (tone === "running") {
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         ...toneAttr,
@@ -8222,14 +8200,14 @@ function ComposerStatusBanner({
           maxWidthClassName
         ),
         children: [
-          /* @__PURE__ */ jsx27("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx27("span", { children: runningContent })
+          /* @__PURE__ */ jsx25("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx25("span", { children: runningContent })
         ]
       }
     );
   }
   if (tone === "success") {
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         ...toneAttr,
@@ -8241,13 +8219,13 @@ function ComposerStatusBanner({
           maxWidthClassName
         ),
         children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
-            /* @__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__ */ jsx27("span", { className: "block font-medium leading-5", children: title }),
-              detail ? /* @__PURE__ */ jsx27("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
+          /* @__PURE__ */ jsxs21("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__ */ jsxs21("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
             ] }),
-            onDismiss ? /* @__PURE__ */ jsx27(
+            onDismiss ? /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -8263,7 +8241,7 @@ function ComposerStatusBanner({
       }
     );
   }
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ...toneAttr,
@@ -8275,10 +8253,10 @@ function ComposerStatusBanner({
         maxWidthClassName
       ),
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx27("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
-          /* @__PURE__ */ jsx27("span", { className: "flex-1 font-medium", children: title }),
-          onRetry ? /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsxs21("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(
             "button",
             {
               type: "button",
@@ -8287,7 +8265,7 @@ function ComposerStatusBanner({
               children: retryLabel
             }
           ) : null,
-          onDismiss ? /* @__PURE__ */ jsx27(
+          onDismiss ? /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -8298,14 +8276,14 @@ function ComposerStatusBanner({
             }
           ) : null
         ] }),
-        message ? /* @__PURE__ */ jsx27("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
+        message ? /* @__PURE__ */ jsx25("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 jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function PluginUpdateStatus({
   state,
   onDismiss,
@@ -8313,7 +8291,7 @@ function PluginUpdateStatus({
   successAutoDismissMs = 1400,
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef12(onDismiss);
+  const onDismissRef = useRef11(onDismiss);
   useEffect15(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
@@ -8327,7 +8305,7 @@ function PluginUpdateStatus({
   }, [state?.kind, successDismissKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx26(
       ComposerStatusBanner,
       {
         tone: "running",
@@ -8344,7 +8322,7 @@ function PluginUpdateStatus({
     const hasWarningsOrDiagnostics = warnings.length > 0 || diagnostics.length > 0;
     const title = state.reloaded ? hasWarningsOrDiagnostics ? "Reload finished with warnings" : "Reload complete" : "Reload queued";
     const detail = state.reloaded ? hasWarningsOrDiagnostics ? "Some extension changes need attention." : frontEvents.length > 0 ? `${frontEvents.length} extension module${frontEvents.length === 1 ? "" : "s"} refreshed. Changes are live.` : "Changes are live." : void 0;
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs22(
       ComposerStatusBanner,
       {
         tone: "success",
@@ -8355,7 +8333,7 @@ function PluginUpdateStatus({
         onDismiss,
         dismissAriaLabel: "Dismiss plugin update status",
         children: [
-          diagnostics.length > 0 ? /* @__PURE__ */ jsxs23(
+          diagnostics.length > 0 ? /* @__PURE__ */ jsxs22(
             "div",
             {
               "data-boring-plugin-update-diagnostics": "",
@@ -8364,24 +8342,24 @@ function PluginUpdateStatus({
                 "px-2 py-1.5 text-[11px] text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
-                  /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u26A0" }),
-                  /* @__PURE__ */ jsxs23("span", { children: [
+                /* @__PURE__ */ jsxs22("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__ */ jsxs22("span", { children: [
                     "Reload diagnostics for ",
                     diagnostics.length,
                     " extension",
                     diagnostics.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__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" }),
+                /* @__PURE__ */ jsx26("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs22("li", { children: [
+                  /* @__PURE__ */ jsx26("code", { className: "font-mono text-[10.5px]", children: diagnostic.pluginId ?? diagnostic.source ?? "plugin" }),
                   " \u2014 ",
                   diagnostic.message ?? "reload diagnostic"
                 ] }, `${diagnostic.pluginId ?? diagnostic.source ?? "plugin"}-${index}`)) })
               ]
             }
           ) : null,
-          warnings.length > 0 ? /* @__PURE__ */ jsxs23(
+          warnings.length > 0 ? /* @__PURE__ */ jsxs22(
             "div",
             {
               "data-boring-plugin-update-restart-warning": "",
@@ -8390,21 +8368,21 @@ function PluginUpdateStatus({
                 "px-2 py-1.5 text-[11px] text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
-                  /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u26A0" }),
-                  /* @__PURE__ */ jsxs23("span", { children: [
+                /* @__PURE__ */ jsxs22("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__ */ jsxs22("span", { children: [
                     "Restart needed for ",
                     warnings.length,
                     " extension",
                     warnings.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__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 }),
+                /* @__PURE__ */ jsx26("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs22("li", { children: [
+                  /* @__PURE__ */ jsx26("code", { className: "font-mono text-[10.5px]", children: w.id }),
                   " \u2014 ",
                   w.surfaces.join(" + ")
                 ] }, w.id)) }),
-                /* @__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." })
+                /* @__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." })
               ]
             }
           ) : null
@@ -8412,7 +8390,7 @@ function PluginUpdateStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx26(
     ComposerStatusBanner,
     {
       tone: "error",
@@ -8429,15 +8407,15 @@ function PluginUpdateStatus({
 }
 
 // src/front/composer/CommandRunStatus.tsx
-import { useEffect as useEffect16, useRef as useRef13 } from "react";
-import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useRef as useRef12 } from "react";
+import { Fragment as Fragment10, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function CommandRunStatus({
   state,
   onDismiss,
   successAutoDismissMs = 1400,
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef13(onDismiss);
+  const onDismissRef = useRef12(onDismiss);
   useEffect16(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
@@ -8449,15 +8427,15 @@ function CommandRunStatus({
   }, [state?.kind, successKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx27(
       ComposerStatusBanner,
       {
         tone: "running",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment10, { children: [
+        runningContent: state.command ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
           " Running ",
-          /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
+          /* @__PURE__ */ jsxs23("code", { className: "font-mono", children: [
             "/",
             state.command
           ] }),
@@ -8467,15 +8445,15 @@ function CommandRunStatus({
     );
   }
   if (state.kind === "success") {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx27(
       ComposerStatusBanner,
       {
         tone: "success",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        title: state.command ? /* @__PURE__ */ jsxs24(Fragment10, { children: [
+        title: state.command ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
           " Ran ",
-          /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
+          /* @__PURE__ */ jsxs23("code", { className: "font-mono", children: [
             "/",
             state.command
           ] }),
@@ -8487,15 +8465,15 @@ function CommandRunStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(
     ComposerStatusBanner,
     {
       tone: "error",
       dataAttribute: "data-boring-command-run",
       maxWidthClassName,
-      title: state.command ? /* @__PURE__ */ jsxs24(Fragment10, { children: [
+      title: state.command ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
         " ",
-        /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
+        /* @__PURE__ */ jsxs23("code", { className: "font-mono", children: [
           "/",
           state.command
         ] }),
@@ -8509,7 +8487,7 @@ function CommandRunStatus({
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { forwardRef, useEffect as useEffect17, useRef as useRef14, useState as useState16 } from "react";
+import { forwardRef, useEffect as useEffect17, useRef as useRef13, useState as useState16 } from "react";
 import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import {
   Command,
@@ -8543,7 +8521,7 @@ function displayProviderLabel(provider) {
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { Fragment as Fragment11, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx28, jsxs as jsxs24 } 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-colors motion-reduce:transition-none",
@@ -8611,7 +8589,7 @@ function useDismissOnOutsidePointer(ref, onClose) {
 }
 function ThinkingLevelGlyph({ level }) {
   const lit = level === "off" ? 0 : level === "low" ? 1 : level === "medium" ? 2 : 3;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     "svg",
     {
       "aria-hidden": "true",
@@ -8620,7 +8598,7 @@ function ThinkingLevelGlyph({ level }) {
       viewBox: "0 0 14 14",
       fill: "none",
       className: "shrink-0",
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx30(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx28(
         "rect",
         {
           x: 2 + i * 4,
@@ -8657,6 +8635,8 @@ function groupModelOptions(options) {
 var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
   value,
   options,
+  sessionModel,
+  isOverride = false,
   disabled,
   trigger = "button",
   open = false,
@@ -8666,17 +8646,21 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
   ...props
 }, ref) {
   const triggerLabel = modelTriggerLabel(value, options, emptyLabel);
+  const sessionTriggerLabel = sessionModel ? modelTriggerLabel(sessionModel, options) : void 0;
   const triggerDisplay = value ? `${triggerLabel} (${displayProviderLabel(value.provider)})` : triggerLabel;
-  return /* @__PURE__ */ jsx30(
+  const sessionDisplay = sessionModel && sessionTriggerLabel ? `${sessionTriggerLabel} (${displayProviderLabel(sessionModel.provider)})` : triggerDisplay;
+  const accessibleDisplay = isOverride && value ? `Current model: ${sessionDisplay}. Next-message override: ${triggerDisplay}` : `Current model: ${sessionDisplay}`;
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       ref,
       type: "button",
       "data-boring-agent-part": "model-select",
       "data-boring-state": disabled ? "disabled" : void 0,
+      "data-boring-model-override": isOverride ? "true" : void 0,
       disabled,
-      "aria-label": trigger === "slash" ? `Open model picker. Current model: ${triggerDisplay}` : "Model",
-      title: trigger === "slash" ? `Open model picker. Current model: ${triggerDisplay}` : void 0,
+      "aria-label": trigger === "slash" ? `Open model picker. ${accessibleDisplay}` : "Model",
+      title: trigger === "slash" ? accessibleDisplay : void 0,
       onClick,
       className: cn(
         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,
@@ -8685,16 +8669,25 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
         className
       ),
       ...props,
-      children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment11, { 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: [
+      children: trigger === "slash" ? /* @__PURE__ */ jsxs24(Fragment11, { children: [
+        /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "Model \xB7 " }),
+        /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate text-foreground", children: sessionTriggerLabel ?? triggerLabel }),
+        sessionModel ? /* @__PURE__ */ jsxs24("span", { className: "shrink-0 text-muted-foreground", children: [
+          " \xB7 ",
+          displayProviderLabel(sessionModel.provider)
+        ] }) : value ? /* @__PURE__ */ jsxs24("span", { className: "shrink-0 text-muted-foreground", children: [
+          " \xB7 ",
+          displayProviderLabel(value.provider)
+        ] }) : null,
+        isOverride && value ? /* @__PURE__ */ jsxs24("span", { className: "shrink-0 text-amber-600 dark:text-amber-400", children: [
+          " \xB7 Next override: ",
+          triggerLabel,
           " \xB7 ",
           displayProviderLabel(value.provider)
         ] }) : null
-      ] }) : /* @__PURE__ */ jsxs25(Fragment11, { 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" })
+      ] }) : /* @__PURE__ */ jsxs24(Fragment11, { 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" })
       ] })
     }
   );
@@ -8715,8 +8708,8 @@ function ModelPickerMenu({
   const keyboardOptions = hideDefaultOption ? groupedOptions : [null, ...groupedOptions];
   const selectedIndex = currentKey ? Math.max(0, keyboardOptions.findIndex((option) => option && encodeModelKey(option) === currentKey)) : 0;
   const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef14(selectedIndex);
-  const menuRef = useRef14(null);
+  const activeIndexRef = useRef13(selectedIndex);
+  const menuRef = useRef13(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
@@ -8751,8 +8744,8 @@ 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__ */ 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(
+  return /* @__PURE__ */ jsx28("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "model-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsxs24(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(
       CommandInput,
       {
         placeholder: "Search models\u2026",
@@ -8760,9 +8753,9 @@ function ModelPickerMenu({
         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__ */ jsx30(CommandEmpty, { className: "py-4 text-center text-sm text-muted-foreground", children: "No models found" }),
-      !hideDefaultOption ? /* @__PURE__ */ jsx30(CommandGroup, { children: /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs24(CommandList, { className: "max-h-[300px] p-0.5", children: [
+      /* @__PURE__ */ jsx28(CommandEmpty, { className: "py-4 text-center text-sm text-muted-foreground", children: "No models found" }),
+      !hideDefaultOption ? /* @__PURE__ */ jsx28(CommandGroup, { children: /* @__PURE__ */ jsxs24(
         CommandItem,
         {
           value: "Default model automatic auto",
@@ -8773,7 +8766,7 @@ function ModelPickerMenu({
           },
           className: selectorItemClass(!value || activeIndex === 0),
           children: [
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx28(
               CheckIcon3,
               {
                 className: cn(
@@ -8782,12 +8775,12 @@ function ModelPickerMenu({
                 )
               }
             ),
-            /* @__PURE__ */ jsx30("span", { className: "truncate", children: "Default model" }),
-            /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "Auto" })
+            /* @__PURE__ */ jsx28("span", { className: "truncate", children: "Default model" }),
+            /* @__PURE__ */ jsx28("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "Auto" })
           ]
         }
       ) }) : null,
-      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx30(
+      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx28(
         CommandGroup,
         {
           heading: displayProviderLabel(provider),
@@ -8796,7 +8789,7 @@ function ModelPickerMenu({
             const key = encodeModelKey(m);
             const label = m.label || displayModelLabel(m.id);
             const itemIndex = optionIndexes.get(key) ?? 0;
-            return /* @__PURE__ */ jsxs25(
+            return /* @__PURE__ */ jsxs24(
               CommandItem,
               {
                 value: `${label} ${m.id} ${displayProviderLabel(m.provider)}`,
@@ -8807,7 +8800,7 @@ function ModelPickerMenu({
                 },
                 className: cn(selectorItemClass(key === currentKey || activeIndex === itemIndex)),
                 children: [
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx28(
                     CheckIcon3,
                     {
                       className: cn(
@@ -8816,8 +8809,8 @@ function ModelPickerMenu({
                       )
                     }
                   ),
-                  /* @__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 })
+                  /* @__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-xs text-muted-foreground", children: m.id })
                 ]
               },
               key
@@ -8843,7 +8836,7 @@ function ModelSelect({
   hideDefaultOption = false
 }) {
   const [open, setOpen] = useState16(false);
-  const previousOpenSignalRef = useRef14(openSignal);
+  const previousOpenSignalRef = useRef13(openSignal);
   useEffect17(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
@@ -8855,8 +8848,8 @@ function ModelSelect({
     if (previousOpenSignalRef.current !== openSignal) setOpen(true);
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
-  return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs24(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
       ModelSelectTrigger,
       {
         value,
@@ -8870,7 +8863,7 @@ function ModelSelect({
         "aria-describedby": ariaDescribedBy
       }
     ) }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx28(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "start",
@@ -8879,7 +8872,7 @@ function ModelSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,340px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx30(
+        children: /* @__PURE__ */ jsx28(
           ModelPickerMenu,
           {
             value,
@@ -8904,7 +8897,7 @@ function ThinkingSelect({
   className
 }) {
   const [open, setOpen] = useState16(false);
-  const previousOpenSignalRef = useRef14(openSignal);
+  const previousOpenSignalRef = useRef13(openSignal);
   useEffect17(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
@@ -8916,8 +8909,8 @@ function ThinkingSelect({
     if (previousOpenSignalRef.current !== openSignal) setOpen(true);
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
-  return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs24(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
       ThinkingSelectTrigger,
       {
         value,
@@ -8927,7 +8920,7 @@ function ThinkingSelect({
         className
       }
     ) }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx28(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "end",
@@ -8936,7 +8929,7 @@ function ThinkingSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,240px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx30(
+        children: /* @__PURE__ */ jsx28(
           ThinkingPickerMenu,
           {
             value,
@@ -8959,7 +8952,7 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
   className,
   ...props
 }, ref) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs24(
     "button",
     {
       ref,
@@ -8980,13 +8973,13 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       onClick,
       ...props,
       children: [
-        trigger === "button" ? /* @__PURE__ */ jsx30(ThinkingLevelGlyph, { level: value }) : null,
-        trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment11, { 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(Fragment11, { 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" })
+        trigger === "button" ? /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level: value }) : null,
+        trigger === "slash" ? /* @__PURE__ */ jsxs24(Fragment11, { children: [
+          /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "Thinking \xB7 " }),
+          /* @__PURE__ */ jsx28("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
+        ] }) : /* @__PURE__ */ jsxs24(Fragment11, { 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" })
         ] })
       ]
     }
@@ -9001,8 +8994,8 @@ function ThinkingPickerMenu({
 }) {
   const selectedIndex = Math.max(0, THINKING_LEVELS.indexOf(value));
   const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef14(selectedIndex);
-  const menuRef = useRef14(null);
+  const activeIndexRef = useRef13(selectedIndex);
+  const menuRef = useRef13(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
@@ -9035,7 +9028,7 @@ function ThinkingPickerMenu({
     window.addEventListener("keydown", handler, { capture: true });
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [activeIndex, disabled, onChange, onClose]);
-  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(
+  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__ */ jsxs24(
     CommandItem,
     {
       value: `Thinking ${THINKING_LEVEL_LABELS[level]} ${THINKING_LEVEL_DETAILS[level]}`,
@@ -9046,7 +9039,7 @@ function ThinkingPickerMenu({
       },
       className: selectorItemClass(level === value || index === activeIndex),
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx28(
           CheckIcon3,
           {
             className: cn(
@@ -9055,9 +9048,9 @@ function ThinkingPickerMenu({
             )
           }
         ),
-        /* @__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] })
+        /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level }),
+        /* @__PURE__ */ jsx28("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
+        /* @__PURE__ */ jsx28("span", { className: "ml-auto text-xs text-muted-foreground", children: THINKING_LEVEL_DETAILS[level] })
       ]
     },
     level
@@ -9095,25 +9088,25 @@ import {
   Monitor,
   PlusIcon as PlusIcon2,
   SquareIcon,
-  XIcon as XIcon5
+  XIcon as XIcon4
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo13, useRef as useRef15, useState as useState17 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo13, useRef as useRef14, useState as useState17 } from "react";
 
 // src/front/primitives/prompt-input-context.ts
-import { createContext as createContext8, useContext as useContext8 } from "react";
-var PromptInputController = createContext8(
+import { createContext as createContext7, useContext as useContext7 } from "react";
+var PromptInputController = createContext7(
   null
 );
-var ProviderAttachmentsContext = createContext8(
+var ProviderAttachmentsContext = createContext7(
   null
 );
-var useOptionalPromptInputController = () => useContext8(PromptInputController);
-var useOptionalProviderAttachments = () => useContext8(ProviderAttachmentsContext);
-var LocalAttachmentsContext = createContext8(null);
+var useOptionalPromptInputController = () => useContext7(PromptInputController);
+var useOptionalProviderAttachments = () => useContext7(ProviderAttachmentsContext);
+var LocalAttachmentsContext = createContext7(null);
 var usePromptInputAttachments = () => {
   const provider = useOptionalProviderAttachments();
-  const local = useContext8(LocalAttachmentsContext);
+  const local = useContext7(LocalAttachmentsContext);
   const context = local ?? provider;
   if (!context) {
     throw new Error(
@@ -9122,23 +9115,23 @@ var usePromptInputAttachments = () => {
   }
   return context;
 };
-var LocalReferencedSourcesContext = createContext8(null);
+var LocalReferencedSourcesContext = createContext7(null);
 
 // src/front/primitives/prompt-input-wrappers.tsx
 import {
   InputGroupAddon,
   InputGroupButton,
-  Tooltip as Tooltip3,
-  TooltipContent as TooltipContent3,
-  TooltipTrigger as TooltipTrigger3
+  Tooltip as Tooltip2,
+  TooltipContent as TooltipContent2,
+  TooltipTrigger as TooltipTrigger2
 } from "@hachej/boring-ui-kit";
 import { Children as Children2 } from "react";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 var PromptInputFooter = ({
   align = "block-end",
   className,
   ...props
-}) => /* @__PURE__ */ jsx31(
+}) => /* @__PURE__ */ jsx29(
   InputGroupAddon,
   {
     align,
@@ -9148,7 +9141,7 @@ var PromptInputFooter = ({
 );
 
 // src/front/primitives/prompt-input.tsx
-import { Fragment as Fragment12, jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var PromptInput = ({
   className,
   accept,
@@ -9165,12 +9158,12 @@ var PromptInput = ({
 }) => {
   const controller = useOptionalPromptInputController();
   const usingProvider = !!controller;
-  const providerTextValueRef = useRef15("");
+  const providerTextValueRef = useRef14("");
   if (usingProvider) {
     providerTextValueRef.current = controller.textInput.value;
   }
-  const inputRef = useRef15(null);
-  const formRef = useRef15(null);
+  const inputRef = useRef14(null);
+  const formRef = useRef14(null);
   const [items, setItems] = useState17([]);
   const setFileUrlLocal = useCallback15((id, url, status, path) => {
     setItems((prev) => prev.map((f) => {
@@ -9181,7 +9174,7 @@ var PromptInput = ({
   }, []);
   const files = usingProvider ? controller.attachments.files : items;
   const [referencedSources, setReferencedSources] = useState17([]);
-  const filesRef = useRef15(files);
+  const filesRef = useRef14(files);
   useEffect18(() => {
     filesRef.current = files;
   }, [files]);
@@ -9491,8 +9484,8 @@ var PromptInput = ({
     },
     [usingProvider, controller, files, onSubmit, clear]
   );
-  const inner = /* @__PURE__ */ jsxs27(Fragment12, { children: [
-    /* @__PURE__ */ jsx32(
+  const inner = /* @__PURE__ */ jsxs26(Fragment12, { children: [
+    /* @__PURE__ */ jsx30(
       Input,
       {
         accept,
@@ -9505,7 +9498,7 @@ var PromptInput = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx30(
       "form",
       {
         "data-boring-agent-part": "composer",
@@ -9513,12 +9506,12 @@ var PromptInput = ({
         onSubmit: handleSubmit,
         ref: formRef,
         ...props,
-        children: /* @__PURE__ */ jsx32(InputGroup, { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx30(InputGroup, { className: "overflow-hidden", children })
       }
     )
   ] });
-  const withReferencedSources = /* @__PURE__ */ jsx32(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
-  return /* @__PURE__ */ jsx32(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
+  const withReferencedSources = /* @__PURE__ */ jsx30(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
+  return /* @__PURE__ */ jsx30(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
 };
 var PromptInputTextarea = ({
   onChange,
@@ -9596,7 +9589,7 @@ var PromptInputTextarea = ({
   } : {
     onChange
   };
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx30(
     InputGroupTextarea,
     {
       "data-boring-agent-part": "composer-input",
@@ -9623,13 +9616,13 @@ var PromptInputSubmit = ({
   ...props
 }) => {
   const isGenerating = status === "submitted" || status === "streaming";
-  let Icon = /* @__PURE__ */ jsx32(CornerDownLeftIcon, { className: "size-4" });
+  let Icon = /* @__PURE__ */ jsx30(CornerDownLeftIcon, { className: "size-4" });
   if (status === "submitted") {
-    Icon = /* @__PURE__ */ jsx32(Spinner, {});
+    Icon = /* @__PURE__ */ jsx30(Spinner, {});
   } else if (status === "streaming") {
-    Icon = /* @__PURE__ */ jsx32(SquareIcon, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx30(SquareIcon, { className: "size-4" });
   } else if (status === "error") {
-    Icon = /* @__PURE__ */ jsx32(XIcon5, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx30(XIcon4, { className: "size-4" });
   }
   const handleClick = useCallback15(
     (e) => {
@@ -9642,7 +9635,7 @@ var PromptInputSubmit = ({
     },
     [isGenerating, onStop, onClick]
   );
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx30(
     InputGroupButton2,
     {
       "aria-label": isGenerating ? "Stop" : "Submit",
@@ -9659,8 +9652,8 @@ var PromptInputSubmit = ({
 };
 
 // src/front/primitives/slash-command-picker.tsx
-import { useEffect as useEffect19, useMemo as useMemo14, useRef as useRef16, useState as useState18 } from "react";
-import { Fragment as Fragment13, jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useMemo as useMemo14, useRef as useRef15, useState as useState18 } from "react";
+import { Fragment as Fragment13, jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 var ALL_PLUGINS = "__all__";
 function commandGroup(cmd) {
   if (cmd.source === "skill") return "skills";
@@ -9671,9 +9664,9 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
   const [plugin, setPlugin] = useState18(ALL_PLUGINS);
   const [searchQuery, setSearchQuery] = useState18(query);
   const [activeIdx, setActiveIdx] = useState18(0);
-  const containerRef = useRef16(null);
-  const listRef = useRef16(null);
-  const inputRef = useRef16(null);
+  const containerRef = useRef15(null);
+  const listRef = useRef15(null);
+  const inputRef = useRef15(null);
   useEffect19(() => {
     setSearchQuery(query);
   }, [query]);
@@ -9711,8 +9704,8 @@ 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__ */ jsx33(
+  return /* @__PURE__ */ jsxs27("div", { ref: containerRef, className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: [
+    /* @__PURE__ */ jsx31(
       "input",
       {
         ref: inputRef,
@@ -9727,9 +9720,9 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         autoComplete: "off"
       }
     ),
-    /* @__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) => {
+    /* @__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) => {
       const selected = plugin === g;
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -9749,7 +9742,7 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         g
       );
     }) }),
-    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(
+    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__ */ jsxs27(
       "li",
       {
         role: "option",
@@ -9767,20 +9760,20 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
           onSelect(cmd.name);
         },
         children: [
-          /* @__PURE__ */ jsxs28("span", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxs28("span", { className: "font-medium text-foreground/80", children: [
+          /* @__PURE__ */ jsxs27("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxs27("span", { className: "font-medium text-foreground/80", children: [
               "/",
               cmd.name
             ] }),
-            cmd.source === "skill" ? /* @__PURE__ */ jsxs28(Fragment13, { 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.source === "skill" ? /* @__PURE__ */ jsxs27(Fragment13, { 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.sourcePlugin ? (
               // Originating plugin/package for non-skill commands.
-              /* @__PURE__ */ jsx33("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: 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
           ] }),
-          /* @__PURE__ */ jsx33("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
+          /* @__PURE__ */ jsx31("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
         ]
       },
       cmd.name
@@ -9791,10 +9784,10 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
 // src/front/chat/components/ComposerAttachments.tsx
 import { AlertCircleIcon as AlertCircleIcon2, Loader2 as Loader22, PaperclipIcon as PaperclipIcon2 } from "lucide-react";
 import { IconButton as IconButton3 } from "@hachej/boring-ui-kit";
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function AttachmentButton({ disabled, className }) {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(
     IconButton3,
     {
       type: "button",
@@ -9807,21 +9800,21 @@ function AttachmentButton({ disabled, className }) {
       className: cn(composerActionClass, "composer-attachment-button !h-10 !w-10", className),
       "aria-label": "Attach files",
       title: disabled ? "Attachments are available when the composer is ready." : "Attach files",
-      children: /* @__PURE__ */ jsx34(PaperclipIcon2, { className: "h-4 w-4", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx32(PaperclipIcon2, { className: "h-4 w-4", strokeWidth: 1.75 })
     }
   );
 }
 function AttachmentsList() {
   const attachments = usePromptInputAttachments();
   if (attachments.files.length === 0) return null;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(
     Attachments,
     {
       "data-boring-agent-part": "composer-attachment-row",
       "data-align": "block-start",
       variant: "inline",
       className: "w-full flex-wrap items-center justify-start gap-2 px-5 pb-0 pt-3",
-      children: attachments.files.map((file) => /* @__PURE__ */ jsxs29(
+      children: attachments.files.map((file) => /* @__PURE__ */ jsxs28(
         Attachment,
         {
           data: file,
@@ -9832,13 +9825,13 @@ function AttachmentsList() {
             file.status === "error" && "!border-destructive/50 !bg-destructive/10"
           ),
           children: [
-            /* @__PURE__ */ jsxs29("div", { className: "relative shrink-0", children: [
-              /* @__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(Loader22, { 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__ */ jsxs28("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(Loader22, { 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(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
-            /* @__PURE__ */ jsx34(AttachmentRemove, { className: "composer-attachment-remove !size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
+            /* @__PURE__ */ jsx32(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
+            /* @__PURE__ */ jsx32(AttachmentRemove, { className: "composer-attachment-remove !size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
           ]
         },
         file.id
@@ -9848,7 +9841,7 @@ function AttachmentsList() {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 var MAX_PROMPT_ATTACHMENTS = 2;
 var MAX_PROMPT_ATTACHMENT_BYTES = 10 * 1024 * 1024;
 var COMPOSER_INPUT_GROUP_MIN_HEIGHT = 56;
@@ -9908,6 +9901,8 @@ function PiChatComposerSurface({
   onDismissSlash,
   modelPickerOpen,
   selectedModel,
+  sessionModel,
+  modelOverride,
   modelOptions,
   modelControlled,
   hideDefaultModelOption = false,
@@ -9963,11 +9958,11 @@ function PiChatComposerSurface({
   useLayoutEffect3(() => {
     resizeTextarea(textareaRef.current);
   }, [draft, resizeTextarea, textareaRef]);
-  return /* @__PURE__ */ jsxs30("div", { className: cn(
+  return /* @__PURE__ */ jsxs29("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(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         "data-boring-agent-part": "chat-working-slot",
@@ -9977,7 +9972,7 @@ function PiChatComposerSurface({
           isStreaming ? "mb-2 max-h-8 opacity-100" : "mb-0 max-h-0 opacity-0"
         ),
         "aria-hidden": !isStreaming,
-        children: /* @__PURE__ */ jsxs30(
+        children: /* @__PURE__ */ jsxs29(
           "div",
           {
             "data-testid": isStreaming ? "chat-working" : void 0,
@@ -9985,7 +9980,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-foreground shadow-sm backdrop-blur",
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx33(
                 motion2.span,
                 {
                   "aria-hidden": "true",
@@ -9994,14 +9989,14 @@ function PiChatComposerSurface({
                   transition: prefersReducedMotion ? { duration: 0 } : { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                 }
               ),
-              /* @__PURE__ */ jsx35("span", { children: "Working\u2026" })
+              /* @__PURE__ */ jsx33("span", { children: "Working\u2026" })
             ]
           }
         )
       }
     ),
-    composerStatusNotice ? /* @__PURE__ */ jsx35(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
-    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx35(
+    composerStatusNotice ? /* @__PURE__ */ jsx33(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
+    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx33(
       ComposerBlockerNotice,
       {
         blocker: primaryComposerBlocker,
@@ -10009,8 +10004,8 @@ function PiChatComposerSurface({
         onAction: onComposerBlockerAction
       }
     ) : null,
-    queuePreview.length > 0 ? /* @__PURE__ */ jsx35(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
-    hotReloadEnabled ? /* @__PURE__ */ jsx35(
+    queuePreview.length > 0 ? /* @__PURE__ */ jsx33(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
+    hotReloadEnabled ? /* @__PURE__ */ jsx33(
       PluginUpdateStatus,
       {
         state: pluginUpdateState,
@@ -10018,14 +10013,14 @@ function PiChatComposerSurface({
         onRetry: onRunPluginUpdate
       }
     ) : null,
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx33(
       CommandRunStatus,
       {
         state: commandNotifyState,
         onDismiss: onDismissCommandNotify
       }
     ),
-    attachmentNotice ? /* @__PURE__ */ jsx35(
+    attachmentNotice ? /* @__PURE__ */ jsx33(
       "div",
       {
         role: "status",
@@ -10034,12 +10029,12 @@ function PiChatComposerSurface({
         children: attachmentNotice
       }
     ) : null,
-    /* @__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(
+    /* @__PURE__ */ jsxs29("div", { className: cn("@container group/composer relative mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
+      /* @__PURE__ */ jsxs29("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(
+        mentionState ? /* @__PURE__ */ jsx33("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx33(
           MentionPicker,
           {
             mention: mentionState,
@@ -10051,7 +10046,7 @@ function PiChatComposerSurface({
             onDismiss: onDismissMention
           }
         ) }) : null,
-        slashQuery !== null ? /* @__PURE__ */ jsx35("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx35(
+        slashQuery !== null ? /* @__PURE__ */ jsx33("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx33(
           SlashCommandPicker,
           {
             query: slashQuery,
@@ -10060,7 +10055,7 @@ function PiChatComposerSurface({
             onDismiss: onDismissSlash
           }
         ) }) : null,
-        mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx35("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx35(
+        mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx33("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx33(
           ModelPickerMenu,
           {
             value: selectedModel,
@@ -10071,7 +10066,7 @@ function PiChatComposerSurface({
             onClose: () => onSetModelPickerOpen(false)
           }
         ) }) : null,
-        mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx35("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx35(
+        mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx33("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx33(
           ThinkingPickerMenu,
           {
             value: selectedThinking,
@@ -10081,17 +10076,17 @@ function PiChatComposerSurface({
           }
         ) }) : null
       ] }),
-      composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx35(
+      composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx33(
         "div",
         {
           "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, {})
+          children: /* @__PURE__ */ jsx33(Top, {})
         },
         id
       ) : null),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx33(
         "div",
         {
           "data-boring-agent-part": "composer-rail",
@@ -10110,7 +10105,7 @@ function PiChatComposerSurface({
             "[&[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(
+          children: /* @__PURE__ */ jsxs29(
             PromptInput,
             {
               "data-boring-state": status,
@@ -10126,15 +10121,15 @@ function PiChatComposerSurface({
                 else onAttachmentNotice(err.message || "Attachment rejected.");
               },
               children: [
-                /* @__PURE__ */ jsx35(AttachmentsList, {}),
-                /* @__PURE__ */ jsxs30(
+                /* @__PURE__ */ jsx33(AttachmentsList, {}),
+                /* @__PURE__ */ jsxs29(
                   "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(
+                      /* @__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,
@@ -10158,24 +10153,24 @@ function PiChatComposerSurface({
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx35(
+                      /* @__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__ */ jsxs30("div", { className: "ml-auto flex items-center gap-1.5", children: [
-                            composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx35(
+                          children: /* @__PURE__ */ jsxs29("div", { className: "ml-auto flex items-center gap-1.5", children: [
+                            composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx33(
                               "span",
                               {
                                 "data-boring-agent-part": "composer-contribution-action",
                                 "data-boring-agent-contribution-id": id,
                                 className: "contents",
-                                children: /* @__PURE__ */ jsx35(Action, { updateDraft })
+                                children: /* @__PURE__ */ jsx33(Action, { updateDraft })
                               },
                               id
                             ) : null),
-                            /* @__PURE__ */ jsx35(
+                            /* @__PURE__ */ jsx33(
                               PromptInputSubmit,
                               {
                                 "data-boring-agent-part": "composer-submit",
@@ -10205,7 +10200,7 @@ function PiChatComposerSurface({
           )
         }
       ),
-      hideComposerSettings ? null : /* @__PURE__ */ jsx35(
+      hideComposerSettings ? null : /* @__PURE__ */ jsx33(
         "div",
         {
           "data-boring-agent-part": "composer-settings-row",
@@ -10213,11 +10208,13 @@ function PiChatComposerSurface({
             "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(
+          children: /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 items-center justify-center gap-1", children: [
+            /* @__PURE__ */ jsx33(
               ModelSelectTrigger,
               {
                 value: selectedModel,
+                sessionModel,
+                isOverride: modelOverride,
                 options: modelOptions,
                 disabled: isStreaming || modelControlled,
                 trigger: "slash",
@@ -10232,7 +10229,7 @@ function PiChatComposerSurface({
                 }
               }
             ),
-            thinkingControl ? /* @__PURE__ */ jsx35(
+            thinkingControl ? /* @__PURE__ */ jsx33(
               ThinkingSelectTrigger,
               {
                 value: selectedThinking,
@@ -10261,7 +10258,7 @@ function getHeaderValue(headers, name) {
 }
 
 // src/front/chat/piChatPanelHooks.ts
-import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo15, useRef as useRef17, useState as useState19, useSyncExternalStore } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo15, useRef as useRef16, useState as useState19, useSyncExternalStore } from "react";
 
 // src/front/chat/piChatPanelUtils.ts
 function headersContentKey(headers) {
@@ -10382,7 +10379,7 @@ function useExternalRemotePiSession({
   enabled = true
 }) {
   const [session, setSession] = useState19();
-  const remoteSessionOptionsRef = useRef17(remoteSessionOptions);
+  const remoteSessionOptionsRef = useRef16(remoteSessionOptions);
   remoteSessionOptionsRef.current = remoteSessionOptions;
   const requestHeadersKey = headersContentKey(requestHeaders);
   const stableRequestHeaders = useMemo15(
@@ -10463,8 +10460,8 @@ function useRemotePiSessionState(session) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
-var DebugDrawer2 = lazy(() => import("../DebugDrawer-2TO5SE2D.js").then((m) => ({ default: m.DebugDrawer })));
+import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+var DebugDrawer2 = lazy(() => import("../DebugDrawer-JNA43SVR.js").then((m) => ({ default: m.DebugDrawer })));
 var EMPTY_COMMANDS = [];
 var EMPTY_COMMAND_NAMES = [];
 var EMPTY_BLOCKERS = [];
@@ -10535,11 +10532,11 @@ function PiChatPanel({
 }) {
   const externalSessionId = sessionId?.trim() || void 0;
   const showSessionSidebar = showSessions ?? externalSessionId === void 0;
-  const onDataRef = useRef18(onData);
+  const onDataRef = useRef17(onData);
   onDataRef.current = onData;
-  const onTurnCompleteRef = useRef18(onTurnComplete);
+  const onTurnCompleteRef = useRef17(onTurnComplete);
   onTurnCompleteRef.current = onTurnComplete;
-  const sessionListRefreshRef = useRef18(void 0);
+  const sessionListRefreshRef = useRef17(void 0);
   const requestHeadersKey = useMemo16(() => headersContentKey(requestHeaders), [requestHeaders]);
   const normalizedRequestHeaders = useMemo16(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
   const remoteSessionOptionsWithEvents = useMemo16(() => ({
@@ -10603,13 +10600,21 @@ function PiChatPanel({
     agentTypeId,
     apiBaseUrl,
     defaultModel,
+    sessionId: activeSessionId,
+    sessionHydrated: selectedChatState?.hydrated ?? false,
+    sessionIsNew: Boolean(
+      selectedChatState?.hydrated && selectedChatState.history.messageCount === 0 && selectedChatState.committedMessages.length === 0 && selectedChatState.queue.followUps.length === 0 && Object.keys(selectedChatState.optimisticOutbox).length === 0 && !selectedChatState.streamingMessage
+    ),
+    sessionModel: selectedChatState?.currentModel,
     fetch: fetch2,
     requestHeaders: normalizedRequestHeaders,
     storage,
     storageScope,
     enabled: modelDiscoveryEnabled
   });
+  const sessionModel = selectedChatState?.currentModel;
   const selectedModel = model === void 0 ? modelDiscovery.model : model;
+  const modelOverride = model === void 0 ? modelDiscovery.isOverride : Boolean(model && sessionModel && (model.provider !== sessionModel.provider || model.id !== sessionModel.id));
   const modelOptions = useMemo16(
     () => modelOptionsForSelection(availableModels ?? modelDiscovery.availableModels, selectedModel),
     [availableModels, modelDiscovery.availableModels, selectedModel]
@@ -10648,13 +10653,13 @@ function PiChatPanel({
   const [modelPickerOpen, setModelPickerOpen] = useState20(false);
   const [thinkingPickerOpen, setThinkingPickerOpen] = useState20(false);
   const [draft, setDraft] = useState20(() => initialDraft ?? "");
-  const draftRef = useRef18(draft);
+  const draftRef = useRef17(draft);
   draftRef.current = draft;
-  const initialDraftGuard = useRef18(new InitialDraftAutoSubmitGuard());
-  const pendingAutoSubmitSettleRef = useRef18(void 0);
-  const acceptedAutoSubmitSettleRef = useRef18(void 0);
-  const resetInProgressRef = useRef18(false);
-  const autoCreateInFlightRef = useRef18(false);
+  const initialDraftGuard = useRef17(new InitialDraftAutoSubmitGuard());
+  const pendingAutoSubmitSettleRef = useRef17(void 0);
+  const acceptedAutoSubmitSettleRef = useRef17(void 0);
+  const resetInProgressRef = useRef17(false);
+  const autoCreateInFlightRef = useRef17(false);
   const settlePendingAutoSubmit = useCallback18((sessionId2) => {
     const pendingSessionId = pendingAutoSubmitSettleRef.current;
     if (!pendingSessionId || sessionId2 && pendingSessionId !== sessionId2) return false;
@@ -10663,19 +10668,19 @@ function PiChatPanel({
     onAutoSubmitInitialDraftSettled?.();
     return true;
   }, [onAutoSubmitInitialDraftSettled]);
-  const prevStatusRef = useRef18("idle");
-  const statusRef = useRef18("idle");
-  const scrollToBottomRef = useRef18(() => {
+  const prevStatusRef = useRef17("idle");
+  const statusRef = useRef17("idle");
+  const scrollToBottomRef = useRef17(() => {
   });
-  const textareaRef = useRef18(null);
+  const textareaRef = useRef17(null);
   const [localNotices, setLocalNotices] = useState20([]);
   const [dismissedNoticeIds, setDismissedNoticeIds] = useState20(() => /* @__PURE__ */ new Set());
   const [pluginUpdateState, setPluginUpdateState] = useState20(null);
   const [commandNotifyState, setCommandNotifyState] = useState20(null);
-  const commandRunIdRef = useRef18(0);
+  const commandRunIdRef = useRef17(0);
   const [serverSkillsRefreshKey, setServerSkillsRefreshKey] = useState20(0);
   const [localSubmittedSessionId, setLocalSubmittedSessionId] = useState20();
-  const localSubmittedSessionRef = useRef18(void 0);
+  const localSubmittedSessionRef = useRef17(void 0);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
   const composerContributions = useComposerContributions();
   const contributedCommands = useMemo16(
@@ -11267,7 +11272,7 @@ function PiChatPanel({
       if (result === false) setComposerDraft(text);
     });
   }, [sendComposerMessage, setComposerDraft]);
-  const composerSurface = /* @__PURE__ */ jsx36(
+  const composerSurface = /* @__PURE__ */ jsx34(
     PiChatComposerSurface,
     {
       chrome,
@@ -11307,6 +11312,8 @@ function PiChatPanel({
       onDismissSlash: dismissSlash,
       modelPickerOpen,
       selectedModel,
+      sessionModel,
+      modelOverride,
       modelOptions,
       modelControlled: model !== void 0,
       hideDefaultModelOption,
@@ -11332,7 +11339,7 @@ function PiChatPanel({
       onStop: stop
     }
   );
-  return /* @__PURE__ */ jsx36(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx34(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs30(
     "div",
     {
       "data-boring-agent": "",
@@ -11350,7 +11357,7 @@ function PiChatPanel({
       role: "region",
       "aria-label": "Agent assistant",
       children: [
-        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(
+        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(
           SessionList,
           {
             sessions: sessionList,
@@ -11364,7 +11371,7 @@ function PiChatPanel({
             loadingMore: sessions.loadingMore
           }
         ) }) : null,
-        /* @__PURE__ */ jsx36("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsx34("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs30(
           "div",
           {
             className: cn(
@@ -11373,7 +11380,7 @@ function PiChatPanel({
               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__ */ jsx36(
+              /* @__PURE__ */ jsx34(
                 PiConversationSurface,
                 {
                   chrome,
@@ -11399,13 +11406,13 @@ function PiChatPanel({
                 }
               ),
               composerSurface,
-              emptyHero ? /* @__PURE__ */ jsxs31(
+              emptyHero ? /* @__PURE__ */ jsxs30(
                 "div",
                 {
                   "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" }),
+                    /* @__PURE__ */ jsx34(ChatSuggestionGrid, { suggestions, onSelect: selectEmptySuggestion, className: "mt-4" }),
                     emptyState?.footer
                   ]
                 }
@@ -11413,7 +11420,7 @@ function PiChatPanel({
             ]
           }
         ) }),
-        debug ? /* @__PURE__ */ jsx36(Suspense, { fallback: null, children: /* @__PURE__ */ jsx36("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx36(
+        debug ? /* @__PURE__ */ jsx34(Suspense, { fallback: null, children: /* @__PURE__ */ jsx34("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx34(
           DebugDrawer2,
           {
             agentTypeId,
@@ -11602,7 +11609,13 @@ function getAgentCommands(options = {}) {
   return commands;
 }
 export {
+  Artifact,
+  ArtifactAction,
+  ArtifactActions,
+  ArtifactDescription,
+  ArtifactHeader,
   ArtifactOpenProvider,
+  ArtifactTitle,
   ChatEmptyState,
   ChatMessageContributionProvider,
   PiChatPanel as ChatPanel,