@hachej/boring-agent 0.1.104 → 0.1.107

package/dist/front/index.js

@@ -20,6 +20,7 @@ import {
 } from "../chunk-2BGLZZ7T.js";
 import {
   AGENT_GATEWAY_ERROR_CODES,
+  AgentGatewayErrorCode,
   CommandReceiptSchema,
   FollowUpReceiptSchema,
   PiChatSnapshotSchema,
@@ -31,11 +32,13 @@ import {
   WORKSPACE_COMMAND_NOTIFY_EVENT,
   extractToolUiMetadata,
   sanitizeToolUiMetadata
-} from "../chunk-6DRHERVK.js";
-import "../chunk-YGRQ4Q5P.js";
+} from "../chunk-MVKXLMH3.js";
+import {
+  safeRandomUUID
+} from "../chunk-YGRQ4Q5P.js";
 import {
   ErrorCode
-} from "../chunk-K25PK5EC.js";
+} from "../chunk-3JFPS2O6.js";
 
 // src/front/upload/uploadFile.ts
 function readAsDataUrl(file) {
@@ -47,12 +50,16 @@ function readAsDataUrl(file) {
   });
 }
 async function uploadFile(file, opts = {}) {
-  const { apiBaseUrl = "", workspaceRequestId, directory, sourcePath, responseUrl = "markdown", fetch: fetchImpl = globalThis.fetch } = opts;
+  const { apiBaseUrl = "", workspaceRequestId, requestHeaders, directory, sourcePath, responseUrl = "markdown", fetch: fetchImpl = globalThis.fetch } = opts;
   const dataUrl = await readAsDataUrl(file);
   const comma = dataUrl.indexOf(",");
   const contentBase64 = comma >= 0 ? dataUrl.slice(comma + 1) : "";
-  const headers = { "Content-Type": "application/json" };
-  if (workspaceRequestId) headers["x-boring-workspace-id"] = workspaceRequestId;
+  const headers = new Headers();
+  for (const [name, value] of Object.entries(requestHeaders ?? {})) {
+    if (value !== void 0) headers.set(name, value);
+  }
+  headers.set("content-type", "application/json");
+  if (workspaceRequestId) headers.set("x-boring-workspace-id", workspaceRequestId);
   const base = apiBaseUrl.replace(/\/$/, "");
   const res = await fetchImpl(`${base}/api/v1/files/upload`, {
     method: "POST",
@@ -85,7 +92,7 @@ function rawWorkspaceFileUrl(path, opts) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo16, useRef as useRef17, useState as useState20 } from "react";
+import { lazy, Suspense, useCallback as useCallback19, useEffect as useEffect23, useMemo as useMemo17, useRef as useRef18, useState as useState22 } from "react";
 
 // src/front/chatPanelSettings.ts
 var DEFAULT_THINKING = "medium";
@@ -280,6 +287,14 @@ function createCommandRegistry(initial) {
 }
 
 // src/front/slashCommands/builtins.ts
+var MAX_RELOAD_MODEL_MESSAGE = 2e3;
+function reloadResultForModel(message) {
+  const body = message.trim() || "No result reported.";
+  const bounded = body.length > MAX_RELOAD_MODEL_MESSAGE ? `${body.slice(0, MAX_RELOAD_MODEL_MESSAGE)}
+\u2026 (truncated)` : body;
+  return `/reload result:
+${bounded}`;
+}
 var builtinCommands = [
   {
     name: "reset",
@@ -301,9 +316,9 @@ var builtinCommands = [
     name: "reload",
     description: "Reload agent plugins",
     clickBehavior: "execute",
-    handler(_, ctx) {
-      if (ctx.pluginUpdate) return ctx.pluginUpdate.run();
-      return ctx.reloadAgentPlugins();
+    async handler(_, ctx) {
+      const message = ctx.pluginUpdate ? await ctx.pluginUpdate.run() : await ctx.reloadAgentPlugins();
+      return { message, modelMessage: reloadResultForModel(message) };
     }
   },
   {
@@ -542,7 +557,7 @@ import { useCallback, useState as useState3 } from "react";
 import { Button as Button4 } from "@hachej/boring-ui-kit";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function CodeBlock({
-  code: code3,
+  code,
   language,
   filename,
   className,
@@ -551,13 +566,13 @@ function CodeBlock({
 }) {
   const [copied, setCopied] = useState3(false);
   const handleCopy = useCallback(() => {
-    void copyTextToClipboard(code3).then((ok) => {
+    void copyTextToClipboard(code).then((ok) => {
       if (!ok) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
     });
-  }, [code3]);
-  const lines = code3.split("\n");
+  }, [code]);
+  const lines = code.split("\n");
   const lineNumberWidth = `${String(lines.length).length + 1}ch`;
   return /* @__PURE__ */ jsxs5(
     "div",
@@ -574,7 +589,7 @@ function CodeBlock({
         /* @__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 }) }),
+        ] }, i)) : code }) }),
         copyable && !filename && !language && /* @__PURE__ */ jsx5(
           Button4,
           {
@@ -921,7 +936,6 @@ import {
   useRef as useRef2,
   useState as useState4
 } from "react";
-import { createHighlighter } from "shiki";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var isItalic = (fontStyle) => fontStyle && fontStyle & 1;
 var isBold = (fontStyle) => fontStyle && fontStyle & 2;
@@ -973,27 +987,27 @@ var CodeBlockContext = createContext({
 var highlighterCache = /* @__PURE__ */ new Map();
 var tokensCache = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new Map();
-var getTokensCacheKey = (code3, language) => {
-  const start = code3.slice(0, 100);
-  const end = code3.length > 100 ? code3.slice(-100) : "";
-  return `${language}:${code3.length}:${start}:${end}`;
+var getTokensCacheKey = (code, language) => {
+  const start = code.slice(0, 100);
+  const end = code.length > 100 ? code.slice(-100) : "";
+  return `${language}:${code.length}:${start}:${end}`;
 };
 var getHighlighter = (language) => {
   const cached = highlighterCache.get(language);
   if (cached) {
     return cached;
   }
-  const highlighterPromise = createHighlighter({
+  const highlighterPromise = import("shiki").then(({ createHighlighter }) => createHighlighter({
     langs: [language],
     themes: ["github-light", "github-dark"]
-  });
+  }));
   highlighterCache.set(language, highlighterPromise);
   return highlighterPromise;
 };
-var createRawTokens = (code3) => ({
+var createRawTokens = (code) => ({
   bg: "transparent",
   fg: "inherit",
-  tokens: code3.split("\n").map(
+  tokens: code.split("\n").map(
     (line) => line === "" ? [] : [
       {
         color: "inherit",
@@ -1002,8 +1016,8 @@ var createRawTokens = (code3) => ({
     ]
   )
 });
-var highlightCode = (code3, language, callback) => {
-  const tokensCacheKey = getTokensCacheKey(code3, language);
+var highlightCode = (code, language, callback) => {
+  const tokensCacheKey = getTokensCacheKey(code, language);
   const cached = tokensCache.get(tokensCacheKey);
   if (cached) {
     return cached;
@@ -1017,7 +1031,7 @@ var highlightCode = (code3, language, callback) => {
   getHighlighter(language).then((highlighter) => {
     const availableLangs = highlighter.getLoadedLanguages();
     const langToUse = availableLangs.includes(language) ? language : "text";
-    const result = highlighter.codeToTokens(code3, {
+    const result = highlighter.codeToTokens(code, {
       lang: langToUse,
       themes: {
         dark: "github-dark",
@@ -1147,25 +1161,25 @@ var CodeBlockFilename = ({
   }
 );
 var CodeBlockContent = ({
-  code: code3,
+  code,
   language,
   showLineNumbers = false
 }) => {
-  const rawTokens = useMemo(() => createRawTokens(code3), [code3]);
+  const rawTokens = useMemo(() => createRawTokens(code), [code]);
   const lang = language;
   const syncTokens = useMemo(
-    () => highlightCode(code3, lang) ?? rawTokens,
-    [code3, lang, rawTokens]
+    () => highlightCode(code, lang) ?? rawTokens,
+    [code, lang, rawTokens]
   );
   const [asyncTokens, setAsyncTokens] = useState4(null);
-  const asyncKeyRef = useRef2({ code: code3, language });
-  if (asyncKeyRef.current.code !== code3 || asyncKeyRef.current.language !== language) {
-    asyncKeyRef.current = { code: code3, language };
+  const asyncKeyRef = useRef2({ code, language });
+  if (asyncKeyRef.current.code !== code || asyncKeyRef.current.language !== language) {
+    asyncKeyRef.current = { code, language };
     setAsyncTokens(null);
   }
   useEffect2(() => {
     let cancelled = false;
-    highlightCode(code3, lang, (result) => {
+    highlightCode(code, lang, (result) => {
       if (!cancelled) {
         setAsyncTokens(result);
       }
@@ -1173,25 +1187,25 @@ var CodeBlockContent = ({
     return () => {
       cancelled = true;
     };
-  }, [code3, language]);
+  }, [code, language]);
   const tokenized = asyncTokens ?? syncTokens;
   return /* @__PURE__ */ jsx7("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx7(CodeBlockBody, { showLineNumbers, tokenized }) });
 };
 var CodeBlock2 = ({
-  code: code3,
+  code,
   language,
   showLineNumbers = false,
   className,
   children,
   ...props
 }) => {
-  const contextValue = useMemo(() => ({ code: code3 }), [code3]);
+  const contextValue = useMemo(() => ({ code }), [code]);
   return /* @__PURE__ */ jsx7(CodeBlockContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs7(CodeBlockContainer, { className, language, ...props, children: [
     children,
     /* @__PURE__ */ jsx7(
       CodeBlockContent,
       {
-        code: code3,
+        code,
         language,
         showLineNumbers
       }
@@ -1208,7 +1222,7 @@ var CodeBlockCopyButton = ({
 }) => {
   const [isCopied, setIsCopied] = useState4(false);
   const timeoutRef = useRef2(0);
-  const { code: code3 } = useContext(CodeBlockContext);
+  const { code } = useContext(CodeBlockContext);
   const copyToClipboard = useCallback2(async () => {
     if (typeof window === "undefined") {
       onError?.(new Error("Clipboard API not available"));
@@ -1217,7 +1231,7 @@ var CodeBlockCopyButton = ({
     if (isCopied) {
       return;
     }
-    const copied = await copyTextToClipboard(code3);
+    const copied = await copyTextToClipboard(code);
     if (!copied) {
       onError?.(new Error("Clipboard API not available"));
       return;
@@ -1228,7 +1242,7 @@ var CodeBlockCopyButton = ({
       () => setIsCopied(false),
       timeout
     );
-  }, [code3, onCopy, onError, timeout, isCopied]);
+  }, [code, onCopy, onError, timeout, isCopied]);
   useEffect2(
     () => () => {
       window.clearTimeout(timeoutRef.current);
@@ -2220,6 +2234,7 @@ var PiFollowUpQueueController = class {
   session;
   options;
   nextClientSeqFloor;
+  queueMutationPending = false;
   async submit(input) {
     const text = input.text.trim();
     const attachments = input.attachments ?? [];
@@ -2257,30 +2272,65 @@ var PiFollowUpQueueController = class {
     });
     return { type: "prompt", clientNonce, cursor: receipt.cursor };
   }
-  async editQueued() {
-    const followUps = this.session.getState().queue.followUps;
-    if (followUps.length === 0) {
-      const message = "No queued messages to edit.";
-      this.options.onWarning?.(message);
-      return { type: "empty", message };
-    }
-    const draft = buildEditedQueuedDraft(followUps, this.options.getDraft?.() ?? "");
-    this.options.onDraftChange?.(draft);
-    try {
-      await this.session.clearQueue();
-      return { type: "cleared", draft };
-    } catch (error) {
-      const message = "Queued messages were copied into the composer, but the server queue was not cleared. They may still send unless you retry Edit queued or Stop.";
-      this.options.onWarning?.(message);
-      return { type: "clear-failed", draft, error, message };
-    }
+  editQueued() {
+    return this.runQueueMutation(
+      { type: "busy", message: "Another queue action is already in progress." },
+      async () => {
+        const followUps = this.session.getState().queue.followUps;
+        if (followUps.length === 0) {
+          const message = "No queued messages to edit.";
+          this.options.onWarning?.(message);
+          return { type: "empty", message };
+        }
+        const currentDraft = this.options.getDraft?.() ?? "";
+        const draft = buildEditedQueuedDraft(followUps, currentDraft);
+        if (draft !== currentDraft) this.options.onDraftChange?.(draft);
+        try {
+          await this.session.clearQueue();
+          return { type: "cleared", draft };
+        } catch (error) {
+          const message = "Queued messages were copied into the composer, but the server queue was not cleared. They may still send unless you retry Edit or Remove.";
+          this.options.onWarning?.(message);
+          return { type: "clear-failed", draft, error, message };
+        }
+      }
+    );
+  }
+  removeAllQueued() {
+    return this.runQueueMutation(
+      { ok: false, message: "Another queue action is already in progress." },
+      async () => {
+        try {
+          await this.session.clearQueue();
+          return { ok: true };
+        } catch {
+          const message = "Could not remove the queued messages. They may still send unless you retry or use Edit.";
+          this.options.onWarning?.(message);
+          return { ok: false, message };
+        }
+      }
+    );
   }
-  interrupt() {
-    return this.session.interrupt();
+  interrupt(payload = {}) {
+    return this.session.interrupt(payload);
+  }
+  resumeQueued() {
+    return this.session.interrupt({ queueAction: "resume" });
   }
   stop() {
     return this.session.stop();
   }
+  async runQueueMutation(busyResult, action) {
+    if (this.queueMutationPending) return busyResult;
+    this.queueMutationPending = true;
+    this.options.onQueueMutationPending?.(true);
+    try {
+      return await action();
+    } finally {
+      this.queueMutationPending = false;
+      this.options.onQueueMutationPending?.(false);
+    }
+  }
   nextFollowUpClientSeq() {
     const next = nextFollowUpClientSeq(this.session.getState(), this.nextClientSeqFloor);
     this.nextClientSeqFloor = next + 1;
@@ -2321,6 +2371,9 @@ function buildEditedQueuedDraft(followUps, existingDraft = "") {
   const draft = existingDraft.trim();
   if (!queuedText) return draft;
   if (!draft) return queuedText;
+  if (draft === queuedText || draft.startsWith(`${queuedText}
+
+`)) return draft;
   return `${queuedText}
 
 ${draft}`;
@@ -2339,76 +2392,148 @@ function defaultClientNonce() {
 // src/front/chat/session/composerPolicy.ts
 var COMPOSER_SETTINGS_PREFIX = "boring-agent:v2";
 var DEFAULT_STORAGE_SCOPE = "default";
+var PiComposerSubmissionCoordinator = class {
+  tails = /* @__PURE__ */ new Map();
+  run(identity, task) {
+    const previous = this.tails.get(identity) ?? Promise.resolve();
+    let releaseGate;
+    const gate = new Promise((resolve) => {
+      releaseGate = resolve;
+    });
+    let released = false;
+    const release = () => {
+      if (released) return;
+      released = true;
+      releaseGate();
+    };
+    const pending = previous.then(async () => {
+      try {
+        return await task(release);
+      } finally {
+        release();
+      }
+    });
+    const tail = previous.then(async () => await gate);
+    this.tails.set(identity, tail);
+    void tail.finally(() => {
+      if (this.tails.get(identity) === tail) this.tails.delete(identity);
+    });
+    return pending;
+  }
+};
 var PiComposerPolicyController = class {
   constructor(options) {
     this.options = options;
     this.queueController = createPiFollowUpQueueController(options.session, options);
+    this.submissionCoordinator = options.submissionCoordinator ?? new PiComposerSubmissionCoordinator();
   }
   options;
   queueController;
-  async submit(input) {
-    const text = input.text.trim();
+  submissionCoordinator;
+  submit(input) {
+    return this.submissionCoordinator.run(
+      this.options.submissionIdentity ?? "default",
+      async (release) => await this.submitInOrder(input, release)
+    );
+  }
+  async submitInOrder(input, release) {
     const files = input.files ?? [];
     const source = input.source ?? "composer";
     if (this.options.composerBlocked) {
       return this.block("composer-blocked", this.options.blockerMessage ?? "Composer is not ready yet.");
     }
-    if (!await this.runBeforeSubmit(input.text, files, source)) {
-      return this.block("pre-submit-cancelled", "Submit was cancelled before sending.");
+    let beforeSubmit;
+    try {
+      beforeSubmit = await this.runBeforeSubmit(input.text, files, source);
+    } catch (error) {
+      if (this.options.isActiveSession && !this.options.isActiveSession()) return this.stale();
+      throw error;
     }
     if (this.options.isActiveSession && !this.options.isActiveSession()) {
-      return this.block("inactive-session", "The active session changed before the message was sent.");
+      return this.stale();
+    }
+    if (beforeSubmit === false) {
+      return this.block("pre-submit-cancelled", "Submit was cancelled before sending.");
+    }
+    if (typeof beforeSubmit === "object" && "handled" in beforeSubmit && beforeSubmit.handled) {
+      return { type: "handled", ...beforeSubmit.message ? { message: beforeSubmit.message } : {}, preserveDraft: false };
     }
-    const parsed = parseSlashCommand(text);
+    const replacement = typeof beforeSubmit === "object" && "replacement" in beforeSubmit ? beforeSubmit.replacement : void 0;
+    const text = (replacement?.text ?? input.text).trim();
+    const displayText = replacement?.displayText ?? text;
+    const parsed = replacement ? null : parseSlashCommand(text);
     if (parsed) {
       const command = this.options.registry.get(parsed.name);
       if (command?.kind === "skill") {
-        return this.submitExpandedText(skillCommandText(parsed.name, parsed.args), source, false);
+        return this.submitExpandedText(skillCommandText(parsed.name, parsed.args), files, source, release);
       }
-      if (command) return this.runLocalCommand(parsed.name, parsed.args);
+      if (command) return this.runLocalCommand(parsed.name, parsed.args, source, release);
     }
     if (isPiChatBusy(this.options.session.getState().status) && files.length > 0) {
       return this.fromQueueResult(await this.queueController.submit({ text, attachments: this.toAttachmentPayloads(files) }));
     }
+    const transformed = await this.runPromptTransform(text, files, source);
+    if (this.options.isActiveSession && !this.options.isActiveSession()) return this.stale();
+    const finalText = transformed?.replacement.text ?? text;
+    const finalDisplayText = transformed?.replacement.displayText ?? displayText;
     const { serverMessage, attachments } = await createEnrichedSubmitPayload({
-      text,
+      text: finalText,
       files,
       mentionedFiles: this.getMentionedFiles()
     });
     if (this.options.isActiveSession && !this.options.isActiveSession()) {
-      return this.block("inactive-session", "The active session changed before the message was sent.");
+      return this.stale();
     }
-    const result = await this.queueController.submit({
+    const admission = this.queueController.submit({
       text: serverMessage,
-      displayText: text,
+      displayText: finalDisplayText,
       attachments,
       model: this.options.model ?? void 0,
       ...this.options.thinkingControl ? { thinkingLevel: this.options.thinkingLevel ?? DEFAULT_THINKING } : {}
     });
+    release();
+    const result = await admission;
     if (result.type !== "blocked") this.options.onMentionedFilesConsumed?.();
     return this.fromQueueResult(result);
   }
   async editQueued() {
     return this.queueController.editQueued();
   }
-  interrupt() {
-    return this.queueController.interrupt();
+  removeAllQueued() {
+    return this.queueController.removeAllQueued();
+  }
+  interrupt(payload = {}) {
+    return this.queueController.interrupt(payload);
+  }
+  resumeQueued() {
+    return this.queueController.resumeQueued();
   }
   stop() {
     return this.queueController.stop();
   }
-  async submitExpandedText(text, source, runBeforeSubmit = true) {
-    if (runBeforeSubmit && !await this.runBeforeSubmit(text, [], source)) {
-      return this.block("pre-submit-cancelled", "Submit was cancelled before sending.");
-    }
-    return this.fromQueueResult(await this.queueController.submit({
-      text,
+  async submitExpandedText(text, files, source, release) {
+    const transformed = await this.runPromptTransform(text, files, source);
+    if (this.options.isActiveSession && !this.options.isActiveSession()) return this.stale();
+    const admission = this.queueController.submit({
+      text: transformed?.replacement.text ?? text,
+      ...transformed?.replacement.displayText ? { displayText: transformed.replacement.displayText } : {},
       kind: "expanded-text",
       model: this.options.model ?? void 0,
       ...this.options.thinkingControl ? { thinkingLevel: this.options.thinkingLevel ?? DEFAULT_THINKING } : {}
-    }));
+    });
+    release();
+    return this.fromQueueResult(await admission);
   }
-  async runLocalCommand(commandName, args) {
+  async runPromptTransform(text, files, source) {
+    try {
+      const transformed = await this.options.onTransformPrompt?.(text, { files, source });
+      return transformed || void 0;
+    } catch (error) {
+      if (this.options.isActiveSession && !this.options.isActiveSession()) return void 0;
+      throw error;
+    }
+  }
+  async runLocalCommand(commandName, args, source, release) {
     const command = this.options.registry.get(commandName);
     if (isPiChatBusy(this.options.session.getState().status) && command?.allowWhileBusy?.(args) !== true) {
       return this.block("busy-slash-command", "Slash commands are not queued while the agent is responding.");
@@ -2417,16 +2542,23 @@ var PiComposerPolicyController = class {
     const message = typeof result === "string" ? result : result && typeof result === "object" ? result.message : void 0;
     const preserveDraft = Boolean(result && typeof result === "object" && result.preserveDraft === true);
     if (message) this.options.onCommandResult?.(message);
+    const modelMessage = result && typeof result === "object" ? result.modelMessage?.trim() : void 0;
+    if (modelMessage) {
+      return await this.submitExpandedText(modelMessage, [], source, release);
+    }
+    release();
     return { type: "command", command: commandName, ...message ? { result: message } : {}, preserveDraft };
   }
   async runBeforeSubmit(draft, files, source) {
-    const result = await this.options.onBeforeSubmit?.(draft, { files, source });
-    return result !== false;
+    return await this.options.onBeforeSubmit?.(draft, { files, source });
   }
   fromQueueResult(result) {
     if (result.type === "blocked") return { ...result, preserveDraft: true };
     return { ...result, preserveDraft: false };
   }
+  stale() {
+    return { type: "stale", reason: "inactive-session", preserveDraft: false };
+  }
   block(reason, message) {
     this.options.onWarning?.(message);
     return { type: "blocked", reason, message, preserveDraft: true };
@@ -2640,15 +2772,17 @@ function useChatModelSelection({
       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 };
+        if (sessionModel) {
+          if (availableModel(models, selected)) return current;
+          return { ...current, pendingOverride: void 0 };
+        }
         const firstAvailable = models.find((candidate) => candidate.available);
-        return {
-          ...current,
-          pendingOverride: void 0,
-          localDefault: payload.defaultModel ?? (firstAvailable ? { provider: firstAvailable.provider, id: firstAvailable.id } : null)
-        };
+        const serverDefault = payload.defaultModel ?? (firstAvailable ? { provider: firstAvailable.provider, id: firstAvailable.id } : null);
+        if (sessionId && !sessionIsNew) {
+          return { ...current, pendingOverride: void 0, localDefault: serverDefault };
+        }
+        if (availableModel(models, selected)) return current;
+        return { ...current, pendingOverride: void 0, localDefault: serverDefault };
       });
       setLoadedDiscoveryKey(discoveryKey);
       setLoaded(true);
@@ -2676,7 +2810,8 @@ function useChatModelSelection({
   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 discoveryVetted = enabled && currentDiscoveryLoaded;
+  const sessionAuthorityReady = !sessionId || sessionHydrated && (sessionModel !== void 0 || sessionIsNew || discoveryVetted);
   const model = currentDiscoveryLoaded && sessionAuthorityReady ? pendingOverride ?? sessionModel ?? selection.localDefault : null;
   return {
     availableModels: currentDiscoveryLoaded ? availableModels : [],
@@ -3383,15 +3518,15 @@ function messageCreatedAtMs(message) {
 
 // src/front/chat/gatewayResponseError.ts
 var GatewayResponseError = class extends Error {
-  constructor(status, message, code3, details, body, operation) {
+  constructor(status, message, code, details, body, operation) {
     super(message);
     this.status = status;
-    this.code = code3;
+    this.code = code;
     this.details = details;
     this.body = body;
     this.operation = operation;
     this.name = "GatewayResponseError";
-    this.errorCode = code3;
+    this.errorCode = code;
   }
   status;
   code;
@@ -3406,11 +3541,11 @@ async function gatewayResponseError(response, fallbackMessage, operation) {
 }
 function gatewayResponseErrorFromBody(status, body, fallbackMessage, operation) {
   const payload = errorPayload(body);
-  const code3 = gatewayResponseErrorCode(payload?.code);
+  const code = gatewayResponseErrorCode(payload?.code);
   const serverMessage = typeof payload?.message === "string" && payload.message.trim().length > 0 ? payload.message : fallbackMessage;
   const message = serverMessage;
   const details = isJsonValue(payload?.details) ? payload.details : void 0;
-  return new GatewayResponseError(status, message, code3, details, body, operation);
+  return new GatewayResponseError(status, message, code, details, body, operation);
 }
 function gatewayResponseErrorCode(value) {
   const sharedCode = ErrorCode.safeParse(value);
@@ -4683,12 +4818,30 @@ var RemotePiSession = class {
     }
   }
   async clearQueue(payload = {}) {
-    const receipt = await this.postCommand("/queue/clear", payload, QueueClearReceiptSchema);
+    const receipt = await this.postQueueClear({ ...payload, requestId: `queue-clear:${safeRandomUUID()}` });
     if (!this.disposed && receipt.cleared > 0) {
       this.store.dispatch({ type: "clear-optimistic-followups", ...payload }, { flush: true });
     }
     return receipt;
   }
+  async postQueueClear(commandPayload) {
+    let transportRetried = false;
+    for (let attempt = 0; ; attempt += 1) {
+      try {
+        return await this.postCommand("/queue/clear", commandPayload, QueueClearReceiptSchema);
+      } catch (error) {
+        if (!(error instanceof GatewayResponseError)) {
+          if (transportRetried) throw error;
+          transportRetried = true;
+          continue;
+        }
+        if (errorResponseCode(error) !== AgentGatewayErrorCode.AGENT_REQUEST_IN_PROGRESS || attempt >= 40) throw error;
+        await new Promise((resolve) => {
+          this.setTimeoutFn(resolve, 50);
+        });
+      }
+    }
+  }
   async interrupt(payload = {}) {
     return this.postCommand("/interrupt", payload, CommandReceiptSchema);
   }
@@ -5298,17 +5451,27 @@ function usePiSessions(options) {
   const [loading, setLoading] = useState10(enabled);
   const [loadingMore, setLoadingMore] = useState10(false);
   const [hasMore, setHasMore] = useState10(false);
+  const [archivedLoaded, setArchivedLoaded] = useState10(false);
+  const [archivedLoading, setArchivedLoading] = useState10(false);
+  const [hasMoreArchived, setHasMoreArchived] = useState10(false);
   const [error, setError] = useState10(void 0);
   const mountedRef = useRef7(false);
   const refreshVersionRef = useRef7(0);
   const retryTimerRef = useRef7(void 0);
   const sessionsRef = useRef7([]);
+  const filterPagersRef = useRef7({
+    active: { sessions: [], loaded: false },
+    archived: { sessions: [], loaded: false }
+  });
+  const archiveMutationVersionRef = useRef7(0);
   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 archivedCursorRef = useRef7(void 0);
+  const archivedLoadedRef = useRef7(false);
+  const archiveRequestSeqRef = useRef7(0);
+  const archiveInFlightRef = useRef7(false);
+  const activeRequestOwnerRef = useRef7(void 0);
   const pendingCreatedRef = useRef7(/* @__PURE__ */ new Map());
   const pendingDeletedRef = useRef7(/* @__PURE__ */ new Set());
   const pendingCreatedScopeRef = useRef7(requestScopeKey);
@@ -5340,14 +5503,11 @@ function usePiSessions(options) {
   useEffect8(() => {
     activeSessionIdRef.current = activeSessionId;
   }, [activeSessionId]);
-  useEffect8(() => {
-    hasMoreRef.current = hasMore;
-  }, [hasMore]);
   const activeSessionKnown = Boolean(activeSessionId && sessions.some((session) => session.id === activeSessionId));
   const requestHeaders = useCallback7(() => normalizedHeaders, [normalizedHeaders]);
   const sessionsUrl = useCallback7((suffix = "") => `${apiBaseUrl}${sessionsApiPath}${suffix}`, [apiBaseUrl, sessionsApiPath]);
-  const sessionsListUrl = useCallback7((cursor) => {
-    const query = new URLSearchParams({ limit: String(SESSION_PAGE_SIZE) });
+  const sessionsListUrl = useCallback7((cursor, archived = "active") => {
+    const query = new URLSearchParams({ limit: String(SESSION_PAGE_SIZE), archived });
     if (cursor) query.set("cursor", cursor);
     return sessionsUrl(`?${query.toString()}`);
   }, [sessionsUrl]);
@@ -5368,6 +5528,27 @@ function usePiSessions(options) {
     pendingCreatedRef.current.clear();
     pendingDeletedRef.current.clear();
   }, [requestScopeKey]);
+  const publishFilterPagers = useCallback7(() => {
+    const deleted = pendingDeletedRef.current;
+    const merged = mergeSessions(
+      Array.from(pendingCreatedRef.current.values()),
+      filterPagersRef.current.active.sessions,
+      filterPagersRef.current.archived.sessions
+    ).filter((session) => !deleted.has(session.id));
+    sessionsRef.current = merged;
+    setSessions(merged);
+    return merged;
+  }, []);
+  const resetArchivePager = useCallback7(() => {
+    filterPagersRef.current.archived = { sessions: [], loaded: false };
+    archivedCursorRef.current = void 0;
+    archivedLoadedRef.current = false;
+    archiveRequestSeqRef.current += 1;
+    archiveInFlightRef.current = false;
+    setArchivedLoaded(false);
+    setArchivedLoading(false);
+    setHasMoreArchived(false);
+  }, []);
   const preferredSessionId = useCallback7(() => {
     const persisted = options.initialActiveSessionId ?? readActiveSessionId({
       storageScope: activeSessionStorageScope,
@@ -5394,11 +5575,23 @@ function usePiSessions(options) {
       }
     }
     const canonicalCount = canonicalPageCount(filteredData);
-    const pageMayHaveMore = applyOptions.nextCursor !== void 0;
-    const wasExhaustedBeyondFirstPage = applyOptions.background && !hasMoreRef.current && canonicalLoadedCountRef.current >= canonicalCount;
-    const requestedActiveReturned = Boolean(requestedActiveId && filteredData.some((session) => session.id === requestedActiveId));
-    const current = applyOptions.background && pageMayHaveMore ? sessionsRef.current.filter((session) => !requestedActiveId || requestedActiveReturned || session.id !== requestedActiveId) : [];
-    const merged = mergeSessions(Array.from(pendingCreated.values()), filteredData, current.filter((session) => !deletedIds.has(session.id)));
+    filterPagersRef.current.active = {
+      sessions: mergeSessions(filteredData),
+      nextCursor: applyOptions.nextCursor,
+      loaded: true
+    };
+    if (applyOptions.archivedPage) {
+      const archived = applyOptions.archivedPage.sessions.filter((session) => !deletedIds.has(session.id));
+      filterPagersRef.current.archived = {
+        sessions: archived,
+        nextCursor: applyOptions.archivedPage.nextCursor,
+        loaded: true
+      };
+      archivedCursorRef.current = applyOptions.archivedPage.nextCursor;
+      archivedLoadedRef.current = true;
+      setArchivedLoaded(true);
+      setHasMoreArchived(applyOptions.archivedPage.nextCursor !== void 0);
+    }
     const rememberedEmptyId = readBootResumeSessionId({
       bootResumeSource,
       storage: options.bootResumeStorage
@@ -5406,12 +5599,13 @@ function usePiSessions(options) {
     if (rememberedEmptyId && filteredData.some((session) => session.id === rememberedEmptyId)) {
       persistBootResume(void 0);
     }
-    const nextHasMore = pageMayHaveMore && !wasExhaustedBeyondFirstPage;
+    const nextHasMore = applyOptions.nextCursor !== void 0;
     canonicalLoadedCountRef.current = applyOptions.background ? Math.max(canonicalLoadedCountRef.current, canonicalCount) : canonicalCount;
+    if (replacingScope && !applyOptions.archivedPage) resetArchivePager();
     loadedDataSourceRef.current = dataSourceKey;
     dataStorageScopeRef.current = storageScope;
     setDataStorageScope(storageScope);
-    setSessions(merged);
+    const merged = publishFilterPagers();
     nextCursorRef.current = applyOptions.nextCursor;
     setHasMore(nextHasMore);
     setActiveSessionId((previous) => {
@@ -5420,21 +5614,26 @@ function usePiSessions(options) {
       persistActive(next);
       return next;
     });
-  }, [bootResumeSource, dataSourceKey, ensurePendingScope, options.bootResumeStorage, persistActive, persistBootResume, preferredSessionId, storageScope]);
+  }, [bootResumeSource, dataSourceKey, ensurePendingScope, options.bootResumeStorage, persistActive, persistBootResume, preferredSessionId, publishFilterPagers, resetArchivePager, storageScope]);
   const refresh = useCallback7(async (refreshOptions = {}) => {
     const scope = requestScopeKey;
     if (mountedRef.current && !sourceIsCurrent(scope)) throw new StaleSessionsSourceError();
+    const requestOwner = {};
+    activeRequestOwnerRef.current = requestOwner;
     const version = ++refreshVersionRef.current;
-    const isCurrent = () => sourceIsCurrent(scope) && version === refreshVersionRef.current;
+    const mutationVersion = archiveMutationVersionRef.current;
+    const isCurrent = () => sourceIsCurrent(scope) && version === refreshVersionRef.current && activeRequestOwnerRef.current === requestOwner;
     clearRetryTimer(retryTimerRef);
     const background = refreshOptions.background === true;
+    let archivedRequestSeq;
     if (!enabled) {
-      loadMoreRequestSeqRef.current += 1;
-      loadMoreInFlightRef.current = false;
       canonicalLoadedCountRef.current = 0;
       loadedDataSourceRef.current = dataSourceKey;
       dataStorageScopeRef.current = storageScope;
       setDataStorageScope(storageScope);
+      filterPagersRef.current.active = { sessions: [], loaded: true };
+      resetArchivePager();
+      sessionsRef.current = [];
       setSessions([]);
       setActiveSessionId(void 0);
       setError(void 0);
@@ -5442,17 +5641,22 @@ function usePiSessions(options) {
       setLoadingMore(false);
       setHasMore(false);
       persistActive(void 0);
+      if (activeRequestOwnerRef.current === requestOwner) activeRequestOwnerRef.current = void 0;
       return;
     }
-    loadMoreRequestSeqRef.current += 1;
-    loadMoreInFlightRef.current = false;
     setLoadingMore(false);
     if (!background) setLoading(true);
     try {
       let page;
       for (let attempt = 0; ; attempt += 1) {
         try {
-          page = await fetchSessionList(fetchImpl, sessionsListUrl(), requestHeaders());
+          page = await fetchSessionPrefix({
+            fetchImpl,
+            firstUrl: sessionsListUrl(),
+            nextUrl: (cursor) => sessionsListUrl(cursor),
+            headers: requestHeaders(),
+            minimumRows: filterPagersRef.current.active.sessions.length
+          });
           break;
         } catch (err) {
           const transient = err instanceof SessionsPreparingError || isNetworkFetchError(err);
@@ -5464,17 +5668,41 @@ function usePiSessions(options) {
         }
       }
       if (!isCurrent() || !page) return;
-      applySessions(page.sessions, { background, nextCursor: page.nextCursor });
+      let archivedPage;
+      if (filterPagersRef.current.archived.loaded) {
+        archivedRequestSeq = ++archiveRequestSeqRef.current;
+        archiveInFlightRef.current = true;
+        setArchivedLoading(true);
+        archivedPage = await fetchSessionPrefix({
+          fetchImpl,
+          firstUrl: sessionsListUrl(void 0, "archived"),
+          nextUrl: (cursor) => sessionsListUrl(cursor, "archived"),
+          headers: requestHeaders(),
+          minimumRows: filterPagersRef.current.archived.sessions.length
+        });
+      }
+      if (!isCurrent() || archivedRequestSeq !== void 0 && archivedRequestSeq !== archiveRequestSeqRef.current) return;
+      if (mutationVersion !== archiveMutationVersionRef.current) {
+        setLoading(false);
+        return;
+      }
+      applySessions(page.sessions, { background, nextCursor: page.nextCursor, archivedPage });
       setError(void 0);
       setLoading(false);
     } catch (err) {
-      if (!isCurrent()) return;
+      if (!isCurrent() || archivedRequestSeq !== void 0 && archivedRequestSeq !== archiveRequestSeqRef.current) return;
       const error2 = err instanceof Error ? err : new Error(String(err));
       if (!background) setError(error2);
       setLoading(false);
       if (refreshOptions.throwOnError) throw error2;
+    } finally {
+      if (activeRequestOwnerRef.current === requestOwner) activeRequestOwnerRef.current = void 0;
+      if (archivedRequestSeq !== void 0 && archivedRequestSeq === archiveRequestSeqRef.current) {
+        archiveInFlightRef.current = false;
+        if (sourceIsCurrent(scope)) setArchivedLoading(false);
+      }
     }
-  }, [applySessions, enabled, fetchImpl, persistActive, preferredSessionId, requestHeaders, requestScopeKey, retryBaseMs, retryMaxMs, retryMaxRetries, sessionsListUrl, sourceIsCurrent]);
+  }, [applySessions, enabled, fetchImpl, persistActive, preferredSessionId, requestHeaders, requestScopeKey, resetArchivePager, retryBaseMs, retryMaxMs, retryMaxRetries, sessionsListUrl, sourceIsCurrent]);
   useEffect8(() => {
     mountedRef.current = true;
     void refresh();
@@ -5485,21 +5713,26 @@ function usePiSessions(options) {
     };
   }, [refresh, options.refreshKey]);
   const loadMore = useCallback7(async () => {
-    if (!enabled || loading || loadingMore || loadMoreInFlightRef.current || !hasMore) return;
-    const requestSeq = ++loadMoreRequestSeqRef.current;
-    loadMoreInFlightRef.current = true;
+    if (!enabled || loading || loadingMore || activeRequestOwnerRef.current !== void 0 || !hasMore) return;
+    const requestOwner = {};
+    activeRequestOwnerRef.current = requestOwner;
     const version = refreshVersionRef.current;
+    const mutationVersion = archiveMutationVersionRef.current;
     const scope = requestScopeKey;
     setLoadingMore(true);
     try {
       const page = await fetchSessionList(fetchImpl, sessionsListUrl(nextCursorRef.current), requestHeaders());
       const data = page.sessions.filter((session) => !pendingDeletedRef.current.has(session.id));
-      if (requestSeq !== loadMoreRequestSeqRef.current || version !== refreshVersionRef.current || !sourceIsCurrent(scope)) return;
-      const merged = mergeSessions(sessionsRef.current.filter((session) => !pendingDeletedRef.current.has(session.id)), data);
+      if (activeRequestOwnerRef.current !== requestOwner || version !== refreshVersionRef.current || mutationVersion !== archiveMutationVersionRef.current || !sourceIsCurrent(scope)) return;
+      filterPagersRef.current.active = {
+        sessions: mergeSessions(filterPagersRef.current.active.sessions, data),
+        nextCursor: page.nextCursor,
+        loaded: true
+      };
+      const merged = publishFilterPagers();
       const nextHasMore = page.nextCursor !== void 0;
       canonicalLoadedCountRef.current += data.length;
       nextCursorRef.current = page.nextCursor;
-      setSessions(merged);
       setHasMore(nextHasMore);
       setError(void 0);
       setActiveSessionId((previous) => {
@@ -5509,16 +5742,52 @@ function usePiSessions(options) {
         return next;
       });
     } catch (err) {
-      if (requestSeq === loadMoreRequestSeqRef.current && version === refreshVersionRef.current && sourceIsCurrent(scope)) {
+      if (activeRequestOwnerRef.current === requestOwner && version === refreshVersionRef.current && sourceIsCurrent(scope)) {
         setError(err instanceof Error ? err : new Error(String(err)));
       }
     } finally {
-      if (requestSeq === loadMoreRequestSeqRef.current) loadMoreInFlightRef.current = false;
-      if (requestSeq === loadMoreRequestSeqRef.current && version === refreshVersionRef.current && sourceIsCurrent(scope)) {
-        setLoadingMore(false);
+      if (activeRequestOwnerRef.current === requestOwner) {
+        activeRequestOwnerRef.current = void 0;
+        if (version === refreshVersionRef.current && sourceIsCurrent(scope)) setLoadingMore(false);
       }
     }
-  }, [enabled, fetchImpl, hasMore, loading, loadingMore, persistActive, requestHeaders, requestScopeKey, sessionsListUrl, sourceIsCurrent]);
+  }, [enabled, fetchImpl, hasMore, loading, loadingMore, persistActive, publishFilterPagers, requestHeaders, requestScopeKey, sessionsListUrl, sourceIsCurrent]);
+  const loadArchived = useCallback7(async () => {
+    if (!enabled || archivedLoading || archiveInFlightRef.current) return;
+    if (archivedLoadedRef.current && !hasMoreArchived) return;
+    const requestSeq = ++archiveRequestSeqRef.current;
+    const mutationVersion = archiveMutationVersionRef.current;
+    const scope = requestScopeKey;
+    archiveInFlightRef.current = true;
+    setArchivedLoading(true);
+    try {
+      const page = await fetchSessionList(
+        fetchImpl,
+        sessionsListUrl(archivedCursorRef.current, "archived"),
+        requestHeaders()
+      );
+      if (requestSeq !== archiveRequestSeqRef.current || mutationVersion !== archiveMutationVersionRef.current || !sourceIsCurrent(scope)) return;
+      const archived = page.sessions.filter((session) => !pendingDeletedRef.current.has(session.id));
+      filterPagersRef.current.archived = {
+        sessions: mergeSessions(filterPagersRef.current.archived.sessions, archived),
+        nextCursor: page.nextCursor,
+        loaded: true
+      };
+      archivedCursorRef.current = page.nextCursor;
+      archivedLoadedRef.current = true;
+      publishFilterPagers();
+      setArchivedLoaded(true);
+      setHasMoreArchived(page.nextCursor !== void 0);
+      setError(void 0);
+    } catch (err) {
+      if (requestSeq === archiveRequestSeqRef.current && sourceIsCurrent(scope)) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+      }
+    } finally {
+      if (requestSeq === archiveRequestSeqRef.current) archiveInFlightRef.current = false;
+      if (requestSeq === archiveRequestSeqRef.current && sourceIsCurrent(scope)) setArchivedLoading(false);
+    }
+  }, [archivedLoading, enabled, fetchImpl, hasMoreArchived, publishFilterPagers, requestHeaders, requestScopeKey, sessionsListUrl, sourceIsCurrent]);
   useEffect8(() => {
     if (!enabled || !connectActiveSession || !activeSessionId || !activeSessionKnown) {
       setActivePiSession(void 0);
@@ -5560,12 +5829,12 @@ function usePiSessions(options) {
     rememberConfirmedEmptySession(session.id);
     pendingCreatedRef.current.set(session.id, session);
     setDataStorageScope(storageScope);
-    setSessions((previous) => mergeSessions([session], previous));
+    publishFilterPagers();
     setActiveSessionId(session.id);
     persistActive(session.id);
     void refresh();
     return session;
-  }, [enabled, ensurePendingScope, fetchImpl, persistActive, refresh, rememberConfirmedEmptySession, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent, storageScope]);
+  }, [enabled, ensurePendingScope, fetchImpl, persistActive, publishFilterPagers, refresh, rememberConfirmedEmptySession, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent, storageScope]);
   const switchSession = useCallback7((id) => {
     if (!sourceIsCurrent(requestScopeKey)) return;
     const known = sessionsRef.current.some((session) => session.id === id);
@@ -5587,9 +5856,34 @@ function usePiSessions(options) {
     if (!sourceIsCurrent(scope)) throw new StaleSessionsSourceError();
     ensurePendingScope();
     if (pendingCreatedRef.current.has(id)) pendingCreatedRef.current.set(id, renamed);
-    setSessions((current) => current.map((session) => session.id === id ? renamed : session));
+    for (const pager of Object.values(filterPagersRef.current)) {
+      pager.sessions = pager.sessions.map((session) => session.id === id ? renamed : session);
+    }
+    publishFilterPagers();
     return renamed;
-  }, [enabled, ensurePendingScope, fetchImpl, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent]);
+  }, [enabled, ensurePendingScope, fetchImpl, publishFilterPagers, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent]);
+  const setArchived = useCallback7(async (id, archived) => {
+    const scope = requestScopeKey;
+    if (!sourceIsCurrent(scope)) throw new StaleSessionsSourceError();
+    if (!enabled) throw new Error("Pi sessions are disabled");
+    const response = await fetchImpl(sessionsUrl(`/${encodeURIComponent(id)}/archive`), {
+      method: "POST",
+      headers: { ...requestHeaders(), "Content-Type": "application/json" },
+      body: JSON.stringify({ requestId: createRequestId("archive"), archived })
+    });
+    if (!response.ok) throw new Error(`Failed to ${archived ? "archive" : "unarchive"} session: ${response.status}`);
+    const updated = toAddressedSessionSummary(await response.json());
+    if (!sourceIsCurrent(scope)) throw new StaleSessionsSourceError();
+    archiveMutationVersionRef.current += 1;
+    pendingCreatedRef.current.delete(id);
+    for (const pager of Object.values(filterPagersRef.current)) {
+      pager.sessions = pager.sessions.filter((session) => session.id !== id);
+    }
+    const target = archived ? filterPagersRef.current.archived : filterPagersRef.current.active;
+    target.sessions = sortSessionSummaries([...target.sessions, updated]);
+    publishFilterPagers();
+    return updated;
+  }, [enabled, fetchImpl, publishFilterPagers, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent]);
   const deleteSession = useCallback7(async (id) => {
     const scope = requestScopeKey;
     if (!sourceIsCurrent(scope)) throw new StaleSessionsSourceError();
@@ -5602,8 +5896,11 @@ function usePiSessions(options) {
     const deletedSessionWasActive = activeSessionIdRef.current === id;
     pendingCreatedRef.current.delete(id);
     pendingDeletedRef.current.add(id);
+    for (const pager of Object.values(filterPagersRef.current)) {
+      pager.sessions = pager.sessions.filter((session) => session.id !== id);
+    }
     setDataStorageScope(storageScope);
-    setSessions((previous) => previous.filter((session) => session.id !== id));
+    publishFilterPagers();
     setActiveSessionId((previous) => {
       if (previous !== id) return previous;
       const next = sessionsRef.current.find((session) => session.id !== id)?.id;
@@ -5621,7 +5918,9 @@ function usePiSessions(options) {
       if (sourceIsCurrent(scope)) {
         pendingDeletedRef.current.delete(id);
         if (deletedSession) {
-          setSessions((previous) => mergeSessions([deletedSession], previous));
+          const target = deletedSession.archived === true ? filterPagersRef.current.archived : filterPagersRef.current.active;
+          target.sessions = sortSessionSummaries([...target.sessions, deletedSession]);
+          publishFilterPagers();
           if (deletedSessionWasActive) {
             setActiveSessionId(id);
             persistActive(id);
@@ -5633,14 +5932,15 @@ function usePiSessions(options) {
       throw error2;
     }
     if (sourceIsCurrent(scope)) void refresh();
-  }, [bootResumeSource, enabled, ensurePendingScope, fetchImpl, options.bootResumeStorage, persistActive, persistBootResume, refresh, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent, storageScope]);
+  }, [bootResumeSource, enabled, ensurePendingScope, fetchImpl, options.bootResumeStorage, persistActive, persistBootResume, publishFilterPagers, refresh, requestHeaders, requestScopeKey, sessionsUrl, sourceIsCurrent, storageScope]);
   const reset = useCallback7(() => {
     if (!sourceIsCurrent(requestScopeKey)) return;
     pendingCreatedRef.current.clear();
     pendingDeletedRef.current.clear();
-    loadMoreRequestSeqRef.current += 1;
-    loadMoreInFlightRef.current = false;
-    canonicalLoadedCountRef.current = canonicalPageCount(sessionsRef.current);
+    activeRequestOwnerRef.current = void 0;
+    resetArchivePager();
+    publishFilterPagers();
+    canonicalLoadedCountRef.current = canonicalPageCount(filterPagersRef.current.active.sessions);
     loadedDataSourceRef.current = dataSourceKey;
     dataStorageScopeRef.current = storageScope;
     setDataStorageScope(storageScope);
@@ -5648,7 +5948,7 @@ function usePiSessions(options) {
     setActivePiSession(void 0);
     setLoadingMore(false);
     persistActive(void 0);
-  }, [dataSourceKey, persistActive, requestScopeKey, sourceIsCurrent, storageScope]);
+  }, [dataSourceKey, persistActive, publishFilterPagers, requestScopeKey, resetArchivePager, sourceIsCurrent, storageScope]);
   const visibleActiveSessionId = enabled ? activeSessionId : void 0;
   const activeSession = enabled ? sessions.find((session) => session.id === visibleActiveSessionId) : void 0;
   return {
@@ -5662,10 +5962,15 @@ function usePiSessions(options) {
     loading: enabled ? loading : false,
     loadingMore,
     hasMore: enabled ? hasMore : false,
+    archivedLoaded,
+    archivedLoading,
+    hasMoreArchived: enabled ? hasMoreArchived : false,
     error,
     refresh,
     create,
     rename,
+    setArchived,
+    loadArchived,
     switch: switchSession,
     delete: deleteSession,
     loadMore,
@@ -5686,6 +5991,19 @@ async function fetchSessionList(fetchImpl, url, headers) {
     ...typeof page.nextCursor === "string" ? { nextCursor: page.nextCursor } : {}
   };
 }
+async function fetchSessionPrefix(input) {
+  const sessions = [];
+  let page = await fetchSessionList(input.fetchImpl, input.firstUrl, input.headers);
+  sessions.push(...page.sessions);
+  while (page.nextCursor && sessions.length < input.minimumRows) {
+    page = await fetchSessionList(input.fetchImpl, input.nextUrl(page.nextCursor), input.headers);
+    sessions.push(...page.sessions);
+  }
+  return {
+    sessions: mergeSessions(sessions),
+    ...page.nextCursor ? { nextCursor: page.nextCursor } : {}
+  };
+}
 function toAddressedSessionSummary(value) {
   if (typeof value !== "object" || value === null) throw new Error("invalid addressed session summary");
   const record = value;
@@ -5707,7 +6025,8 @@ function toAddressedSessionSummary(value) {
     ...typeof agentTypeId === "string" ? { agentTypeId } : {},
     ...typeof record.nativeSessionId === "string" ? { nativeSessionId: record.nativeSessionId } : {},
     ...typeof record.hasAssistantReply === "boolean" ? { hasAssistantReply: record.hasAssistantReply } : {},
-    ...addressedStatus ? { status: addressedStatus } : {}
+    ...addressedStatus ? { status: addressedStatus } : {},
+    ...record.archived === true ? { archived: true } : {}
   };
 }
 function addressedCreatedSession(value, expectedAgentTypeId, title) {
@@ -5761,6 +6080,13 @@ function remoteSessionOptionsIdentity(options) {
     } : void 0
   });
 }
+function sortSessionSummaries(sessions) {
+  return sessions.sort((left, right) => {
+    const time = Date.parse(right.updatedAt) - Date.parse(left.updatedAt);
+    if (time !== 0) return time;
+    return left.id < right.id ? -1 : left.id > right.id ? 1 : 0;
+  });
+}
 function mergeSessions(...lists) {
   const seen = /* @__PURE__ */ new Set();
   const merged = [];
@@ -5987,7 +6313,7 @@ function sortByUpdatedDesc(a, b) {
   return a.id.localeCompare(b.id);
 }
 
-// ../../node_modules/.pnpm/@earendil-works+pi-tui@0.80.7/node_modules/@earendil-works/pi-tui/dist/fuzzy.js
+// ../../node_modules/.pnpm/@earendil-works+pi-tui@0.84.3/node_modules/@earendil-works/pi-tui/dist/fuzzy.js
 function fuzzyMatch(query, text) {
   const queryLower = query.toLowerCase();
   const textLower = text.toLowerCase();
@@ -6173,7 +6499,7 @@ 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 useRef10, useState as useState15 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect16, useLayoutEffect as useLayoutEffect2, useRef as useRef11, useState as useState17 } from "react";
 import { useStickToBottomContext as useStickToBottomContext2 } from "use-stick-to-bottom";
 
 // src/front/primitives/conversation.tsx
@@ -6249,8 +6575,8 @@ var ConversationScrollButton = ({
 };
 
 // src/front/chat/components/ChatNotices.tsx
-import { AlertCircleIcon, ExternalLinkIcon as ExternalLinkIcon2, ListRestartIcon, Loader2, XIcon as XIcon2 } from "lucide-react";
-import { IconButton as IconButton2 } from "@hachej/boring-ui-kit";
+import { AlertCircleIcon, ExternalLinkIcon as ExternalLinkIcon2, Loader2, PencilIcon, SendHorizontalIcon, XIcon as XIcon2 } from "lucide-react";
+import { Button as Button8, IconButton as IconButton2 } from "@hachej/boring-ui-kit";
 
 // src/front/chat/components/noticeStyles.ts
 function noticeSurfaceClass(level, className) {
@@ -6484,7 +6810,15 @@ function composerBlockerActionIcon(actionId) {
   if (actionId === "cancel") return /* @__PURE__ */ jsx15(XIcon2, { className: "size-3.5", "aria-hidden": "true" });
   return null;
 }
-function QueuedComposerNotice({ followUps, onEdit }) {
+function QueuedComposerNotice({
+  followUps,
+  onEdit,
+  onResume,
+  resumePending = false,
+  onRemove,
+  actionPending = false
+}) {
+  const toolbarPending = actionPending || resumePending;
   return /* @__PURE__ */ jsxs14(
     "div",
     {
@@ -6494,7 +6828,7 @@ 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__ */ jsxs14("div", { className: "min-w-0 text-[color:var(--muted-foreground)]", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1 text-[color:var(--muted-foreground)]", children: [
           /* @__PURE__ */ jsxs14("div", { className: "font-medium text-[color:var(--foreground)]", children: [
             followUps.length,
             " queued follow-up",
@@ -6502,31 +6836,73 @@ function QueuedComposerNotice({ followUps, onEdit }) {
           ] }),
           /* @__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__ */ jsx15(
-          IconButton2,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-sm",
-            onClick: 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__ */ jsx15(ListRestartIcon, { className: "size-3.5", "aria-hidden": "true" })
-          }
-        )
+        /* @__PURE__ */ jsxs14("div", { className: "flex shrink-0 self-center items-center gap-1", children: [
+          onRemove ? /* @__PURE__ */ jsx15(
+            IconButton2,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-xs",
+              onClick: onRemove,
+              disabled: toolbarPending,
+              "aria-busy": toolbarPending,
+              className: "text-[color:var(--muted-foreground)] hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]",
+              "aria-label": "Remove all queued messages",
+              title: "Remove all queued messages",
+              "data-boring-agent-part": "composer-queue-remove",
+              children: /* @__PURE__ */ jsx15(XIcon2, { className: "size-3", "aria-hidden": "true" })
+            }
+          ) : null,
+          onResume ? /* @__PURE__ */ jsxs14(
+            Button8,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "xs",
+              onClick: onResume,
+              disabled: toolbarPending,
+              "aria-busy": toolbarPending,
+              className: "text-[color:var(--muted-foreground)] hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]",
+              "aria-label": "Nudge agent: stop the current run and send queued messages now",
+              title: "Send queued messages now and stop the current run",
+              "data-boring-agent-part": "composer-queue-nudge",
+              children: [
+                /* @__PURE__ */ jsx15(SendHorizontalIcon, { className: "size-3", "aria-hidden": "true" }),
+                "Send now"
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs14(
+            Button8,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "xs",
+              onClick: onEdit,
+              disabled: toolbarPending,
+              "aria-busy": toolbarPending,
+              className: "text-[color:var(--muted-foreground)] hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]",
+              "aria-label": "Edit queued follow-ups",
+              title: "Move queued messages back to the composer",
+              children: [
+                /* @__PURE__ */ jsx15(PencilIcon, { className: "size-3", "aria-hidden": "true" }),
+                "Edit"
+              ]
+            }
+          )
+        ] })
       ]
     }
   );
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-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 Button10 } from "@hachej/boring-ui-kit";
+import { useCallback as useCallback14, useEffect as useEffect15, useMemo as useMemo13, useRef as useRef10, useState as useState16 } from "react";
+import { CheckIcon as CheckIcon3, CopyIcon as CopyIcon4 } from "lucide-react";
+import { Button as Button11 } from "@hachej/boring-ui-kit";
 
 // src/front/primitives/attachments.tsx
-import { Button as Button8, HoverCard, HoverCardContent, HoverCardTrigger } from "@hachej/boring-ui-kit";
+import { Button as Button9, HoverCard, HoverCardContent, HoverCardTrigger } from "@hachej/boring-ui-kit";
 import {
   FileTextIcon as FileTextIcon2,
   GlobeIcon,
@@ -6724,7 +7100,7 @@ var AttachmentRemove = ({
     return null;
   }
   return /* @__PURE__ */ jsxs15(
-    Button8,
+    Button9,
     {
       "aria-label": label,
       className: cn(
@@ -6756,7 +7132,7 @@ var AttachmentRemove = ({
 };
 
 // src/front/primitives/message.tsx
-import { Button as Button9, ButtonGroup, ButtonGroupText } from "@hachej/boring-ui-kit";
+import { Button as Button10, ButtonGroup, ButtonGroupText } from "@hachej/boring-ui-kit";
 import {
   Tooltip,
   TooltipContent,
@@ -6768,23 +7144,228 @@ import {
 var INLINE_CODE_CLASS_NAME = "rounded-[0.3em] bg-muted/55 px-[0.32em] py-[0.08em] font-mono text-[0.9em] font-medium text-foreground/90";
 
 // src/front/primitives/message.tsx
-import { cjk } from "@streamdown/cjk";
-import { code } from "@streamdown/code";
-import { math } from "@streamdown/math";
-import { mermaid } from "@streamdown/mermaid";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon } from "lucide-react";
 import {
   createContext as createContext4,
   memo as memo3,
-  useCallback as useCallback10,
+  useCallback as useCallback11,
   useContext as useContext4,
-  useEffect as useEffect10,
-  useMemo as useMemo7,
-  useState as useState11
+  useEffect as useEffect12,
+  useMemo as useMemo8,
+  useState as useState13
 } from "react";
-import { Streamdown } from "streamdown";
+import { Streamdown as Streamdown2 } from "streamdown";
+
+// src/front/primitives/useStreamdownPlugins.ts
+import { useEffect as useEffect10, useMemo as useMemo7, useState as useState11 } from "react";
+var streamdownPluginPromises = {};
+var streamdownPluginLoaders = {
+  cjk: () => import("@streamdown/cjk").then((module) => module.cjk),
+  code: () => import("@streamdown/code").then((module) => module.code),
+  math: () => import("@streamdown/math").then((module) => module.math),
+  mermaid: () => import("@streamdown/mermaid").then((module) => module.mermaid)
+};
+function loadStreamdownPlugin(name) {
+  const existing = streamdownPluginPromises[name];
+  if (existing) return existing;
+  const promise = streamdownPluginLoaders[name]().catch((error) => {
+    delete streamdownPluginPromises[name];
+    throw error;
+  });
+  streamdownPluginPromises[name] = promise;
+  return promise;
+}
+var CJK_SCRIPT = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u;
+var INLINE_CODE = /(^|[^`])`[^`\n]+`(?!`)/;
+var INLINE_MATH = /(^|[^\\$])\$(?!\s|\$)(?:\\.|[^\n$])+?(?<!\\)\$(?![\d$])/;
+var BLOCK_MATH = /(^|\n)\s*\$\$\s*\n?[\s\S]+?\n?\s*\$\$(?=\s*(?:\n|$))/;
+function hasClosedFence(source, language) {
+  const lines = source.split("\n");
+  for (let index = 0; index < lines.length; index += 1) {
+    const opening = lines[index]?.match(/^ {0,3}(`{3,}|~{3,})[ \t]*([^ \t`~]+)?[^\n]*$/);
+    if (!opening) continue;
+    if (language && opening[2]?.toLowerCase() !== language) continue;
+    const marker = opening[1][0];
+    const minimumLength = opening[1].length;
+    for (let closing = index + 1; closing < lines.length; closing += 1) {
+      const candidate = lines[closing]?.match(/^ {0,3}(`+|~+)[ \t]*$/)?.[1];
+      if (candidate?.[0] === marker && candidate.length >= minimumLength) return true;
+    }
+  }
+  return false;
+}
+function streamdownPluginNamesForSource(source, options = {}) {
+  if (typeof source !== "string" || source.length === 0) return [];
+  const names = [];
+  if (CJK_SCRIPT.test(source)) names.push("cjk");
+  if (options.code !== false && (hasClosedFence(source) || INLINE_CODE.test(source))) names.push("code");
+  if (INLINE_MATH.test(source) || BLOCK_MATH.test(source)) names.push("math");
+  if (hasClosedFence(source, "mermaid")) names.push("mermaid");
+  return names;
+}
+function useStreamdownPlugins(source, options = {}) {
+  const includeCode = options.code !== false;
+  const names = useMemo7(() => streamdownPluginNamesForSource(source, { code: includeCode }), [includeCode, source]);
+  const [plugins, setPlugins] = useState11({});
+  useEffect10(() => {
+    let cancelled = false;
+    for (const name of names) {
+      void loadStreamdownPlugin(name).then((plugin) => {
+        if (cancelled) return;
+        setPlugins((current) => current[name] ? current : { ...current, [name]: plugin });
+      }).catch((error) => {
+        console.error(`Failed to load the ${name} markdown renderer`, error);
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [names]);
+  const selectedPlugins = useMemo7(() => {
+    const selected = {};
+    for (const name of names) {
+      if (plugins[name]) selected[name] = plugins[name];
+    }
+    return selected;
+  }, [names, plugins]);
+  return Object.keys(selectedPlugins).length > 0 ? selectedPlugins : void 0;
+}
+
+// src/front/primitives/markdownLink.tsx
+import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon3, ExternalLinkIcon as ExternalLinkIcon3 } from "lucide-react";
+import {
+  useCallback as useCallback10,
+  useEffect as useEffect11,
+  useRef as useRef8,
+  useState as useState12
+} from "react";
+import { defaultRehypePlugins } from "streamdown";
 import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
-var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx17(
+var LINK_ACTIONS_TAG = "boring-link-actions";
+var INCOMPLETE_LINK_HREF = "streamdown:incomplete-link";
+function decorateLinks(node) {
+  if (!node.children) return;
+  if (node.properties?.["data-boring-agent-part"] === "chat-url-group") return;
+  for (const child of node.children) decorateLinks(child);
+  node.children = node.children.flatMap((child) => {
+    if (child.type !== "element" || child.tagName !== "a") return [child];
+    const href = child.properties?.href;
+    if (typeof href !== "string" || href === INCOMPLETE_LINK_HREF) return [child];
+    return [{
+      type: "element",
+      tagName: "span",
+      properties: {
+        className: ["group/markdown-link"],
+        "data-boring-agent-part": "chat-url-group"
+      },
+      children: [
+        child,
+        {
+          type: "element",
+          tagName: LINK_ACTIONS_TAG,
+          properties: { href },
+          children: []
+        }
+      ]
+    }];
+  });
+}
+var rehypeMarkdownLinkActions = () => (tree) => {
+  decorateLinks(tree);
+};
+function markdownLinkRehypePlugins(configured, allowedTags) {
+  if (configured) return [...configured, rehypeMarkdownLinkActions];
+  const sanitize = defaultRehypePlugins.sanitize;
+  if (!allowedTags || !Array.isArray(sanitize) || typeof sanitize[1] !== "object" || sanitize[1] === null) {
+    return [...Object.values(defaultRehypePlugins), rehypeMarkdownLinkActions];
+  }
+  const schema = sanitize[1];
+  const augmentedSchema = {
+    ...schema,
+    tagNames: [...schema.tagNames ?? [], ...Object.keys(allowedTags)],
+    attributes: { ...schema.attributes, ...allowedTags }
+  };
+  const augmentedSanitize = [sanitize[0], augmentedSchema];
+  const augmentedDefaults = Object.entries(defaultRehypePlugins).map(
+    ([name, plugin]) => name === "sanitize" ? augmentedSanitize : plugin
+  );
+  return [...augmentedDefaults, rehypeMarkdownLinkActions];
+}
+var MarkdownLinkActions = ({ href }) => {
+  const [copied, setCopied] = useState12(false);
+  const copiedTimerRef = useRef8(void 0);
+  useEffect11(() => () => clearTimeout(copiedTimerRef.current), []);
+  const markCopied = useCallback10(() => {
+    setCopied(true);
+    clearTimeout(copiedTimerRef.current);
+    copiedTimerRef.current = setTimeout(() => setCopied(false), 1500);
+  }, []);
+  const handleCopy = useCallback10(
+    async (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (href && await copyTextToClipboard(href)) markCopied();
+    },
+    [href, markCopied]
+  );
+  const handleOpen = useCallback10((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    event.currentTarget.closest('[data-boring-agent-part="chat-url-group"]')?.querySelector('[data-streamdown="link"]')?.click();
+  }, []);
+  return /* @__PURE__ */ jsxs16(
+    "span",
+    {
+      className: cn(
+        "pointer-events-none inline-flex shrink-0 items-center gap-px opacity-0 transition-opacity duration-150",
+        "group-hover/markdown-link:pointer-events-auto group-hover/markdown-link:opacity-100",
+        "group-focus-within/markdown-link:pointer-events-auto group-focus-within/markdown-link:opacity-100"
+      ),
+      "data-boring-agent-part": "chat-url-actions",
+      children: [
+        /* @__PURE__ */ jsx17(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            "aria-label": "Copy URL",
+            title: copied ? "Copied" : "Copy URL",
+            className: cn(
+              "inline-flex size-4 items-center justify-center rounded-[2px]",
+              "text-muted-foreground/70 transition-colors duration-150",
+              "hover:bg-foreground/[0.06] hover:text-muted-foreground",
+              "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[color:var(--accent)]/40"
+            ),
+            children: copied ? /* @__PURE__ */ jsx17(CheckIcon2, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx17(CopyIcon3, { className: "size-3", "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "button",
+          {
+            type: "button",
+            onClick: handleOpen,
+            "aria-label": "Open URL in new tab",
+            title: "Open URL in new tab",
+            className: cn(
+              "inline-flex size-4 items-center justify-center rounded-[2px]",
+              "text-muted-foreground/70 transition-colors duration-150",
+              "hover:bg-foreground/[0.06] hover:text-muted-foreground",
+              "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[color:var(--accent)]/40"
+            ),
+            children: /* @__PURE__ */ jsx17(ExternalLinkIcon3, { className: "size-3", "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+};
+var markdownLinkComponents = {
+  [LINK_ACTIONS_TAG]: MarkdownLinkActions
+};
+
+// src/front/primitives/message.tsx
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx18(
   "div",
   {
     "data-boring-agent-message-role": from,
@@ -6800,7 +7381,7 @@ var MessageContent = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx18(
   "div",
   {
     className: cn(
@@ -6817,7 +7398,7 @@ var MessageActions = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsx17("div", { className: cn("flex items-center gap-1", className), ...props, children });
+}) => /* @__PURE__ */ jsx18("div", { className: cn("flex items-center gap-1", className), ...props, children });
 var MessageAction = ({
   tooltip,
   children,
@@ -6826,14 +7407,14 @@ var MessageAction = ({
   size = "icon-sm",
   ...props
 }) => {
-  const button = /* @__PURE__ */ jsxs16(Button9, { size, type: "button", variant, ...props, children: [
+  const button = /* @__PURE__ */ jsxs17(Button10, { size, type: "button", variant, ...props, children: [
     children,
-    /* @__PURE__ */ jsx17("span", { className: "sr-only", children: label || tooltip })
+    /* @__PURE__ */ jsx18("span", { className: "sr-only", children: label || tooltip })
   ] });
   if (tooltip) {
-    return /* @__PURE__ */ jsx17(TooltipProvider, { children: /* @__PURE__ */ jsxs16(Tooltip, { children: [
-      /* @__PURE__ */ jsx17(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx17(TooltipContent, { children: /* @__PURE__ */ jsx17("p", { children: tooltip }) })
+    return /* @__PURE__ */ jsx18(TooltipProvider, { children: /* @__PURE__ */ jsxs17(Tooltip, { children: [
+      /* @__PURE__ */ jsx18(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx18(TooltipContent, { children: /* @__PURE__ */ jsx18("p", { children: tooltip }) })
     ] }) });
   }
   return button;
@@ -6841,7 +7422,6 @@ var MessageAction = ({
 var MessageBranchContext = createContext4(
   null
 );
-var streamdownPlugins = { cjk, code, math, mermaid };
 var DEFAULT_SHIKI_THEME = ["github-light", "github-dark-dimmed"];
 function extractCodeBlockLanguage(children) {
   if (!children) return void 0;
@@ -6872,11 +7452,11 @@ function extractCodeBlockText(children) {
   return walk(children);
 }
 var MarkdownPre = ({ children, filename }) => {
-  const code3 = extractCodeBlockText(children).replace(/\n$/, "");
+  const code = extractCodeBlockText(children).replace(/\n$/, "");
   const language = extractCodeBlockLanguage(children);
-  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, {})
+  return /* @__PURE__ */ jsx18(CodeBlock2, { code, language: language ?? "text", className: "my-3", children: /* @__PURE__ */ jsxs17(CodeBlockHeader, { children: [
+    /* @__PURE__ */ jsx18(CodeBlockTitle, { children: /* @__PURE__ */ jsx18(CodeBlockFilename, { children: filename ?? language ?? "text" }) }),
+    /* @__PURE__ */ jsx18(CodeBlockCopyButton, {})
   ] }) });
 };
 var MarkdownCode = ({
@@ -6886,9 +7466,9 @@ var MarkdownCode = ({
   ...props
 }) => {
   if (inline === false) {
-    return /* @__PURE__ */ jsx17("code", { className, ...props, children });
+    return /* @__PURE__ */ jsx18("code", { className, ...props, children });
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "code",
     {
       className: cn(
@@ -6905,23 +7485,33 @@ var markdownComponents = {
   code: MarkdownCode
 };
 var MessageResponse = memo3(
-  ({ className, shikiTheme, components, codeFilename, ...props }) => /* @__PURE__ */ jsx17(
-    Streamdown,
-    {
-      className: cn(
-        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        className
-      ),
-      plugins: streamdownPlugins,
-      shikiTheme: shikiTheme ?? DEFAULT_SHIKI_THEME,
-      components: {
-        ...markdownComponents,
-        ...components ?? {},
-        ...codeFilename ? { pre: (props2) => /* @__PURE__ */ jsx17(MarkdownPre, { ...props2, filename: codeFilename }) } : {}
-      },
-      ...props
-    }
-  ),
+  ({ className, shikiTheme, components, codeFilename, rehypePlugins, allowedTags, ...props }) => {
+    const streamdownPlugins = useStreamdownPlugins(props.children, { code: false });
+    const linkRehypePlugins = useMemo8(
+      () => markdownLinkRehypePlugins(rehypePlugins, allowedTags),
+      [allowedTags, rehypePlugins]
+    );
+    return /* @__PURE__ */ jsx18(
+      Streamdown2,
+      {
+        className: cn(
+          "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+          className
+        ),
+        plugins: streamdownPlugins,
+        rehypePlugins: linkRehypePlugins,
+        allowedTags,
+        shikiTheme: shikiTheme ?? DEFAULT_SHIKI_THEME,
+        components: {
+          ...markdownComponents,
+          ...components ?? {},
+          ...markdownLinkComponents,
+          ...codeFilename ? { pre: (props2) => /* @__PURE__ */ jsx18(MarkdownPre, { ...props2, filename: codeFilename }) } : {}
+        },
+        ...props
+      }
+    );
+  },
   (prevProps, nextProps) => prevProps.children === nextProps.children && nextProps.isAnimating === prevProps.isAnimating && nextProps.components === prevProps.components && prevProps.codeFilename === nextProps.codeFilename
 );
 MessageResponse.displayName = "MessageResponse";
@@ -6933,27 +7523,23 @@ import {
   CollapsibleContent as CollapsibleContent2,
   CollapsibleTrigger as CollapsibleTrigger3
 } from "@hachej/boring-ui-kit";
-import { cjk as cjk2 } from "@streamdown/cjk";
-import { code as code2 } from "@streamdown/code";
-import { math as math2 } from "@streamdown/math";
-import { mermaid as mermaid2 } from "@streamdown/mermaid";
 import { BrainIcon, ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
 import {
   createContext as createContext5,
   memo as memo5,
-  useCallback as useCallback11,
+  useCallback as useCallback12,
   useContext as useContext5,
-  useEffect as useEffect11,
-  useMemo as useMemo9,
-  useRef as useRef8,
-  useState as useState12
+  useEffect as useEffect13,
+  useMemo as useMemo10,
+  useRef as useRef9,
+  useState as useState14
 } from "react";
-import { Streamdown as Streamdown2 } from "streamdown";
+import { Streamdown as Streamdown3 } from "streamdown";
 
 // src/front/primitives/shimmer.tsx
 import { motion } from "motion/react";
-import { memo as memo4, useMemo as useMemo8 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { memo as memo4, useMemo as useMemo9 } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
   let component = motionComponentCache.get(element);
@@ -6973,11 +7559,11 @@ var ShimmerComponent = ({
   const MotionComponent = getMotionComponent(
     Component
   );
-  const dynamicSpread = useMemo8(
+  const dynamicSpread = useMemo9(
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -7003,7 +7589,7 @@ var ShimmerComponent = ({
 var Shimmer = memo4(ShimmerComponent);
 
 // src/front/primitives/reasoning.tsx
-import { Fragment as Fragment8, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var ReasoningContext = createContext5(null);
 var useReasoning = () => {
   const context = useContext5(ReasoningContext);
@@ -7037,10 +7623,10 @@ var Reasoning = memo5(
       defaultProp: void 0,
       prop: durationProp
     });
-    const hasEverStreamedRef = useRef8(isStreaming);
-    const [hasAutoClosed, setHasAutoClosed] = useState12(false);
-    const startTimeRef = useRef8(null);
-    useEffect11(() => {
+    const hasEverStreamedRef = useRef9(isStreaming);
+    const [hasAutoClosed, setHasAutoClosed] = useState14(false);
+    const startTimeRef = useRef9(null);
+    useEffect13(() => {
       if (isStreaming) {
         hasEverStreamedRef.current = true;
         if (startTimeRef.current === null) {
@@ -7051,12 +7637,12 @@ var Reasoning = memo5(
         startTimeRef.current = null;
       }
     }, [isStreaming, setDuration]);
-    useEffect11(() => {
+    useEffect13(() => {
       if (isStreaming && !isOpen && !isExplicitlyClosed) {
         setIsOpen(true);
       }
     }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);
-    useEffect11(() => {
+    useEffect13(() => {
       if (hasEverStreamedRef.current && autoClose && !isStreaming && isOpen && !hasAutoClosed) {
         const timer = setTimeout(() => {
           setIsOpen(false);
@@ -7065,17 +7651,17 @@ var Reasoning = memo5(
         return () => clearTimeout(timer);
       }
     }, [isStreaming, isOpen, setIsOpen, hasAutoClosed, autoClose]);
-    const handleOpenChange = useCallback11(
+    const handleOpenChange = useCallback12(
       (newOpen) => {
         setIsOpen(newOpen);
       },
       [setIsOpen]
     );
-    const contextValue = useMemo9(
+    const contextValue = useMemo10(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
-    return /* @__PURE__ */ jsx19(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(ReasoningContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(
       Collapsible2,
       {
         className: cn("not-prose mb-2", className),
@@ -7089,12 +7675,12 @@ var Reasoning = memo5(
 );
 var defaultGetThinkingMessage = (isStreaming, duration) => {
   if (isStreaming || duration === 0) {
-    return /* @__PURE__ */ jsx19(Shimmer, { duration: 1, children: "thinking" });
+    return /* @__PURE__ */ jsx20(Shimmer, { duration: 1, children: "thinking" });
   }
   if (duration === void 0) {
-    return /* @__PURE__ */ jsx19("span", { children: "thoughts" });
+    return /* @__PURE__ */ jsx20("span", { children: "thoughts" });
   }
-  return /* @__PURE__ */ jsxs17("span", { children: [
+  return /* @__PURE__ */ jsxs18("span", { children: [
     "thoughts \xB7 ",
     duration,
     "s"
@@ -7108,7 +7694,7 @@ var ReasoningTrigger = memo5(
     ...props
   }) => {
     const { isStreaming, isOpen, duration } = useReasoning();
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       CollapsibleTrigger3,
       {
         className: cn(
@@ -7116,10 +7702,10 @@ var ReasoningTrigger = memo5(
           className
         ),
         ...props,
-        children: children ?? /* @__PURE__ */ jsxs17(Fragment8, { children: [
-          /* @__PURE__ */ jsx19(BrainIcon, { className: "size-3" }),
+        children: children ?? /* @__PURE__ */ jsxs18(Fragment8, { children: [
+          /* @__PURE__ */ jsx20(BrainIcon, { className: "size-3" }),
           getThinkingMessage(isStreaming, duration),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             ChevronDownIcon3,
             {
               className: cn(
@@ -7133,20 +7719,22 @@ var ReasoningTrigger = memo5(
     );
   }
 );
-var streamdownPlugins2 = { cjk: cjk2, code: code2, math: math2, mermaid: mermaid2 };
 var ReasoningContent = memo5(
-  ({ className, children, ...props }) => /* @__PURE__ */ jsx19(
-    CollapsibleContent2,
-    {
-      className: cn(
-        "mt-2 border-l border-border/40 pl-3 text-xs",
-        "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground/75 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx19(Streamdown2, { plugins: streamdownPlugins2, children })
-    }
-  )
+  ({ className, children, ...props }) => {
+    const streamdownPlugins = useStreamdownPlugins(children);
+    return /* @__PURE__ */ jsx20(
+      CollapsibleContent2,
+      {
+        className: cn(
+          "mt-2 border-l border-border/40 pl-3 text-xs",
+          "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground/75 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx20(Streamdown3, { plugins: streamdownPlugins, children })
+      }
+    );
+  }
 );
 Reasoning.displayName = "Reasoning";
 ReasoningTrigger.displayName = "ReasoningTrigger";
@@ -7154,7 +7742,7 @@ ReasoningContent.displayName = "ReasoningContent";
 
 // src/front/primitives/tool-call-group.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { memo as memo6, useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo10, useState as useState13 } from "react";
+import { memo as memo6, useCallback as useCallback13, useEffect as useEffect14, useMemo as useMemo11, useState as useState15 } from "react";
 import { Collapsible as Collapsible3, CollapsibleContent as CollapsibleContent3, CollapsibleTrigger as CollapsibleTrigger4 } from "@hachej/boring-ui-kit";
 
 // src/front/primitives/tool-call-group-state.ts
@@ -7193,7 +7781,7 @@ var TOOL_GROUP_VISUAL_PRESENTATION = {
 };
 
 // src/front/primitives/tool-call-group.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function isInputRunningState(state) {
   return state === "input-streaming" || state === "input-available";
 }
@@ -7243,7 +7831,7 @@ function resolveVisualState({
   return "settled";
 }
 var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
-  const toolParts = useMemo10(() => tools.map(({ part, key }) => {
+  const toolParts = useMemo11(() => tools.map(({ part, key }) => {
     const toolPart = toToolPart(part);
     return toolPart ? { part: toolPart, key } : null;
   }).filter((entry) => Boolean(entry)), [tools]);
@@ -7252,8 +7840,8 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
   const hasAborted = toolParts.some(({ part }) => part.state === "aborted") && !workspaceNotReady;
   const hasRunningTool = toolParts.some(({ part }) => isInputRunningState(part.state) && !getWorkspaceNotReadyStatus(part.output));
   const approvalNeeded = toolParts.some(({ part }) => isApprovalRequestedState(part.state));
-  const [isOpen, setIsOpen] = useState13(false);
-  const handleOpenChange = useCallback12((open) => setIsOpen(open), []);
+  const [isOpen, setIsOpen] = useState15(false);
+  const handleOpenChange = useCallback13((open) => setIsOpen(open), []);
   const visualState = resolveVisualState({
     hasRunningTool,
     approvalNeeded,
@@ -7262,10 +7850,10 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
     hasAborted
   });
   const isRunning = visualState === RUNNING_TOOL_GROUP_VISUAL_STATE;
-  const [elapsedSeconds, setElapsedSeconds] = useState13(0);
-  const title = useMemo10(() => buildTitle(toolParts.map(({ part }) => part), visualState), [toolParts, visualState]);
+  const [elapsedSeconds, setElapsedSeconds] = useState15(0);
+  const title = useMemo11(() => buildTitle(toolParts.map(({ part }) => part), visualState), [toolParts, visualState]);
   const elapsedLabel = isRunning ? `Running ${formatElapsed(elapsedSeconds)}` : null;
-  useEffect12(() => {
+  useEffect14(() => {
     if (!isRunning) {
       setElapsedSeconds(0);
       return;
@@ -7282,7 +7870,7 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
     const { renderer } = resolveToolRendererForPart(part, mergedToolRenderers);
     return renderer.presentation === "inline" ? [key] : [];
   }));
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Collapsible3,
     {
       open: isOpen,
@@ -7293,9 +7881,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__ */ 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);
+          return /* @__PURE__ */ jsx21("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__ */ jsxs18(
+        /* @__PURE__ */ jsxs19(
           CollapsibleTrigger4,
           {
             "aria-label": `Tool calls: ${title}`,
@@ -7307,7 +7895,7 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
               TOOL_GROUP_VISUAL_PRESENTATION[visualState].triggerClassName
             ),
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(
                 "span",
                 {
                   "data-boring-agent-part": "tool-group-state-dot",
@@ -7317,10 +7905,10 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
                   )
                 }
               ) }),
-              /* @__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(
+              /* @__PURE__ */ jsx21("span", { "data-boring-agent-part": "tool-group-title", children: workspaceNotReady ? workspaceNotReady.message : title }),
+              elapsedLabel ? /* @__PURE__ */ jsx21("span", { className: "ml-1 shrink-0 tabular-nums text-[12px] text-muted-foreground/70", children: elapsedLabel }) : null,
+              /* @__PURE__ */ jsx21("span", { className: "ml-1 shrink-0 tabular-nums text-[12px] text-muted-foreground/70", children: toolParts.length }),
+              /* @__PURE__ */ jsx21(
                 ChevronDownIcon4,
                 {
                   className: cn(
@@ -7332,19 +7920,19 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
             ]
           }
         ),
-        /* @__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(
+        /* @__PURE__ */ jsx21(CollapsibleContent3, { className: "overflow-hidden data-[state=closed]:animate-[boring-collapse-close_200ms_ease] data-[state=open]:animate-[boring-collapse-open_200ms_ease]", children: /* @__PURE__ */ jsxs19(
           "div",
           {
             "data-boring-agent-part": "tool-group-details",
             className: "relative mt-1.5 w-full max-w-2xl pl-[18px]",
             children: [
-              /* @__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 }) => {
+              /* @__PURE__ */ jsx21("div", { className: "absolute left-[5px] top-0 bottom-2 w-px bg-border/35" }),
+              /* @__PURE__ */ jsx21("div", { className: "flex min-w-0 flex-col gap-1.5 [&_[data-boring-agent-part=tool-card]]:!my-0", children: toolParts.map(({ part, key }) => {
                 const { renderer, part: resolvedPart, resolution } = resolveToolRendererForPart(
                   part,
                   inlineToolKeys.has(key) ? {} : mergedToolRenderers
                 );
-                return /* @__PURE__ */ jsx20(
+                return /* @__PURE__ */ jsx21(
                   "div",
                   {
                     className: "min-w-0",
@@ -7366,19 +7954,19 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
 ToolCallGroup.displayName = "ToolCallGroup";
 
 // src/front/chat/messageContributions.tsx
-import { createContext as createContext6, createElement, useContext as useContext6, useMemo as useMemo11 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { createContext as createContext6, createElement, useContext as useContext6, useMemo as useMemo12 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var ChatMessageContributionContext = createContext6([]);
 function ChatMessageContributionProvider({
   contribution,
   children
 }) {
   const parent = useContext6(ChatMessageContributionContext);
-  const contributions = useMemo11(
+  const contributions = useMemo12(
     () => [contribution, ...parent.filter((entry) => entry.id !== contribution.id)],
     [contribution, parent]
   );
-  return /* @__PURE__ */ jsx21(ChatMessageContributionContext.Provider, { value: contributions, children });
+  return /* @__PURE__ */ jsx22(ChatMessageContributionContext.Provider, { value: contributions, children });
 }
 function useCustomChatMessage(message) {
   const contributions = useContext6(ChatMessageContributionContext);
@@ -7395,7 +7983,7 @@ function ChatMessageContributionBoundary({
 
 // src/front/chat/components/MessageMentions.tsx
 import { Children, cloneElement, isValidElement as isValidElement2 } from "react";
-import { Fragment as Fragment9, jsx as jsx22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx23 } from "react/jsx-runtime";
 var TERMINAL_BOUNDARY = String.raw`(?=$|\s|[.,;!?)}\]"'”’]+(?=$|\s))`;
 var PREFIX_BOUNDARY = String.raw`(^|[\s(\[{"'“‘])`;
 function escapeRegExp2(value) {
@@ -7504,7 +8092,7 @@ function MessageMentions({
       }).map((segment, segmentIndex) => {
         if (!segment.mention) return segment.text;
         const actionLabel = mentionActionLabel(segment.mention);
-        return /* @__PURE__ */ jsx22(
+        return /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -7530,7 +8118,7 @@ function MessageMentions({
         return cloneElement(
           element,
           void 0,
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             MessageMentions,
             {
               catalog,
@@ -7548,19 +8136,19 @@ function MessageMentions({
   return nodes.map(decorate);
 }
 function createMessageMentionMarkdownComponents(catalog, onActivate) {
-  const decorate = (children) => /* @__PURE__ */ jsx22(MessageMentions, { catalog, onActivate, children });
+  const decorate = (children) => /* @__PURE__ */ jsx23(MessageMentions, { catalog, onActivate, children });
   const paragraph = ({ node: _node, children, ...props }) => {
     const content = Children.toArray(children).filter((child) => child !== null && child !== "");
     if (content.length === 1 && isValidElement2(content[0])) {
       const child = content[0];
-      if (child.props.node?.tagName === "img") return /* @__PURE__ */ jsx22(Fragment9, { children });
-      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx22(Fragment9, { children });
+      if (child.props.node?.tagName === "img") return /* @__PURE__ */ jsx23(Fragment9, { children });
+      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx23(Fragment9, { children });
     }
-    return /* @__PURE__ */ jsx22("p", { ...props, children: decorate(children) });
+    return /* @__PURE__ */ jsx23("p", { ...props, children: decorate(children) });
   };
-  const tableHeader = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("th", { ...props, "data-streamdown": "table-header-cell", className: cn("whitespace-nowrap px-4 py-2 text-left font-semibold text-sm", className), children: decorate(children) });
-  const tableCell = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("td", { ...props, "data-streamdown": "table-cell", className: cn("px-4 py-2 text-sm", className), children: decorate(children) });
-  const listItem = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("li", { ...props, "data-streamdown": "list-item", className: cn("py-1 [&>p]:inline", className), children: decorate(children) });
+  const tableHeader = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx23("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__ */ jsx23("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__ */ jsx23("li", { ...props, "data-streamdown": "list-item", className: cn("py-1 [&>p]:inline", className), children: decorate(children) });
   const headingClasses = {
     h1: "text-3xl",
     h2: "text-2xl",
@@ -7569,8 +8157,8 @@ function createMessageMentionMarkdownComponents(catalog, onActivate) {
     h5: "text-base",
     h6: "text-sm"
   };
-  const heading = (Tag) => ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22(Tag, { ...props, "data-streamdown": `heading-${Tag.slice(1)}`, className: cn("mt-6 mb-2 font-semibold", headingClasses[Tag], className), children: decorate(children) });
-  const inlineCode = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22(
+  const heading = (Tag) => ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx23(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__ */ jsx23(
     "code",
     {
       ...props,
@@ -7594,7 +8182,7 @@ function createMessageMentionMarkdownComponents(catalog, onActivate) {
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var EMPTY_MENTION_CATALOG = { commands: [], skills: [], files: false };
 var COLLAPSIBLE_TOOL_NAMES = /* @__PURE__ */ new Set([
   "read",
@@ -7610,7 +8198,7 @@ function isCollapsibleTool(part) {
   return part.type === "tool-call" && COLLAPSIBLE_TOOL_NAMES.has(part.toolName);
 }
 function PiTimelineMessage(props) {
-  return /* @__PURE__ */ jsx23(ChatMessageContributionBoundary, { message: props.message, children: /* @__PURE__ */ jsx23(DefaultPiTimelineMessage, { ...props }) });
+  return /* @__PURE__ */ jsx24(ChatMessageContributionBoundary, { message: props.message, children: /* @__PURE__ */ jsx24(DefaultPiTimelineMessage, { ...props }) });
 }
 function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRenderers, mentionCatalog = EMPTY_MENTION_CATALOG, onMentionActivate }) {
   const role = message.role;
@@ -7620,7 +8208,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
   const finalParts = groupRenderableParts(message);
   const attachmentSummaryPaths = role === "user" ? attachmentPathsFromTextParts(textParts) : [];
   const openArtifact = useOpenArtifact();
-  const effectiveMentionCatalog = useMemo12(() => ({
+  const effectiveMentionCatalog = useMemo13(() => ({
     commands: mentionCatalog.commands,
     skills: mentionCatalog.skills,
     files: mentionCatalog.files && Boolean(openArtifact)
@@ -7630,9 +8218,9 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
     ...effectiveMentionCatalog.skills.map((skill) => `skill:${skill.name}:${skill.commandName}`),
     effectiveMentionCatalog.files ? "files:enabled" : "files:disabled"
   ].join("|");
-  const mentionActivateRef = useRef9(onMentionActivate);
+  const mentionActivateRef = useRef10(onMentionActivate);
   mentionActivateRef.current = onMentionActivate;
-  const activateCurrentMention = useCallback13((mention) => {
+  const activateCurrentMention = useCallback14((mention) => {
     if (mention.kind === "file") {
       openArtifact?.(mention.path);
       return;
@@ -7642,12 +8230,12 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
   const hasMentions = effectiveMentionCatalog.files || effectiveMentionCatalog.commands.length > 0 || effectiveMentionCatalog.skills.length > 0;
   const messageIsStreaming = isAssistant && isLast && (isStreaming || message.status === "streaming");
   const mentionsEnabled = Boolean(isAssistant && !messageIsStreaming && hasMentions);
-  const mentionMarkdownComponents = useMemo12(
+  const mentionMarkdownComponents = useMemo13(
     () => mentionsEnabled ? createMessageMentionMarkdownComponents(effectiveMentionCatalog, activateCurrentMention) : void 0,
     [activateCurrentMention, effectiveMentionCatalog, mentionSignature, mentionsEnabled]
   );
   const shouldReserveStreamingActions = messageIsStreaming;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     Message,
     {
       from: role,
@@ -7656,8 +8244,8 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
       "data-boring-agent-message-role": role,
       "data-boring-agent-message-status": message.status,
       children: [
-        /* @__PURE__ */ jsxs19(MessageContent, { children: [
-          fileParts.length > 0 ? /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs20(MessageContent, { children: [
+          fileParts.length > 0 ? /* @__PURE__ */ jsx24(
             Attachments,
             {
               variant: role === "user" ? "inline" : "list",
@@ -7682,7 +8270,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
                   event.preventDefault();
                   openAttachment();
                 };
-                return /* @__PURE__ */ jsxs19(
+                return /* @__PURE__ */ jsxs20(
                   Attachment,
                   {
                     data: toAttachmentData(file, `file-${message.id}-${index}`),
@@ -7696,8 +8284,8 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
                       onKeyDown: openAttachmentFromKeyboard
                     } : void 0,
                     children: [
-                      /* @__PURE__ */ jsx23(AttachmentPreview, { className: role === "user" ? "!size-5 shrink-0 rounded-[var(--radius-sm)]" : "size-10 shrink-0 rounded-[var(--radius-md)]" }),
-                      /* @__PURE__ */ jsx23(AttachmentInfo, { className: role === "user" ? "min-w-0 max-w-[220px] flex-1 text-[12px]" : "min-w-0 flex-1" })
+                      /* @__PURE__ */ jsx24(AttachmentPreview, { className: role === "user" ? "!size-5 shrink-0 rounded-[var(--radius-sm)]" : "size-10 shrink-0 rounded-[var(--radius-md)]" }),
+                      /* @__PURE__ */ jsx24(AttachmentInfo, { className: role === "user" ? "min-w-0 max-w-[220px] flex-1 text-[12px]" : "min-w-0 flex-1" })
                     ]
                   },
                   `file-${message.id}-${index}`
@@ -7707,7 +8295,7 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
           ) : null,
           finalParts.map((item, index) => {
             if (item.kind === "reasoning") {
-              return /* @__PURE__ */ jsx23(
+              return /* @__PURE__ */ jsx24(
                 TimelineReasoningPart,
                 {
                   item,
@@ -7717,15 +8305,15 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
               );
             }
             if (item.kind === "tool-group") {
-              return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx23(ToolCallGroup, { tools: item.tools, mergedToolRenderers: toolRenderers }) }, item.key);
+              return /* @__PURE__ */ jsx24("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx24(ToolCallGroup, { tools: item.tools, mergedToolRenderers: toolRenderers }) }, item.key);
             }
             if (item.kind === "tool-plain") {
-              return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx23(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
+              return /* @__PURE__ */ jsx24("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx24(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
             }
             if (item.part.type === "text") {
               const text = textForMessageDisplay(item.part.text, role);
               if (!text) return null;
-              return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx23(
+              return /* @__PURE__ */ jsx24("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx24(
                 MessageResponse,
                 {
                   components: mentionMarkdownComponents,
@@ -7737,12 +8325,12 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
               ) }, item.key);
             }
             if (item.part.type === "notice") {
-              return /* @__PURE__ */ jsx23(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
+              return /* @__PURE__ */ jsx24(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
             }
             return null;
           })
         ] }),
-        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx23(
+        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx24(
           MessageActionsBar,
           {
             text: textParts.map((part) => part.text).join("\n\n"),
@@ -7754,20 +8342,20 @@ function DefaultPiTimelineMessage({ message, isLast, isStreaming, showThoughts,
   );
 }
 function TimelineReasoningPart({ item, showThoughts }) {
-  const [manualOpen, setManualOpen] = useState14(null);
+  const [manualOpen, setManualOpen] = useState16(null);
   const isStreaming = item.state === "streaming";
   const isOpen = manualOpen ?? showThoughts;
-  useEffect13(() => {
+  useEffect15(() => {
     setManualOpen(null);
   }, [showThoughts]);
-  const handleOpenChange = useCallback13((open) => {
+  const handleOpenChange = useCallback14((open) => {
     setManualOpen(open);
   }, []);
-  const toggleManualOpen = useCallback13((event) => {
+  const toggleManualOpen = useCallback14((event) => {
     event.preventDefault();
     setManualOpen((open) => !(open ?? showThoughts));
   }, [showThoughts]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     Reasoning,
     {
       "data-boring-agent-part": "message-reasoning",
@@ -7777,15 +8365,15 @@ function TimelineReasoningPart({ item, showThoughts }) {
       onOpenChange: handleOpenChange,
       autoClose: false,
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           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__ */ jsx23("span", { children: "Reasoning" }),
+            getThinkingMessage: () => /* @__PURE__ */ jsx24("span", { children: "Reasoning" }),
             onClick: toggleManualOpen
           }
         ),
-        /* @__PURE__ */ jsx23(ReasoningContent, { children: item.text })
+        /* @__PURE__ */ jsx24(ReasoningContent, { children: item.text })
       ]
     }
   );
@@ -7794,7 +8382,7 @@ function PlainToolCard({ part, renderers }) {
   const toolPart = toToolPart(part);
   if (!toolPart) return null;
   const { renderer, part: resolved, resolution } = resolveToolRendererForPart(toolPart, renderers);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-tool-call-id": resolved.toolCallId,
@@ -7852,13 +8440,13 @@ function codeFilenameForPart(parts, index) {
   return typeof path === "string" && path.trim() ? path : void 0;
 }
 function NoticeBubble({ level, text }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-boring-agent-part": "message-notice",
       "data-notice-level": level,
       className: noticeSurfaceClass(level, "text-xs"),
-      children: /* @__PURE__ */ jsx23("div", { className: noticeTextClass(), children: text })
+      children: /* @__PURE__ */ jsx24("div", { className: noticeTextClass(), children: text })
     }
   );
 }
@@ -7899,7 +8487,7 @@ function MessageActionsBar({
   text,
   visible = true
 }) {
-  const [copied, setCopied] = useState14(false);
+  const [copied, setCopied] = useState16(false);
   const markCopied = () => {
     setCopied(true);
     setTimeout(() => setCopied(false), 1500);
@@ -7937,7 +8525,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__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "aria-hidden": !visible,
@@ -7945,8 +8533,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__ */ jsx23(
-        Button10,
+      children: /* @__PURE__ */ jsx24(
+        Button11,
         {
           type: "button",
           variant: "ghost",
@@ -7956,7 +8544,7 @@ function MessageActionsBar({
           "aria-label": copied ? "Copied" : "Copy message",
           title: copied ? "Copied" : "Copy",
           ...hiddenActionProps,
-          children: copied ? /* @__PURE__ */ jsx23(CheckIcon2, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx23(CopyIcon3, { className: "h-3.5 w-3.5" })
+          children: copied ? /* @__PURE__ */ jsx24(CheckIcon3, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx24(CopyIcon4, { className: "h-3.5 w-3.5" })
         }
       )
     }
@@ -7977,7 +8565,7 @@ function partKey(messageId, part, index) {
 }
 
 // src/front/chat/components/PiConversationSurface.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var TRANSCRIPT_WINDOW = 60;
 var TRANSCRIPT_WINDOW_STEP = 40;
 var LOAD_OLDER_THRESHOLD_PX = 320;
@@ -8005,17 +8593,17 @@ function PiConversationSurface({
   const total = messageItems.length;
   const historyEmpty = messages.length === 0;
   const terminalError = hasTerminalChatError(runtimeNotices, historyEmpty);
-  const [visibleCount, setVisibleCount] = useState15(TRANSCRIPT_WINDOW);
-  useEffect14(() => {
+  const [visibleCount, setVisibleCount] = useState17(TRANSCRIPT_WINDOW);
+  useEffect16(() => {
     setVisibleCount(TRANSCRIPT_WINDOW);
   }, [windowResetKey]);
   const hasOlder = total > visibleCount;
   const visibleItems = hasOlder ? messageItems.slice(total - visibleCount) : messageItems;
   const olderCount = hasOlder ? total - visibleCount : 0;
-  const loadOlder = useCallback14(() => {
+  const loadOlder = useCallback15(() => {
     setVisibleCount((count) => count + TRANSCRIPT_WINDOW_STEP);
   }, []);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     Conversation,
     {
       className: emptyHero ? cn("flex-none", runtimeNotices.length > 0 ? "max-h-[45vh]" : "max-h-[20vh]") : "flex-1",
@@ -8023,13 +8611,13 @@ function PiConversationSurface({
       "aria-live": "polite",
       onScrollToBottomReady,
       children: [
-        /* @__PURE__ */ jsxs20(ConversationContent, { className: cn(
+        /* @__PURE__ */ jsxs21(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__ */ jsx24(ConversationHistoryLoadingState, {}) : null,
-          messages.length === 0 && !emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx24(
+          messages.length === 0 && emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx25(ConversationHistoryLoadingState, {}) : null,
+          messages.length === 0 && !emptyStateHydrating && !terminalError ? /* @__PURE__ */ jsx25(
             ChatEmptyState,
             {
               eyebrow: emptyState?.eyebrow,
@@ -8047,8 +8635,8 @@ function PiConversationSurface({
               }
             }
           ) : null,
-          hasOlder ? /* @__PURE__ */ jsx24(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
-          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx24(
+          hasOlder ? /* @__PURE__ */ jsx25(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
+          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx25(
             PiTimelineMessage,
             {
               message,
@@ -8061,16 +8649,16 @@ function PiConversationSurface({
             },
             key
           )),
-          /* @__PURE__ */ jsx24(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction, historyEmpty })
+          /* @__PURE__ */ jsx25(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction, historyEmpty })
         ] }),
-        /* @__PURE__ */ jsx24(ConversationScrollButton, {})
+        /* @__PURE__ */ jsx25(ConversationScrollButton, {})
       ]
     }
   );
 }
 function ConversationHistoryLoadingState() {
   const skeletonClassName = "motion-reduce:animate-none";
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       role: "status",
@@ -8079,21 +8667,21 @@ function ConversationHistoryLoadingState() {
       "data-boring-agent-part": "chat-history-loading",
       className: "flex flex-col gap-7 py-4",
       children: [
-        /* @__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__ */ jsxs21("div", { "aria-hidden": "true", className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx25(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__ */ jsx25(Skeleton, { className: cn("h-3 w-24 rounded-sm", skeletonClassName) }),
+            /* @__PURE__ */ jsx25(Skeleton, { className: cn("h-3 w-full rounded-sm", skeletonClassName) }),
+            /* @__PURE__ */ jsx25(Skeleton, { className: cn("h-3 w-4/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) })
+        /* @__PURE__ */ jsx25("div", { "aria-hidden": "true", className: "flex justify-end", children: /* @__PURE__ */ jsx25(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__ */ jsx25(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__ */ jsx25(Skeleton, { className: cn("h-3 w-20 rounded-sm", skeletonClassName) }),
+            /* @__PURE__ */ jsx25(Skeleton, { className: cn("h-20 w-full rounded-lg", skeletonClassName) }),
+            /* @__PURE__ */ jsx25(Skeleton, { className: cn("h-3 w-3/5 rounded-sm", skeletonClassName) })
           ] })
         ] })
       ]
@@ -8102,9 +8690,9 @@ function ConversationHistoryLoadingState() {
 }
 function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
   const { scrollRef } = useStickToBottomContext2();
-  const pendingAnchor = useRef10(null);
-  const armed = useRef10(true);
-  useEffect14(() => {
+  const pendingAnchor = useRef11(null);
+  const armed = useRef11(true);
+  useEffect16(() => {
     const el = scrollRef.current;
     if (!el) return;
     const onScroll = () => {
@@ -8127,7 +8715,7 @@ function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
     }
     if (el.scrollTop > LOAD_OLDER_THRESHOLD_PX) armed.current = true;
   });
-  return /* @__PURE__ */ jsx24("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx25("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs21(
     "button",
     {
       type: "button",
@@ -8164,14 +8752,14 @@ function buildMessageRenderItems(messages) {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { useCallback as useCallback16, useLayoutEffect as useLayoutEffect3 } from "react";
+import { useCallback as useCallback17, useLayoutEffect as useLayoutEffect3 } from "react";
 import { motion as motion2, useReducedMotion } from "motion/react";
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { useEffect as useEffect15, useRef as useRef11 } from "react";
+import { useEffect as useEffect17, useRef as useRef12 } from "react";
 
 // src/front/composer/ComposerStatusBanner.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function ComposerStatusBanner({
   tone,
   dataAttribute,
@@ -8188,7 +8776,7 @@ function ComposerStatusBanner({
 }) {
   const toneAttr = { [dataAttribute]: tone };
   if (tone === "running") {
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         ...toneAttr,
@@ -8200,14 +8788,14 @@ function ComposerStatusBanner({
           maxWidthClassName
         ),
         children: [
-          /* @__PURE__ */ jsx25("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx25("span", { children: runningContent })
+          /* @__PURE__ */ jsx26("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx26("span", { children: runningContent })
         ]
       }
     );
   }
   if (tone === "success") {
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         ...toneAttr,
@@ -8219,13 +8807,13 @@ function ComposerStatusBanner({
           maxWidthClassName
         ),
         children: [
-          /* @__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
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx26("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__ */ jsx26("span", { className: "block font-medium leading-5", children: title }),
+              detail ? /* @__PURE__ */ jsx26("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
             ] }),
-            onDismiss ? /* @__PURE__ */ jsx25(
+            onDismiss ? /* @__PURE__ */ jsx26(
               "button",
               {
                 type: "button",
@@ -8241,7 +8829,7 @@ function ComposerStatusBanner({
       }
     );
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       ...toneAttr,
@@ -8253,10 +8841,10 @@ function ComposerStatusBanner({
         maxWidthClassName
       ),
       children: [
-        /* @__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(
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx26("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
+          /* @__PURE__ */ jsx26("span", { className: "flex-1 font-medium", children: title }),
+          onRetry ? /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -8265,7 +8853,7 @@ function ComposerStatusBanner({
               children: retryLabel
             }
           ) : null,
-          onDismiss ? /* @__PURE__ */ jsx25(
+          onDismiss ? /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -8276,14 +8864,14 @@ function ComposerStatusBanner({
             }
           ) : null
         ] }),
-        message ? /* @__PURE__ */ jsx25("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
+        message ? /* @__PURE__ */ jsx26("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
       ]
     }
   );
 }
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function PluginUpdateStatus({
   state,
   onDismiss,
@@ -8291,12 +8879,12 @@ function PluginUpdateStatus({
   successAutoDismissMs = 1400,
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef11(onDismiss);
-  useEffect15(() => {
+  const onDismissRef = useRef12(onDismiss);
+  useEffect17(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
   const successDismissKey = state?.kind === "success" ? `${state.reloaded}:${(state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0}` : null;
-  useEffect15(() => {
+  useEffect17(() => {
     if (!state || state.kind !== "success" || successAutoDismissMs <= 0) return;
     const hasWarningsOrDiagnostics = (state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0;
     if (hasWarningsOrDiagnostics) return;
@@ -8305,7 +8893,7 @@ function PluginUpdateStatus({
   }, [state?.kind, successDismissKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       ComposerStatusBanner,
       {
         tone: "running",
@@ -8322,7 +8910,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__ */ jsxs22(
+    return /* @__PURE__ */ jsxs23(
       ComposerStatusBanner,
       {
         tone: "success",
@@ -8333,7 +8921,7 @@ function PluginUpdateStatus({
         onDismiss,
         dismissAriaLabel: "Dismiss plugin update status",
         children: [
-          diagnostics.length > 0 ? /* @__PURE__ */ jsxs22(
+          diagnostics.length > 0 ? /* @__PURE__ */ jsxs23(
             "div",
             {
               "data-boring-plugin-update-diagnostics": "",
@@ -8342,24 +8930,24 @@ function PluginUpdateStatus({
                 "px-2 py-1.5 text-[11px] text-foreground"
               ),
               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: [
+                /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
+                  /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsxs23("span", { children: [
                     "Reload diagnostics for ",
                     diagnostics.length,
                     " extension",
                     diagnostics.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__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" }),
+                /* @__PURE__ */ jsx27("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx27("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__ */ jsxs22(
+          warnings.length > 0 ? /* @__PURE__ */ jsxs23(
             "div",
             {
               "data-boring-plugin-update-restart-warning": "",
@@ -8368,21 +8956,21 @@ function PluginUpdateStatus({
                 "px-2 py-1.5 text-[11px] text-foreground"
               ),
               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: [
+                /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
+                  /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsxs23("span", { children: [
                     "Restart needed for ",
                     warnings.length,
                     " extension",
                     warnings.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__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 }),
+                /* @__PURE__ */ jsx27("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx27("code", { className: "font-mono text-[10.5px]", children: w.id }),
                   " \u2014 ",
                   w.surfaces.join(" + ")
                 ] }, w.id)) }),
-                /* @__PURE__ */ jsx26("p", { className: "mt-1 text-foreground/70", children: "The interface reloaded successfully, but routes and tools were wired at boot. Restart the workspace process to pick up the new code." })
+                /* @__PURE__ */ jsx27("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
@@ -8390,7 +8978,7 @@ function PluginUpdateStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     ComposerStatusBanner,
     {
       tone: "error",
@@ -8407,35 +8995,35 @@ function PluginUpdateStatus({
 }
 
 // src/front/composer/CommandRunStatus.tsx
-import { useEffect as useEffect16, useRef as useRef12 } from "react";
-import { Fragment as Fragment10, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useRef as useRef13 } from "react";
+import { Fragment as Fragment10, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function CommandRunStatus({
   state,
   onDismiss,
   successAutoDismissMs = 1400,
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef12(onDismiss);
-  useEffect16(() => {
+  const onDismissRef = useRef13(onDismiss);
+  useEffect18(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
   const successKey = state?.kind === "success" ? `${state.runId}:${state.command}:${state.detail ?? ""}` : null;
-  useEffect16(() => {
+  useEffect18(() => {
     if (!state || state.kind !== "success" || successAutoDismissMs <= 0) return;
     const timeout = window.setTimeout(() => onDismissRef.current(), successAutoDismissMs);
     return () => window.clearTimeout(timeout);
   }, [state?.kind, successKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       ComposerStatusBanner,
       {
         tone: "running",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        runningContent: state.command ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
+        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment10, { children: [
           " Running ",
-          /* @__PURE__ */ jsxs23("code", { className: "font-mono", children: [
+          /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
             "/",
             state.command
           ] }),
@@ -8445,15 +9033,15 @@ function CommandRunStatus({
     );
   }
   if (state.kind === "success") {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       ComposerStatusBanner,
       {
         tone: "success",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        title: state.command ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
+        title: state.command ? /* @__PURE__ */ jsxs24(Fragment10, { children: [
           " Ran ",
-          /* @__PURE__ */ jsxs23("code", { className: "font-mono", children: [
+          /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
             "/",
             state.command
           ] }),
@@ -8465,15 +9053,15 @@ function CommandRunStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ComposerStatusBanner,
     {
       tone: "error",
       dataAttribute: "data-boring-command-run",
       maxWidthClassName,
-      title: state.command ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
+      title: state.command ? /* @__PURE__ */ jsxs24(Fragment10, { children: [
         " ",
-        /* @__PURE__ */ jsxs23("code", { className: "font-mono", children: [
+        /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
           "/",
           state.command
         ] }),
@@ -8487,8 +9075,8 @@ function CommandRunStatus({
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { forwardRef, useEffect as useEffect17, useRef as useRef13, useState as useState16 } from "react";
-import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
+import { forwardRef, useEffect as useEffect19, useRef as useRef14, useState as useState18 } from "react";
+import { CheckIcon as CheckIcon4, ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import {
   Command,
   CommandEmpty,
@@ -8521,7 +9109,7 @@ function displayProviderLabel(provider) {
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { Fragment as Fragment11, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 var composerActionClass = cn(
   "inline-flex h-8 items-center justify-center gap-1.5 rounded-[var(--radius-md)] border-0 bg-transparent",
   "text-muted-foreground shadow-none transition-colors motion-reduce:transition-none",
@@ -8571,7 +9159,7 @@ function isTextInputTarget(target) {
   return target instanceof HTMLInputElement;
 }
 function useDismissOnOutsidePointer(ref, onClose) {
-  useEffect17(() => {
+  useEffect19(() => {
     if (!onClose) return;
     const handler = (event) => {
       const target = event.target;
@@ -8589,7 +9177,7 @@ function useDismissOnOutsidePointer(ref, onClose) {
 }
 function ThinkingLevelGlyph({ level }) {
   const lit = level === "off" ? 0 : level === "low" ? 1 : level === "medium" ? 2 : 3;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "svg",
     {
       "aria-hidden": "true",
@@ -8598,7 +9186,7 @@ function ThinkingLevelGlyph({ level }) {
       viewBox: "0 0 14 14",
       fill: "none",
       className: "shrink-0",
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx28(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx29(
         "rect",
         {
           x: 2 + i * 4,
@@ -8650,7 +9238,7 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
   const triggerDisplay = value ? `${triggerLabel} (${displayProviderLabel(value.provider)})` : triggerLabel;
   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(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       ref,
@@ -8669,25 +9257,25 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
         className
       ),
       ...props,
-      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: [
+      children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment11, { children: [
+        /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "Model \xB7 " }),
+        /* @__PURE__ */ jsx29("span", { className: "min-w-0 truncate text-foreground", children: sessionTriggerLabel ?? triggerLabel }),
+        sessionModel ? /* @__PURE__ */ jsxs25("span", { className: "shrink-0 text-muted-foreground", children: [
           " \xB7 ",
           displayProviderLabel(sessionModel.provider)
-        ] }) : value ? /* @__PURE__ */ jsxs24("span", { className: "shrink-0 text-muted-foreground", children: [
+        ] }) : value ? /* @__PURE__ */ jsxs25("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: [
+        isOverride && value ? /* @__PURE__ */ jsxs25("span", { className: "shrink-0 text-amber-600 dark:text-amber-400", children: [
           " \xB7 Next override: ",
           triggerLabel,
           " \xB7 ",
           displayProviderLabel(value.provider)
         ] }) : null
-      ] }) : /* @__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" })
+      ] }) : /* @__PURE__ */ jsxs25(Fragment11, { children: [
+        /* @__PURE__ */ jsx29("span", { className: "min-w-0 truncate", children: triggerDisplay }),
+        /* @__PURE__ */ jsx29(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
       ] })
     }
   );
@@ -8707,19 +9295,19 @@ function ModelPickerMenu({
   const groupedOptions = [...groups.values()].flat();
   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 = useRef13(selectedIndex);
-  const menuRef = useRef13(null);
+  const [activeIndex, setActiveIndex] = useState18(selectedIndex);
+  const activeIndexRef = useRef14(selectedIndex);
+  const menuRef = useRef14(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
     activeIndexRef.current = resolved;
     setActiveIndex(resolved);
   };
-  useEffect17(() => {
+  useEffect19(() => {
     setKeyboardActiveIndex(selectedIndex);
   }, [selectedIndex]);
-  useEffect17(() => {
+  useEffect19(() => {
     const handler = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -8744,8 +9332,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__ */ 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(
+  return /* @__PURE__ */ jsx29("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__ */ jsx29("div", { className: "border-b border-border/60 px-2", children: /* @__PURE__ */ jsx29(
       CommandInput,
       {
         placeholder: "Search models\u2026",
@@ -8753,9 +9341,9 @@ function ModelPickerMenu({
         className: "h-8 w-full border-0 bg-transparent text-sm outline-none focus:ring-0"
       }
     ) }),
-    /* @__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(
+    /* @__PURE__ */ jsxs25(CommandList, { className: "max-h-[300px] p-0.5", children: [
+      /* @__PURE__ */ jsx29(CommandEmpty, { className: "py-4 text-center text-sm text-muted-foreground", children: "No models found" }),
+      !hideDefaultOption ? /* @__PURE__ */ jsx29(CommandGroup, { children: /* @__PURE__ */ jsxs25(
         CommandItem,
         {
           value: "Default model automatic auto",
@@ -8766,8 +9354,8 @@ function ModelPickerMenu({
           },
           className: selectorItemClass(!value || activeIndex === 0),
           children: [
-            /* @__PURE__ */ jsx28(
-              CheckIcon3,
+            /* @__PURE__ */ jsx29(
+              CheckIcon4,
               {
                 className: cn(
                   "h-3.5 w-3.5 shrink-0",
@@ -8775,12 +9363,12 @@ function ModelPickerMenu({
                 )
               }
             ),
-            /* @__PURE__ */ jsx28("span", { className: "truncate", children: "Default model" }),
-            /* @__PURE__ */ jsx28("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "Auto" })
+            /* @__PURE__ */ jsx29("span", { className: "truncate", children: "Default model" }),
+            /* @__PURE__ */ jsx29("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "Auto" })
           ]
         }
       ) }) : null,
-      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx28(
+      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx29(
         CommandGroup,
         {
           heading: displayProviderLabel(provider),
@@ -8789,7 +9377,7 @@ function ModelPickerMenu({
             const key = encodeModelKey(m);
             const label = m.label || displayModelLabel(m.id);
             const itemIndex = optionIndexes.get(key) ?? 0;
-            return /* @__PURE__ */ jsxs24(
+            return /* @__PURE__ */ jsxs25(
               CommandItem,
               {
                 value: `${label} ${m.id} ${displayProviderLabel(m.provider)}`,
@@ -8800,8 +9388,8 @@ function ModelPickerMenu({
                 },
                 className: cn(selectorItemClass(key === currentKey || activeIndex === itemIndex)),
                 children: [
-                  /* @__PURE__ */ jsx28(
-                    CheckIcon3,
+                  /* @__PURE__ */ jsx29(
+                    CheckIcon4,
                     {
                       className: cn(
                         "h-3.5 w-3.5 shrink-0",
@@ -8809,8 +9397,8 @@ function ModelPickerMenu({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
-                  /* @__PURE__ */ jsx28("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-xs text-muted-foreground", children: m.id })
+                  /* @__PURE__ */ jsx29("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
+                  /* @__PURE__ */ jsx29("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-xs text-muted-foreground", children: m.id })
                 ]
               },
               key
@@ -8835,12 +9423,12 @@ function ModelSelect({
   ariaDescribedBy,
   hideDefaultOption = false
 }) {
-  const [open, setOpen] = useState16(false);
-  const previousOpenSignalRef = useRef13(openSignal);
-  useEffect17(() => {
+  const [open, setOpen] = useState18(false);
+  const previousOpenSignalRef = useRef14(openSignal);
+  useEffect19(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (disabled || openSignal === void 0) {
       previousOpenSignalRef.current = openSignal;
       return;
@@ -8848,8 +9436,8 @@ function ModelSelect({
     if (previousOpenSignalRef.current !== openSignal) setOpen(true);
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
-  return /* @__PURE__ */ jsxs24(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+    /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
       ModelSelectTrigger,
       {
         value,
@@ -8863,7 +9451,7 @@ function ModelSelect({
         "aria-describedby": ariaDescribedBy
       }
     ) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "start",
@@ -8872,7 +9460,7 @@ function ModelSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,340px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx29(
           ModelPickerMenu,
           {
             value,
@@ -8896,12 +9484,12 @@ function ThinkingSelect({
   openSignal,
   className
 }) {
-  const [open, setOpen] = useState16(false);
-  const previousOpenSignalRef = useRef13(openSignal);
-  useEffect17(() => {
+  const [open, setOpen] = useState18(false);
+  const previousOpenSignalRef = useRef14(openSignal);
+  useEffect19(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (disabled || openSignal === void 0) {
       previousOpenSignalRef.current = openSignal;
       return;
@@ -8909,8 +9497,8 @@ function ThinkingSelect({
     if (previousOpenSignalRef.current !== openSignal) setOpen(true);
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
-  return /* @__PURE__ */ jsxs24(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+    /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
       ThinkingSelectTrigger,
       {
         value,
@@ -8920,7 +9508,7 @@ function ThinkingSelect({
         className
       }
     ) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "end",
@@ -8929,7 +9517,7 @@ function ThinkingSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,240px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx29(
           ThinkingPickerMenu,
           {
             value,
@@ -8952,7 +9540,7 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
   className,
   ...props
 }, ref) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "button",
     {
       ref,
@@ -8973,13 +9561,13 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       onClick,
       ...props,
       children: [
-        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" })
+        trigger === "button" ? /* @__PURE__ */ jsx29(ThinkingLevelGlyph, { level: value }) : null,
+        trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment11, { children: [
+          /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "Thinking \xB7 " }),
+          /* @__PURE__ */ jsx29("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
+        ] }) : /* @__PURE__ */ jsxs25(Fragment11, { children: [
+          /* @__PURE__ */ jsx29("span", { children: THINKING_LEVEL_LABELS[value] }),
+          /* @__PURE__ */ jsx29(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
         ] })
       ]
     }
@@ -8993,19 +9581,19 @@ function ThinkingPickerMenu({
   className
 }) {
   const selectedIndex = Math.max(0, THINKING_LEVELS.indexOf(value));
-  const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef13(selectedIndex);
-  const menuRef = useRef13(null);
+  const [activeIndex, setActiveIndex] = useState18(selectedIndex);
+  const activeIndexRef = useRef14(selectedIndex);
+  const menuRef = useRef14(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
     activeIndexRef.current = resolved;
     setActiveIndex(resolved);
   };
-  useEffect17(() => {
+  useEffect19(() => {
     setKeyboardActiveIndex(selectedIndex);
   }, [selectedIndex]);
-  useEffect17(() => {
+  useEffect19(() => {
     const handler = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -9028,7 +9616,7 @@ function ThinkingPickerMenu({
     window.addEventListener("keydown", handler, { capture: true });
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [activeIndex, disabled, onChange, onClose]);
-  return /* @__PURE__ */ jsx28("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx28(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx28(CommandList, { className: "max-h-[300px] p-0.5", children: THINKING_LEVELS.map((level, index) => /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx29("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx29(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx29(CommandList, { className: "max-h-[300px] p-0.5", children: THINKING_LEVELS.map((level, index) => /* @__PURE__ */ jsxs25(
     CommandItem,
     {
       value: `Thinking ${THINKING_LEVEL_LABELS[level]} ${THINKING_LEVEL_DETAILS[level]}`,
@@ -9039,8 +9627,8 @@ function ThinkingPickerMenu({
       },
       className: selectorItemClass(level === value || index === activeIndex),
       children: [
-        /* @__PURE__ */ jsx28(
-          CheckIcon3,
+        /* @__PURE__ */ jsx29(
+          CheckIcon4,
           {
             className: cn(
               "h-3.5 w-3.5 shrink-0",
@@ -9048,9 +9636,9 @@ function ThinkingPickerMenu({
             )
           }
         ),
-        /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level }),
-        /* @__PURE__ */ jsx28("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
-        /* @__PURE__ */ jsx28("span", { className: "ml-auto text-xs text-muted-foreground", children: THINKING_LEVEL_DETAILS[level] })
+        /* @__PURE__ */ jsx29(ThinkingLevelGlyph, { level }),
+        /* @__PURE__ */ jsx29("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
+        /* @__PURE__ */ jsx29("span", { className: "ml-auto text-xs text-muted-foreground", children: THINKING_LEVEL_DETAILS[level] })
       ]
     },
     level
@@ -9091,7 +9679,7 @@ import {
   XIcon as XIcon4
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo13, useRef as useRef14, useState as useState17 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect20, useMemo as useMemo14, useRef as useRef15, useState as useState19 } from "react";
 
 // src/front/primitives/prompt-input-context.ts
 import { createContext as createContext7, useContext as useContext7 } from "react";
@@ -9126,12 +9714,12 @@ import {
   TooltipTrigger as TooltipTrigger2
 } from "@hachej/boring-ui-kit";
 import { Children as Children2 } from "react";
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var PromptInputFooter = ({
   align = "block-end",
   className,
   ...props
-}) => /* @__PURE__ */ jsx29(
+}) => /* @__PURE__ */ jsx30(
   InputGroupAddon,
   {
     align,
@@ -9141,7 +9729,7 @@ var PromptInputFooter = ({
 );
 
 // src/front/primitives/prompt-input.tsx
-import { Fragment as Fragment12, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 var PromptInput = ({
   className,
   accept,
@@ -9158,14 +9746,14 @@ var PromptInput = ({
 }) => {
   const controller = useOptionalPromptInputController();
   const usingProvider = !!controller;
-  const providerTextValueRef = useRef14("");
+  const providerTextValueRef = useRef15("");
   if (usingProvider) {
     providerTextValueRef.current = controller.textInput.value;
   }
-  const inputRef = useRef14(null);
-  const formRef = useRef14(null);
-  const [items, setItems] = useState17([]);
-  const setFileUrlLocal = useCallback15((id, url, status, path) => {
+  const inputRef = useRef15(null);
+  const formRef = useRef15(null);
+  const [items, setItems] = useState19([]);
+  const setFileUrlLocal = useCallback16((id, url, status, path) => {
     setItems((prev) => prev.map((f) => {
       if (f.id !== id) return f;
       if (f.url !== url && f.url.startsWith("blob:")) URL.revokeObjectURL(f.url);
@@ -9173,15 +9761,15 @@ var PromptInput = ({
     }));
   }, []);
   const files = usingProvider ? controller.attachments.files : items;
-  const [referencedSources, setReferencedSources] = useState17([]);
-  const filesRef = useRef14(files);
-  useEffect18(() => {
+  const [referencedSources, setReferencedSources] = useState19([]);
+  const filesRef = useRef15(files);
+  useEffect20(() => {
     filesRef.current = files;
   }, [files]);
-  const openFileDialogLocal = useCallback15(() => {
+  const openFileDialogLocal = useCallback16(() => {
     inputRef.current?.click();
   }, []);
-  const matchesAccept = useCallback15(
+  const matchesAccept = useCallback16(
     (f) => {
       if (!accept || accept.trim() === "") {
         return true;
@@ -9197,7 +9785,7 @@ var PromptInput = ({
     },
     [accept]
   );
-  const addLocal = useCallback15(
+  const addLocal = useCallback16(
     (fileList) => {
       const incoming = [...fileList];
       const accepted = incoming.filter((f) => matchesAccept(f));
@@ -9244,7 +9832,7 @@ var PromptInput = ({
     },
     [matchesAccept, maxFiles, maxFileSize, onError, items.length, onUploadFile, setFileUrlLocal]
   );
-  const removeLocal = useCallback15(
+  const removeLocal = useCallback16(
     (id) => setItems((prev) => {
       const found = prev.find((file) => file.id === id);
       if (found?.url.startsWith("blob:")) {
@@ -9254,7 +9842,7 @@ var PromptInput = ({
     }),
     []
   );
-  const addWithProviderValidation = useCallback15(
+  const addWithProviderValidation = useCallback16(
     (fileList) => {
       const incoming = [...fileList];
       const accepted = incoming.filter((f) => matchesAccept(f));
@@ -9289,7 +9877,7 @@ var PromptInput = ({
     },
     [matchesAccept, maxFileSize, maxFiles, onError, files.length, controller]
   );
-  const clearAttachments = useCallback15(
+  const clearAttachments = useCallback16(
     () => usingProvider ? controller?.attachments.clear() : setItems((prev) => {
       for (const file of prev) {
         if (file.url.startsWith("blob:")) {
@@ -9300,29 +9888,29 @@ var PromptInput = ({
     }),
     [usingProvider, controller]
   );
-  const clearReferencedSources = useCallback15(
+  const clearReferencedSources = useCallback16(
     () => setReferencedSources([]),
     []
   );
   const add = usingProvider ? addWithProviderValidation : addLocal;
   const remove = usingProvider ? controller.attachments.remove : removeLocal;
   const openFileDialog = usingProvider ? controller.attachments.openFileDialog : openFileDialogLocal;
-  const clear = useCallback15(() => {
+  const clear = useCallback16(() => {
     clearAttachments();
     clearReferencedSources();
   }, [clearAttachments, clearReferencedSources]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (!usingProvider) {
       return;
     }
     controller.__registerFileInput(inputRef, () => inputRef.current?.click());
   }, [usingProvider, controller]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (syncHiddenInput && inputRef.current && files.length === 0) {
       inputRef.current.value = "";
     }
   }, [files, syncHiddenInput]);
-  useEffect18(() => {
+  useEffect20(() => {
     const form = formRef.current;
     if (!form) {
       return;
@@ -9350,7 +9938,7 @@ var PromptInput = ({
       form.removeEventListener("drop", onDrop);
     };
   }, [add, globalDrop]);
-  useEffect18(() => {
+  useEffect20(() => {
     if (!globalDrop) {
       return;
     }
@@ -9374,7 +9962,7 @@ var PromptInput = ({
       document.removeEventListener("drop", onDrop);
     };
   }, [add, globalDrop]);
-  useEffect18(
+  useEffect20(
     () => () => {
       if (!usingProvider) {
         for (const f of filesRef.current) {
@@ -9386,7 +9974,7 @@ var PromptInput = ({
     },
     [usingProvider]
   );
-  const handleChange = useCallback15(
+  const handleChange = useCallback16(
     (event) => {
       if (event.currentTarget.files) {
         add(event.currentTarget.files);
@@ -9396,7 +9984,7 @@ var PromptInput = ({
     [add]
   );
   const setFileUrl = usingProvider ? controller.attachments.setFileUrl : setFileUrlLocal;
-  const attachmentsCtx = useMemo13(
+  const attachmentsCtx = useMemo14(
     () => ({
       add,
       clear: clearAttachments,
@@ -9408,7 +9996,7 @@ var PromptInput = ({
     }),
     [files, add, remove, clearAttachments, openFileDialog, setFileUrl]
   );
-  const refsCtx = useMemo13(
+  const refsCtx = useMemo14(
     () => ({
       add: (incoming) => {
         const array = Array.isArray(incoming) ? incoming : [incoming];
@@ -9425,7 +10013,7 @@ var PromptInput = ({
     }),
     [referencedSources, clearReferencedSources]
   );
-  const handleSubmit = useCallback15(
+  const handleSubmit = useCallback16(
     async (event) => {
       event.preventDefault();
       const form = event.currentTarget;
@@ -9484,8 +10072,8 @@ var PromptInput = ({
     },
     [usingProvider, controller, files, onSubmit, clear]
   );
-  const inner = /* @__PURE__ */ jsxs26(Fragment12, { children: [
-    /* @__PURE__ */ jsx30(
+  const inner = /* @__PURE__ */ jsxs27(Fragment12, { children: [
+    /* @__PURE__ */ jsx31(
       Input,
       {
         accept,
@@ -9498,7 +10086,7 @@ var PromptInput = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       "form",
       {
         "data-boring-agent-part": "composer",
@@ -9506,12 +10094,12 @@ var PromptInput = ({
         onSubmit: handleSubmit,
         ref: formRef,
         ...props,
-        children: /* @__PURE__ */ jsx30(InputGroup, { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx31(InputGroup, { className: "overflow-hidden", children })
       }
     )
   ] });
-  const withReferencedSources = /* @__PURE__ */ jsx30(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
-  return /* @__PURE__ */ jsx30(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
+  const withReferencedSources = /* @__PURE__ */ jsx31(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
+  return /* @__PURE__ */ jsx31(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
 };
 var PromptInputTextarea = ({
   onChange,
@@ -9522,8 +10110,8 @@ var PromptInputTextarea = ({
 }) => {
   const controller = useOptionalPromptInputController();
   const attachments = usePromptInputAttachments();
-  const [isComposing, setIsComposing] = useState17(false);
-  const handleKeyDown = useCallback15(
+  const [isComposing, setIsComposing] = useState19(false);
+  const handleKeyDown = useCallback16(
     (e) => {
       onKeyDown?.(e);
       if (e.defaultPrevented) {
@@ -9556,7 +10144,7 @@ var PromptInputTextarea = ({
     },
     [onKeyDown, isComposing, attachments]
   );
-  const handlePaste = useCallback15(
+  const handlePaste = useCallback16(
     (event) => {
       const items = event.clipboardData?.items;
       if (!items) {
@@ -9578,8 +10166,8 @@ var PromptInputTextarea = ({
     },
     [attachments]
   );
-  const handleCompositionEnd = useCallback15(() => setIsComposing(false), []);
-  const handleCompositionStart = useCallback15(() => setIsComposing(true), []);
+  const handleCompositionEnd = useCallback16(() => setIsComposing(false), []);
+  const handleCompositionStart = useCallback16(() => setIsComposing(true), []);
   const controlledProps = controller ? {
     onChange: (e) => {
       controller.textInput.setInput(e.currentTarget.value);
@@ -9589,7 +10177,7 @@ var PromptInputTextarea = ({
   } : {
     onChange
   };
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     InputGroupTextarea,
     {
       "data-boring-agent-part": "composer-input",
@@ -9616,15 +10204,15 @@ var PromptInputSubmit = ({
   ...props
 }) => {
   const isGenerating = status === "submitted" || status === "streaming";
-  let Icon = /* @__PURE__ */ jsx30(CornerDownLeftIcon, { className: "size-4" });
+  let Icon = /* @__PURE__ */ jsx31(CornerDownLeftIcon, { className: "size-4" });
   if (status === "submitted") {
-    Icon = /* @__PURE__ */ jsx30(Spinner, {});
+    Icon = /* @__PURE__ */ jsx31(Spinner, {});
   } else if (status === "streaming") {
-    Icon = /* @__PURE__ */ jsx30(SquareIcon, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx31(SquareIcon, { className: "size-4" });
   } else if (status === "error") {
-    Icon = /* @__PURE__ */ jsx30(XIcon4, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx31(XIcon4, { className: "size-4" });
   }
-  const handleClick = useCallback15(
+  const handleClick = useCallback16(
     (e) => {
       if (isGenerating && onStop) {
         e.preventDefault();
@@ -9635,7 +10223,7 @@ var PromptInputSubmit = ({
     },
     [isGenerating, onStop, onClick]
   );
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     InputGroupButton2,
     {
       "aria-label": isGenerating ? "Stop" : "Submit",
@@ -9652,8 +10240,8 @@ var PromptInputSubmit = ({
 };
 
 // src/front/primitives/slash-command-picker.tsx
-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";
+import { useEffect as useEffect21, useMemo as useMemo15, useRef as useRef16, useState as useState20 } from "react";
+import { Fragment as Fragment13, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 var ALL_PLUGINS = "__all__";
 function commandGroup(cmd) {
   if (cmd.source === "skill") return "skills";
@@ -9661,20 +10249,20 @@ function commandGroup(cmd) {
   return "built-in";
 }
 function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
-  const [plugin, setPlugin] = useState18(ALL_PLUGINS);
-  const [searchQuery, setSearchQuery] = useState18(query);
-  const [activeIdx, setActiveIdx] = useState18(0);
-  const containerRef = useRef15(null);
-  const listRef = useRef15(null);
-  const inputRef = useRef15(null);
-  useEffect19(() => {
+  const [plugin, setPlugin] = useState20(ALL_PLUGINS);
+  const [searchQuery, setSearchQuery] = useState20(query);
+  const [activeIdx, setActiveIdx] = useState20(0);
+  const containerRef = useRef16(null);
+  const listRef = useRef16(null);
+  const inputRef = useRef16(null);
+  useEffect21(() => {
     setSearchQuery(query);
   }, [query]);
-  const groups = useMemo14(() => {
+  const groups = useMemo15(() => {
     const set = new Set(commands.map(commandGroup));
     return Array.from(set).sort((a, b) => a.localeCompare(b));
   }, [commands]);
-  const filtered = useMemo14(() => {
+  const filtered = useMemo15(() => {
     const q = searchQuery.trim().toLowerCase();
     return commands.filter((c) => {
       if (plugin !== ALL_PLUGINS && commandGroup(c) !== plugin) return false;
@@ -9682,10 +10270,10 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
       return c.name.toLowerCase().includes(q) || c.description.toLowerCase().includes(q);
     });
   }, [commands, searchQuery, plugin]);
-  useEffect19(() => {
+  useEffect21(() => {
     setActiveIdx((i) => filtered.length === 0 ? 0 : Math.min(i, filtered.length - 1));
   }, [filtered.length]);
-  useEffect19(() => {
+  useEffect21(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         onDismiss();
@@ -9704,8 +10292,8 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
     },
     onDismiss
   });
-  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(
+  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__ */ jsx32(
       "input",
       {
         ref: inputRef,
@@ -9720,9 +10308,9 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         autoComplete: "off"
       }
     ),
-    /* @__PURE__ */ jsx31("div", { className: "flex flex-wrap gap-1 border-b border-border/50 px-2 py-1.5", role: "tablist", "aria-label": "Filter by plugin", children: [ALL_PLUGINS, ...groups].map((g) => {
+    /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap gap-1 border-b border-border/50 px-2 py-1.5", role: "tablist", "aria-label": "Filter by plugin", children: [ALL_PLUGINS, ...groups].map((g) => {
       const selected = plugin === g;
-      return /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx32(
         "button",
         {
           type: "button",
@@ -9742,7 +10330,7 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         g
       );
     }) }),
-    filtered.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No matching commands." }) : /* @__PURE__ */ jsx31("ul", { ref: listRef, className: "max-h-80 overflow-y-auto py-1", role: "listbox", "aria-label": "Commands", children: filtered.map((cmd, i) => /* @__PURE__ */ jsxs27(
+    filtered.length === 0 ? /* @__PURE__ */ jsx32("div", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No matching commands." }) : /* @__PURE__ */ jsx32("ul", { ref: listRef, className: "max-h-80 overflow-y-auto py-1", role: "listbox", "aria-label": "Commands", children: filtered.map((cmd, i) => /* @__PURE__ */ jsxs28(
       "li",
       {
         role: "option",
@@ -9760,20 +10348,20 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
           onSelect(cmd.name);
         },
         children: [
-          /* @__PURE__ */ jsxs27("span", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxs27("span", { className: "font-medium text-foreground/80", children: [
+          /* @__PURE__ */ jsxs28("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxs28("span", { className: "font-medium text-foreground/80", children: [
               "/",
               cmd.name
             ] }),
-            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.source === "skill" ? /* @__PURE__ */ jsxs28(Fragment13, { children: [
+              /* @__PURE__ */ jsx32("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__ */ jsx32("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin }) : null
             ] }) : cmd.sourcePlugin ? (
               // Originating plugin/package for non-skill commands.
-              /* @__PURE__ */ jsx31("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin })
+              /* @__PURE__ */ jsx32("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin })
             ) : null
           ] }),
-          /* @__PURE__ */ jsx31("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
+          /* @__PURE__ */ jsx32("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
         ]
       },
       cmd.name
@@ -9784,10 +10372,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 jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function AttachmentButton({ disabled, className }) {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     IconButton3,
     {
       type: "button",
@@ -9800,21 +10388,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__ */ jsx32(PaperclipIcon2, { className: "h-4 w-4", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx33(PaperclipIcon2, { className: "h-4 w-4", strokeWidth: 1.75 })
     }
   );
 }
 function AttachmentsList() {
   const attachments = usePromptInputAttachments();
   if (attachments.files.length === 0) return null;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     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__ */ jsxs28(
+      children: attachments.files.map((file) => /* @__PURE__ */ jsxs29(
         Attachment,
         {
           data: file,
@@ -9825,13 +10413,13 @@ function AttachmentsList() {
             file.status === "error" && "!border-destructive/50 !bg-destructive/10"
           ),
           children: [
-            /* @__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__ */ jsxs29("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ jsx33(AttachmentPreview, { className: "!size-7 overflow-hidden !rounded-full bg-background/60" }),
+              file.status === "uploading" ? /* @__PURE__ */ jsx33("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx33(Loader22, { className: "size-3.5 animate-spin text-muted-foreground" }) }) : null,
+              file.status === "error" ? /* @__PURE__ */ jsx33("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx33(AlertCircleIcon2, { className: "size-3.5 text-destructive" }) }) : null
             ] }),
-            /* @__PURE__ */ jsx32(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
-            /* @__PURE__ */ jsx32(AttachmentRemove, { className: "composer-attachment-remove !size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
+            /* @__PURE__ */ jsx33(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
+            /* @__PURE__ */ jsx33(AttachmentRemove, { className: "composer-attachment-remove !size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
           ]
         },
         file.id
@@ -9841,7 +10429,7 @@ function AttachmentsList() {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 var MAX_PROMPT_ATTACHMENTS = 2;
 var MAX_PROMPT_ATTACHMENT_BYTES = 10 * 1024 * 1024;
 var COMPOSER_INPUT_GROUP_MIN_HEIGHT = 56;
@@ -9880,6 +10468,10 @@ function PiChatComposerSurface({
   onComposerBlockerAction,
   queuePreview,
   onEditQueued,
+  onResumeQueued,
+  resumeQueuedPending,
+  onRemoveQueued,
+  queueMutationPending,
   hotReloadEnabled,
   pluginUpdateState,
   onDismissPluginUpdate,
@@ -9928,13 +10520,14 @@ function PiChatComposerSurface({
   const prefersReducedMotion = useReducedMotion();
   const workspaceRequestId = getHeaderValue(requestHeaders, "x-boring-workspace-id");
   const composerContributions = useComposerContributions();
-  const uploadAttachment = useCallback16((file) => uploadFile(file, {
+  const uploadAttachment = useCallback17((file) => uploadFile(file, {
     apiBaseUrl,
     workspaceRequestId,
+    requestHeaders,
     responseUrl: "raw",
     fetch: fetch2
-  }), [apiBaseUrl, fetch2, workspaceRequestId]);
-  const resizeTextarea = useCallback16((node) => {
+  }), [apiBaseUrl, fetch2, requestHeaders, workspaceRequestId]);
+  const resizeTextarea = useCallback17((node) => {
     if (!node) return;
     node.style.height = "auto";
     const style = window.getComputedStyle(node);
@@ -9958,11 +10551,11 @@ function PiChatComposerSurface({
   useLayoutEffect3(() => {
     resizeTextarea(textareaRef.current);
   }, [draft, resizeTextarea, textareaRef]);
-  return /* @__PURE__ */ jsxs29("div", { className: cn(
+  return /* @__PURE__ */ jsxs30("div", { className: cn(
     "relative z-20",
     chrome ? "pb-[calc(1rem+env(safe-area-inset-bottom))] pl-[calc(1rem+env(safe-area-inset-left))] pr-[calc(1rem+env(safe-area-inset-right))] pt-2 sm:pb-[calc(1.25rem+env(safe-area-inset-bottom))] sm:pl-[calc(1.5rem+env(safe-area-inset-left))] sm:pr-[calc(1.5rem+env(safe-area-inset-right))]" : "pb-[calc(0.5rem+env(safe-area-inset-bottom))] pl-[calc(0.75rem+env(safe-area-inset-left))] pr-[calc(0.75rem+env(safe-area-inset-right))] pt-1"
   ), children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       "div",
       {
         "data-boring-agent-part": "chat-working-slot",
@@ -9972,7 +10565,7 @@ function PiChatComposerSurface({
           isStreaming ? "mb-2 max-h-8 opacity-100" : "mb-0 max-h-0 opacity-0"
         ),
         "aria-hidden": !isStreaming,
-        children: /* @__PURE__ */ jsxs29(
+        children: /* @__PURE__ */ jsxs30(
           "div",
           {
             "data-testid": isStreaming ? "chat-working" : void 0,
@@ -9980,7 +10573,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__ */ jsx33(
+              /* @__PURE__ */ jsx34(
                 motion2.span,
                 {
                   "aria-hidden": "true",
@@ -9989,14 +10582,14 @@ function PiChatComposerSurface({
                   transition: prefersReducedMotion ? { duration: 0 } : { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                 }
               ),
-              /* @__PURE__ */ jsx33("span", { children: "Working\u2026" })
+              /* @__PURE__ */ jsx34("span", { children: "Working\u2026" })
             ]
           }
         )
       }
     ),
-    composerStatusNotice ? /* @__PURE__ */ jsx33(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
-    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx33(
+    composerStatusNotice ? /* @__PURE__ */ jsx34(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
+    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx34(
       ComposerBlockerNotice,
       {
         blocker: primaryComposerBlocker,
@@ -10004,8 +10597,18 @@ function PiChatComposerSurface({
         onAction: onComposerBlockerAction
       }
     ) : null,
-    queuePreview.length > 0 ? /* @__PURE__ */ jsx33(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
-    hotReloadEnabled ? /* @__PURE__ */ jsx33(
+    queuePreview.length > 0 ? /* @__PURE__ */ jsx34(
+      QueuedComposerNotice,
+      {
+        followUps: queuePreview,
+        onEdit: onEditQueued,
+        onResume: onResumeQueued,
+        resumePending: resumeQueuedPending,
+        onRemove: onRemoveQueued,
+        actionPending: queueMutationPending
+      }
+    ) : null,
+    hotReloadEnabled ? /* @__PURE__ */ jsx34(
       PluginUpdateStatus,
       {
         state: pluginUpdateState,
@@ -10013,14 +10616,14 @@ function PiChatComposerSurface({
         onRetry: onRunPluginUpdate
       }
     ) : null,
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       CommandRunStatus,
       {
         state: commandNotifyState,
         onDismiss: onDismissCommandNotify
       }
     ),
-    attachmentNotice ? /* @__PURE__ */ jsx33(
+    attachmentNotice ? /* @__PURE__ */ jsx34(
       "div",
       {
         role: "status",
@@ -10029,12 +10632,12 @@ function PiChatComposerSurface({
         children: attachmentNotice
       }
     ) : null,
-    /* @__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(
+    /* @__PURE__ */ jsxs30("div", { className: cn("@container group/composer relative mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
+      /* @__PURE__ */ jsxs30("div", { className: cn(
         "absolute inset-x-0 z-30",
         pickerPlacement === "above-compact" ? "bottom-[calc(100%+4px)] [&_[cmdk-list]]:!max-h-[200px]" : "bottom-[calc(100%+4px)]"
       ), children: [
-        mentionState ? /* @__PURE__ */ jsx33("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx33(
+        mentionState ? /* @__PURE__ */ jsx34("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx34(
           MentionPicker,
           {
             mention: mentionState,
@@ -10046,7 +10649,7 @@ function PiChatComposerSurface({
             onDismiss: onDismissMention
           }
         ) }) : null,
-        slashQuery !== null ? /* @__PURE__ */ jsx33("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx33(
+        slashQuery !== null ? /* @__PURE__ */ jsx34("div", { className: "mr-px ml-[43px]", children: /* @__PURE__ */ jsx34(
           SlashCommandPicker,
           {
             query: slashQuery,
@@ -10055,7 +10658,7 @@ function PiChatComposerSurface({
             onDismiss: onDismissSlash
           }
         ) }) : null,
-        mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx33("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx33(
+        mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx34("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx34(
           ModelPickerMenu,
           {
             value: selectedModel,
@@ -10066,7 +10669,7 @@ function PiChatComposerSurface({
             onClose: () => onSetModelPickerOpen(false)
           }
         ) }) : null,
-        mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx33("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx33(
+        mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx34("div", { className: "mr-px mb-1 ml-[43px]", children: /* @__PURE__ */ jsx34(
           ThinkingPickerMenu,
           {
             value: selectedThinking,
@@ -10076,17 +10679,17 @@ function PiChatComposerSurface({
           }
         ) }) : null
       ] }),
-      composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx33(
+      composerContributions.map(({ id, Top }) => Top ? /* @__PURE__ */ jsx34(
         "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__ */ jsx33(Top, {})
+          children: /* @__PURE__ */ jsx34(Top, {})
         },
         id
       ) : null),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         "div",
         {
           "data-boring-agent-part": "composer-rail",
@@ -10105,7 +10708,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__ */ jsxs29(
+          children: /* @__PURE__ */ jsxs30(
             PromptInput,
             {
               "data-boring-state": status,
@@ -10121,15 +10724,15 @@ function PiChatComposerSurface({
                 else onAttachmentNotice(err.message || "Attachment rejected.");
               },
               children: [
-                /* @__PURE__ */ jsx33(AttachmentsList, {}),
-                /* @__PURE__ */ jsxs29(
+                /* @__PURE__ */ jsx34(AttachmentsList, {}),
+                /* @__PURE__ */ jsxs30(
                   "div",
                   {
                     "data-boring-agent-part": "composer-input-row",
                     className: "flex min-h-[var(--composer-input-group-height)] w-full items-center",
                     children: [
-                      /* @__PURE__ */ jsx33("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx33(AttachmentButton, { disabled: disabled || isStreaming }) }),
-                      /* @__PURE__ */ jsx33(
+                      /* @__PURE__ */ jsx34("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx34(AttachmentButton, { disabled: disabled || isStreaming }) }),
+                      /* @__PURE__ */ jsx34(
                         PromptInputTextarea,
                         {
                           value: draft,
@@ -10153,24 +10756,24 @@ function PiChatComposerSurface({
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx33(
+                      /* @__PURE__ */ jsx34(
                         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__ */ jsxs29("div", { className: "ml-auto flex items-center gap-1.5", children: [
-                            composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx33(
+                          children: /* @__PURE__ */ jsxs30("div", { className: "ml-auto flex items-center gap-1.5", children: [
+                            composerContributions.map(({ id, Action }) => Action ? /* @__PURE__ */ jsx34(
                               "span",
                               {
                                 "data-boring-agent-part": "composer-contribution-action",
                                 "data-boring-agent-contribution-id": id,
                                 className: "contents",
-                                children: /* @__PURE__ */ jsx33(Action, { updateDraft })
+                                children: /* @__PURE__ */ jsx34(Action, { updateDraft })
                               },
                               id
                             ) : null),
-                            /* @__PURE__ */ jsx33(
+                            /* @__PURE__ */ jsx34(
                               PromptInputSubmit,
                               {
                                 "data-boring-agent-part": "composer-submit",
@@ -10200,7 +10803,7 @@ function PiChatComposerSurface({
           )
         }
       ),
-      hideComposerSettings ? null : /* @__PURE__ */ jsx33(
+      hideComposerSettings ? null : /* @__PURE__ */ jsx34(
         "div",
         {
           "data-boring-agent-part": "composer-settings-row",
@@ -10208,8 +10811,8 @@ 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__ */ jsxs29("div", { className: "flex min-w-0 items-center justify-center gap-1", children: [
-            /* @__PURE__ */ jsx33(
+          children: /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 items-center justify-center gap-1", children: [
+            /* @__PURE__ */ jsx34(
               ModelSelectTrigger,
               {
                 value: selectedModel,
@@ -10229,7 +10832,7 @@ function PiChatComposerSurface({
                 }
               }
             ),
-            thinkingControl ? /* @__PURE__ */ jsx33(
+            thinkingControl ? /* @__PURE__ */ jsx34(
               ThinkingSelectTrigger,
               {
                 value: selectedThinking,
@@ -10258,7 +10861,7 @@ function getHeaderValue(headers, name) {
 }
 
 // src/front/chat/piChatPanelHooks.ts
-import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo15, useRef as useRef16, useState as useState19, useSyncExternalStore } from "react";
+import { useCallback as useCallback18, useEffect as useEffect22, useMemo as useMemo16, useRef as useRef17, useState as useState21, useSyncExternalStore } from "react";
 
 // src/front/chat/piChatPanelUtils.ts
 function headersContentKey(headers) {
@@ -10378,19 +10981,19 @@ function useExternalRemotePiSession({
   remoteSessionOptions,
   enabled = true
 }) {
-  const [session, setSession] = useState19();
-  const remoteSessionOptionsRef = useRef16(remoteSessionOptions);
+  const [session, setSession] = useState21();
+  const remoteSessionOptionsRef = useRef17(remoteSessionOptions);
   remoteSessionOptionsRef.current = remoteSessionOptions;
   const requestHeadersKey = headersContentKey(requestHeaders);
-  const stableRequestHeaders = useMemo15(
+  const stableRequestHeaders = useMemo16(
     () => normalizedHeadersFromContentKey(requestHeadersKey),
     [requestHeadersKey]
   );
-  const remoteSessionOptionsKey = useMemo15(
+  const remoteSessionOptionsKey = useMemo16(
     () => remoteSessionOptionsIdentity2(remoteSessionOptions),
     [remoteSessionOptions]
   );
-  useEffect20(() => {
+  useEffect22(() => {
     if (!sessionId) {
       setSession(void 0);
       return;
@@ -10409,7 +11012,7 @@ function useExternalRemotePiSession({
     setSession(next);
     return () => next.dispose();
   }, [agentTypeId, apiBaseUrl, createRemoteSession, fetch2, remoteSessionOptionsKey, sessionId, stableRequestHeaders, storageScope, workspaceId]);
-  useEffect20(() => {
+  useEffect22(() => {
     if (!session) return;
     if (enabled) session.resumeStream?.();
     else session.suspendStream?.();
@@ -10452,20 +11055,83 @@ function remoteSessionOptionsIdentity2(options) {
 }
 function useRemotePiSessionState(session) {
   return useSyncExternalStore(
-    useCallback17((listener) => session?.subscribe(listener) ?? (() => {
+    useCallback18((listener) => session?.subscribe(listener) ?? (() => {
     }), [session]),
-    useCallback17(() => session?.getState(), [session]),
-    useCallback17(() => session?.getState(), [session])
+    useCallback18(() => session?.getState(), [session]),
+    useCallback18(() => session?.getState(), [session])
   );
 }
 
+// src/front/chat/largePromptSpill.ts
+var DEFAULT_LARGE_PROMPT_THRESHOLD_CHARS = 12e3;
+var LargePromptSpillCache = class {
+  constructor(maxEntries = 4) {
+    this.maxEntries = maxEntries;
+  }
+  maxEntries;
+  receipts = /* @__PURE__ */ new Map();
+  getOrUpload(destinationIdentity, sessionId, text, upload) {
+    const key = `${destinationIdentity}\0${sessionId}\0${text}`;
+    const existing = this.receipts.get(key);
+    if (existing) return existing;
+    const pending = upload().catch((error) => {
+      this.receipts.delete(key);
+      throw error;
+    });
+    this.receipts.set(key, pending);
+    while (this.receipts.size > this.maxEntries) {
+      const oldest = this.receipts.keys().next().value;
+      if (oldest === void 0) break;
+      this.receipts.delete(oldest);
+    }
+    return pending;
+  }
+};
+async function spillLargePrompt(text, options) {
+  const thresholdChars = options.thresholdChars ?? DEFAULT_LARGE_PROMPT_THRESHOLD_CHARS;
+  if (options.enabled === false || thresholdChars < 1 || text.length <= thresholdChars) return void 0;
+  const upload = options.upload ?? ((file) => uploadFile(file, {
+    apiBaseUrl: options.apiBaseUrl,
+    workspaceRequestId: options.workspaceRequestId,
+    requestHeaders: options.requestHeaders,
+    responseUrl: "raw",
+    fetch: options.fetch
+  }));
+  const uploadPrompt = () => upload(new File(
+    [text],
+    `composer-input-${options.sessionId}.md`,
+    { type: "text/markdown" }
+  ));
+  const receipt = await (options.cache ? options.cache.getOrUpload(options.destinationIdentity ?? "", options.sessionId, text, uploadPrompt) : uploadPrompt());
+  return largePromptReference(receipt.path, text.length);
+}
+function largePromptReference(path, characters) {
+  return {
+    replacement: {
+      displayText: `Large input saved \xB7 ${characters.toLocaleString()} characters \xB7 ${path}`,
+      text: [
+        "[Large composer input stored in workspace]",
+        `path: ${path}`,
+        `characters: ${characters}`,
+        "The full user input is stored locally at the workspace path above and was intentionally omitted from this chat message.",
+        "Treat the file contents as the user input. Read the file before answering when its contents are needed."
+      ].join("\n")
+    }
+  };
+}
+
 // src/front/chat/PiChatPanel.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } 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 = [];
 var RUN_REJECTED_NOTICE_ID = "run-rejected";
+var RESUME_QUEUED_ERROR_PREFIX = "resume-queued-error:";
+function requestHeaderValue(headers, name) {
+  const target = name.toLowerCase();
+  return Object.entries(headers ?? {}).find(([key]) => key.toLowerCase() === target)?.[1];
+}
 function normalizeAgentPluginReloadResult(result) {
   if (typeof result !== "string") return result;
   const firstLine = result.trim().split(/\r?\n/).find((line) => line.trim().length > 0)?.trim() ?? "";
@@ -10516,6 +11182,8 @@ function PiChatPanel({
   allowPromptDuringInitialHydration = false,
   workspaceWarmupStatus,
   onSessionReset,
+  spillLargePrompts = true,
+  largePromptThresholdChars,
   onBeforeSubmit,
   onReloadAgentPlugins,
   onCommandResult,
@@ -10532,14 +11200,14 @@ function PiChatPanel({
 }) {
   const externalSessionId = sessionId?.trim() || void 0;
   const showSessionSidebar = showSessions ?? externalSessionId === void 0;
-  const onDataRef = useRef17(onData);
+  const onDataRef = useRef18(onData);
   onDataRef.current = onData;
-  const onTurnCompleteRef = useRef17(onTurnComplete);
+  const onTurnCompleteRef = useRef18(onTurnComplete);
   onTurnCompleteRef.current = onTurnComplete;
-  const sessionListRefreshRef = useRef17(void 0);
-  const requestHeadersKey = useMemo16(() => headersContentKey(requestHeaders), [requestHeaders]);
-  const normalizedRequestHeaders = useMemo16(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
-  const remoteSessionOptionsWithEvents = useMemo16(() => ({
+  const sessionListRefreshRef = useRef18(void 0);
+  const requestHeadersKey = useMemo17(() => headersContentKey(requestHeaders), [requestHeaders]);
+  const normalizedRequestHeaders = useMemo17(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
+  const remoteSessionOptionsWithEvents = useMemo17(() => ({
     ...remoteSessionOptions,
     ...hydrateMessages ? {} : { autoStart: false },
     onEvent: (event) => {
@@ -10561,7 +11229,7 @@ function PiChatPanel({
     remoteSessionOptions: remoteSessionOptionsWithEvents,
     enabled: externalSessionId === void 0
   });
-  useEffect21(() => {
+  useEffect23(() => {
     if (externalSessionId) {
       sessionListRefreshRef.current = void 0;
       return;
@@ -10615,7 +11283,7 @@ function PiChatPanel({
   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(
+  const modelOptions = useMemo17(
     () => modelOptionsForSelection(availableModels ?? modelDiscovery.availableModels, selectedModel),
     [availableModels, modelDiscovery.availableModels, selectedModel]
   );
@@ -10625,42 +11293,46 @@ function PiChatPanel({
   const serverModelSelectionPending = modelDiscoveryEnabled && !modelDiscovery.loaded;
   const serverModelSelectionUnavailable = modelDiscoveryEnabled && modelDiscovery.loaded && !selectedModelAuthorizedByDiscovery;
   const serverModelSelectionReady = !serverModelSelectionPending && !serverModelSelectionUnavailable;
-  const [storedThinkingLevel, setStoredThinkingLevel] = useState20(
+  const [storedThinkingLevel, setStoredThinkingLevel] = useState22(
     () => thinkingControl ? readPiComposerSettings({ storageScope, storage }).thinkingLevel : DEFAULT_THINKING
   );
-  const [showThoughts, setShowThoughts] = useState20(
+  const [showThoughts, setShowThoughts] = useState22(
     () => readPiComposerSettings({ storageScope, storage }).showThoughts
   );
-  const [composerSettingsOwner, setComposerSettingsOwner] = useState20(() => ({ storageScope, storage }));
-  useEffect21(() => {
+  const [composerSettingsOwner, setComposerSettingsOwner] = useState22(() => ({ storageScope, storage }));
+  useEffect23(() => {
     const settings = readPiComposerSettings({ storageScope, storage });
     setStoredThinkingLevel(thinkingControl ? settings.thinkingLevel : DEFAULT_THINKING);
     setShowThoughts(settings.showThoughts);
     setComposerSettingsOwner({ storageScope, storage });
   }, [storage, storageScope, thinkingControl]);
   const composerSettingsLoaded = composerSettingsOwner.storageScope === storageScope && composerSettingsOwner.storage === storage;
-  useEffect21(() => {
+  useEffect23(() => {
     if (!thinkingControl) return;
     if (!composerSettingsLoaded) return;
     writePiComposerThinking(storedThinkingLevel, { storageScope, storage });
   }, [composerSettingsLoaded, storage, storageScope, storedThinkingLevel, thinkingControl]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (!composerSettingsLoaded) return;
     writePiComposerShowThoughts(showThoughts, { storageScope, storage });
   }, [composerSettingsLoaded, showThoughts, storage, storageScope]);
   const selectedThinking = thinkingLevel ?? storedThinkingLevel;
   const submitThinkingControl = thinkingControl || thinkingLevel !== void 0;
-  const [modelPickerOpen, setModelPickerOpen] = useState20(false);
-  const [thinkingPickerOpen, setThinkingPickerOpen] = useState20(false);
-  const [draft, setDraft] = useState20(() => initialDraft ?? "");
-  const draftRef = useRef17(draft);
+  const [modelPickerOpen, setModelPickerOpen] = useState22(false);
+  const [thinkingPickerOpen, setThinkingPickerOpen] = useState22(false);
+  const [draft, setDraft] = useState22(() => initialDraft ?? "");
+  const draftRef = useRef18(draft);
   draftRef.current = draft;
-  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 [queueMutationPending, setQueueMutationPending] = useState22(false);
+  const [resumeQueuedPendingSessionIds, setResumeQueuedPendingSessionIds] = useState22(() => /* @__PURE__ */ new Set());
+  const [resumeQueuedErrorsBySessionId, setResumeQueuedErrorsBySessionId] = useState22(() => /* @__PURE__ */ new Map());
+  const resumeQueuedInFlightRef = useRef18(/* @__PURE__ */ new Map());
+  const initialDraftGuard = useRef18(new InitialDraftAutoSubmitGuard());
+  const pendingAutoSubmitSettleRef = useRef18(void 0);
+  const acceptedAutoSubmitSettleRef = useRef18(void 0);
+  const resetInProgressRef = useRef18(false);
+  const autoCreateInFlightRef = useRef18(false);
+  const settlePendingAutoSubmit = useCallback19((sessionId2) => {
     const pendingSessionId = pendingAutoSubmitSettleRef.current;
     if (!pendingSessionId || sessionId2 && pendingSessionId !== sessionId2) return false;
     pendingAutoSubmitSettleRef.current = void 0;
@@ -10668,35 +11340,35 @@ function PiChatPanel({
     onAutoSubmitInitialDraftSettled?.();
     return true;
   }, [onAutoSubmitInitialDraftSettled]);
-  const prevStatusRef = useRef17("idle");
-  const statusRef = useRef17("idle");
-  const scrollToBottomRef = useRef17(() => {
+  const prevStatusRef = useRef18("idle");
+  const statusRef = useRef18("idle");
+  const scrollToBottomRef = useRef18(() => {
   });
-  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 = useRef17(0);
-  const [serverSkillsRefreshKey, setServerSkillsRefreshKey] = useState20(0);
-  const [localSubmittedSessionId, setLocalSubmittedSessionId] = useState20();
-  const localSubmittedSessionRef = useRef17(void 0);
+  const textareaRef = useRef18(null);
+  const [localNotices, setLocalNotices] = useState22([]);
+  const [dismissedNoticeIds, setDismissedNoticeIds] = useState22(() => /* @__PURE__ */ new Set());
+  const [pluginUpdateState, setPluginUpdateState] = useState22(null);
+  const [commandNotifyState, setCommandNotifyState] = useState22(null);
+  const commandRunIdRef = useRef18(0);
+  const [serverSkillsRefreshKey, setServerSkillsRefreshKey] = useState22(0);
+  const [localSubmittedSessionId, setLocalSubmittedSessionId] = useState22();
+  const localSubmittedSessionRef = useRef18(void 0);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
   const composerContributions = useComposerContributions();
-  const contributedCommands = useMemo16(
+  const contributedCommands = useMemo17(
     () => composerContributions.flatMap((contribution) => contribution.commands ?? []),
     [composerContributions]
   );
-  const markLocalSubmitted = useCallback18((sessionId2) => {
+  const markLocalSubmitted = useCallback19((sessionId2) => {
     localSubmittedSessionRef.current = sessionId2;
     setLocalSubmittedSessionId(sessionId2);
   }, []);
-  const clearLocalSubmitted = useCallback18((sessionId2) => {
+  const clearLocalSubmitted = useCallback19((sessionId2) => {
     if (sessionId2 && localSubmittedSessionRef.current !== sessionId2) return;
     localSubmittedSessionRef.current = void 0;
     setLocalSubmittedSessionId(void 0);
   }, []);
-  const registry = useMemo16(() => {
+  const registry = useMemo17(() => {
     const excludedBuiltins = new Set(excludeBuiltinCommands);
     const effectiveBuiltins = builtinCommands.filter((command) => {
       if (!hotReloadEnabled && command.name === "reload") return false;
@@ -10719,16 +11391,33 @@ function PiChatPanel({
     refreshKey: serverSkillsRefreshKey,
     enabled: serverResourcesEnabled
   });
-  const allCommands = useMemo16(() => registry.list(), [registry, commandsStamp]);
-  const actionableSlashCommands = useMemo16(
+  const allCommands = useMemo17(() => registry.list(), [registry, commandsStamp]);
+  const actionableSlashCommands = useMemo17(
     () => allCommands.flatMap((command) => command.clickBehavior === "execute" || command.clickBehavior === "insert" ? [{ name: command.name, clickBehavior: command.clickBehavior }] : []),
     [allCommands]
   );
   const activeChatSessionId = selectedChatState?.sessionId;
+  const activeChatIdentity = `${agentTypeId}\0${workspaceId ?? ""}\0${storageScope ?? ""}\0${activeChatSessionId ?? ""}`;
+  const selectedPiSessionRef = useRef18(selectedPiSession);
+  const activeChatIdentityRef = useRef18(activeChatIdentity);
+  const largePromptSpillCacheRef = useRef18(new LargePromptSpillCache());
+  const submissionCoordinatorRef = useRef18(new PiComposerSubmissionCoordinator());
+  selectedPiSessionRef.current = selectedPiSession;
+  activeChatIdentityRef.current = activeChatIdentity;
+  const isPolicySessionActive = useCallback19(() => selectedPiSessionRef.current === selectedPiSession && activeChatIdentityRef.current === activeChatIdentity, [activeChatIdentity, selectedPiSession]);
+  const resumeQueuedPending = Boolean(activeChatSessionId && resumeQueuedPendingSessionIds.has(activeChatSessionId));
+  const resumeQueuedError = activeChatSessionId ? resumeQueuedErrorsBySessionId.get(activeChatSessionId) : void 0;
+  const chatScopeKey = `${externalSessionId ? "external" : "managed"}\0${agentTypeId}\0${storageScope ?? ""}`;
+  useEffect23(() => {
+    setQueueMutationPending(false);
+    setResumeQueuedPendingSessionIds(/* @__PURE__ */ new Set());
+    setResumeQueuedErrorsBySessionId(/* @__PURE__ */ new Map());
+    resumeQueuedInFlightRef.current.clear();
+  }, [chatScopeKey]);
   const warmupNotice = composerNoticeForWarmup(workspaceWarmupStatus);
   const runtimeDependenciesNotice = composerNoticeForRuntimeDependencies(workspaceWarmupStatus);
   const workspaceWarmupBlocked = Boolean(warmupNotice);
-  const activeBlockers = useMemo16(
+  const activeBlockers = useMemo17(
     // A missing active session id means a single/sessionless chat host. In that
     // mode, keep scoped blockers visible instead of hiding the only attention UI.
     // Multi-session hosts should pass a session id so unrelated blockers filter out.
@@ -10738,7 +11427,7 @@ function PiChatPanel({
   const canonicalMessages = selectedChatState ? selectMessagesForRender(selectedChatState) : [];
   const queuePreview = selectedChatState ? selectQueuePreview(selectedChatState) : [];
   const messages = canonicalMessages;
-  const userHistory = useMemo16(() => selectComposerHistoryFromCanonicalUsers(canonicalMessages), [canonicalMessages]);
+  const userHistory = useMemo17(() => selectComposerHistoryFromCanonicalUsers(canonicalMessages), [canonicalMessages]);
   const awaitingHydration = Boolean(hydrateMessages && selectedChatState && !selectedChatState.hydrated);
   const emptyStateHydrating = statusForState(selectedChatState, sessionsLoading || chatStatePending || selectedSessionPending) === "hydrating" || awaitingHydration;
   const emptyHero = emptyPlacement === "hero" && messages.length === 0 && queuePreview.length === 0 && !emptyStateHydrating;
@@ -10747,7 +11436,7 @@ function PiChatPanel({
   const primaryComposerBlocker = activeBlockers[0];
   const composerBlockerLabel = workspaceWarmupBlocked ? warmupNotice?.title ?? "Preparing workspace..." : primaryComposerBlocker?.label ?? primaryComposerBlocker?.reason ?? "Complete the pending workspace action to continue.";
   const composerStatusNotice = warmupNotice ?? runtimeDependenciesNotice;
-  const runtimeNotices = useMemo16(() => {
+  const runtimeNotices = useMemo17(() => {
     const fromState = selectedChatState ? selectRuntimeNotices(selectedChatState) : [];
     const sessionNotice = sessionsError ? [{ id: "session-navigation-error", level: "error", text: sessionsError.message, dismissible: true }] : [];
     const largeStateNotice = debug && debugState?.largeStateWarning ? [{
@@ -10756,20 +11445,29 @@ function PiChatPanel({
       text: `Large chat state: ${debugState.largeStateWarning.messageCount} messages, approximately ${debugState.largeStateWarning.approxBytes} bytes.`,
       dismissible: true
     }] : [];
-    const combined = [...fromState, ...sessionNotice, ...largeStateNotice, ...localNotices].filter((notice) => !dismissedNoticeIds.has(notice.id));
+    const combined = [...fromState, ...sessionNotice, ...largeStateNotice, ...resumeQueuedError ? [resumeQueuedError] : [], ...localNotices].filter((notice) => !dismissedNoticeIds.has(notice.id));
     return filterCompetingNoiseNotices(combined, messages.length === 0);
-  }, [debug, debugState?.largeStateWarning, dismissedNoticeIds, localNotices, messages.length, selectedChatState, sessionsError]);
-  const addLocalNotice = useCallback18((notice) => {
+  }, [debug, debugState?.largeStateWarning, dismissedNoticeIds, localNotices, messages.length, resumeQueuedError, selectedChatState, sessionsError]);
+  const addLocalNotice = useCallback19((notice) => {
     setLocalNotices((previous) => {
       const next = previous.filter((candidate) => candidate.id !== notice.id);
       return [...next, notice];
     });
   }, []);
-  const clearLocalNotice = useCallback18((id) => {
+  const clearLocalNotice = useCallback19((id) => {
     setDismissedNoticeIds((previous) => new Set(previous).add(id));
     setLocalNotices((previous) => previous.filter((notice) => notice.id !== id));
+    if (id.startsWith(RESUME_QUEUED_ERROR_PREFIX)) {
+      const sessionId2 = id.slice(RESUME_QUEUED_ERROR_PREFIX.length);
+      setResumeQueuedErrorsBySessionId((previous) => {
+        if (!previous.has(sessionId2)) return previous;
+        const next = new Map(previous);
+        next.delete(sessionId2);
+        return next;
+      });
+    }
   }, []);
-  const dropLocalNotice = useCallback18((id) => {
+  const dropLocalNotice = useCallback19((id) => {
     setDismissedNoticeIds((previous) => {
       if (!previous.has(id)) return previous;
       const next = new Set(previous);
@@ -10778,13 +11476,13 @@ function PiChatPanel({
     });
     setLocalNotices((previous) => previous.filter((notice) => notice.id !== id));
   }, []);
-  const createSession = useCallback18(() => {
+  const createSession = useCallback19(() => {
     if (externalSessionId) return;
     void sessions.create().catch((error) => {
       addLocalNotice({ id: "session-create-error", level: "error", text: errorMessage2(error, "Could not create a chat session."), dismissible: true });
     });
   }, [addLocalNotice, externalSessionId, sessions.create]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (externalSessionId || sessionsLoading || sessionsError || activeSessionId || sessionList.length > 0) return;
     if (resetInProgressRef.current) return;
     if (autoCreateInFlightRef.current) return;
@@ -10794,18 +11492,18 @@ function PiChatPanel({
       addLocalNotice({ id: "session-auto-create-error", level: "error", text: errorMessage2(error, "Could not create a chat session."), dismissible: true });
     });
   }, [activeSessionId, addLocalNotice, externalSessionId, sessionList.length, sessions.create, sessions.resumeSessionId, sessionsError, sessionsLoading]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (externalSessionId || sessionsError || activeSessionId || sessionList.length > 0) {
       autoCreateInFlightRef.current = false;
     }
   }, [activeSessionId, externalSessionId, sessionList.length, sessionsError]);
-  const deleteSession = useCallback18((sessionId2) => {
+  const deleteSession = useCallback19((sessionId2) => {
     if (externalSessionId) return;
     void sessions.delete(sessionId2).catch((error) => {
       addLocalNotice({ id: `session-delete-error:${sessionId2}`, level: "error", text: errorMessage2(error, "Could not delete the chat session."), dismissible: true });
     });
   }, [addLocalNotice, externalSessionId, sessions.delete]);
-  const resetSession = useCallback18(() => {
+  const resetSession = useCallback19(() => {
     const currentSessionId = activeSessionId;
     if (externalSessionId) {
       void onSessionReset?.();
@@ -10823,11 +11521,11 @@ function PiChatPanel({
       resetInProgressRef.current = false;
     });
   }, [activeSessionId, addLocalNotice, externalSessionId, onSessionReset, sessions.create, sessions.delete]);
-  const reloadAgentPlugins = useCallback18(async () => {
+  const reloadAgentPlugins = useCallback19(async () => {
     if (!onReloadAgentPlugins) throw new Error("Agent plugin reload is not configured.");
     return normalizeAgentPluginReloadResult(await onReloadAgentPlugins());
   }, [onReloadAgentPlugins]);
-  const runPluginUpdate = useCallback18(async () => {
+  const runPluginUpdate = useCallback19(async () => {
     setPluginUpdateState({ kind: "running" });
     try {
       const result = await reloadAgentPlugins();
@@ -10840,9 +11538,9 @@ function PiChatPanel({
       return `Extension update failed: ${message}`;
     }
   }, [reloadAgentPlugins]);
-  const dismissPluginUpdate = useCallback18(() => setPluginUpdateState(null), []);
-  const dismissCommandNotify = useCallback18(() => setCommandNotifyState(null), []);
-  useEffect21(() => {
+  const dismissPluginUpdate = useCallback19(() => setPluginUpdateState(null), []);
+  const dismissCommandNotify = useCallback19(() => setCommandNotifyState(null), []);
+  useEffect23(() => {
     if (typeof window === "undefined") return;
     const onCommandNotify = (event) => {
       const payload = event.detail;
@@ -10859,7 +11557,7 @@ function PiChatPanel({
     window.addEventListener(WORKSPACE_COMMAND_NOTIFY_EVENT, onCommandNotify);
     return () => window.removeEventListener(WORKSPACE_COMMAND_NOTIFY_EVENT, onCommandNotify);
   }, []);
-  useEffect21(() => {
+  useEffect23(() => {
     if (!hotReloadEnabled || typeof window === "undefined") return;
     const onBrowserPluginReload = (event) => {
       const parsed = parseBrowserPluginReloadDetail(event.detail);
@@ -10897,7 +11595,7 @@ function PiChatPanel({
     textareaRef,
     disabled: mentionState !== null || slashQuery !== null || modelPickerOpen || thinkingPickerOpen
   });
-  const setComposerDraft = useCallback18((next, focus = true) => {
+  const setComposerDraft = useCallback19((next, focus = true) => {
     draftRef.current = next;
     setDraft(next);
     if (textareaRef.current) {
@@ -10905,11 +11603,11 @@ function PiChatPanel({
       if (focus) textareaRef.current.focus();
     }
   }, []);
-  const warnComposer = useCallback18((message) => {
+  const warnComposer = useCallback19((message) => {
     onComposerWarning?.(message);
     addLocalNotice({ id: `composer-warning:${Date.now()}`, level: "warning", text: message, dismissible: true });
   }, [addLocalNotice, onComposerWarning]);
-  const openModelPicker = useCallback18(() => {
+  const openModelPicker = useCallback19(() => {
     if (isPiBusyStatus(statusRef.current)) {
       warnComposer("Model picker is unavailable while the agent is running.");
       return false;
@@ -10922,7 +11620,7 @@ function PiChatPanel({
     setModelPickerOpen(true);
     return true;
   }, [model, warnComposer]);
-  const openThinkingPicker = useCallback18(() => {
+  const openThinkingPicker = useCallback19(() => {
     if (isPiBusyStatus(statusRef.current)) {
       warnComposer("Thinking picker is unavailable while the agent is running.");
       return false;
@@ -10935,21 +11633,21 @@ function PiChatPanel({
     setThinkingPickerOpen(true);
     return true;
   }, [thinkingControl, thinkingLevel, warnComposer]);
-  const selectComposerModel = useCallback18((query) => {
+  const selectComposerModel = useCallback19((query) => {
     if (model !== void 0) return "Model selection is controlled by the host.";
     const match = resolveModelSlashSelection(query, modelOptions);
     if (!match) return `No model matched "${query}".`;
     modelDiscovery.setModel(match);
     return `Model set to ${match.label ?? match.id}.`;
   }, [model, modelDiscovery, modelOptions]);
-  const selectComposerThinking = useCallback18((query) => {
+  const selectComposerThinking = useCallback19((query) => {
     if (!thinkingControl || thinkingLevel !== void 0) return "Thinking level is controlled by the host.";
     const match = resolveThinkingSlashSelection(query);
     if (!match) return `No thinking level matched "${query}".`;
     setStoredThinkingLevel(match);
     return `Thinking set to ${thinkingLabel(match)}.`;
   }, [thinkingControl, thinkingLevel]);
-  const selectSlashCommand = useCallback18((name) => {
+  const selectSlashCommand = useCallback19((name) => {
     if (name === "model") {
       dismissSlash();
       if (openModelPicker()) setComposerDraft("");
@@ -10962,7 +11660,7 @@ function PiChatPanel({
     }
     insertSlashCommand(name);
   }, [dismissSlash, insertSlashCommand, openModelPicker, openThinkingPicker, setComposerDraft]);
-  const policy = useMemo16(() => {
+  const policy = useMemo17(() => {
     if (!selectedPiSession || !activeChatSessionId || !serverModelSelectionReady) return void 0;
     const policySession = {
       getState: () => {
@@ -11007,13 +11705,29 @@ function PiChatPanel({
       getDraft: () => draftRef.current,
       onDraftChange: setComposerDraft,
       allowPromptDuringInitialHydration,
+      isActiveSession: isPolicySessionActive,
+      submissionCoordinator: submissionCoordinatorRef.current,
+      submissionIdentity: activeChatIdentity,
+      onQueueMutationPending: setQueueMutationPending,
       onPromptSubmitStarted: () => {
         markLocalSubmitted(activeChatSessionId);
       },
-      onBeforeSubmit: onBeforeSubmit ? async (draft2, context) => {
-        const result = await onBeforeSubmit(draft2, { ...context, sessionId: activeChatSessionId, source: context.source ?? "composer" });
-        return result !== false;
-      } : void 0,
+      onBeforeSubmit: onBeforeSubmit ? async (draft2, context) => await onBeforeSubmit(draft2, {
+        ...context,
+        sessionId: activeChatSessionId,
+        source: context.source ?? "composer"
+      }) : void 0,
+      onTransformPrompt: async (text) => await spillLargePrompt(text, {
+        sessionId: activeChatSessionId,
+        destinationIdentity: `${apiBaseUrl ?? ""}\0${workspaceId ?? ""}\0${headersContentKey(requestHeaders)}`,
+        cache: largePromptSpillCacheRef.current,
+        enabled: spillLargePrompts,
+        thresholdChars: largePromptThresholdChars,
+        apiBaseUrl,
+        workspaceRequestId: requestHeaderValue(requestHeaders, "x-boring-workspace-id"),
+        requestHeaders,
+        fetch: fetch2
+      }),
       onCommandResult: (message) => {
         onCommandResult?.(message);
         addLocalNotice({ id: `command:${Date.now()}`, level: "info", text: message, dismissible: true });
@@ -11028,8 +11742,17 @@ function PiChatPanel({
         onMentionedFilesConsumed?.();
       }
     });
-  }, [activeChatSessionId, addLocalNotice, allowPromptDuringInitialHydration, clearMentionedFiles, composerBlocked, composerBlockerLabel, effectiveMentionedFiles, markLocalSubmitted, onBeforeSubmit, onCommandResult, onComposerWarning, onMentionedFilesConsumed, onPromptSubmitStarted, openModelPicker, openThinkingPicker, registry, reloadAgentPlugins, resetSession, runPluginUpdate, selectComposerModel, selectComposerThinking, selectedModel, selectedPiSession, selectedThinking, serverModelSelectionReady, setComposerDraft, submitThinkingControl, suppressPreSubmitCancelledWarning]);
-  const surfaceRunRejected = useCallback18((error) => {
+  }, [activeChatIdentity, activeChatSessionId, addLocalNotice, allowPromptDuringInitialHydration, apiBaseUrl, clearMentionedFiles, composerBlocked, composerBlockerLabel, effectiveMentionedFiles, fetch2, isPolicySessionActive, largePromptThresholdChars, markLocalSubmitted, onBeforeSubmit, onCommandResult, onComposerWarning, onMentionedFilesConsumed, onPromptSubmitStarted, openModelPicker, openThinkingPicker, registry, reloadAgentPlugins, requestHeaders, resetSession, runPluginUpdate, selectComposerModel, selectComposerThinking, selectedModel, selectedPiSession, selectedThinking, serverModelSelectionReady, setComposerDraft, spillLargePrompts, submitThinkingControl, suppressPreSubmitCancelledWarning, workspaceId]);
+  const surfaceHandledSubmit = useCallback19((message) => {
+    if (!message) return;
+    addLocalNotice({
+      id: `handled-submit:${Date.now()}`,
+      level: "info",
+      text: message,
+      dismissible: true
+    });
+  }, [addLocalNotice]);
+  const surfaceRunRejected = useCallback19((error) => {
     const errorCode = piChatErrorCode(error);
     dropLocalNotice(RUN_REJECTED_NOTICE_ID);
     addLocalNotice({
@@ -11040,7 +11763,7 @@ function PiChatPanel({
       ...errorCode ? { errorCode } : {}
     });
   }, [addLocalNotice, dropLocalNotice]);
-  const sendComposerMessage = useCallback18(async ({ text, files, source = "composer", preserveExistingDraft = false }) => {
+  const sendComposerMessage = useCallback19(async ({ text, files, source = "composer", preserveExistingDraft = false }) => {
     if (!policy) {
       addLocalNotice({ id: "composer-no-session", level: "warning", text: "Create or select a chat session before sending.", dismissible: true });
       return false;
@@ -11060,6 +11783,7 @@ function PiChatPanel({
       if (result.type === "prompt" || result.type === "followup") {
         dropLocalNotice(RUN_REJECTED_NOTICE_ID);
       }
+      if (result.type === "handled") surfaceHandledSubmit(result.message);
       if (result.type === "prompt" && activeChatSessionId) {
         onPromptSubmitStarted?.({ sessionId: activeChatSessionId, clientNonce: result.clientNonce });
         if (shouldHoldLocalSubmitted(selectedPiSession, result.cursor)) markLocalSubmitted(activeChatSessionId);
@@ -11067,17 +11791,18 @@ function PiChatPanel({
       }
       return void 0;
     } catch (error) {
+      if (!isPolicySessionActive()) return void 0;
       clearLocalSubmitted(activeChatSessionId);
       restoreSubmittedDraft();
       surfaceRunRejected(error);
       return false;
     }
-  }, [activeChatSessionId, clearLocalSubmitted, dropLocalNotice, markLocalSubmitted, onPromptSubmitStarted, policy, selectedPiSession, setComposerDraft, surfaceRunRejected]);
-  const availableAssistantSlashCommands = useMemo16(
+  }, [activeChatSessionId, clearLocalSubmitted, dropLocalNotice, isPolicySessionActive, markLocalSubmitted, onPromptSubmitStarted, policy, selectedPiSession, setComposerDraft, surfaceHandledSubmit, surfaceRunRejected]);
+  const availableAssistantSlashCommands = useMemo17(
     () => policy ? actionableSlashCommands : actionableSlashCommands.filter((command) => command.clickBehavior === "insert"),
     [actionableSlashCommands, policy]
   );
-  const assistantMentionCatalog = useMemo16(() => {
+  const assistantMentionCatalog = useMemo17(() => {
     const skills = /* @__PURE__ */ new Map();
     for (const command of allCommands) {
       if (command.source !== "skill" && command.kind !== "skill") continue;
@@ -11093,12 +11818,12 @@ function PiChatPanel({
       files: true
     };
   }, [allCommands, availableAssistantSlashCommands]);
-  const insertMentionDraft = useCallback18((invocation) => {
+  const insertMentionDraft = useCallback19((invocation) => {
     const currentDraft = draftRef.current;
     const separator = currentDraft && !/\s$/.test(invocation) ? "\n" : "";
     setComposerDraft(`${invocation}${separator}${currentDraft}`, true);
   }, [setComposerDraft]);
-  const activateAssistantMention = useCallback18((mention) => {
+  const activateAssistantMention = useCallback19((mention) => {
     const command = registry.get(mention.kind === "skill" ? mention.commandName : mention.name);
     if (mention.kind === "skill") {
       if (command?.source !== "skill" && command?.kind !== "skill") return;
@@ -11120,7 +11845,7 @@ function PiChatPanel({
       preserveExistingDraft: true
     });
   }, [insertMentionDraft, policy, registry, sendComposerMessage]);
-  const editQueued = useCallback18(() => {
+  const editQueued = useCallback19(() => {
     if (!policy) return;
     void policy.editQueued().then((result) => {
       if (result.type === "clear-failed") {
@@ -11128,25 +11853,65 @@ function PiChatPanel({
       }
     });
   }, [addLocalNotice, policy]);
-  const stop = useCallback18(() => {
+  const removeQueued = useCallback19(() => {
+    if (!policy) return;
+    void policy.removeAllQueued().then((result) => {
+      if (!result.ok) {
+        addLocalNotice({ id: "remove-queued", level: "warning", text: result.message, dismissible: true });
+      }
+    });
+  }, [addLocalNotice, policy]);
+  const stop = useCallback19(() => {
     onComposerStop?.();
     clearLocalSubmitted(activeChatSessionId);
-    void policy?.stop().catch((error) => {
+    void policy?.interrupt({ queueAction: "hold" }).catch((error) => {
       addLocalNotice({ id: "stop-error", level: "error", text: errorMessage2(error, "Could not stop the chat session."), dismissible: true });
     });
   }, [activeChatSessionId, addLocalNotice, clearLocalSubmitted, onComposerStop, policy]);
-  const interrupt = useCallback18(() => {
+  const interrupt = useCallback19(() => {
     void policy?.interrupt().catch((error) => {
       addLocalNotice({ id: "interrupt-error", level: "error", text: errorMessage2(error, "Could not interrupt the chat session."), dismissible: true });
     });
   }, [addLocalNotice, policy]);
-  useEffect21(() => {
+  const resumeQueued = useCallback19(() => {
+    const sessionId2 = activeChatSessionId;
+    if (!policy || !sessionId2 || resumeQueuedInFlightRef.current.has(sessionId2)) return;
+    const errorNoticeId = `${RESUME_QUEUED_ERROR_PREFIX}${sessionId2}`;
+    dropLocalNotice(errorNoticeId);
+    setResumeQueuedErrorsBySessionId((previous) => {
+      if (!previous.has(sessionId2)) return previous;
+      const next = new Map(previous);
+      next.delete(sessionId2);
+      return next;
+    });
+    setResumeQueuedPendingSessionIds((previous) => new Set(previous).add(sessionId2));
+    const run = policy.resumeQueued();
+    resumeQueuedInFlightRef.current.set(sessionId2, run);
+    void run.catch((error) => {
+      setResumeQueuedErrorsBySessionId((previous) => new Map(previous).set(sessionId2, {
+        id: errorNoticeId,
+        level: "error",
+        text: errorMessage2(error, "Could not resume queued follow-ups."),
+        dismissible: true
+      }));
+    }).finally(() => {
+      if (resumeQueuedInFlightRef.current.get(sessionId2) !== run) return;
+      resumeQueuedInFlightRef.current.delete(sessionId2);
+      setResumeQueuedPendingSessionIds((previous) => {
+        if (!previous.has(sessionId2)) return previous;
+        const next = new Set(previous);
+        next.delete(sessionId2);
+        return next;
+      });
+    });
+  }, [activeChatSessionId, dropLocalNotice, policy]);
+  useEffect23(() => {
     setPluginUpdateState(null);
     setCommandNotifyState(null);
     setLocalNotices([]);
     setDismissedNoticeIds(/* @__PURE__ */ new Set());
   }, [activeSessionId]);
-  useEffect21(() => {
+  useEffect23(() => {
     const currentSessionId = activeSessionId ?? "__none__";
     if (initialDraftGuard.current.shouldRestore(currentSessionId, initialDraft) && initialDraft !== void 0) {
       setComposerDraft(initialDraft, initialDraft.length > 0);
@@ -11155,7 +11920,7 @@ function PiChatPanel({
   }, [activeSessionId, initialDraft, onDraftRestored, setComposerDraft]);
   const remoteStatus = selectedChatState?.status ?? (sessionsLoading || chatStatePending || selectedSessionPending ? "hydrating" : "idle");
   const status = localSubmittedSessionId === activeSessionId && remoteStatus === "idle" ? "submitted" : remoteStatus;
-  useEffect21(() => {
+  useEffect23(() => {
     if (!localSubmittedSessionId) return;
     if (localSubmittedSessionId !== activeSessionId) {
       clearLocalSubmitted();
@@ -11163,7 +11928,7 @@ function PiChatPanel({
     }
     if (remoteStatus !== "idle") clearLocalSubmitted(localSubmittedSessionId);
   }, [activeSessionId, clearLocalSubmitted, localSubmittedSessionId, remoteStatus]);
-  useEffect21(() => {
+  useEffect23(() => {
     const previous = prevStatusRef.current;
     statusRef.current = status;
     prevStatusRef.current = status;
@@ -11173,7 +11938,7 @@ function PiChatPanel({
     if (!isPiBusyStatus(previous) && previous !== "submitted") return;
     settlePendingAutoSubmit();
   }, [settlePendingAutoSubmit, status]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (!autoSubmitInitialDraft || !policy || !activeSessionId || composerBlocked) return;
     if (!initialDraftGuard.current.claimAutoSubmit(activeSessionId, initialDraft)) return;
     pendingAutoSubmitSettleRef.current = activeSessionId;
@@ -11192,9 +11957,14 @@ function PiChatPanel({
         }
         return;
       }
+      if (result.type === "stale") {
+        settlePendingAutoSubmit(activeSessionId);
+        return;
+      }
       if (result.type === "prompt" || result.type === "followup") {
         dropLocalNotice(RUN_REJECTED_NOTICE_ID);
       }
+      if (result.type === "handled") surfaceHandledSubmit(result.message);
       if (result.type === "prompt") {
         onPromptSubmitStarted?.({ sessionId: activeSessionId, clientNonce: result.clientNonce });
         if (shouldHoldLocalSubmitted(selectedPiSession, result.cursor)) markLocalSubmitted(activeSessionId);
@@ -11206,13 +11976,14 @@ function PiChatPanel({
         settlePendingAutoSubmit(activeSessionId);
       }
     }).catch((error) => {
+      if (!isPolicySessionActive()) return;
       clearLocalSubmitted(activeSessionId);
       restoreSubmittedDraft();
       settlePendingAutoSubmit(activeSessionId);
       surfaceRunRejected(error);
     });
-  }, [activeSessionId, autoSubmitInitialDraft, clearLocalSubmitted, composerBlocked, dropLocalNotice, initialDraft, markLocalSubmitted, onAutoSubmitInitialDraftAccepted, onPromptSubmitStarted, policy, selectedPiSession, setComposerDraft, settlePendingAutoSubmit, surfaceRunRejected]);
-  useEffect21(() => {
+  }, [activeSessionId, autoSubmitInitialDraft, clearLocalSubmitted, composerBlocked, dropLocalNotice, initialDraft, isPolicySessionActive, markLocalSubmitted, onAutoSubmitInitialDraftAccepted, onPromptSubmitStarted, policy, selectedPiSession, setComposerDraft, settlePendingAutoSubmit, surfaceHandledSubmit, surfaceRunRejected]);
+  useEffect23(() => {
     if (workspaceWarmupStatus?.status === "ready") {
       clearLocalNotice("workspace-warmup");
     }
@@ -11226,20 +11997,20 @@ function PiChatPanel({
   const isStreaming = isPiBusyStatus(status);
   const submitStatus = initialHydrationPromptAllowed ? "ready" : toPromptSubmitStatus(status);
   const submitDisabled = !policy || sessionsLoading || modelSelectionBlocked || composerBlocked && !isStreaming;
-  const mergedToolRenderers = useMemo16(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
-  const debugMessages = useMemo16(() => messages.map(toDebugUiMessage), [messages]);
-  const onTextareaChange = useCallback18((event) => {
+  const mergedToolRenderers = useMemo17(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
+  const debugMessages = useMemo17(() => messages.map(toDebugUiMessage), [messages]);
+  const onTextareaChange = useCallback19((event) => {
     setModelPickerOpen(false);
     setThinkingPickerOpen(false);
     setDraft(event.currentTarget.value);
     handleComposerChange(event);
   }, [handleComposerChange]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (!isStreaming) return;
     setModelPickerOpen(false);
     setThinkingPickerOpen(false);
   }, [isStreaming]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (typeof window === "undefined" || !activeChatSessionId) return;
     const emitStatus = () => window.dispatchEvent(new CustomEvent("boring:chat-session-status", {
       detail: {
@@ -11253,7 +12024,7 @@ function PiChatPanel({
     window.addEventListener("boring:chat-session-status-request", emitStatus);
     return () => window.removeEventListener("boring:chat-session-status-request", emitStatus);
   }, [activeChatSessionId, agentTypeId, isStreaming, workspaceId]);
-  const onTextareaKeyDown = useCallback18((event) => {
+  const onTextareaKeyDown = useCallback19((event) => {
     if (event.key === "Escape" && isStreaming) {
       if (event.defaultPrevented || mentionState !== null || slashQuery !== null) {
         handleComposerKeyDown(event);
@@ -11265,14 +12036,14 @@ function PiChatPanel({
     }
     handleComposerKeyDown(event);
   }, [handleComposerKeyDown, interrupt, isStreaming, mentionState, slashQuery]);
-  const selectEmptySuggestion = useCallback18((suggestion) => {
+  const selectEmptySuggestion = useCallback19((suggestion) => {
     const text = suggestion.prompt ?? suggestion.label;
     if (!text.trim()) return;
     void sendComposerMessage({ text, files: [], source: "suggestion" }).then((result) => {
       if (result === false) setComposerDraft(text);
     });
   }, [sendComposerMessage, setComposerDraft]);
-  const composerSurface = /* @__PURE__ */ jsx34(
+  const composerSurface = /* @__PURE__ */ jsx35(
     PiChatComposerSurface,
     {
       chrome,
@@ -11291,6 +12062,10 @@ function PiChatPanel({
       onComposerBlockerAction,
       queuePreview,
       onEditQueued: editQueued,
+      onRemoveQueued: removeQueued,
+      queueMutationPending,
+      onResumeQueued: resumeQueued,
+      resumeQueuedPending,
       hotReloadEnabled,
       pluginUpdateState,
       onDismissPluginUpdate: dismissPluginUpdate,
@@ -11339,7 +12114,7 @@ function PiChatPanel({
       onStop: stop
     }
   );
-  return /* @__PURE__ */ jsx34(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsx35(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
     "div",
     {
       "data-boring-agent": "",
@@ -11357,7 +12132,7 @@ function PiChatPanel({
       role: "region",
       "aria-label": "Agent assistant",
       children: [
-        showSessionSidebar ? /* @__PURE__ */ jsx34("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx34(
+        showSessionSidebar ? /* @__PURE__ */ jsx35("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx35(
           SessionList,
           {
             sessions: sessionList,
@@ -11371,7 +12146,7 @@ function PiChatPanel({
             loadingMore: sessions.loadingMore
           }
         ) }) : null,
-        /* @__PURE__ */ jsx34("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsx35("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
           "div",
           {
             className: cn(
@@ -11380,7 +12155,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__ */ jsx34(
+              /* @__PURE__ */ jsx35(
                 PiConversationSurface,
                 {
                   chrome,
@@ -11406,13 +12181,13 @@ function PiChatPanel({
                 }
               ),
               composerSurface,
-              emptyHero ? /* @__PURE__ */ jsxs30(
+              emptyHero ? /* @__PURE__ */ jsxs31(
                 "div",
                 {
                   "data-boring-agent-part": "empty-hero-suggestions",
                   className: "@container mx-auto w-full max-w-[640px] px-2 pb-4",
                   children: [
-                    /* @__PURE__ */ jsx34(ChatSuggestionGrid, { suggestions, onSelect: selectEmptySuggestion, className: "mt-4" }),
+                    /* @__PURE__ */ jsx35(ChatSuggestionGrid, { suggestions, onSelect: selectEmptySuggestion, className: "mt-4" }),
                     emptyState?.footer
                   ]
                 }
@@ -11420,7 +12195,7 @@ function PiChatPanel({
             ]
           }
         ) }),
-        debug ? /* @__PURE__ */ jsx34(Suspense, { fallback: null, children: /* @__PURE__ */ jsx34("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx34(
+        debug ? /* @__PURE__ */ jsx35(Suspense, { fallback: null, children: /* @__PURE__ */ jsx35("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx35(
           DebugDrawer2,
           {
             agentTypeId,
@@ -11441,17 +12216,18 @@ function PiChatPanel({
 }
 
 // src/front/chat/useAddressedAgentSelection.ts
-import { useCallback as useCallback19, useEffect as useEffect22, useMemo as useMemo17, useState as useState21 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect24, useMemo as useMemo18, useState as useState23 } from "react";
 var inFlightDiscoveries = /* @__PURE__ */ new WeakMap();
 function useAddressedAgentSelection({
   apiBaseUrl,
   requestHeaders,
   storageScope,
+  preferredAgentTypeId,
   fetch: fetch2,
   enabled = false
 } = {}) {
   const normalizedBaseUrl = apiBaseUrl?.replace(/\/$/, "") ?? "";
-  const headersKey = useMemo17(
+  const headersKey = useMemo18(
     () => JSON.stringify({
       storageScope: storageScope ?? "",
       headers: Object.entries(requestHeaders ?? {}).sort(([a], [b]) => a.localeCompare(b))
@@ -11461,14 +12237,14 @@ function useAddressedAgentSelection({
   const discoveryKey = `${normalizedBaseUrl}
 ${headersKey}`;
   const fetchImpl = fetch2 ?? globalThis.fetch;
-  const [state, setState] = useState21(() => ({
+  const [state, setState] = useState23(() => ({
     discoveryKey: enabled ? "" : discoveryKey,
     agents: [],
     selectedAgentTypeId: void 0,
     loading: enabled,
     error: void 0
   }));
-  useEffect22(() => {
+  useEffect24(() => {
     if (!enabled) {
       setState({
         discoveryKey,
@@ -11494,7 +12270,7 @@ ${headersKey}`;
       setState((previous) => ({
         discoveryKey,
         agents: agents2,
-        selectedAgentTypeId: agents2.some((agent) => agent.agentTypeId === previous.selectedAgentTypeId) ? previous.selectedAgentTypeId : agents2[0]?.agentTypeId,
+        selectedAgentTypeId: agents2.some((agent) => agent.agentTypeId === previous.selectedAgentTypeId) ? previous.selectedAgentTypeId : preferredAgentTypeId ?? agents2[0]?.agentTypeId,
         loading: false,
         error: void 0
       }));
@@ -11511,11 +12287,11 @@ ${headersKey}`;
     return () => {
       cancelled = true;
     };
-  }, [discoveryKey, enabled, fetchImpl, normalizedBaseUrl]);
+  }, [discoveryKey, enabled, fetchImpl, normalizedBaseUrl, preferredAgentTypeId]);
   const current = state.discoveryKey === discoveryKey;
   const agents = enabled && current ? state.agents : [];
   const selectedAgentTypeId = enabled && current ? state.selectedAgentTypeId : void 0;
-  const selectAgentTypeId = useCallback19((agentTypeId) => {
+  const selectAgentTypeId = useCallback20((agentTypeId) => {
     setState((previous) => {
       if (previous.discoveryKey !== discoveryKey) return previous;
       if (!previous.agents.some((agent) => agent.agentTypeId === agentTypeId)) return previous;