@hachej/boring-agent 0.1.35 → 0.1.37

package/dist/front/index.js

@@ -1,6 +1,7 @@
 import {
-  WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT
-} from "../chunk-NZN2PRET.js";
+  WORKSPACE_AGENT_PLUGINS_RELOADED_EVENT,
+  WORKSPACE_COMMAND_NOTIFY_EVENT
+} from "../chunk-DGRKMMXO.js";
 import {
   CommandReceiptSchema,
   ErrorCode,
@@ -56,7 +57,7 @@ async function uploadFile(file, opts = {}) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { lazy, Suspense, useCallback as useCallback19, useEffect as useEffect20, useMemo as useMemo12, useRef as useRef14, useState as useState20 } from "react";
+import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo12, useRef as useRef16, useState as useState20 } from "react";
 
 // src/front/ArtifactOpenContext.tsx
 import { createContext, useContext } from "react";
@@ -234,6 +235,9 @@ function createCommandRegistry(initial) {
     register(cmd) {
       commands.set(cmd.name, cmd);
     },
+    unregister(name) {
+      commands.delete(name);
+    },
     get(name) {
       return commands.get(name);
     },
@@ -254,6 +258,13 @@ var builtinCommands = [
       return "Session reset.";
     }
   },
+  {
+    name: "clear",
+    description: "Hide messages from display",
+    handler(_, ctx) {
+      ctx.clearMessages();
+    }
+  },
   {
     name: "reload",
     description: "Reload agent plugins",
@@ -295,7 +306,12 @@ var builtinCommands = [
     handler(_, ctx) {
       const cmds = ctx.listCommands();
       if (cmds.length === 0) return "No commands available.";
-      return cmds.map((c) => `/${c.name} \u2014 ${c.description}`).join("\n");
+      const escape = (text) => text.replace(/\|/g, "\\|").replace(/\n/g, " ");
+      return [
+        "| Command | Description |",
+        "| --- | --- |",
+        ...cmds.map((c) => `| \`/${c.name}\` | ${escape(c.description ?? "")} |`)
+      ].join("\n");
     }
   }
 ];
@@ -1976,17 +1992,18 @@ function usePickerKeyboard({
   useEffect3(() => {
     const handler = (e) => {
       if (e.key === "ArrowDown") {
-        if (count <= 0) return;
         e.preventDefault();
-        setActiveIdx((i) => Math.min(i + 1, count - 1));
+        setActiveIdx((i) => count === 0 ? 0 : (i + 1) % count);
       } else if (e.key === "ArrowUp") {
-        if (count <= 0) return;
         e.preventDefault();
-        setActiveIdx((i) => Math.max(i - 1, 0));
+        setActiveIdx((i) => count === 0 ? 0 : (i - 1 + count) % count);
       } else if (e.key === "Enter" || e.key === "Tab") {
-        if (count <= 0) return;
-        e.preventDefault();
-        selectRef.current(activeIdx);
+        if (count > 0) {
+          e.preventDefault();
+          selectRef.current(activeIdx);
+        } else {
+          dismissRef.current();
+        }
       } else if (e.key === "Escape") {
         e.preventDefault();
         dismissRef.current();
@@ -2680,53 +2697,104 @@ function scopedHeaders2(headers, storageScope) {
   return result;
 }
 
-// src/front/hooks/useServerSkills.ts
-import { useEffect as useEffect6, useState as useState8 } from "react";
-function useServerSkills({
-  apiBaseUrl,
-  fetch: fetchImpl,
+// src/front/hooks/useServerCommands.ts
+import { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
+function toSlashCommand(command, getSessionId, apiBaseUrl, requestHeaders, fetchImpl) {
+  return {
+    name: command.name,
+    description: command.description ?? "",
+    source: command.source,
+    ...command.sourcePlugin ? { sourcePlugin: command.sourcePlugin } : {},
+    handler: async (args) => {
+      const base = apiBaseUrl?.replace(/\/$/, "") ?? "";
+      const params = new URLSearchParams({ sessionId: getSessionId() });
+      const url = `${base}/api/v1/agent/commands/execute?${params.toString()}`;
+      try {
+        const res = await fetchImpl(url, {
+          method: "POST",
+          headers: { ...requestHeaders ?? {}, "content-type": "application/json" },
+          body: JSON.stringify({ name: command.name, args })
+        });
+        if (!res.ok) {
+          const body = await res.json().catch(() => ({}));
+          if (typeof globalThis.dispatchEvent === "function") {
+            globalThis.dispatchEvent(new CustomEvent(WORKSPACE_COMMAND_NOTIFY_EVENT, {
+              detail: { message: body.error ?? `/${command.name} failed`, tone: "error", command: command.name }
+            }));
+          }
+        }
+      } catch {
+        if (typeof globalThis.dispatchEvent === "function") {
+          globalThis.dispatchEvent(new CustomEvent(WORKSPACE_COMMAND_NOTIFY_EVENT, {
+            detail: { message: `/${command.name} could not be reached`, tone: "error", command: command.name }
+          }));
+        }
+      }
+    }
+  };
+}
+function useServerCommands({
   registry,
   requestHeaders,
+  sessionId,
+  apiBaseUrl,
+  fetch: fetchImpl,
   storageScope,
-  refreshKey,
-  enabled = true
+  enabled = true,
+  refreshKey = 0
 }) {
-  const [skillsStamp, setSkillsStamp] = useState8(0);
+  const [stamp, setStamp] = useState8(0);
+  const registeredNamesRef = useRef7(/* @__PURE__ */ new Set());
+  const sessionIdRef = useRef7(sessionId);
   useEffect6(() => {
-    if (!enabled) return;
+    sessionIdRef.current = sessionId;
+  }, [sessionId]);
+  useEffect6(() => {
+    const clearRegistered = () => {
+      if (registeredNamesRef.current.size === 0) return false;
+      for (const name of registeredNamesRef.current) registry.unregister(name);
+      registeredNamesRef.current = /* @__PURE__ */ new Set();
+      return true;
+    };
+    if (!enabled) {
+      if (clearRegistered()) setStamp((n) => n + 1);
+      return;
+    }
     let aborted = false;
     const nextFetch = fetchImpl ?? globalThis.fetch.bind(globalThis);
-    const path = refreshKey ? "/api/v1/agent/skills?refresh=1" : "/api/v1/agent/skills";
-    nextFetch(agentResourceUrl2(apiBaseUrl, path), {
-      headers: scopedHeaders3(requestHeaders, storageScope)
-    }).then((res) => res.ok ? res.json() : null).then((payload) => {
-      if (aborted || !payload?.skills) return;
-      let added = 0;
-      for (const skill of payload.skills) {
-        if (!registry.get(skill.name)) {
-          registry.register({ name: skill.name, description: skill.description, kind: "skill", handler: () => {
-          } });
-          added++;
-        }
+    const base = apiBaseUrl?.replace(/\/$/, "") ?? "";
+    const url = `${base}/api/v1/agent/commands?sessionId=${encodeURIComponent(sessionIdRef.current)}`;
+    const headers = scopedHeaders3(requestHeaders, storageScope);
+    nextFetch(url, { headers }).then(async (res) => {
+      if (!res.ok) throw new Error(`commands request failed (${res.status})`);
+      return await res.json();
+    }).then((payload) => {
+      if (aborted) return;
+      const removed = clearRegistered();
+      let added = false;
+      for (const serverCommand of payload.commands ?? []) {
+        const command = toSlashCommand(serverCommand, () => sessionIdRef.current, apiBaseUrl, headers, nextFetch);
+        if (registry.get(command.name)) continue;
+        registry.register(command);
+        registeredNamesRef.current.add(command.name);
+        added = true;
       }
-      if (added > 0) setSkillsStamp((n) => n + 1);
+      if (removed || added) setStamp((n) => n + 1);
     }).catch(() => {
+      if (aborted) return;
+      if (clearRegistered()) setStamp((n) => n + 1);
     });
     return () => {
       aborted = true;
     };
   }, [apiBaseUrl, enabled, fetchImpl, refreshKey, requestHeaders, registry, storageScope]);
-  return skillsStamp;
-}
-function agentResourceUrl2(apiBaseUrl, path) {
-  const base = apiBaseUrl?.replace(/\/$/, "") ?? "";
-  return `${base}${path}`;
+  return stamp;
 }
 function scopedHeaders3(headers, storageScope) {
   if (!headers && !storageScope) return void 0;
   const result = { ...headers ?? {} };
-  const hasStorageScope = Object.keys(result).some((key) => key.toLowerCase() === "x-boring-storage-scope");
-  if (storageScope && !hasStorageScope) result["x-boring-storage-scope"] = storageScope;
+  const hasScope = Object.keys(result).some((k) => k.toLowerCase() === "x-boring-storage-scope");
+  if (storageScope && !hasScope) result["x-boring-storage-scope"] = storageScope;
   return result;
 }
 
@@ -3320,7 +3388,7 @@ function resolveStorage2(storage) {
 }
 
 // src/front/chat/session/usePiSessions.ts
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo3, useRef as useRef7, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo3, useRef as useRef8, useState as useState10 } from "react";
 
 // src/front/chat/pi/piChatAssistantCommit.ts
 function commitFinalMessage(state, messageId, final) {
@@ -4863,7 +4931,7 @@ function clearPageUnloading() {
 // src/front/chat/session/usePiSessions.ts
 var DEFAULT_SESSIONS_API_PATH = "/api/v1/agent/pi-chat/sessions";
 var SESSION_PAGE_SIZE = 50;
-var DEFAULT_MAX_RETRIES = 8;
+var DEFAULT_MAX_RETRIES = 60;
 var DEFAULT_RETRY_BASE_MS = 250;
 var DEFAULT_RETRY_MAX_MS = 2e3;
 var SessionsPreparingError = class extends Error {
@@ -4872,6 +4940,9 @@ var SessionsPreparingError = class extends Error {
     this.name = "SessionsPreparingError";
   }
 };
+function isNetworkFetchError(error) {
+  return error instanceof TypeError;
+}
 function usePiSessions(options = {}) {
   const enabled = options.enabled ?? true;
   const apiBaseUrl = options.apiBaseUrl?.replace(/\/$/, "") ?? "";
@@ -4895,20 +4966,20 @@ function usePiSessions(options = {}) {
   const [loadingMore, setLoadingMore] = useState10(false);
   const [hasMore, setHasMore] = 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 activeSessionIdRef = useRef7(activeSessionId);
-  const hasMoreRef = useRef7(hasMore);
-  const canonicalLoadedCountRef = useRef7(0);
-  const loadMoreRequestSeqRef = useRef7(0);
-  const loadMoreInFlightRef = useRef7(false);
-  const pendingCreatedRef = useRef7(/* @__PURE__ */ new Map());
-  const pendingCreatedScopeRef = useRef7(requestScopeKey);
-  const dataStorageScopeRef = useRef7(storageScope);
-  const loadedDataSourceRef = useRef7(dataSourceKey);
-  const requestScopeRef = useRef7(requestScopeKey);
+  const mountedRef = useRef8(false);
+  const refreshVersionRef = useRef8(0);
+  const retryTimerRef = useRef8(void 0);
+  const sessionsRef = useRef8([]);
+  const activeSessionIdRef = useRef8(activeSessionId);
+  const hasMoreRef = useRef8(hasMore);
+  const canonicalLoadedCountRef = useRef8(0);
+  const loadMoreRequestSeqRef = useRef8(0);
+  const loadMoreInFlightRef = useRef8(false);
+  const pendingCreatedRef = useRef8(/* @__PURE__ */ new Map());
+  const pendingCreatedScopeRef = useRef8(requestScopeKey);
+  const dataStorageScopeRef = useRef8(storageScope);
+  const loadedDataSourceRef = useRef8(dataSourceKey);
+  const requestScopeRef = useRef8(requestScopeKey);
   requestScopeRef.current = requestScopeKey;
   useEffect8(() => {
     sessionsRef.current = sessions;
@@ -5005,7 +5076,8 @@ function usePiSessions(options = {}) {
           data = await fetchSessionList(fetchImpl, sessionsListUrl(0, preferredSessionId()), requestHeaders());
           break;
         } catch (err) {
-          const retryable = err instanceof SessionsPreparingError && attempt < retryMaxRetries;
+          const transient = err instanceof SessionsPreparingError || isNetworkFetchError(err);
+          const retryable = transient && attempt < retryMaxRetries;
           if (!retryable) throw err;
           if (!isCurrent()) return;
           await delayWithRef(retryDelayMs(attempt, { baseMs: retryBaseMs, maxMs: retryMaxMs }), retryTimerRef);
@@ -5429,7 +5501,7 @@ function sortByUpdatedDesc(a, b) {
 
 // src/front/chat/components/PiConversationSurface.tsx
 import { Loader2 as Loader22 } from "lucide-react";
-import { useCallback as useCallback14, useEffect as useEffect14, useLayoutEffect, useRef as useRef9, useState as useState15 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect14, useLayoutEffect, useRef as useRef10, useState as useState15 } from "react";
 import { useStickToBottomContext as useStickToBottomContext2 } from "use-stick-to-bottom";
 
 // src/front/primitives/conversation.tsx
@@ -6125,7 +6197,7 @@ import {
   useContext as useContext5,
   useEffect as useEffect11,
   useMemo as useMemo8,
-  useRef as useRef8,
+  useRef as useRef9,
   useState as useState12
 } from "react";
 import { Streamdown as Streamdown2 } from "streamdown";
@@ -6217,9 +6289,9 @@ var Reasoning = memo5(
       defaultProp: void 0,
       prop: durationProp
     });
-    const hasEverStreamedRef = useRef8(isStreaming);
+    const hasEverStreamedRef = useRef9(isStreaming);
     const [hasAutoClosed, setHasAutoClosed] = useState12(false);
-    const startTimeRef = useRef8(null);
+    const startTimeRef = useRef9(null);
     useEffect11(() => {
       if (isStreaming) {
         hasEverStreamedRef.current = true;
@@ -6947,8 +7019,8 @@ function PiConversationSurface({
 }
 function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
   const { scrollRef } = useStickToBottomContext2();
-  const pendingAnchor = useRef9(null);
-  const armed = useRef9(true);
+  const pendingAnchor = useRef10(null);
+  const armed = useRef10(true);
   useEffect14(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -7009,38 +7081,34 @@ function buildMessageRenderItems(messages) {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { useCallback as useCallback17, useLayoutEffect as useLayoutEffect2 } from "react";
+import { useCallback as useCallback16, useLayoutEffect as useLayoutEffect2 } from "react";
 import { motion as motion2 } from "motion/react";
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { useEffect as useEffect15, useRef as useRef10 } from "react";
-import { AlertCircleIcon as AlertCircleIcon2, XIcon as XIcon4 } from "lucide-react";
+import { useEffect as useEffect15, useRef as useRef11 } from "react";
+
+// src/front/composer/ComposerStatusBanner.tsx
 import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
-function PluginUpdateStatus({
-  state,
+function ComposerStatusBanner({
+  tone,
+  dataAttribute,
+  runningContent,
+  title,
+  detail,
+  message,
+  children,
   onDismiss,
   onRetry,
-  successAutoDismissMs = 1400,
+  retryLabel = "Try again",
+  dismissAriaLabel = "Dismiss status",
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef10(onDismiss);
-  useEffect15(() => {
-    onDismissRef.current = onDismiss;
-  }, [onDismiss]);
-  const successDismissKey = state?.kind === "success" ? `${state.reloaded}:${(state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0}` : null;
-  useEffect15(() => {
-    if (!state || state.kind !== "success" || successAutoDismissMs <= 0) return;
-    const hasWarningsOrDiagnostics = (state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0;
-    if (hasWarningsOrDiagnostics) return;
-    const timeout = window.setTimeout(() => onDismissRef.current(), successAutoDismissMs);
-    return () => window.clearTimeout(timeout);
-  }, [state?.kind, successDismissKey, successAutoDismissMs]);
-  if (!state) return null;
-  if (state.kind === "running") {
+  const toneAttr = { [dataAttribute]: tone };
+  if (tone === "running") {
     return /* @__PURE__ */ jsxs22(
       "div",
       {
-        "data-boring-plugin-update": "running",
+        ...toneAttr,
         role: "status",
         "aria-live": "polite",
         className: cn(
@@ -7050,22 +7118,16 @@ function PluginUpdateStatus({
         ),
         children: [
           /* @__PURE__ */ jsx24("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx24("span", { children: "Updating plugins\u2026" })
+          /* @__PURE__ */ jsx24("span", { children: runningContent })
         ]
       }
     );
   }
-  if (state.kind === "success") {
-    const warnings = state.restartWarnings ?? [];
-    const diagnostics = state.diagnostics ?? [];
-    const frontEvents = state.frontEvents ?? [];
-    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 plugin changes need attention." : frontEvents.length > 0 ? `${frontEvents.length} plugin module${frontEvents.length === 1 ? "" : "s"} refreshed. Changes are live.` : "Changes are live." : void 0;
+  if (tone === "success") {
     return /* @__PURE__ */ jsxs22(
       "div",
       {
-        "data-boring-plugin-update": "success",
+        ...toneAttr,
         role: "status",
         "aria-live": "polite",
         className: cn(
@@ -7080,18 +7142,115 @@ function PluginUpdateStatus({
               /* @__PURE__ */ jsx24("span", { className: "block font-medium leading-5", children: title }),
               detail ? /* @__PURE__ */ jsx24("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
             ] }),
-            /* @__PURE__ */ jsx24(
+            onDismiss ? /* @__PURE__ */ jsx24(
               "button",
               {
                 type: "button",
                 onClick: onDismiss,
                 className: "-mr-1 rounded border border-transparent px-1.5 py-0.5 text-[13px] leading-none text-muted-foreground hover:bg-muted hover:text-foreground",
-                "aria-label": "Dismiss plugin update status",
+                "aria-label": dismissAriaLabel,
                 children: "\xD7"
               }
-            )
+            ) : null
           ] }),
-          diagnostics.length > 0 ? /* @__PURE__ */ jsxs22(
+          children
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      ...toneAttr,
+      role: "status",
+      "aria-live": "polite",
+      className: cn(
+        "mx-auto mb-2 w-full rounded-[var(--radius-md)] border border-destructive/40 bg-destructive/10",
+        "px-3 py-2 text-xs text-foreground",
+        maxWidthClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
+          /* @__PURE__ */ jsx24("span", { className: "flex-1 font-medium", children: title }),
+          onRetry ? /* @__PURE__ */ jsx24(
+            "button",
+            {
+              type: "button",
+              onClick: onRetry,
+              className: "rounded border border-destructive/40 px-2 py-0.5 text-[11px] font-medium hover:bg-destructive/10",
+              children: retryLabel
+            }
+          ) : null,
+          onDismiss ? /* @__PURE__ */ jsx24(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: "rounded border border-transparent px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+              "aria-label": dismissAriaLabel,
+              children: "Dismiss"
+            }
+          ) : null
+        ] }),
+        message ? /* @__PURE__ */ jsx24("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 jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+function PluginUpdateStatus({
+  state,
+  onDismiss,
+  onRetry,
+  successAutoDismissMs = 1400,
+  maxWidthClassName = "max-w-3xl"
+}) {
+  const onDismissRef = useRef11(onDismiss);
+  useEffect15(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const successDismissKey = state?.kind === "success" ? `${state.reloaded}:${(state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0}` : null;
+  useEffect15(() => {
+    if (!state || state.kind !== "success" || successAutoDismissMs <= 0) return;
+    const hasWarningsOrDiagnostics = (state.restartWarnings?.length ?? 0) > 0 || (state.diagnostics?.length ?? 0) > 0;
+    if (hasWarningsOrDiagnostics) return;
+    const timeout = window.setTimeout(() => onDismissRef.current(), successAutoDismissMs);
+    return () => window.clearTimeout(timeout);
+  }, [state?.kind, successDismissKey, successAutoDismissMs]);
+  if (!state) return null;
+  if (state.kind === "running") {
+    return /* @__PURE__ */ jsx25(
+      ComposerStatusBanner,
+      {
+        tone: "running",
+        dataAttribute: "data-boring-plugin-update",
+        maxWidthClassName,
+        runningContent: "Updating plugins\u2026"
+      }
+    );
+  }
+  if (state.kind === "success") {
+    const warnings = state.restartWarnings ?? [];
+    const diagnostics = state.diagnostics ?? [];
+    const frontEvents = state.frontEvents ?? [];
+    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 plugin changes need attention." : frontEvents.length > 0 ? `${frontEvents.length} plugin module${frontEvents.length === 1 ? "" : "s"} refreshed. Changes are live.` : "Changes are live." : void 0;
+    return /* @__PURE__ */ jsxs23(
+      ComposerStatusBanner,
+      {
+        tone: "success",
+        dataAttribute: "data-boring-plugin-update",
+        maxWidthClassName,
+        title,
+        detail,
+        onDismiss,
+        dismissAriaLabel: "Dismiss plugin update status",
+        children: [
+          diagnostics.length > 0 ? /* @__PURE__ */ jsxs23(
             "div",
             {
               "data-boring-plugin-update-diagnostics": "",
@@ -7100,24 +7259,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__ */ jsx24("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__ */ jsx25("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsxs23("span", { children: [
                     "Reload diagnostics for ",
                     diagnostics.length,
                     " plugin",
                     diagnostics.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx24("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs22("li", { children: [
-                  /* @__PURE__ */ jsx24("code", { className: "font-mono text-[10.5px]", children: diagnostic.pluginId ?? diagnostic.source ?? "plugin" }),
+                /* @__PURE__ */ jsx25("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx25("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": "",
@@ -7126,21 +7285,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__ */ jsx24("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__ */ jsx25("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsxs23("span", { children: [
                     "Restart needed for ",
                     warnings.length,
                     " plugin",
                     warnings.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx24("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs22("li", { children: [
-                  /* @__PURE__ */ jsx24("code", { className: "font-mono text-[10.5px]", children: w.id }),
+                /* @__PURE__ */ jsx25("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx25("code", { className: "font-mono text-[10.5px]", children: w.id }),
                   " \u2014 ",
                   w.surfaces.join(" + ")
                 ] }, w.id)) }),
-                /* @__PURE__ */ jsx24("p", { className: "mt-1 text-foreground/70", children: "The front bundle reloaded successfully, but routes and agent tools were wired at boot. Stop and restart the workspace process (Ctrl-C, then re-run your dev command) to pick up the new code." })
+                /* @__PURE__ */ jsx25("p", { className: "mt-1 text-foreground/70", children: "The front bundle reloaded successfully, but routes and agent tools were wired at boot. Stop and restart the workspace process (Ctrl-C, then re-run your dev command) to pick up the new code." })
               ]
             }
           ) : null
@@ -7148,45 +7307,104 @@ function PluginUpdateStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsxs22(
-    "div",
+  return /* @__PURE__ */ jsx25(
+    ComposerStatusBanner,
     {
-      "data-boring-plugin-update": "error",
-      role: "status",
-      "aria-live": "polite",
-      className: noticeSurfaceClass("error", cn("mx-auto mb-2 w-full text-xs", maxWidthClassName)),
-      children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2.5", children: [
-          /* @__PURE__ */ jsx24(AlertCircleIcon2, { className: noticeIconClass("error", "size-3.5"), "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx24("span", { className: "flex-1 font-medium", children: "Plugin update failed." }),
-          /* @__PURE__ */ jsx24(
-            "button",
-            {
-              type: "button",
-              onClick: onRetry,
-              className: "shrink-0 rounded border border-destructive/25 px-2 py-0.5 text-[11px] font-medium hover:bg-destructive/10",
-              children: "Try again"
-            }
-          ),
-          /* @__PURE__ */ jsx24(
-            "button",
-            {
-              type: "button",
-              onClick: onDismiss,
-              className: "-mr-1 -mt-1 inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground",
-              "aria-label": "Dismiss plugin update status",
-              children: /* @__PURE__ */ jsx24(XIcon4, { className: "size-3", "aria-hidden": "true" })
-            }
-          )
+      tone: "error",
+      dataAttribute: "data-boring-plugin-update",
+      maxWidthClassName,
+      title: "Plugin update failed.",
+      message: state.message,
+      onRetry,
+      onDismiss,
+      retryLabel: "Try again",
+      dismissAriaLabel: "Dismiss plugin update status"
+    }
+  );
+}
+
+// src/front/composer/CommandRunStatus.tsx
+import { useEffect as useEffect16, useRef as useRef12 } from "react";
+import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+function CommandRunStatus({
+  state,
+  onDismiss,
+  successAutoDismissMs = 1400,
+  maxWidthClassName = "max-w-3xl"
+}) {
+  const onDismissRef = useRef12(onDismiss);
+  useEffect16(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const successKey = state?.kind === "success" ? `${state.runId}:${state.command}:${state.detail ?? ""}` : null;
+  useEffect16(() => {
+    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__ */ jsx26(
+      ComposerStatusBanner,
+      {
+        tone: "running",
+        dataAttribute: "data-boring-command-run",
+        maxWidthClassName,
+        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+          " Running ",
+          /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
+            "/",
+            state.command
+          ] }),
+          "\u2026 "
+        ] }) : "Running command\u2026"
+      }
+    );
+  }
+  if (state.kind === "success") {
+    return /* @__PURE__ */ jsx26(
+      ComposerStatusBanner,
+      {
+        tone: "success",
+        dataAttribute: "data-boring-command-run",
+        maxWidthClassName,
+        title: state.command ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+          " Ran ",
+          /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
+            "/",
+            state.command
+          ] }),
+          " "
+        ] }) : "Command ran",
+        detail: state.detail,
+        onDismiss,
+        dismissAriaLabel: "Dismiss command status"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx26(
+    ComposerStatusBanner,
+    {
+      tone: "error",
+      dataAttribute: "data-boring-command-run",
+      maxWidthClassName,
+      title: state.command ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+        " ",
+        /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
+          "/",
+          state.command
         ] }),
-        /* @__PURE__ */ jsx24("pre", { className: noticeTextClass("mt-2 text-[11px] text-muted-foreground"), children: state.message })
-      ]
+        " failed. "
+      ] }) : "Command failed.",
+      message: state.message,
+      onDismiss,
+      dismissAriaLabel: "Dismiss command status"
     }
   );
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { forwardRef, useEffect as useEffect16, useRef as useRef11, useState as useState16 } from "react";
+import { forwardRef, useEffect as useEffect17, useRef as useRef13, useState as useState16 } from "react";
 import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import {
   Command,
@@ -7220,7 +7438,7 @@ function displayProviderLabel(provider) {
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, 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",
@@ -7270,7 +7488,7 @@ function isTextInputTarget(target) {
   return target instanceof HTMLInputElement;
 }
 function useDismissOnOutsidePointer(ref, onClose) {
-  useEffect16(() => {
+  useEffect17(() => {
     if (!onClose) return;
     const handler = (event) => {
       const target = event.target;
@@ -7288,7 +7506,7 @@ function useDismissOnOutsidePointer(ref, onClose) {
 }
 function ThinkingLevelGlyph({ level }) {
   const lit = level === "off" ? 0 : level === "low" ? 1 : level === "medium" ? 2 : 3;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "svg",
     {
       "aria-hidden": "true",
@@ -7297,7 +7515,7 @@ function ThinkingLevelGlyph({ level }) {
       viewBox: "0 0 14 14",
       fill: "none",
       className: "shrink-0",
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx25(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx27(
         "rect",
         {
           x: 2 + i * 4,
@@ -7354,7 +7572,7 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
 }, ref) {
   const triggerLabel = modelTriggerLabel(value, options);
   const triggerDisplay = value ? `${triggerLabel} (${displayProviderLabel(value.provider)})` : triggerLabel;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "button",
     {
       ref,
@@ -7372,12 +7590,12 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
         className
       ),
       ...props,
-      children: trigger === "slash" ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
-        /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: "/model: " }),
-        /* @__PURE__ */ jsx25("span", { className: "text-foreground", children: triggerDisplay })
-      ] }) : /* @__PURE__ */ jsxs23(Fragment7, { children: [
-        /* @__PURE__ */ jsx25("span", { className: "min-w-0 truncate", children: triggerDisplay }),
-        /* @__PURE__ */ jsx25(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
+      children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
+        /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "/model: " }),
+        /* @__PURE__ */ jsx27("span", { className: "text-foreground", children: triggerDisplay })
+      ] }) : /* @__PURE__ */ jsxs25(Fragment8, { children: [
+        /* @__PURE__ */ jsx27("span", { className: "min-w-0 truncate", children: triggerDisplay }),
+        /* @__PURE__ */ jsx27(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
       ] })
     }
   );
@@ -7397,18 +7615,18 @@ function ModelPickerMenu({
   const keyboardOptions = [null, ...groupedOptions];
   const selectedIndex = currentKey ? Math.max(0, keyboardOptions.findIndex((option) => option && encodeModelKey(option) === currentKey)) : 0;
   const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef11(selectedIndex);
-  const menuRef = useRef11(null);
+  const activeIndexRef = useRef13(selectedIndex);
+  const menuRef = useRef13(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
     activeIndexRef.current = resolved;
     setActiveIndex(resolved);
   };
-  useEffect16(() => {
+  useEffect17(() => {
     setKeyboardActiveIndex(selectedIndex);
   }, [selectedIndex]);
-  useEffect16(() => {
+  useEffect17(() => {
     const handler = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -7432,8 +7650,8 @@ function ModelPickerMenu({
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [activeIndex, disabled, keyboardOptions, onChange, onClose]);
   const optionIndexes = new Map(groupedOptions.map((option, index) => [encodeModelKey(option), index + 1]));
-  return /* @__PURE__ */ jsx25("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "model-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsxs23(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: [
-    menuOptions.length > 8 && /* @__PURE__ */ jsx25("div", { className: "border-b border-border/60 px-2", children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27("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__ */ jsx27("div", { className: "border-b border-border/60 px-2", children: /* @__PURE__ */ jsx27(
       CommandInput,
       {
         placeholder: "Search models\u2026",
@@ -7441,9 +7659,9 @@ function ModelPickerMenu({
         className: "h-8 w-full border-0 bg-transparent text-[13px] outline-none focus:ring-0"
       }
     ) }),
-    /* @__PURE__ */ jsxs23(CommandList, { className: "max-h-[300px] p-0.5", children: [
-      /* @__PURE__ */ jsx25(CommandEmpty, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
-      /* @__PURE__ */ jsx25(CommandGroup, { children: /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsxs25(CommandList, { className: "max-h-[300px] p-0.5", children: [
+      /* @__PURE__ */ jsx27(CommandEmpty, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
+      /* @__PURE__ */ jsx27(CommandGroup, { children: /* @__PURE__ */ jsxs25(
         CommandItem,
         {
           value: "Pi default automatic auto",
@@ -7454,7 +7672,7 @@ function ModelPickerMenu({
           },
           className: selectorItemClass(!value || activeIndex === 0),
           children: [
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx27(
               CheckIcon3,
               {
                 className: cn(
@@ -7463,12 +7681,12 @@ function ModelPickerMenu({
                 )
               }
             ),
-            /* @__PURE__ */ jsx25("span", { className: "truncate", children: "Pi default" }),
-            /* @__PURE__ */ jsx25("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: "auto" })
+            /* @__PURE__ */ jsx27("span", { className: "truncate", children: "Pi default" }),
+            /* @__PURE__ */ jsx27("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: "auto" })
           ]
         }
       ) }),
-      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx25(
+      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx27(
         CommandGroup,
         {
           heading: displayProviderLabel(provider),
@@ -7477,7 +7695,7 @@ function ModelPickerMenu({
             const key = encodeModelKey(m);
             const label = m.label || displayModelLabel(m.id);
             const itemIndex = optionIndexes.get(key) ?? 0;
-            return /* @__PURE__ */ jsxs23(
+            return /* @__PURE__ */ jsxs25(
               CommandItem,
               {
                 value: `${label} ${m.id} ${displayProviderLabel(m.provider)}`,
@@ -7488,7 +7706,7 @@ function ModelPickerMenu({
                 },
                 className: cn(selectorItemClass(key === currentKey || activeIndex === itemIndex)),
                 children: [
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx27(
                     CheckIcon3,
                     {
                       className: cn(
@@ -7497,8 +7715,8 @@ function ModelPickerMenu({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx25("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
-                  /* @__PURE__ */ jsx25("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-[10px] text-muted-foreground/60", children: m.id })
+                  /* @__PURE__ */ jsx27("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
+                  /* @__PURE__ */ jsx27("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-[10px] text-muted-foreground/60", children: m.id })
                 ]
               },
               key
@@ -7519,7 +7737,7 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
   className,
   ...props
 }, ref) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs25(
     "button",
     {
       ref,
@@ -7540,13 +7758,13 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       onClick,
       ...props,
       children: [
-        trigger === "button" ? /* @__PURE__ */ jsx25(ThinkingLevelGlyph, { level: value }) : null,
-        trigger === "slash" ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
-          /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: "/thinking: " }),
-          /* @__PURE__ */ jsx25("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
-        ] }) : /* @__PURE__ */ jsxs23(Fragment7, { children: [
-          /* @__PURE__ */ jsx25("span", { children: THINKING_LEVEL_LABELS[value] }),
-          /* @__PURE__ */ jsx25(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
+        trigger === "button" ? /* @__PURE__ */ jsx27(ThinkingLevelGlyph, { level: value }) : null,
+        trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
+          /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "/thinking: " }),
+          /* @__PURE__ */ jsx27("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
+        ] }) : /* @__PURE__ */ jsxs25(Fragment8, { children: [
+          /* @__PURE__ */ jsx27("span", { children: THINKING_LEVEL_LABELS[value] }),
+          /* @__PURE__ */ jsx27(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
         ] })
       ]
     }
@@ -7561,18 +7779,18 @@ function ThinkingPickerMenu({
 }) {
   const selectedIndex = Math.max(0, THINKING_LEVELS.indexOf(value));
   const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef11(selectedIndex);
-  const menuRef = useRef11(null);
+  const activeIndexRef = useRef13(selectedIndex);
+  const menuRef = useRef13(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
     activeIndexRef.current = resolved;
     setActiveIndex(resolved);
   };
-  useEffect16(() => {
+  useEffect17(() => {
     setKeyboardActiveIndex(selectedIndex);
   }, [selectedIndex]);
-  useEffect16(() => {
+  useEffect17(() => {
     const handler = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -7595,7 +7813,7 @@ function ThinkingPickerMenu({
     window.addEventListener("keydown", handler, { capture: true });
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [activeIndex, disabled, onChange, onClose]);
-  return /* @__PURE__ */ jsx25("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx25(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx25(CommandList, { className: "max-h-[300px] p-0.5", children: THINKING_LEVELS.map((level, index) => /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx27("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx27(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx27(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]}`,
@@ -7606,7 +7824,7 @@ function ThinkingPickerMenu({
       },
       className: selectorItemClass(level === value || index === activeIndex),
       children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx27(
           CheckIcon3,
           {
             className: cn(
@@ -7615,9 +7833,9 @@ function ThinkingPickerMenu({
             )
           }
         ),
-        /* @__PURE__ */ jsx25(ThinkingLevelGlyph, { level }),
-        /* @__PURE__ */ jsx25("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
-        /* @__PURE__ */ jsx25("span", { className: "ml-auto text-[11px] text-muted-foreground/65", children: THINKING_LEVEL_DETAILS[level] })
+        /* @__PURE__ */ jsx27(ThinkingLevelGlyph, { level }),
+        /* @__PURE__ */ jsx27("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
+        /* @__PURE__ */ jsx27("span", { className: "ml-auto text-[11px] text-muted-foreground/65", children: THINKING_LEVEL_DETAILS[level] })
       ]
     },
     level
@@ -7655,10 +7873,10 @@ import {
   Monitor,
   PlusIcon as PlusIcon2,
   SquareIcon,
-  XIcon as XIcon5
+  XIcon as XIcon4
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback15, useEffect as useEffect17, useMemo as useMemo10, useRef as useRef12, useState as useState17 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo10, useRef as useRef14, useState as useState17 } from "react";
 
 // src/front/primitives/prompt-input-context.ts
 import { createContext as createContext6, useContext as useContext6 } from "react";
@@ -7693,12 +7911,12 @@ import {
   TooltipTrigger as TooltipTrigger3
 } from "@hachej/boring-ui-kit";
 import { Children } from "react";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 var PromptInputFooter = ({
   align = "block-end",
   className,
   ...props
-}) => /* @__PURE__ */ jsx26(
+}) => /* @__PURE__ */ jsx28(
   InputGroupAddon,
   {
     align,
@@ -7708,7 +7926,7 @@ var PromptInputFooter = ({
 );
 
 // src/front/primitives/prompt-input.tsx
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 var PromptInput = ({
   className,
   accept,
@@ -7725,12 +7943,12 @@ var PromptInput = ({
 }) => {
   const controller = useOptionalPromptInputController();
   const usingProvider = !!controller;
-  const providerTextValueRef = useRef12("");
+  const providerTextValueRef = useRef14("");
   if (usingProvider) {
     providerTextValueRef.current = controller.textInput.value;
   }
-  const inputRef = useRef12(null);
-  const formRef = useRef12(null);
+  const inputRef = useRef14(null);
+  const formRef = useRef14(null);
   const [items, setItems] = useState17([]);
   const setFileUrlLocal = useCallback15((id, url, status) => {
     setItems((prev) => prev.map((f) => {
@@ -7741,8 +7959,8 @@ var PromptInput = ({
   }, []);
   const files = usingProvider ? controller.attachments.files : items;
   const [referencedSources, setReferencedSources] = useState17([]);
-  const filesRef = useRef12(files);
-  useEffect17(() => {
+  const filesRef = useRef14(files);
+  useEffect18(() => {
     filesRef.current = files;
   }, [files]);
   const openFileDialogLocal = useCallback15(() => {
@@ -7878,18 +8096,18 @@ var PromptInput = ({
     clearAttachments();
     clearReferencedSources();
   }, [clearAttachments, clearReferencedSources]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!usingProvider) {
       return;
     }
     controller.__registerFileInput(inputRef, () => inputRef.current?.click());
   }, [usingProvider, controller]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (syncHiddenInput && inputRef.current && files.length === 0) {
       inputRef.current.value = "";
     }
   }, [files, syncHiddenInput]);
-  useEffect17(() => {
+  useEffect18(() => {
     const form = formRef.current;
     if (!form) {
       return;
@@ -7917,7 +8135,7 @@ var PromptInput = ({
       form.removeEventListener("drop", onDrop);
     };
   }, [add, globalDrop]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!globalDrop) {
       return;
     }
@@ -7941,7 +8159,7 @@ var PromptInput = ({
       document.removeEventListener("drop", onDrop);
     };
   }, [add, globalDrop]);
-  useEffect17(
+  useEffect18(
     () => () => {
       if (!usingProvider) {
         for (const f of filesRef.current) {
@@ -8051,8 +8269,8 @@ var PromptInput = ({
     },
     [usingProvider, controller, files, onSubmit, clear]
   );
-  const inner = /* @__PURE__ */ jsxs25(Fragment8, { children: [
-    /* @__PURE__ */ jsx27(
+  const inner = /* @__PURE__ */ jsxs27(Fragment9, { children: [
+    /* @__PURE__ */ jsx29(
       Input,
       {
         accept,
@@ -8065,7 +8283,7 @@ var PromptInput = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(
       "form",
       {
         "data-boring-agent-part": "composer",
@@ -8073,12 +8291,12 @@ var PromptInput = ({
         onSubmit: handleSubmit,
         ref: formRef,
         ...props,
-        children: /* @__PURE__ */ jsx27(InputGroup, { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx29(InputGroup, { className: "overflow-hidden", children })
       }
     )
   ] });
-  const withReferencedSources = /* @__PURE__ */ jsx27(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
-  return /* @__PURE__ */ jsx27(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
+  const withReferencedSources = /* @__PURE__ */ jsx29(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
+  return /* @__PURE__ */ jsx29(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
 };
 var PromptInputTextarea = ({
   onChange,
@@ -8156,7 +8374,7 @@ var PromptInputTextarea = ({
   } : {
     onChange
   };
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     InputGroupTextarea,
     {
       "data-boring-agent-part": "composer-input",
@@ -8183,13 +8401,13 @@ var PromptInputSubmit = ({
   ...props
 }) => {
   const isGenerating = status === "submitted" || status === "streaming";
-  let Icon = /* @__PURE__ */ jsx27(CornerDownLeftIcon, { className: "size-4" });
+  let Icon = /* @__PURE__ */ jsx29(CornerDownLeftIcon, { className: "size-4" });
   if (status === "submitted") {
-    Icon = /* @__PURE__ */ jsx27(Spinner, {});
+    Icon = /* @__PURE__ */ jsx29(Spinner, {});
   } else if (status === "streaming") {
-    Icon = /* @__PURE__ */ jsx27(SquareIcon, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx29(SquareIcon, { className: "size-4" });
   } else if (status === "error") {
-    Icon = /* @__PURE__ */ jsx27(XIcon5, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx29(XIcon4, { className: "size-4" });
   }
   const handleClick = useCallback15(
     (e) => {
@@ -8202,7 +8420,7 @@ var PromptInputSubmit = ({
     },
     [isGenerating, onStop, onClick]
   );
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     InputGroupButton2,
     {
       "aria-label": isGenerating ? "Stop" : "Submit",
@@ -8219,54 +8437,142 @@ var PromptInputSubmit = ({
 };
 
 // src/front/primitives/slash-command-picker.tsx
-import { useCallback as useCallback16, useEffect as useEffect18, useMemo as useMemo11, useRef as useRef13, useState as useState18 } from "react";
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useMemo as useMemo11, useRef as useRef15, useState as useState18 } from "react";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
+var ALL_PLUGINS = "__all__";
+function commandGroup(cmd) {
+  if (cmd.source === "skill") return "skills";
+  if (cmd.sourcePlugin) return cmd.sourcePlugin;
+  return "built-in";
+}
 function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
-  const filtered = useMemo11(
-    () => commands.filter((c) => c.name.toLowerCase().startsWith(query.toLowerCase())),
-    [commands, query]
-  );
+  const [plugin, setPlugin] = useState18(ALL_PLUGINS);
+  const [searchQuery, setSearchQuery] = useState18(query);
   const [activeIdx, setActiveIdx] = useState18(0);
-  const listRef = useRef13(null);
-  useEffect18(() => setActiveIdx(0), [filtered.length]);
-  const handleSelect = useCallback16((idx) => {
-    if (filtered[idx]) onSelect(filtered[idx].name);
-  }, [filtered, onSelect]);
-  usePickerKeyboard({ count: filtered.length, activeIdx, setActiveIdx, listRef, onSelect: handleSelect, onDismiss });
-  if (filtered.length === 0) return null;
-  return /* @__PURE__ */ jsx28("div", { className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: /* @__PURE__ */ jsx28("ul", { ref: listRef, className: "max-h-48 overflow-y-auto py-1", role: "listbox", "aria-label": "Commands", children: filtered.map((cmd, i) => /* @__PURE__ */ jsxs26(
-    "li",
-    {
-      role: "option",
-      "aria-selected": i === activeIdx,
-      className: cn(
-        "flex cursor-pointer flex-col gap-0.5 px-3 py-1.5 text-[12px]",
-        i === activeIdx ? "bg-accent/10 text-foreground" : "text-muted-foreground hover:bg-muted/40"
-      ),
-      onMouseEnter: () => setActiveIdx(i),
-      onMouseDown: (e) => {
-        e.preventDefault();
-        onSelect(cmd.name);
-      },
-      children: [
-        /* @__PURE__ */ jsxs26("span", { className: "font-medium text-foreground/80", children: [
-          "/",
-          cmd.name
-        ] }),
-        /* @__PURE__ */ jsx28("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
-      ]
+  const containerRef = useRef15(null);
+  const listRef = useRef15(null);
+  const inputRef = useRef15(null);
+  useEffect19(() => {
+    setSearchQuery(query);
+  }, [query]);
+  const groups = useMemo11(() => {
+    const set = new Set(commands.map(commandGroup));
+    return Array.from(set).sort((a, b) => a.localeCompare(b));
+  }, [commands]);
+  const filtered = useMemo11(() => {
+    const q = searchQuery.trim().toLowerCase();
+    return commands.filter((c) => {
+      if (plugin !== ALL_PLUGINS && commandGroup(c) !== plugin) return false;
+      if (!q) return true;
+      return c.name.toLowerCase().includes(q) || c.description.toLowerCase().includes(q);
+    });
+  }, [commands, searchQuery, plugin]);
+  useEffect19(() => {
+    setActiveIdx((i) => filtered.length === 0 ? 0 : Math.min(i, filtered.length - 1));
+  }, [filtered.length]);
+  useEffect19(() => {
+    const handler = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        onDismiss();
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [onDismiss]);
+  usePickerKeyboard({
+    count: filtered.length,
+    activeIdx,
+    setActiveIdx,
+    listRef,
+    onSelect: (idx) => {
+      if (filtered[idx]) onSelect(filtered[idx].name);
     },
-    cmd.name
-  )) }) });
+    onDismiss
+  });
+  return /* @__PURE__ */ jsxs28("div", { ref: containerRef, className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: [
+    /* @__PURE__ */ jsx30(
+      "input",
+      {
+        ref: inputRef,
+        "aria-label": "Search commands",
+        type: "text",
+        value: searchQuery,
+        onChange: (e) => {
+          setSearchQuery(e.target.value);
+          setActiveIdx(0);
+        },
+        className: "w-full border-b border-border/50 bg-transparent px-3 py-1.5 text-[12px] outline-none",
+        autoComplete: "off"
+      }
+    ),
+    groups.length > 1 && /* @__PURE__ */ jsx30("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__ */ jsx30(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": selected,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            setPlugin(g);
+            setActiveIdx(0);
+          },
+          className: cn(
+            "rounded-full px-2 py-px text-[10px] font-medium transition-colors",
+            selected ? "bg-accent/15 text-accent-foreground" : "bg-muted/60 text-muted-foreground hover:bg-muted"
+          ),
+          children: g === ALL_PLUGINS ? "All" : g
+        },
+        g
+      );
+    }) }),
+    filtered.length === 0 ? /* @__PURE__ */ jsx30("div", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No matching commands." }) : /* @__PURE__ */ jsx30("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",
+        "aria-selected": i === activeIdx,
+        title: cmd.description || void 0,
+        className: cn(
+          "flex cursor-pointer flex-col gap-0.5 px-3 py-1.5 text-[12px]",
+          // Single highlight: hovering moves the active row (onMouseEnter),
+          // so the active style is the only highlight — no separate hover bg.
+          i === activeIdx ? "bg-accent/10 text-foreground" : "text-muted-foreground"
+        ),
+        onMouseEnter: () => setActiveIdx(i),
+        onMouseDown: (e) => {
+          e.preventDefault();
+          onSelect(cmd.name);
+        },
+        children: [
+          /* @__PURE__ */ jsxs28("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxs28("span", { className: "font-medium text-foreground/80", children: [
+              "/",
+              cmd.name
+            ] }),
+            cmd.source === "skill" ? /* @__PURE__ */ jsxs28(Fragment10, { children: [
+              /* @__PURE__ */ jsx30("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__ */ jsx30("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__ */ jsx30("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin })
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsx30("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
+        ]
+      },
+      cmd.name
+    )) })
+  ] });
 }
 
 // src/front/chat/components/ComposerAttachments.tsx
-import { AlertCircleIcon as AlertCircleIcon3, Loader2 as Loader23, PaperclipIcon as PaperclipIcon2 } from "lucide-react";
+import { AlertCircleIcon as AlertCircleIcon2, Loader2 as Loader23, PaperclipIcon as PaperclipIcon2 } from "lucide-react";
 import { IconButton as IconButton3 } from "@hachej/boring-ui-kit";
-import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
 function AttachmentButton({ disabled, className }) {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     IconButton3,
     {
       type: "button",
@@ -8279,21 +8585,21 @@ function AttachmentButton({ disabled, className }) {
       className: cn(composerActionClass, "w-8", className),
       "aria-label": "Attach files",
       title: disabled ? "Attachments are available when the composer is ready." : "Attach files",
-      children: /* @__PURE__ */ jsx29(PaperclipIcon2, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx31(PaperclipIcon2, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
     }
   );
 }
 function AttachmentsList() {
   const attachments = usePromptInputAttachments();
   if (attachments.files.length === 0) return null;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     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__ */ jsxs27(
+      children: attachments.files.map((file) => /* @__PURE__ */ jsxs29(
         Attachment,
         {
           data: file,
@@ -8304,13 +8610,13 @@ function AttachmentsList() {
             file.status === "error" && "!border-destructive/50 !bg-destructive/10"
           ),
           children: [
-            /* @__PURE__ */ jsxs27("div", { className: "relative shrink-0", children: [
-              /* @__PURE__ */ jsx29(AttachmentPreview, { className: "!size-7 overflow-hidden !rounded-full bg-background/60" }),
-              file.status === "uploading" ? /* @__PURE__ */ jsx29("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx29(Loader23, { className: "size-3.5 animate-spin text-muted-foreground" }) }) : null,
-              file.status === "error" ? /* @__PURE__ */ jsx29("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx29(AlertCircleIcon3, { className: "size-3.5 text-destructive" }) }) : null
+            /* @__PURE__ */ jsxs29("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ jsx31(AttachmentPreview, { className: "!size-7 overflow-hidden !rounded-full bg-background/60" }),
+              file.status === "uploading" ? /* @__PURE__ */ jsx31("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx31(Loader23, { className: "size-3.5 animate-spin text-muted-foreground" }) }) : null,
+              file.status === "error" ? /* @__PURE__ */ jsx31("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx31(AlertCircleIcon2, { className: "size-3.5 text-destructive" }) }) : null
             ] }),
-            /* @__PURE__ */ jsx29(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
-            /* @__PURE__ */ jsx29(AttachmentRemove, { className: "!size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
+            /* @__PURE__ */ jsx31(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
+            /* @__PURE__ */ jsx31(AttachmentRemove, { className: "!size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
           ]
         },
         file.id
@@ -8320,7 +8626,7 @@ function AttachmentsList() {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
 var MAX_PROMPT_ATTACHMENTS = 2;
 var MAX_PROMPT_ATTACHMENT_BYTES = 4 * 1024 * 1024;
 var COMPOSER_INPUT_GROUP_MIN_HEIGHT = 56;
@@ -8362,6 +8668,8 @@ function PiChatComposerSurface({
   pluginUpdateState,
   onDismissPluginUpdate,
   onRunPluginUpdate,
+  commandNotifyState,
+  onDismissCommandNotify,
   attachmentNotice,
   onAttachmentNotice,
   mentionState,
@@ -8396,7 +8704,7 @@ function PiChatComposerSurface({
   onSubmitMessage,
   onStop
 }) {
-  const resizeTextarea = useCallback17((node) => {
+  const resizeTextarea = useCallback16((node) => {
     if (!node) return;
     node.style.height = "auto";
     const style = window.getComputedStyle(node);
@@ -8420,8 +8728,8 @@ function PiChatComposerSurface({
   useLayoutEffect2(() => {
     resizeTextarea(textareaRef.current);
   }, [draft, resizeTextarea, textareaRef]);
-  return /* @__PURE__ */ jsxs28("div", { className: cn(chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-2 pt-1"), children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs30("div", { className: cn(chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-2 pt-1"), children: [
+    /* @__PURE__ */ jsx32(
       "div",
       {
         "data-boring-agent-part": "chat-working-slot",
@@ -8431,7 +8739,7 @@ function PiChatComposerSurface({
           isStreaming ? "mb-2 max-h-8 opacity-100" : "mb-0 max-h-0 opacity-0"
         ),
         "aria-hidden": !isStreaming,
-        children: /* @__PURE__ */ jsxs28(
+        children: /* @__PURE__ */ jsxs30(
           "div",
           {
             "data-testid": isStreaming ? "chat-working" : void 0,
@@ -8439,7 +8747,7 @@ function PiChatComposerSurface({
             "aria-live": isStreaming ? "polite" : void 0,
             className: "inline-flex items-center gap-2 rounded-full border border-border/50 bg-background/85 px-2.5 py-1 text-[12px] text-muted-foreground/75 shadow-sm backdrop-blur",
             children: [
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx32(
                 motion2.span,
                 {
                   "aria-hidden": "true",
@@ -8448,14 +8756,14 @@ function PiChatComposerSurface({
                   transition: { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                 }
               ),
-              /* @__PURE__ */ jsx30("span", { children: "Working\u2026" })
+              /* @__PURE__ */ jsx32("span", { children: "Working\u2026" })
             ]
           }
         )
       }
     ),
-    composerStatusNotice ? /* @__PURE__ */ jsx30(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
-    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx30(
+    composerStatusNotice ? /* @__PURE__ */ jsx32(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
+    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx32(
       ComposerBlockerNotice,
       {
         blocker: primaryComposerBlocker,
@@ -8463,8 +8771,8 @@ function PiChatComposerSurface({
         onAction: onComposerBlockerAction
       }
     ) : null,
-    queuePreview.length > 0 ? /* @__PURE__ */ jsx30(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
-    hotReloadEnabled ? /* @__PURE__ */ jsx30(
+    queuePreview.length > 0 ? /* @__PURE__ */ jsx32(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
+    hotReloadEnabled ? /* @__PURE__ */ jsx32(
       PluginUpdateStatus,
       {
         state: pluginUpdateState,
@@ -8472,7 +8780,14 @@ function PiChatComposerSurface({
         onRetry: onRunPluginUpdate
       }
     ) : null,
-    attachmentNotice ? /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
+      CommandRunStatus,
+      {
+        state: commandNotifyState,
+        onDismiss: onDismissCommandNotify
+      }
+    ),
+    attachmentNotice ? /* @__PURE__ */ jsx32(
       "div",
       {
         role: "status",
@@ -8481,8 +8796,8 @@ function PiChatComposerSurface({
         children: attachmentNotice
       }
     ) : null,
-    /* @__PURE__ */ jsxs28("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
-      mentionState ? /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsxs30("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
+      mentionState ? /* @__PURE__ */ jsx32(
         MentionPicker,
         {
           mention: mentionState,
@@ -8494,7 +8809,7 @@ function PiChatComposerSurface({
           onDismiss: onDismissMention
         }
       ) : null,
-      slashQuery !== null ? /* @__PURE__ */ jsx30(
+      slashQuery !== null ? /* @__PURE__ */ jsx32(
         SlashCommandPicker,
         {
           query: slashQuery,
@@ -8503,7 +8818,7 @@ function PiChatComposerSurface({
           onDismiss: onDismissSlash
         }
       ) : null,
-      mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx30(
+      mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx32(
         ModelPickerMenu,
         {
           value: selectedModel,
@@ -8513,7 +8828,7 @@ function PiChatComposerSurface({
           onClose: () => onSetModelPickerOpen(false)
         }
       ) : null,
-      mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx30(
+      mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx32(
         ThinkingPickerMenu,
         {
           value: selectedThinking,
@@ -8523,7 +8838,7 @@ function PiChatComposerSurface({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         "data-boring-agent-part": "composer-rail",
@@ -8542,7 +8857,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__ */ jsxs28(
+        children: /* @__PURE__ */ jsxs30(
           PromptInput,
           {
             "data-boring-state": status,
@@ -8557,15 +8872,15 @@ function PiChatComposerSurface({
               else onAttachmentNotice(err.message || "Attachment rejected.");
             },
             children: [
-              /* @__PURE__ */ jsx30(AttachmentsList, {}),
-              /* @__PURE__ */ jsxs28(
+              /* @__PURE__ */ jsx32(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__ */ jsx30("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx30(AttachmentButton, { disabled: disabled || isStreaming }) }),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx32("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx32(AttachmentButton, { disabled: disabled || isStreaming }) }),
+                    /* @__PURE__ */ jsx32(
                       PromptInputTextarea,
                       {
                         value: draft,
@@ -8589,13 +8904,13 @@ function PiChatComposerSurface({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx32(
                       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__ */ jsx30("div", { className: "ml-auto flex items-center gap-1.5", children: /* @__PURE__ */ jsx30(
+                        children: /* @__PURE__ */ jsx32("div", { className: "ml-auto flex items-center gap-1.5", children: /* @__PURE__ */ jsx32(
                           PromptInputSubmit,
                           {
                             "data-boring-agent-part": "composer-submit",
@@ -8625,7 +8940,7 @@ function PiChatComposerSurface({
         )
       }
     ),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs30(
       "div",
       {
         "data-boring-agent-part": "composer-settings-row",
@@ -8634,7 +8949,7 @@ function PiChatComposerSurface({
           chrome ? "max-w-3xl" : "max-w-[680px]"
         ),
         children: [
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             ModelSelectTrigger,
             {
               value: selectedModel,
@@ -8651,7 +8966,7 @@ function PiChatComposerSurface({
               }
             }
           ),
-          thinkingControl ? /* @__PURE__ */ jsx30(
+          thinkingControl ? /* @__PURE__ */ jsx32(
             ThinkingSelectTrigger,
             {
               value: selectedThinking,
@@ -8674,7 +8989,7 @@ function PiChatComposerSurface({
 }
 
 // src/front/chat/piChatPanelHooks.ts
-import { useCallback as useCallback18, useEffect as useEffect19, useState as useState19, useSyncExternalStore } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20, useState as useState19, useSyncExternalStore } from "react";
 function useExternalRemotePiSession({
   sessionId,
   workspaceId,
@@ -8686,7 +9001,7 @@ function useExternalRemotePiSession({
   remoteSessionOptions
 }) {
   const [session, setSession] = useState19();
-  useEffect19(() => {
+  useEffect20(() => {
     if (!sessionId) {
       setSession(void 0);
       return;
@@ -8707,10 +9022,10 @@ function useExternalRemotePiSession({
 }
 function useRemotePiSessionState(session) {
   return useSyncExternalStore(
-    useCallback18((listener) => session?.subscribe(listener) ?? (() => {
+    useCallback17((listener) => session?.subscribe(listener) ?? (() => {
     }), [session]),
-    useCallback18(() => session?.getState(), [session]),
-    useCallback18(() => session?.getState(), [session])
+    useCallback17(() => session?.getState(), [session]),
+    useCallback17(() => session?.getState(), [session])
   );
 }
 
@@ -8826,7 +9141,7 @@ function errorMessage2(error, fallback) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
 var DebugDrawer2 = lazy(() => import("../DebugDrawer-2PUDZ2RL.js").then((m) => ({ default: m.DebugDrawer })));
 var EMPTY_COMMANDS = [];
 var EMPTY_BLOCKERS = [];
@@ -8880,9 +9195,9 @@ function PiChatPanel({
 }) {
   const externalSessionId = sessionId?.trim() || void 0;
   const showSessionSidebar = showSessions ?? externalSessionId === void 0;
-  const onDataRef = useRef14(onData);
+  const onDataRef = useRef16(onData);
   onDataRef.current = onData;
-  const sessionListRefreshRef = useRef14(void 0);
+  const sessionListRefreshRef = useRef16(void 0);
   const requestHeadersKey = useMemo12(() => headersContentKey(requestHeaders), [requestHeaders]);
   const normalizedRequestHeaders = useMemo12(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
   const remoteSessionOptionsWithEvents = useMemo12(() => ({
@@ -8905,7 +9220,7 @@ function PiChatPanel({
     remoteSessionOptions: remoteSessionOptionsWithEvents,
     enabled: externalSessionId === void 0
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (externalSessionId) {
       sessionListRefreshRef.current = void 0;
       return;
@@ -8959,19 +9274,19 @@ function PiChatPanel({
     () => readPiComposerSettings({ storageScope, storage }).showThoughts
   );
   const [composerSettingsOwner, setComposerSettingsOwner] = useState20(() => ({ storageScope, storage }));
-  useEffect20(() => {
+  useEffect21(() => {
     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;
-  useEffect20(() => {
+  useEffect21(() => {
     if (!thinkingControl) return;
     if (!composerSettingsLoaded) return;
     writePiComposerThinking(storedThinkingLevel, { storageScope, storage });
   }, [composerSettingsLoaded, storage, storageScope, storedThinkingLevel, thinkingControl]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!composerSettingsLoaded) return;
     writePiComposerShowThoughts(showThoughts, { storageScope, storage });
   }, [composerSettingsLoaded, showThoughts, storage, storageScope]);
@@ -8980,14 +9295,14 @@ function PiChatPanel({
   const [modelPickerOpen, setModelPickerOpen] = useState20(false);
   const [thinkingPickerOpen, setThinkingPickerOpen] = useState20(false);
   const [draft, setDraft] = useState20(() => initialDraft ?? "");
-  const draftRef = useRef14(draft);
+  const draftRef = useRef16(draft);
   draftRef.current = draft;
-  const initialDraftGuard = useRef14(new InitialDraftAutoSubmitGuard());
-  const pendingAutoSubmitSettleRef = useRef14(void 0);
-  const acceptedAutoSubmitSettleRef = useRef14(void 0);
-  const resetInProgressRef = useRef14(false);
-  const autoCreateInFlightRef = useRef14(false);
-  const settlePendingAutoSubmit = useCallback19((sessionId2) => {
+  const initialDraftGuard = useRef16(new InitialDraftAutoSubmitGuard());
+  const pendingAutoSubmitSettleRef = useRef16(void 0);
+  const acceptedAutoSubmitSettleRef = useRef16(void 0);
+  const resetInProgressRef = useRef16(false);
+  const autoCreateInFlightRef = useRef16(false);
+  const settlePendingAutoSubmit = useCallback18((sessionId2) => {
     const pendingSessionId = pendingAutoSubmitSettleRef.current;
     if (!pendingSessionId || sessionId2 && pendingSessionId !== sessionId2) return false;
     pendingAutoSubmitSettleRef.current = void 0;
@@ -8995,23 +9310,25 @@ function PiChatPanel({
     onAutoSubmitInitialDraftSettled?.();
     return true;
   }, [onAutoSubmitInitialDraftSettled]);
-  const prevStatusRef = useRef14("idle");
-  const statusRef = useRef14("idle");
-  const scrollToBottomRef = useRef14(() => {
+  const prevStatusRef = useRef16("idle");
+  const statusRef = useRef16("idle");
+  const scrollToBottomRef = useRef16(() => {
   });
-  const textareaRef = useRef14(null);
+  const textareaRef = useRef16(null);
   const [localNotices, setLocalNotices] = useState20([]);
   const [dismissedNoticeIds, setDismissedNoticeIds] = useState20(() => /* @__PURE__ */ new Set());
   const [pluginUpdateState, setPluginUpdateState] = useState20(null);
+  const [commandNotifyState, setCommandNotifyState] = useState20(null);
+  const commandRunIdRef = useRef16(0);
   const [serverSkillsRefreshKey, setServerSkillsRefreshKey] = useState20(0);
   const [localSubmittedSessionId, setLocalSubmittedSessionId] = useState20();
-  const localSubmittedSessionRef = useRef14(void 0);
+  const localSubmittedSessionRef = useRef16(void 0);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
-  const markLocalSubmitted = useCallback19((sessionId2) => {
+  const markLocalSubmitted = useCallback18((sessionId2) => {
     localSubmittedSessionRef.current = sessionId2;
     setLocalSubmittedSessionId(sessionId2);
   }, []);
-  const clearLocalSubmitted = useCallback19((sessionId2) => {
+  const clearLocalSubmitted = useCallback18((sessionId2) => {
     if (sessionId2 && localSubmittedSessionRef.current !== sessionId2) return;
     localSubmittedSessionRef.current = void 0;
     setLocalSubmittedSessionId(void 0);
@@ -9023,16 +9340,17 @@ function PiChatPanel({
     for (const command of commands) next.register(command);
     return next;
   }, [apiBaseUrl, commands, extraCommands, hotReloadEnabled, normalizedRequestHeaders, serverResourcesEnabled, serverSkillsRefreshKey, storageScope]);
-  const skillsStamp = useServerSkills({
-    apiBaseUrl,
-    fetch: fetch2,
+  const commandsStamp = useServerCommands({
     registry,
-    refreshKey: serverSkillsRefreshKey,
     requestHeaders: normalizedRequestHeaders,
+    sessionId: activeSessionId ?? "default",
+    apiBaseUrl,
+    fetch: fetch2,
     storageScope,
+    refreshKey: serverSkillsRefreshKey,
     enabled: serverResourcesEnabled
   });
-  const allCommands = useMemo12(() => registry.list(), [registry, skillsStamp]);
+  const allCommands = useMemo12(() => registry.list(), [registry, commandsStamp]);
   const activeChatSessionId = selectedChatState?.sessionId;
   const warmupNotice = composerNoticeForWarmup(workspaceWarmupStatus);
   const runtimeDependenciesNotice = composerNoticeForRuntimeDependencies(workspaceWarmupStatus);
@@ -9063,23 +9381,23 @@ function PiChatPanel({
     }] : [];
     return [...fromState, ...sessionNotice, ...largeStateNotice, ...localNotices].filter((notice) => !dismissedNoticeIds.has(notice.id));
   }, [debug, debugState?.largeStateWarning, dismissedNoticeIds, localNotices, selectedChatState, sessionsError]);
-  const addLocalNotice = useCallback19((notice) => {
+  const addLocalNotice = useCallback18((notice) => {
     setLocalNotices((previous) => {
       const next = previous.filter((candidate) => candidate.id !== notice.id);
       return [...next, notice];
     });
   }, []);
-  const clearLocalNotice = useCallback19((id) => {
+  const clearLocalNotice = useCallback18((id) => {
     setDismissedNoticeIds((previous) => new Set(previous).add(id));
     setLocalNotices((previous) => previous.filter((notice) => notice.id !== id));
   }, []);
-  const createSession = useCallback19(() => {
+  const createSession = useCallback18(() => {
     if (externalSessionId) return;
     void sessions.create().catch((error) => {
       addLocalNotice({ id: "session-create-error", level: "error", text: errorMessage2(error, "Could not create a Pi session."), dismissible: true });
     });
   }, [addLocalNotice, externalSessionId, sessions.create]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (externalSessionId || sessionsLoading || sessionsError || activeSessionId || sessionList.length > 0) return;
     if (resetInProgressRef.current) return;
     if (autoCreateInFlightRef.current) return;
@@ -9089,18 +9407,18 @@ function PiChatPanel({
       addLocalNotice({ id: "session-auto-create-error", level: "error", text: errorMessage2(error, "Could not create a Pi session."), dismissible: true });
     });
   }, [activeSessionId, addLocalNotice, externalSessionId, sessionList.length, sessions.create, sessionsError, sessionsLoading]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (externalSessionId || sessionsError || activeSessionId || sessionList.length > 0) {
       autoCreateInFlightRef.current = false;
     }
   }, [activeSessionId, externalSessionId, sessionList.length, sessionsError]);
-  const deleteSession = useCallback19((sessionId2) => {
+  const deleteSession = useCallback18((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 Pi session."), dismissible: true });
     });
   }, [addLocalNotice, externalSessionId, sessions.delete]);
-  const resetSession = useCallback19(() => {
+  const resetSession = useCallback18(() => {
     const currentSessionId = activeSessionId;
     if (externalSessionId) {
       void onSessionReset?.();
@@ -9118,11 +9436,11 @@ function PiChatPanel({
       resetInProgressRef.current = false;
     });
   }, [activeSessionId, addLocalNotice, externalSessionId, onSessionReset, sessions.create, sessions.delete]);
-  const reloadAgentPlugins = useCallback19(async () => {
+  const reloadAgentPlugins = useCallback18(async () => {
     if (!onReloadAgentPlugins) throw new Error("Agent plugin reload is not configured.");
     return await onReloadAgentPlugins();
   }, [onReloadAgentPlugins]);
-  const runPluginUpdate = useCallback19(async () => {
+  const runPluginUpdate = useCallback18(async () => {
     setPluginUpdateState({ kind: "running" });
     try {
       const message = await reloadAgentPlugins();
@@ -9140,8 +9458,26 @@ function PiChatPanel({
       return `Plugin update failed: ${message}`;
     }
   }, [reloadAgentPlugins]);
-  const dismissPluginUpdate = useCallback19(() => setPluginUpdateState(null), []);
-  useEffect20(() => {
+  const dismissPluginUpdate = useCallback18(() => setPluginUpdateState(null), []);
+  const dismissCommandNotify = useCallback18(() => setCommandNotifyState(null), []);
+  useEffect21(() => {
+    if (typeof window === "undefined") return;
+    const onCommandNotify = (event) => {
+      const payload = event.detail;
+      if (!payload || typeof payload.message !== "string") return;
+      const tone = payload.tone;
+      const command = payload.command ?? "";
+      if (tone === "error") {
+        setCommandNotifyState({ kind: "error", command, message: payload.message });
+      } else {
+        const runId = ++commandRunIdRef.current;
+        setCommandNotifyState({ kind: "success", command, detail: payload.message, runId });
+      }
+    };
+    window.addEventListener(WORKSPACE_COMMAND_NOTIFY_EVENT, onCommandNotify);
+    return () => window.removeEventListener(WORKSPACE_COMMAND_NOTIFY_EVENT, onCommandNotify);
+  }, []);
+  useEffect21(() => {
     if (!hotReloadEnabled || typeof window === "undefined") return;
     const onBrowserPluginReload = (event) => {
       const parsed = parseBrowserPluginReloadDetail(event.detail);
@@ -9179,7 +9515,7 @@ function PiChatPanel({
     textareaRef,
     disabled: mentionState !== null || slashQuery !== null || modelPickerOpen || thinkingPickerOpen
   });
-  const setComposerDraft = useCallback19((next, focus = true) => {
+  const setComposerDraft = useCallback18((next, focus = true) => {
     draftRef.current = next;
     setDraft(next);
     if (textareaRef.current) {
@@ -9187,11 +9523,11 @@ function PiChatPanel({
       if (focus) textareaRef.current.focus();
     }
   }, []);
-  const warnComposer = useCallback19((message) => {
+  const warnComposer = useCallback18((message) => {
     onComposerWarning?.(message);
     addLocalNotice({ id: `composer-warning:${Date.now()}`, level: "warning", text: message, dismissible: true });
   }, [addLocalNotice, onComposerWarning]);
-  const openModelPicker = useCallback19(() => {
+  const openModelPicker = useCallback18(() => {
     if (isPiBusyStatus(statusRef.current)) {
       warnComposer("Model picker is unavailable while the agent is running.");
       return false;
@@ -9204,7 +9540,7 @@ function PiChatPanel({
     setModelPickerOpen(true);
     return true;
   }, [model, warnComposer]);
-  const openThinkingPicker = useCallback19(() => {
+  const openThinkingPicker = useCallback18(() => {
     if (isPiBusyStatus(statusRef.current)) {
       warnComposer("Thinking picker is unavailable while the agent is running.");
       return false;
@@ -9217,21 +9553,21 @@ function PiChatPanel({
     setThinkingPickerOpen(true);
     return true;
   }, [thinkingControl, thinkingLevel, warnComposer]);
-  const selectComposerModel = useCallback19((query) => {
+  const selectComposerModel = useCallback18((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 = useCallback19((query) => {
+  const selectComposerThinking = useCallback18((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 = useCallback19((name) => {
+  const selectSlashCommand = useCallback18((name) => {
     if (name === "model") {
       dismissSlash();
       if (openModelPicker()) setComposerDraft("");
@@ -9309,7 +9645,7 @@ function PiChatPanel({
       }
     });
   }, [activeChatSessionId, addLocalNotice, clearMentionedFiles, composerBlocked, composerBlockerLabel, effectiveMentionedFiles, markLocalSubmitted, onBeforeSubmit, onCommandResult, onComposerWarning, onMentionedFilesConsumed, openModelPicker, openThinkingPicker, registry, reloadAgentPlugins, resetSession, runPluginUpdate, selectComposerModel, selectComposerThinking, selectedModel, selectedPiSession, selectedThinking, setComposerDraft, submitThinkingControl]);
-  const sendComposerMessage = useCallback19(async ({ text, files, source = "composer" }) => {
+  const sendComposerMessage = useCallback18(async ({ text, files, source = "composer" }) => {
     if (!policy) {
       addLocalNotice({ id: "composer-no-session", level: "warning", text: "Create or select a Pi session before sending.", dismissible: true });
       return false;
@@ -9337,7 +9673,7 @@ function PiChatPanel({
       throw error;
     }
   }, [activeChatSessionId, addLocalNotice, clearLocalSubmitted, markLocalSubmitted, policy, selectedPiSession, setComposerDraft]);
-  const editQueued = useCallback19(() => {
+  const editQueued = useCallback18(() => {
     if (!policy) return;
     void policy.editQueued().then((result) => {
       if (result.type === "clear-failed") {
@@ -9345,23 +9681,24 @@ function PiChatPanel({
       }
     });
   }, [addLocalNotice, policy]);
-  const stop = useCallback19(() => {
+  const stop = useCallback18(() => {
     onComposerStop?.();
     void policy?.stop().catch((error) => {
       addLocalNotice({ id: "stop-error", level: "error", text: errorMessage2(error, "Could not stop the Pi session."), dismissible: true });
     });
   }, [addLocalNotice, onComposerStop, policy]);
-  const interrupt = useCallback19(() => {
+  const interrupt = useCallback18(() => {
     void policy?.interrupt().catch((error) => {
       addLocalNotice({ id: "interrupt-error", level: "error", text: errorMessage2(error, "Could not interrupt the Pi session."), dismissible: true });
     });
   }, [addLocalNotice, policy]);
-  useEffect20(() => {
+  useEffect21(() => {
     setPluginUpdateState(null);
+    setCommandNotifyState(null);
     setLocalNotices([]);
     setDismissedNoticeIds(/* @__PURE__ */ new Set());
   }, [activeSessionId]);
-  useEffect20(() => {
+  useEffect21(() => {
     const currentSessionId = activeSessionId ?? "__none__";
     if (initialDraftGuard.current.shouldRestore(currentSessionId, initialDraft) && initialDraft !== void 0) {
       setComposerDraft(initialDraft, initialDraft.length > 0);
@@ -9370,7 +9707,7 @@ function PiChatPanel({
   }, [activeSessionId, initialDraft, onDraftRestored, setComposerDraft]);
   const remoteStatus = selectedChatState?.status ?? (sessionsLoading || chatStatePending || selectedSessionPending ? "hydrating" : "idle");
   const status = localSubmittedSessionId === activeSessionId && remoteStatus === "idle" ? "submitted" : remoteStatus;
-  useEffect20(() => {
+  useEffect21(() => {
     if (!localSubmittedSessionId) return;
     if (localSubmittedSessionId !== activeSessionId) {
       clearLocalSubmitted();
@@ -9378,7 +9715,7 @@ function PiChatPanel({
     }
     if (remoteStatus !== "idle") clearLocalSubmitted(localSubmittedSessionId);
   }, [activeSessionId, clearLocalSubmitted, localSubmittedSessionId, remoteStatus]);
-  useEffect20(() => {
+  useEffect21(() => {
     const previous = prevStatusRef.current;
     statusRef.current = status;
     prevStatusRef.current = status;
@@ -9388,7 +9725,7 @@ function PiChatPanel({
     if (!isPiBusyStatus(previous) && previous !== "submitted") return;
     settlePendingAutoSubmit();
   }, [settlePendingAutoSubmit, status]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!autoSubmitInitialDraft || !policy || !activeSessionId || composerBlocked) return;
     if (!initialDraftGuard.current.claimAutoSubmit(activeSessionId, initialDraft)) return;
     pendingAutoSubmitSettleRef.current = activeSessionId;
@@ -9423,7 +9760,7 @@ function PiChatPanel({
       addLocalNotice({ id: "auto-submit-error", level: "error", text: errorMessage2(error, "Could not auto-submit the initial draft."), dismissible: true });
     });
   }, [activeSessionId, addLocalNotice, autoSubmitInitialDraft, clearLocalSubmitted, composerBlocked, initialDraft, markLocalSubmitted, onAutoSubmitInitialDraftAccepted, policy, selectedPiSession, setComposerDraft, settlePendingAutoSubmit]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (workspaceWarmupStatus?.status === "ready") {
       clearLocalNotice("workspace-warmup");
     }
@@ -9434,18 +9771,18 @@ function PiChatPanel({
   const submitDisabled = !policy || sessionsLoading || composerBlocked && !isStreaming;
   const mergedToolRenderers = useMemo12(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
   const debugMessages = useMemo12(() => messages.map(toDebugUiMessage), [messages]);
-  const onTextareaChange = useCallback19((event) => {
+  const onTextareaChange = useCallback18((event) => {
     setModelPickerOpen(false);
     setThinkingPickerOpen(false);
     setDraft(event.currentTarget.value);
     handleComposerChange(event);
   }, [handleComposerChange]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!isStreaming) return;
     setModelPickerOpen(false);
     setThinkingPickerOpen(false);
   }, [isStreaming]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (typeof window === "undefined" || !activeChatSessionId) return;
     window.dispatchEvent(new CustomEvent("boring:chat-session-status", {
       detail: { sessionId: activeChatSessionId, working: isStreaming }
@@ -9458,7 +9795,7 @@ function PiChatPanel({
       }));
     };
   }, [activeChatSessionId, isStreaming]);
-  const onTextareaKeyDown = useCallback19((event) => {
+  const onTextareaKeyDown = useCallback18((event) => {
     if (event.key === "Escape" && isStreaming) {
       if (event.defaultPrevented || mentionState !== null || slashQuery !== null) {
         handleComposerKeyDown(event);
@@ -9470,7 +9807,7 @@ function PiChatPanel({
     }
     handleComposerKeyDown(event);
   }, [handleComposerKeyDown, interrupt, isStreaming, mentionState, slashQuery]);
-  return /* @__PURE__ */ jsx31(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx33(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
     "div",
     {
       "data-boring-agent": "",
@@ -9487,7 +9824,7 @@ function PiChatPanel({
       role: "region",
       "aria-label": "Agent assistant",
       children: [
-        showSessionSidebar ? /* @__PURE__ */ jsx31("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx31(
+        showSessionSidebar ? /* @__PURE__ */ jsx33("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx33(
           SessionList,
           {
             sessions: sessionList,
@@ -9501,7 +9838,7 @@ function PiChatPanel({
             loadingMore: sessions.loadingMore
           }
         ) }) : null,
-        /* @__PURE__ */ jsx31("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsx33("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
           "div",
           {
             className: cn(
@@ -9510,7 +9847,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__ */ jsx31(
+              /* @__PURE__ */ jsx33(
                 PiConversationSurface,
                 {
                   chrome,
@@ -9532,7 +9869,7 @@ function PiChatPanel({
                   windowResetKey: activeSessionId
                 }
               ),
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx33(
                 PiChatComposerSurface,
                 {
                   chrome,
@@ -9554,6 +9891,8 @@ function PiChatPanel({
                   pluginUpdateState,
                   onDismissPluginUpdate: dismissPluginUpdate,
                   onRunPluginUpdate: runPluginUpdate,
+                  commandNotifyState,
+                  onDismissCommandNotify: dismissCommandNotify,
                   attachmentNotice,
                   onAttachmentNotice: setAttachmentNotice,
                   mentionState,
@@ -9592,7 +9931,7 @@ function PiChatPanel({
             ]
           }
         ) }),
-        debug ? /* @__PURE__ */ jsx31(Suspense, { fallback: null, children: /* @__PURE__ */ jsx31("div", { "aria-label": "Pi chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx31(
+        debug ? /* @__PURE__ */ jsx33(Suspense, { fallback: null, children: /* @__PURE__ */ jsx33("div", { "aria-label": "Pi chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx33(
           DebugDrawer2,
           {
             apiBaseUrl,