@hachej/boring-agent 0.1.92 → 0.1.93

package/dist/front/index.js

@@ -68,7 +68,7 @@ function rawWorkspaceFileUrl(path, opts) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo13, useRef as useRef17, useState as useState20 } from "react";
+import { lazy, Suspense, useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo14, useRef as useRef18, useState as useState20 } from "react";
 
 // src/front/ArtifactOpenContext.tsx
 import { createContext, useContext } from "react";
@@ -279,6 +279,7 @@ var builtinCommands = [
   {
     name: "reload",
     description: "Reload agent plugins",
+    clickBehavior: "execute",
     handler(_, ctx) {
       if (ctx.pluginUpdate) return ctx.pluginUpdate.run();
       return ctx.reloadAgentPlugins();
@@ -6010,7 +6011,7 @@ function searchPiSessions(sessions, query, options = {}) {
 
 // src/front/chat/components/PiConversationSurface.tsx
 import { Loader2 as Loader22 } from "lucide-react";
-import { useCallback as useCallback14, useEffect as useEffect14, useLayoutEffect, useRef as useRef10, useState as useState15 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect14, useLayoutEffect, useRef as useRef11, useState as useState15 } from "react";
 import { useStickToBottomContext as useStickToBottomContext2 } from "use-stick-to-bottom";
 
 // src/front/primitives/conversation.tsx
@@ -6318,7 +6319,7 @@ function QueuedComposerNotice({ followUps, onEdit }) {
 }
 
 // src/front/chat/components/PiTimelineMessage.tsx
-import { useCallback as useCallback13, useEffect as useEffect13, useState as useState14 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect13, useMemo as useMemo10, useRef as useRef10, useState as useState14 } from "react";
 import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon3 } from "lucide-react";
 import { Button as Button11 } from "@hachej/boring-ui-kit";
 
@@ -6560,6 +6561,11 @@ import {
   TooltipProvider as TooltipProvider2,
   TooltipTrigger as TooltipTrigger2
 } from "@hachej/boring-ui-kit";
+
+// src/front/primitives/markdownStyles.ts
+var INLINE_CODE_CLASS_NAME = "rounded-[0.3em] bg-muted/55 px-[0.32em] py-[0.08em] font-mono text-[0.9em] font-medium text-foreground/90";
+
+// src/front/primitives/message.tsx
 import { cjk } from "@streamdown/cjk";
 import { code } from "@streamdown/code";
 import { math } from "@streamdown/math";
@@ -6684,8 +6690,7 @@ var MarkdownCode = ({
     "code",
     {
       className: cn(
-        "rounded-[0.3em] bg-muted/55 px-[0.32em] py-[0.08em]",
-        "font-mono text-[0.9em] font-medium text-foreground/90",
+        INLINE_CODE_CLASS_NAME,
         className
       ),
       ...props,
@@ -6711,7 +6716,7 @@ var MessageResponse = memo3(
       ...props
     }
   ),
-  (prevProps, nextProps) => prevProps.children === nextProps.children && nextProps.isAnimating === prevProps.isAnimating
+  (prevProps, nextProps) => prevProps.children === nextProps.children && nextProps.isAnimating === prevProps.isAnimating && nextProps.components === prevProps.components
 );
 MessageResponse.displayName = "MessageResponse";
 
@@ -7148,8 +7153,209 @@ var ToolCallGroup = memo6(({ tools, mergedToolRenderers }) => {
 });
 ToolCallGroup.displayName = "ToolCallGroup";
 
+// src/front/chat/components/MessageMentions.tsx
+import { Children, cloneElement, isValidElement as isValidElement2 } from "react";
+import { Fragment as Fragment7, jsx as jsx22 } from "react/jsx-runtime";
+var TERMINAL_BOUNDARY = String.raw`(?=$|\s|[.,;!?)}\]"'”’]+(?=$|\s))`;
+var PREFIX_BOUNDARY = String.raw`(^|[\s(\[{"'“‘])`;
+function escapeRegExp2(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function registeredNamePattern(names) {
+  const safeNames = [...new Set(names)].filter((name) => /^\w[\w-]*$/.test(name)).sort((a, b) => b.length - a.length);
+  return safeNames.length > 0 ? safeNames.map(escapeRegExp2).join("|") : void 0;
+}
+function addRegisteredCandidates(text, prefix, names, createMention, candidates) {
+  const namesPattern = registeredNamePattern(names);
+  if (!namesPattern || !text.includes(prefix)) return;
+  const pattern = new RegExp(`${PREFIX_BOUNDARY}\\${prefix}(${namesPattern})${TERMINAL_BOUNDARY}`, "g");
+  for (const match of text.matchAll(pattern)) {
+    if (match.index === void 0) continue;
+    const boundary = match[1] ?? "";
+    const name = match[2];
+    const mention = createMention(name);
+    if (!mention) continue;
+    const start = match.index + boundary.length;
+    candidates.push({ start, end: start + name.length + 1, mention });
+  }
+}
+function isSafeWorkspaceMentionPath(path) {
+  if (!path || path.startsWith("/") || path.includes("\\") || path.includes("://")) return false;
+  const segments = path.split("/");
+  if (!segments.every((segment) => segment.length > 0 && segment !== "." && segment !== "..")) return false;
+  const basename = segments.at(-1) ?? "";
+  return basename.startsWith(".") || /\.[A-Za-z0-9]{1,12}$/.test(basename);
+}
+function addFileCandidates(text, candidates) {
+  if (!text.includes("@")) return;
+  const pattern = new RegExp(`${PREFIX_BOUNDARY}@([A-Za-z0-9_.-]+(?:/[A-Za-z0-9_.-]+)*)${TERMINAL_BOUNDARY}`, "g");
+  for (const match of text.matchAll(pattern)) {
+    if (match.index === void 0) continue;
+    const boundary = match[1] ?? "";
+    const path = match[2].replace(/[.,;!?]+$/, "");
+    if (!isSafeWorkspaceMentionPath(path)) continue;
+    const start = match.index + boundary.length;
+    const label = `@${path}`;
+    candidates.push({ start, end: start + label.length, mention: { kind: "file", path, label } });
+  }
+}
+function collectMessageMentionCandidates(text, catalog) {
+  const candidates = [];
+  const commandsByName = new Map(catalog.commands.map((command) => [command.name, command]));
+  addRegisteredCandidates(text, "/", [...commandsByName.keys()], (name) => {
+    const command = commandsByName.get(name);
+    return command ? { kind: "command", name, label: `/${name}`, behavior: command.clickBehavior } : void 0;
+  }, candidates);
+  const skillsByName = new Map(catalog.skills.map((skill) => [skill.name, skill]));
+  addRegisteredCandidates(text, "!", [...skillsByName.keys()], (name) => {
+    const skill = skillsByName.get(name);
+    return skill ? { kind: "skill", name, commandName: skill.commandName, label: `!${name}` } : void 0;
+  }, candidates);
+  if (catalog.files) addFileCandidates(text, candidates);
+  return candidates;
+}
+function splitMessageMentions(text, catalog, context = {}) {
+  const before = context.before ?? "";
+  const after = context.after ?? "";
+  const source = `${before}${text}${after}`;
+  const contentStart = before.length;
+  const contentEnd = contentStart + text.length;
+  const candidates = collectMessageMentionCandidates(source, catalog).filter((candidate) => candidate.start >= contentStart && candidate.end <= contentEnd).map((candidate) => ({ ...candidate, start: candidate.start - contentStart, end: candidate.end - contentStart })).sort((a, b) => a.start - b.start || b.end - a.end);
+  const segments = [];
+  let cursor = 0;
+  for (const candidate of candidates) {
+    if (candidate.start < cursor) continue;
+    if (candidate.start > cursor) segments.push({ text: text.slice(cursor, candidate.start) });
+    segments.push({ text: candidate.mention.label, mention: candidate.mention });
+    cursor = candidate.end;
+  }
+  if (cursor < text.length) segments.push({ text: text.slice(cursor) });
+  return segments.length > 0 ? segments : [{ text }];
+}
+function mentionActionLabel(mention) {
+  if (mention.kind === "command") return mention.behavior === "execute" ? `Run ${mention.label} command` : `Insert ${mention.label} command`;
+  if (mention.kind === "skill") return `Insert ${mention.label} skill`;
+  return `Open ${mention.path}`;
+}
+function visibleText(node) {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (!isValidElement2(node)) return "";
+  const element = node;
+  return Children.toArray(element.props.children).map(visibleText).join("");
+}
+function MessageMentions({
+  children,
+  catalog,
+  onActivate,
+  before = "",
+  after = ""
+}) {
+  const nodes = Children.toArray(children);
+  const boundaryText = (index, direction) => {
+    const sibling = nodes[index + direction];
+    if (sibling !== void 0) return visibleText(sibling);
+    return direction === -1 ? before : after;
+  };
+  const decorate = (child, index) => {
+    if (typeof child === "string") {
+      return splitMessageMentions(child, catalog, {
+        before: boundaryText(index, -1),
+        after: boundaryText(index, 1)
+      }).map((segment, segmentIndex) => {
+        if (!segment.mention) return segment.text;
+        const actionLabel = mentionActionLabel(segment.mention);
+        return /* @__PURE__ */ jsx22(
+          "button",
+          {
+            type: "button",
+            "aria-label": actionLabel,
+            title: actionLabel,
+            "data-message-mention-kind": segment.mention.kind,
+            className: cn(
+              "mx-0.5 inline-flex items-center rounded-[var(--radius-sm)] border border-border/70 bg-muted/55 px-1.5 py-0.5",
+              "font-mono text-[0.9em] font-medium leading-none text-foreground underline-offset-2",
+              "hover:bg-muted hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1"
+            ),
+            onClick: () => onActivate(segment.mention),
+            children: segment.text
+          },
+          `${index}:${segmentIndex}`
+        );
+      });
+    }
+    if (isValidElement2(child)) {
+      const element = child;
+      const tagName = element.props.node?.tagName;
+      if (tagName === "strong" || tagName === "em" || tagName === "del" || element.type === "em" || element.type === "del") {
+        return cloneElement(
+          element,
+          void 0,
+          /* @__PURE__ */ jsx22(
+            MessageMentions,
+            {
+              catalog,
+              onActivate,
+              before: boundaryText(index, -1),
+              after: boundaryText(index, 1),
+              children: element.props.children
+            }
+          )
+        );
+      }
+    }
+    return child;
+  };
+  return nodes.map(decorate);
+}
+function createMessageMentionMarkdownComponents(catalog, onActivate) {
+  const decorate = (children) => /* @__PURE__ */ jsx22(MessageMentions, { catalog, onActivate, children });
+  const paragraph = ({ node: _node, children, ...props }) => {
+    const content = Children.toArray(children).filter((child) => child !== null && child !== "");
+    if (content.length === 1 && isValidElement2(content[0])) {
+      const child = content[0];
+      if (child.props.node?.tagName === "img") return /* @__PURE__ */ jsx22(Fragment7, { children });
+      if (child.props.node?.tagName === "code" && "data-block" in child.props) return /* @__PURE__ */ jsx22(Fragment7, { children });
+    }
+    return /* @__PURE__ */ jsx22("p", { ...props, children: decorate(children) });
+  };
+  const tableHeader = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("th", { ...props, "data-streamdown": "table-header-cell", className: cn("whitespace-nowrap px-4 py-2 text-left font-semibold text-sm", className), children: decorate(children) });
+  const tableCell = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("td", { ...props, "data-streamdown": "table-cell", className: cn("px-4 py-2 text-sm", className), children: decorate(children) });
+  const listItem = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22("li", { ...props, "data-streamdown": "list-item", className: cn("py-1 [&>p]:inline", className), children: decorate(children) });
+  const headingClasses = {
+    h1: "text-3xl",
+    h2: "text-2xl",
+    h3: "text-xl",
+    h4: "text-lg",
+    h5: "text-base",
+    h6: "text-sm"
+  };
+  const heading = (Tag) => ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22(Tag, { ...props, "data-streamdown": `heading-${Tag.slice(1)}`, className: cn("mt-6 mb-2 font-semibold", headingClasses[Tag], className), children: decorate(children) });
+  const inlineCode = ({ node: _node, children, className, ...props }) => /* @__PURE__ */ jsx22(
+    "code",
+    {
+      ...props,
+      className: cn(INLINE_CODE_CLASS_NAME, className),
+      children
+    }
+  );
+  return {
+    p: paragraph,
+    th: tableHeader,
+    td: tableCell,
+    li: listItem,
+    h1: heading("h1"),
+    h2: heading("h2"),
+    h3: heading("h3"),
+    h4: heading("h4"),
+    h5: heading("h5"),
+    h6: heading("h6"),
+    inlineCode
+  };
+}
+
 // src/front/chat/components/PiTimelineMessage.tsx
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var EMPTY_MENTION_CATALOG = { commands: [], skills: [], files: false };
 var COLLAPSIBLE_TOOL_NAMES = /* @__PURE__ */ new Set([
   "read",
   "ls",
@@ -7163,7 +7369,7 @@ var COLLAPSIBLE_TOOL_NAMES = /* @__PURE__ */ new Set([
 function isCollapsibleTool(part) {
   return part.type === "tool-call" && COLLAPSIBLE_TOOL_NAMES.has(part.toolName);
 }
-function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRenderers }) {
+function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRenderers, mentionCatalog = EMPTY_MENTION_CATALOG, onMentionActivate }) {
   const role = message.role;
   const isAssistant = role === "assistant";
   const textParts = message.parts.filter((part) => part.type === "text");
@@ -7171,6 +7377,31 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
   const finalParts = groupRenderableParts(message);
   const attachmentSummaryPaths = role === "user" ? attachmentPathsFromTextParts(textParts) : [];
   const openArtifact = useOpenArtifact();
+  const effectiveMentionCatalog = useMemo10(() => ({
+    commands: mentionCatalog.commands,
+    skills: mentionCatalog.skills,
+    files: mentionCatalog.files && Boolean(openArtifact)
+  }), [mentionCatalog, openArtifact]);
+  const mentionSignature = [
+    ...effectiveMentionCatalog.commands.map((command) => `command:${command.name}:${command.clickBehavior}`),
+    ...effectiveMentionCatalog.skills.map((skill) => `skill:${skill.name}:${skill.commandName}`),
+    effectiveMentionCatalog.files ? "files:enabled" : "files:disabled"
+  ].join("|");
+  const mentionActivateRef = useRef10(onMentionActivate);
+  mentionActivateRef.current = onMentionActivate;
+  const activateCurrentMention = useCallback13((mention) => {
+    if (mention.kind === "file") {
+      openArtifact?.(mention.path);
+      return;
+    }
+    mentionActivateRef.current?.(mention);
+  }, [openArtifact]);
+  const hasMentions = effectiveMentionCatalog.files || effectiveMentionCatalog.commands.length > 0 || effectiveMentionCatalog.skills.length > 0;
+  const mentionsEnabled = Boolean(isAssistant && !(isStreaming && isLast) && hasMentions);
+  const mentionMarkdownComponents = useMemo10(
+    () => mentionsEnabled ? createMessageMentionMarkdownComponents(effectiveMentionCatalog, activateCurrentMention) : void 0,
+    [activateCurrentMention, effectiveMentionCatalog, mentionSignature, mentionsEnabled]
+  );
   const shouldReserveStreamingActions = isStreaming && isAssistant && isLast;
   return /* @__PURE__ */ jsxs20(
     Message,
@@ -7194,7 +7425,7 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
               ) : "!w-full !bg-transparent !p-0"
             ),
             children: [
-              fileParts.length > 0 ? /* @__PURE__ */ jsx22(
+              fileParts.length > 0 ? /* @__PURE__ */ jsx23(
                 Attachments,
                 {
                   variant: role === "user" ? "inline" : "list",
@@ -7233,8 +7464,8 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
                           onKeyDown: openAttachmentFromKeyboard
                         } : void 0,
                         children: [
-                          /* @__PURE__ */ jsx22(AttachmentPreview, { className: role === "user" ? "!size-5 shrink-0 rounded-[var(--radius-sm)]" : "size-10 shrink-0 rounded-[var(--radius-md)]" }),
-                          /* @__PURE__ */ jsx22(AttachmentInfo, { className: role === "user" ? "min-w-0 max-w-[220px] flex-1 text-[12px]" : "min-w-0 flex-1" })
+                          /* @__PURE__ */ jsx23(AttachmentPreview, { className: role === "user" ? "!size-5 shrink-0 rounded-[var(--radius-sm)]" : "size-10 shrink-0 rounded-[var(--radius-md)]" }),
+                          /* @__PURE__ */ jsx23(AttachmentInfo, { className: role === "user" ? "min-w-0 max-w-[220px] flex-1 text-[12px]" : "min-w-0 flex-1" })
                         ]
                       },
                       `file-${message.id}-${index}`
@@ -7244,7 +7475,7 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
               ) : null,
               finalParts.map((item) => {
                 if (item.kind === "reasoning") {
-                  return /* @__PURE__ */ jsx22(
+                  return /* @__PURE__ */ jsx23(
                     TimelineReasoningPart,
                     {
                       item,
@@ -7254,17 +7485,18 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
                   );
                 }
                 if (item.kind === "tool-group") {
-                  return /* @__PURE__ */ jsx22("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx22(ToolCallGroup, { tools: item.tools, mergedToolRenderers: toolRenderers }) }, item.key);
+                  return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx23(ToolCallGroup, { tools: item.tools, mergedToolRenderers: toolRenderers }) }, item.key);
                 }
                 if (item.kind === "tool-plain") {
-                  return /* @__PURE__ */ jsx22("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx22(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
+                  return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-tools", children: /* @__PURE__ */ jsx23(PlainToolCard, { part: item.part, renderers: toolRenderers }) }, item.key);
                 }
                 if (item.part.type === "text") {
                   const text = textForMessageDisplay(item.part.text, role);
                   if (!text) return null;
-                  return /* @__PURE__ */ jsx22("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx22(
+                  return /* @__PURE__ */ jsx23("div", { "data-boring-agent-part": "message-text", children: /* @__PURE__ */ jsx23(
                     MessageResponse,
                     {
+                      components: mentionMarkdownComponents,
                       className: cn(
                         "max-w-none",
                         "prose prose-invert prose-neutral",
@@ -7280,18 +7512,19 @@ function PiTimelineMessage({ message, isLast, isStreaming, showThoughts, toolRen
                         "prose-pre:bg-transparent prose-pre:p-0"
                       ),
                       children: text
-                    }
+                    },
+                    `${mentionSignature || "no-message-mentions"}:${mentionsEnabled ? "enabled" : "static"}`
                   ) }, item.key);
                 }
                 if (item.part.type === "notice") {
-                  return /* @__PURE__ */ jsx22(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
+                  return /* @__PURE__ */ jsx23(NoticeBubble, { level: item.part.level, text: item.part.text }, item.key);
                 }
                 return null;
               })
             ]
           }
         ),
-        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx22(
+        isAssistant && (textParts.length > 0 || shouldReserveStreamingActions) ? /* @__PURE__ */ jsx23(
           MessageActionsBar,
           {
             text: textParts.map((part) => part.text).join("\n\n"),
@@ -7326,15 +7559,15 @@ function TimelineReasoningPart({ item, showThoughts }) {
       onOpenChange: handleOpenChange,
       autoClose: false,
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           ReasoningTrigger,
           {
             className: "mb-1 w-fit rounded-[var(--radius-sm)] px-0 py-0 !text-xs !font-normal !text-muted-foreground/75 hover:bg-transparent hover:!text-muted-foreground/75 [&_svg]:!text-muted-foreground/75",
-            getThinkingMessage: (streaming) => /* @__PURE__ */ jsx22("span", { children: streaming ? "thinking" : "thoughts" }),
+            getThinkingMessage: (streaming) => /* @__PURE__ */ jsx23("span", { children: streaming ? "thinking" : "thoughts" }),
             onClick: toggleManualOpen
           }
         ),
-        /* @__PURE__ */ jsx22(ReasoningContent, { children: item.text })
+        /* @__PURE__ */ jsx23(ReasoningContent, { children: item.text })
       ]
     }
   );
@@ -7343,7 +7576,7 @@ function PlainToolCard({ part, renderers }) {
   const toolPart = toToolPart(part);
   if (!toolPart) return null;
   const { renderer, part: resolved, resolution } = resolveToolRendererForPart(toolPart, renderers);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-tool-call-id": resolved.toolCallId,
@@ -7392,13 +7625,13 @@ ${part.text}`;
   return grouped;
 }
 function NoticeBubble({ level, text }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-boring-agent-part": "message-notice",
       "data-notice-level": level,
       className: noticeSurfaceClass(level, "text-xs"),
-      children: /* @__PURE__ */ jsx22("div", { className: noticeTextClass(), children: text })
+      children: /* @__PURE__ */ jsx23("div", { className: noticeTextClass(), children: text })
     }
   );
 }
@@ -7477,7 +7710,7 @@ function MessageActionsBar({
     "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[color:var(--accent)]/40"
   );
   const hiddenActionProps = visible ? {} : { tabIndex: -1 };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "aria-hidden": !visible,
@@ -7485,7 +7718,7 @@ function MessageActionsBar({
         "flex min-h-6 items-center gap-0.5 -mt-1 transition-opacity duration-200",
         visible ? "opacity-100" : "pointer-events-none opacity-0"
       ),
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx23(
         Button11,
         {
           type: "button",
@@ -7496,7 +7729,7 @@ function MessageActionsBar({
           "aria-label": copied ? "Copied" : "Copy message",
           title: copied ? "Copied" : "Copy",
           ...hiddenActionProps,
-          children: copied ? /* @__PURE__ */ jsx22(CheckIcon2, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx22(CopyIcon3, { className: "h-3.5 w-3.5" })
+          children: copied ? /* @__PURE__ */ jsx23(CheckIcon2, { className: "h-3.5 w-3.5 text-[color:var(--accent)]" }) : /* @__PURE__ */ jsx23(CopyIcon3, { className: "h-3.5 w-3.5" })
         }
       )
     }
@@ -7517,7 +7750,7 @@ function partKey(messageId, part, index) {
 }
 
 // src/front/chat/components/PiConversationSurface.tsx
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var TRANSCRIPT_WINDOW = 60;
 var TRANSCRIPT_WINDOW_STEP = 40;
 var LOAD_OLDER_THRESHOLD_PX = 320;
@@ -7531,6 +7764,8 @@ function PiConversationSurface({
   isStreaming,
   showThoughts,
   toolRenderers,
+  mentionCatalog,
+  onMentionActivate,
   runtimeNotices,
   onDismissNotice,
   renderNoticeAction,
@@ -7565,10 +7800,10 @@ function PiConversationSurface({
           emptyHero && "py-4 text-center"
         ), children: [
           messages.length === 0 && emptyStateHydrating ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 rounded-xl border border-border bg-card/70 px-4 py-3 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx23(Loader22, { className: "h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ jsx24(Loader22, { className: "h-4 w-4 animate-spin" }),
             "Loading chat history\u2026"
           ] }) : null,
-          messages.length === 0 && !emptyStateHydrating ? /* @__PURE__ */ jsx23(
+          messages.length === 0 && !emptyStateHydrating ? /* @__PURE__ */ jsx24(
             ChatEmptyState,
             {
               eyebrow: emptyState?.eyebrow,
@@ -7586,29 +7821,31 @@ function PiConversationSurface({
               }
             }
           ) : null,
-          hasOlder ? /* @__PURE__ */ jsx23(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
-          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx23(
+          hasOlder ? /* @__PURE__ */ jsx24(TranscriptHistoryLoader, { olderCount, onLoadOlder: loadOlder }) : null,
+          visibleItems.map(({ message, key }, index) => /* @__PURE__ */ jsx24(
             PiTimelineMessage,
             {
               message,
               isLast: index === visibleItems.length - 1,
               isStreaming,
               showThoughts,
-              toolRenderers
+              toolRenderers,
+              mentionCatalog,
+              onMentionActivate
             },
             key
           )),
-          /* @__PURE__ */ jsx23(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction })
+          /* @__PURE__ */ jsx24(RuntimeNoticeMessages, { notices: runtimeNotices, onDismiss: onDismissNotice, renderAction: renderNoticeAction })
         ] }),
-        /* @__PURE__ */ jsx23(ConversationScrollButton, {})
+        /* @__PURE__ */ jsx24(ConversationScrollButton, {})
       ]
     }
   );
 }
 function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
   const { scrollRef } = useStickToBottomContext2();
-  const pendingAnchor = useRef10(null);
-  const armed = useRef10(true);
+  const pendingAnchor = useRef11(null);
+  const armed = useRef11(true);
   useEffect14(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -7632,7 +7869,7 @@ function TranscriptHistoryLoader({ olderCount, onLoadOlder }) {
     }
     if (el.scrollTop > LOAD_OLDER_THRESHOLD_PX) armed.current = true;
   });
-  return /* @__PURE__ */ jsx23("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx24("div", { className: "flex justify-center", "data-boring-agent-part": "transcript-load-older", children: /* @__PURE__ */ jsxs21(
     "button",
     {
       type: "button",
@@ -7673,10 +7910,10 @@ import { useCallback as useCallback16, useLayoutEffect as useLayoutEffect2 } fro
 import { motion as motion2 } from "motion/react";
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { useEffect as useEffect15, useRef as useRef11 } from "react";
+import { useEffect as useEffect15, useRef as useRef12 } from "react";
 
 // src/front/composer/ComposerStatusBanner.tsx
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function ComposerStatusBanner({
   tone,
   dataAttribute,
@@ -7705,8 +7942,8 @@ function ComposerStatusBanner({
           maxWidthClassName
         ),
         children: [
-          /* @__PURE__ */ jsx24("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx24("span", { children: runningContent })
+          /* @__PURE__ */ jsx25("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-accent", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx25("span", { children: runningContent })
         ]
       }
     );
@@ -7725,12 +7962,12 @@ function ComposerStatusBanner({
         ),
         children: [
           /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ jsx24("span", { className: "mt-0.5 text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
+            /* @__PURE__ */ jsx25("span", { className: "mt-0.5 text-[oklch(0.45_0.13_148)]", "aria-hidden": "true", children: "\u2713" }),
             /* @__PURE__ */ jsxs22("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ 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__ */ jsx25("span", { className: "block font-medium leading-5", children: title }),
+              detail ? /* @__PURE__ */ jsx25("span", { className: "block leading-4 text-muted-foreground", children: detail }) : null
             ] }),
-            onDismiss ? /* @__PURE__ */ jsx24(
+            onDismiss ? /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -7759,9 +7996,9 @@ function ComposerStatusBanner({
       ),
       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(
+          /* @__PURE__ */ jsx25("span", { className: "text-destructive", "aria-hidden": "true", children: "\u26A0" }),
+          /* @__PURE__ */ jsx25("span", { className: "flex-1 font-medium", children: title }),
+          onRetry ? /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -7770,7 +8007,7 @@ function ComposerStatusBanner({
               children: retryLabel
             }
           ) : null,
-          onDismiss ? /* @__PURE__ */ jsx24(
+          onDismiss ? /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -7781,14 +8018,14 @@ function ComposerStatusBanner({
             }
           ) : null
         ] }),
-        message ? /* @__PURE__ */ jsx24("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
+        message ? /* @__PURE__ */ jsx25("pre", { className: "mt-2 whitespace-pre-wrap break-words text-[11px] text-destructive/90", children: message }) : null
       ]
     }
   );
 }
 
 // src/front/composer/PluginUpdateStatus.tsx
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function PluginUpdateStatus({
   state,
   onDismiss,
@@ -7796,7 +8033,7 @@ function PluginUpdateStatus({
   successAutoDismissMs = 1400,
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef11(onDismiss);
+  const onDismissRef = useRef12(onDismiss);
   useEffect15(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
@@ -7810,7 +8047,7 @@ function PluginUpdateStatus({
   }, [state?.kind, successDismissKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       ComposerStatusBanner,
       {
         tone: "running",
@@ -7848,7 +8085,7 @@ function PluginUpdateStatus({
               ),
               children: [
                 /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
-                  /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", children: "\u26A0" }),
                   /* @__PURE__ */ jsxs23("span", { children: [
                     "Reload diagnostics for ",
                     diagnostics.length,
@@ -7856,8 +8093,8 @@ function PluginUpdateStatus({
                     diagnostics.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__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" }),
+                /* @__PURE__ */ jsx26("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx26("code", { className: "font-mono text-[10.5px]", children: diagnostic.pluginId ?? diagnostic.source ?? "plugin" }),
                   " \u2014 ",
                   diagnostic.message ?? "reload diagnostic"
                 ] }, `${diagnostic.pluginId ?? diagnostic.source ?? "plugin"}-${index}`)) })
@@ -7874,7 +8111,7 @@ function PluginUpdateStatus({
               ),
               children: [
                 /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5 font-medium text-[oklch(0.48_0.15_60)]", children: [
-                  /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u26A0" }),
+                  /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", children: "\u26A0" }),
                   /* @__PURE__ */ jsxs23("span", { children: [
                     "Restart needed for ",
                     warnings.length,
@@ -7882,12 +8119,12 @@ function PluginUpdateStatus({
                     warnings.length === 1 ? "" : "s"
                   ] })
                 ] }),
-                /* @__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 }),
+                /* @__PURE__ */ jsx26("ul", { className: "mt-1 ml-4 list-disc text-foreground/85", children: warnings.map((w) => /* @__PURE__ */ jsxs23("li", { children: [
+                  /* @__PURE__ */ jsx26("code", { className: "font-mono text-[10.5px]", children: w.id }),
                   " \u2014 ",
                   w.surfaces.join(" + ")
                 ] }, w.id)) }),
-                /* @__PURE__ */ jsx25("p", { className: "mt-1 text-foreground/70", children: "The interface reloaded successfully, but routes and tools were wired at boot. Restart the workspace process to pick up the new code." })
+                /* @__PURE__ */ jsx26("p", { className: "mt-1 text-foreground/70", children: "The interface reloaded successfully, but routes and tools were wired at boot. Restart the workspace process to pick up the new code." })
               ]
             }
           ) : null
@@ -7895,7 +8132,7 @@ function PluginUpdateStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     ComposerStatusBanner,
     {
       tone: "error",
@@ -7912,15 +8149,15 @@ function PluginUpdateStatus({
 }
 
 // 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";
+import { useEffect as useEffect16, useRef as useRef13 } from "react";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function CommandRunStatus({
   state,
   onDismiss,
   successAutoDismissMs = 1400,
   maxWidthClassName = "max-w-3xl"
 }) {
-  const onDismissRef = useRef12(onDismiss);
+  const onDismissRef = useRef13(onDismiss);
   useEffect16(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
@@ -7932,13 +8169,13 @@ function CommandRunStatus({
   }, [state?.kind, successKey, successAutoDismissMs]);
   if (!state) return null;
   if (state.kind === "running") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       ComposerStatusBanner,
       {
         tone: "running",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+        runningContent: state.command ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
           " Running ",
           /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
             "/",
@@ -7950,13 +8187,13 @@ function CommandRunStatus({
     );
   }
   if (state.kind === "success") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       ComposerStatusBanner,
       {
         tone: "success",
         dataAttribute: "data-boring-command-run",
         maxWidthClassName,
-        title: state.command ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+        title: state.command ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
           " Ran ",
           /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
             "/",
@@ -7970,13 +8207,13 @@ function CommandRunStatus({
       }
     );
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     ComposerStatusBanner,
     {
       tone: "error",
       dataAttribute: "data-boring-command-run",
       maxWidthClassName,
-      title: state.command ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
+      title: state.command ? /* @__PURE__ */ jsxs24(Fragment8, { children: [
         " ",
         /* @__PURE__ */ jsxs24("code", { className: "font-mono", children: [
           "/",
@@ -7992,7 +8229,7 @@ function CommandRunStatus({
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { forwardRef, useEffect as useEffect17, useRef as useRef13, useState as useState16 } from "react";
+import { forwardRef, useEffect as useEffect17, useRef as useRef14, useState as useState16 } from "react";
 import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import {
   Command,
@@ -8026,7 +8263,7 @@ function displayProviderLabel(provider) {
 }
 
 // src/front/chatPanelComposerControls.tsx
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx28, 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",
@@ -8094,7 +8331,7 @@ function useDismissOnOutsidePointer(ref, onClose) {
 }
 function ThinkingLevelGlyph({ level }) {
   const lit = level === "off" ? 0 : level === "low" ? 1 : level === "medium" ? 2 : 3;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "svg",
     {
       "aria-hidden": "true",
@@ -8103,7 +8340,7 @@ function ThinkingLevelGlyph({ level }) {
       viewBox: "0 0 14 14",
       fill: "none",
       className: "shrink-0",
-      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx27(
+      children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx28(
         "rect",
         {
           x: 2 + i * 4,
@@ -8149,7 +8386,7 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
 }, ref) {
   const triggerLabel = modelTriggerLabel(value, options, emptyLabel);
   const triggerDisplay = value ? `${triggerLabel} (${displayProviderLabel(value.provider)})` : triggerLabel;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       ref,
@@ -8167,12 +8404,12 @@ var ModelSelectTrigger = forwardRef(function ModelSelectTrigger2({
         className
       ),
       ...props,
-      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" })
+      children: trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+        /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "/model: " }),
+        /* @__PURE__ */ jsx28("span", { className: "text-foreground", children: triggerDisplay })
+      ] }) : /* @__PURE__ */ jsxs25(Fragment9, { children: [
+        /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate", children: triggerDisplay }),
+        /* @__PURE__ */ jsx28(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
       ] })
     }
   );
@@ -8193,8 +8430,8 @@ function ModelPickerMenu({
   const keyboardOptions = hideDefaultOption ? groupedOptions : [null, ...groupedOptions];
   const selectedIndex = currentKey ? Math.max(0, keyboardOptions.findIndex((option) => option && encodeModelKey(option) === currentKey)) : 0;
   const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef13(selectedIndex);
-  const menuRef = useRef13(null);
+  const activeIndexRef = useRef14(selectedIndex);
+  const menuRef = useRef14(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
@@ -8229,8 +8466,8 @@ function ModelPickerMenu({
   }, [activeIndex, disabled, keyboardOptions, onChange, onClose]);
   const optionIndexOffset = hideDefaultOption ? 0 : 1;
   const optionIndexes = new Map(groupedOptions.map((option, index) => [encodeModelKey(option), index + optionIndexOffset]));
-  return /* @__PURE__ */ 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(
+  return /* @__PURE__ */ jsx28("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "model-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsxs25(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: [
+    menuOptions.length > 8 && /* @__PURE__ */ jsx28("div", { className: "border-b border-border/60 px-2", children: /* @__PURE__ */ jsx28(
       CommandInput,
       {
         placeholder: "Search models\u2026",
@@ -8239,8 +8476,8 @@ function ModelPickerMenu({
       }
     ) }),
     /* @__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" }),
-      !hideDefaultOption ? /* @__PURE__ */ jsx27(CommandGroup, { children: /* @__PURE__ */ jsxs25(
+      /* @__PURE__ */ jsx28(CommandEmpty, { className: "py-4 text-center text-[13px] text-muted-foreground", children: "No models found" }),
+      !hideDefaultOption ? /* @__PURE__ */ jsx28(CommandGroup, { children: /* @__PURE__ */ jsxs25(
         CommandItem,
         {
           value: "Default model automatic auto",
@@ -8251,7 +8488,7 @@ function ModelPickerMenu({
           },
           className: selectorItemClass(!value || activeIndex === 0),
           children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               CheckIcon3,
               {
                 className: cn(
@@ -8260,12 +8497,12 @@ function ModelPickerMenu({
                 )
               }
             ),
-            /* @__PURE__ */ jsx27("span", { className: "truncate", children: "Default model" }),
-            /* @__PURE__ */ jsx27("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: "auto" })
+            /* @__PURE__ */ jsx28("span", { className: "truncate", children: "Default model" }),
+            /* @__PURE__ */ jsx28("span", { className: "ml-auto shrink-0 text-[10px] text-muted-foreground/60", children: "auto" })
           ]
         }
       ) }) : null,
-      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx27(
+      [...groups.entries()].map(([provider, list]) => /* @__PURE__ */ jsx28(
         CommandGroup,
         {
           heading: displayProviderLabel(provider),
@@ -8285,7 +8522,7 @@ function ModelPickerMenu({
                 },
                 className: cn(selectorItemClass(key === currentKey || activeIndex === itemIndex)),
                 children: [
-                  /* @__PURE__ */ jsx27(
+                  /* @__PURE__ */ jsx28(
                     CheckIcon3,
                     {
                       className: cn(
@@ -8294,8 +8531,8 @@ function ModelPickerMenu({
                       )
                     }
                   ),
-                  /* @__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 })
+                  /* @__PURE__ */ jsx28("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap", children: label }),
+                  /* @__PURE__ */ jsx28("span", { className: "ml-auto max-w-[45%] shrink-0 truncate whitespace-nowrap text-right text-[10px] text-muted-foreground/60", children: m.id })
                 ]
               },
               key
@@ -8321,7 +8558,7 @@ function ModelSelect({
   hideDefaultOption = false
 }) {
   const [open, setOpen] = useState16(false);
-  const previousOpenSignalRef = useRef13(openSignal);
+  const previousOpenSignalRef = useRef14(openSignal);
   useEffect17(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
@@ -8334,7 +8571,7 @@ function ModelSelect({
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
   return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx27(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
       ModelSelectTrigger,
       {
         value,
@@ -8348,7 +8585,7 @@ function ModelSelect({
         "aria-describedby": ariaDescribedBy
       }
     ) }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "start",
@@ -8357,7 +8594,7 @@ function ModelSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,340px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx28(
           ModelPickerMenu,
           {
             value,
@@ -8382,7 +8619,7 @@ function ThinkingSelect({
   className
 }) {
   const [open, setOpen] = useState16(false);
-  const previousOpenSignalRef = useRef13(openSignal);
+  const previousOpenSignalRef = useRef14(openSignal);
   useEffect17(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
@@ -8395,7 +8632,7 @@ function ThinkingSelect({
     previousOpenSignalRef.current = openSignal;
   }, [disabled, openSignal]);
   return /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
-    /* @__PURE__ */ jsx27(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
       ThinkingSelectTrigger,
       {
         value,
@@ -8405,7 +8642,7 @@ function ThinkingSelect({
         className
       }
     ) }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       PopoverContent,
       {
         align: trigger === "slash" ? "center" : "end",
@@ -8414,7 +8651,7 @@ function ThinkingSelect({
         collisionPadding: 12,
         "data-boring-agent": "",
         className: cn("w-[min(92vw,240px)]", selectorContentClass),
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx28(
           ThinkingPickerMenu,
           {
             value,
@@ -8458,13 +8695,13 @@ var ThinkingSelectTrigger = forwardRef(function ThinkingSelectTrigger2({
       onClick,
       ...props,
       children: [
-        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" })
+        trigger === "button" ? /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level: value }) : null,
+        trigger === "slash" ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+          /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: "/thinking: " }),
+          /* @__PURE__ */ jsx28("span", { className: "text-foreground", children: THINKING_LEVEL_STATUS_LABELS[value] })
+        ] }) : /* @__PURE__ */ jsxs25(Fragment9, { children: [
+          /* @__PURE__ */ jsx28("span", { children: THINKING_LEVEL_LABELS[value] }),
+          /* @__PURE__ */ jsx28(ChevronDownIcon5, { className: "h-3 w-3 shrink-0 text-muted-foreground/50", "aria-hidden": "true" })
         ] })
       ]
     }
@@ -8479,8 +8716,8 @@ function ThinkingPickerMenu({
 }) {
   const selectedIndex = Math.max(0, THINKING_LEVELS.indexOf(value));
   const [activeIndex, setActiveIndex] = useState16(selectedIndex);
-  const activeIndexRef = useRef13(selectedIndex);
-  const menuRef = useRef13(null);
+  const activeIndexRef = useRef14(selectedIndex);
+  const menuRef = useRef14(null);
   useDismissOnOutsidePointer(menuRef, onClose);
   const setKeyboardActiveIndex = (next) => {
     const resolved = typeof next === "function" ? next(activeIndexRef.current) : next;
@@ -8513,7 +8750,7 @@ function ThinkingPickerMenu({
     window.addEventListener("keydown", handler, { capture: true });
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [activeIndex, disabled, onChange, onClose]);
-  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(
+  return /* @__PURE__ */ jsx28("div", { ref: menuRef, "data-boring-agent": "", "data-boring-agent-part": "thinking-picker-menu", className: cn(composerPickerMenuClass, className), children: /* @__PURE__ */ jsx28(Command, { className: "bg-transparent text-[color:var(--popover-foreground)]", children: /* @__PURE__ */ jsx28(CommandList, { className: "max-h-[300px] p-0.5", children: THINKING_LEVELS.map((level, index) => /* @__PURE__ */ jsxs25(
     CommandItem,
     {
       value: `Thinking ${THINKING_LEVEL_LABELS[level]} ${THINKING_LEVEL_DETAILS[level]}`,
@@ -8524,7 +8761,7 @@ function ThinkingPickerMenu({
       },
       className: selectorItemClass(level === value || index === activeIndex),
       children: [
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           CheckIcon3,
           {
             className: cn(
@@ -8533,9 +8770,9 @@ function ThinkingPickerMenu({
             )
           }
         ),
-        /* @__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] })
+        /* @__PURE__ */ jsx28(ThinkingLevelGlyph, { level }),
+        /* @__PURE__ */ jsx28("span", { className: "font-medium", children: THINKING_LEVEL_LABELS[level] }),
+        /* @__PURE__ */ jsx28("span", { className: "ml-auto text-[11px] text-muted-foreground/65", children: THINKING_LEVEL_DETAILS[level] })
       ]
     },
     level
@@ -8576,7 +8813,7 @@ import {
   XIcon as XIcon5
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo10, useRef as useRef14, useState as useState17 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo11, useRef as useRef15, useState as useState17 } from "react";
 
 // src/front/primitives/prompt-input-context.ts
 import { createContext as createContext6, useContext as useContext6 } from "react";
@@ -8610,13 +8847,13 @@ import {
   TooltipContent as TooltipContent3,
   TooltipTrigger as TooltipTrigger3
 } from "@hachej/boring-ui-kit";
-import { Children } from "react";
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Children as Children2 } from "react";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var PromptInputFooter = ({
   align = "block-end",
   className,
   ...props
-}) => /* @__PURE__ */ jsx28(
+}) => /* @__PURE__ */ jsx29(
   InputGroupAddon,
   {
     align,
@@ -8626,7 +8863,7 @@ var PromptInputFooter = ({
 );
 
 // src/front/primitives/prompt-input.tsx
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var PromptInput = ({
   className,
   accept,
@@ -8643,12 +8880,12 @@ var PromptInput = ({
 }) => {
   const controller = useOptionalPromptInputController();
   const usingProvider = !!controller;
-  const providerTextValueRef = useRef14("");
+  const providerTextValueRef = useRef15("");
   if (usingProvider) {
     providerTextValueRef.current = controller.textInput.value;
   }
-  const inputRef = useRef14(null);
-  const formRef = useRef14(null);
+  const inputRef = useRef15(null);
+  const formRef = useRef15(null);
   const [items, setItems] = useState17([]);
   const setFileUrlLocal = useCallback15((id, url, status, path) => {
     setItems((prev) => prev.map((f) => {
@@ -8659,7 +8896,7 @@ var PromptInput = ({
   }, []);
   const files = usingProvider ? controller.attachments.files : items;
   const [referencedSources, setReferencedSources] = useState17([]);
-  const filesRef = useRef14(files);
+  const filesRef = useRef15(files);
   useEffect18(() => {
     filesRef.current = files;
   }, [files]);
@@ -8881,7 +9118,7 @@ var PromptInput = ({
     [add]
   );
   const setFileUrl = usingProvider ? controller.attachments.setFileUrl : setFileUrlLocal;
-  const attachmentsCtx = useMemo10(
+  const attachmentsCtx = useMemo11(
     () => ({
       add,
       clear: clearAttachments,
@@ -8893,7 +9130,7 @@ var PromptInput = ({
     }),
     [files, add, remove, clearAttachments, openFileDialog, setFileUrl]
   );
-  const refsCtx = useMemo10(
+  const refsCtx = useMemo11(
     () => ({
       add: (incoming) => {
         const array = Array.isArray(incoming) ? incoming : [incoming];
@@ -8969,8 +9206,8 @@ var PromptInput = ({
     },
     [usingProvider, controller, files, onSubmit, clear]
   );
-  const inner = /* @__PURE__ */ jsxs27(Fragment9, { children: [
-    /* @__PURE__ */ jsx29(
+  const inner = /* @__PURE__ */ jsxs27(Fragment10, { children: [
+    /* @__PURE__ */ jsx30(
       Input,
       {
         accept,
@@ -8983,7 +9220,7 @@ var PromptInput = ({
         type: "file"
       }
     ),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       "form",
       {
         "data-boring-agent-part": "composer",
@@ -8991,12 +9228,12 @@ var PromptInput = ({
         onSubmit: handleSubmit,
         ref: formRef,
         ...props,
-        children: /* @__PURE__ */ jsx29(InputGroup, { className: "overflow-hidden", children })
+        children: /* @__PURE__ */ jsx30(InputGroup, { className: "overflow-hidden", children })
       }
     )
   ] });
-  const withReferencedSources = /* @__PURE__ */ jsx29(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
-  return /* @__PURE__ */ jsx29(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
+  const withReferencedSources = /* @__PURE__ */ jsx30(LocalReferencedSourcesContext.Provider, { value: refsCtx, children: inner });
+  return /* @__PURE__ */ jsx30(LocalAttachmentsContext.Provider, { value: attachmentsCtx, children: withReferencedSources });
 };
 var PromptInputTextarea = ({
   onChange,
@@ -9074,7 +9311,7 @@ var PromptInputTextarea = ({
   } : {
     onChange
   };
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     InputGroupTextarea,
     {
       "data-boring-agent-part": "composer-input",
@@ -9101,13 +9338,13 @@ var PromptInputSubmit = ({
   ...props
 }) => {
   const isGenerating = status === "submitted" || status === "streaming";
-  let Icon = /* @__PURE__ */ jsx29(CornerDownLeftIcon, { className: "size-4" });
+  let Icon = /* @__PURE__ */ jsx30(CornerDownLeftIcon, { className: "size-4" });
   if (status === "submitted") {
-    Icon = /* @__PURE__ */ jsx29(Spinner, {});
+    Icon = /* @__PURE__ */ jsx30(Spinner, {});
   } else if (status === "streaming") {
-    Icon = /* @__PURE__ */ jsx29(SquareIcon, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx30(SquareIcon, { className: "size-4" });
   } else if (status === "error") {
-    Icon = /* @__PURE__ */ jsx29(XIcon5, { className: "size-4" });
+    Icon = /* @__PURE__ */ jsx30(XIcon5, { className: "size-4" });
   }
   const handleClick = useCallback15(
     (e) => {
@@ -9120,7 +9357,7 @@ var PromptInputSubmit = ({
     },
     [isGenerating, onStop, onClick]
   );
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     InputGroupButton2,
     {
       "aria-label": isGenerating ? "Stop" : "Submit",
@@ -9137,8 +9374,8 @@ var PromptInputSubmit = ({
 };
 
 // src/front/primitives/slash-command-picker.tsx
-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";
+import { useEffect as useEffect19, useMemo as useMemo12, useRef as useRef16, useState as useState18 } from "react";
+import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 var ALL_PLUGINS = "__all__";
 function commandGroup(cmd) {
   if (cmd.source === "skill") return "skills";
@@ -9149,17 +9386,17 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
   const [plugin, setPlugin] = useState18(ALL_PLUGINS);
   const [searchQuery, setSearchQuery] = useState18(query);
   const [activeIdx, setActiveIdx] = useState18(0);
-  const containerRef = useRef15(null);
-  const listRef = useRef15(null);
-  const inputRef = useRef15(null);
+  const containerRef = useRef16(null);
+  const listRef = useRef16(null);
+  const inputRef = useRef16(null);
   useEffect19(() => {
     setSearchQuery(query);
   }, [query]);
-  const groups = useMemo11(() => {
+  const groups = useMemo12(() => {
     const set = new Set(commands.map(commandGroup));
     return Array.from(set).sort((a, b) => a.localeCompare(b));
   }, [commands]);
-  const filtered = useMemo11(() => {
+  const filtered = useMemo12(() => {
     const q = searchQuery.trim().toLowerCase();
     return commands.filter((c) => {
       if (plugin !== ALL_PLUGINS && commandGroup(c) !== plugin) return false;
@@ -9190,7 +9427,7 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
     onDismiss
   });
   return /* @__PURE__ */ jsxs28("div", { ref: containerRef, className: "mb-1 w-full overflow-hidden rounded-lg border border-border/60 bg-popover shadow-lg", children: [
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       "input",
       {
         ref: inputRef,
@@ -9205,9 +9442,9 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         autoComplete: "off"
       }
     ),
-    /* @__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) => {
+    /* @__PURE__ */ jsx31("div", { className: "flex flex-wrap gap-1 border-b border-border/50 px-2 py-1.5", role: "tablist", "aria-label": "Filter by plugin", children: [ALL_PLUGINS, ...groups].map((g) => {
       const selected = plugin === g;
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -9227,7 +9464,7 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
         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(
+    filtered.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "px-3 py-2 text-[11px] text-muted-foreground", children: "No matching commands." }) : /* @__PURE__ */ jsx31("ul", { ref: listRef, className: "max-h-80 overflow-y-auto py-1", role: "listbox", "aria-label": "Commands", children: filtered.map((cmd, i) => /* @__PURE__ */ jsxs28(
       "li",
       {
         role: "option",
@@ -9250,15 +9487,15 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
               "/",
               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.source === "skill" ? /* @__PURE__ */ jsxs28(Fragment11, { children: [
+              /* @__PURE__ */ jsx31("span", { className: "rounded-sm bg-accent/15 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-accent-foreground", children: "skill" }),
+              cmd.sourcePlugin ? /* @__PURE__ */ jsx31("span", { className: "rounded-sm bg-muted px-1 py-px text-[9px] font-medium text-muted-foreground", children: cmd.sourcePlugin }) : null
             ] }) : cmd.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 })
+              /* @__PURE__ */ jsx31("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 })
+          /* @__PURE__ */ jsx31("span", { className: "truncate text-[11px] opacity-50", children: cmd.description })
         ]
       },
       cmd.name
@@ -9269,10 +9506,10 @@ function SlashCommandPicker({ query, commands, onSelect, onDismiss }) {
 // src/front/chat/components/ComposerAttachments.tsx
 import { AlertCircleIcon as AlertCircleIcon2, Loader2 as Loader23, PaperclipIcon as PaperclipIcon2 } from "lucide-react";
 import { IconButton as IconButton3 } from "@hachej/boring-ui-kit";
-import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 function AttachmentButton({ disabled, className }) {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     IconButton3,
     {
       type: "button",
@@ -9285,14 +9522,14 @@ 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__ */ jsx31(PaperclipIcon2, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx32(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__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Attachments,
     {
       "data-boring-agent-part": "composer-attachment-row",
@@ -9311,12 +9548,12 @@ function AttachmentsList() {
           ),
           children: [
             /* @__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__ */ jsx32(AttachmentPreview, { className: "!size-7 overflow-hidden !rounded-full bg-background/60" }),
+              file.status === "uploading" ? /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-background/70", children: /* @__PURE__ */ jsx32(Loader23, { className: "size-3.5 animate-spin text-muted-foreground" }) }) : null,
+              file.status === "error" ? /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-destructive/20", children: /* @__PURE__ */ jsx32(AlertCircleIcon2, { className: "size-3.5 text-destructive" }) }) : null
             ] }),
-            /* @__PURE__ */ 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" })
+            /* @__PURE__ */ jsx32(AttachmentInfo, { className: "min-w-0 !max-w-[180px] truncate text-[13px] font-medium" }),
+            /* @__PURE__ */ jsx32(AttachmentRemove, { className: "!size-5 !rounded-full !opacity-100 text-muted-foreground/80 hover:text-foreground" })
           ]
         },
         file.id
@@ -9326,7 +9563,7 @@ function AttachmentsList() {
 }
 
 // src/front/chat/components/PiChatComposerSurface.tsx
-import { jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx33, 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;
@@ -9438,7 +9675,7 @@ function PiChatComposerSurface({
     resizeTextarea(textareaRef.current);
   }, [draft, resizeTextarea, textareaRef]);
   return /* @__PURE__ */ jsxs30("div", { className: cn("relative z-20", chrome ? "px-4 pb-4 pt-2 sm:px-6 sm:pb-5" : "px-3 pb-2 pt-1"), children: [
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         "data-boring-agent-part": "chat-working-slot",
@@ -9456,7 +9693,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__ */ jsx32(
+              /* @__PURE__ */ jsx33(
                 motion2.span,
                 {
                   "aria-hidden": "true",
@@ -9465,14 +9702,14 @@ function PiChatComposerSurface({
                   transition: { duration: 1.2, repeat: Infinity, ease: "easeInOut" }
                 }
               ),
-              /* @__PURE__ */ jsx32("span", { children: "Working\u2026" })
+              /* @__PURE__ */ jsx33("span", { children: "Working\u2026" })
             ]
           }
         )
       }
     ),
-    composerStatusNotice ? /* @__PURE__ */ jsx32(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
-    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx32(
+    composerStatusNotice ? /* @__PURE__ */ jsx33(ComposerRuntimeNotice, { notice: composerStatusNotice }) : null,
+    composerBlocked && !workspaceWarmupBlocked ? /* @__PURE__ */ jsx33(
       ComposerBlockerNotice,
       {
         blocker: primaryComposerBlocker,
@@ -9480,8 +9717,8 @@ function PiChatComposerSurface({
         onAction: onComposerBlockerAction
       }
     ) : null,
-    queuePreview.length > 0 ? /* @__PURE__ */ jsx32(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
-    hotReloadEnabled ? /* @__PURE__ */ jsx32(
+    queuePreview.length > 0 ? /* @__PURE__ */ jsx33(QueuedComposerNotice, { followUps: queuePreview, onEdit: onEditQueued }) : null,
+    hotReloadEnabled ? /* @__PURE__ */ jsx33(
       PluginUpdateStatus,
       {
         state: pluginUpdateState,
@@ -9489,14 +9726,14 @@ function PiChatComposerSurface({
         onRetry: onRunPluginUpdate
       }
     ) : null,
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       CommandRunStatus,
       {
         state: commandNotifyState,
         onDismiss: onDismissCommandNotify
       }
     ),
-    attachmentNotice ? /* @__PURE__ */ jsx32(
+    attachmentNotice ? /* @__PURE__ */ jsx33(
       "div",
       {
         role: "status",
@@ -9506,7 +9743,7 @@ function PiChatComposerSurface({
       }
     ) : null,
     /* @__PURE__ */ jsxs30("div", { className: cn("mx-auto w-full", chrome ? "max-w-3xl" : "max-w-[680px]"), children: [
-      mentionState ? /* @__PURE__ */ jsx32(
+      mentionState ? /* @__PURE__ */ jsx33(
         MentionPicker,
         {
           mention: mentionState,
@@ -9518,7 +9755,7 @@ function PiChatComposerSurface({
           onDismiss: onDismissMention
         }
       ) : null,
-      slashQuery !== null ? /* @__PURE__ */ jsx32(
+      slashQuery !== null ? /* @__PURE__ */ jsx33(
         SlashCommandPicker,
         {
           query: slashQuery,
@@ -9527,7 +9764,7 @@ function PiChatComposerSurface({
           onDismiss: onDismissSlash
         }
       ) : null,
-      mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx32(
+      mentionState === null && slashQuery === null && modelPickerOpen ? /* @__PURE__ */ jsx33(
         ModelPickerMenu,
         {
           value: selectedModel,
@@ -9538,7 +9775,7 @@ function PiChatComposerSurface({
           onClose: () => onSetModelPickerOpen(false)
         }
       ) : null,
-      mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx32(
+      mentionState === null && slashQuery === null && thinkingPickerOpen ? /* @__PURE__ */ jsx33(
         ThinkingPickerMenu,
         {
           value: selectedThinking,
@@ -9548,7 +9785,7 @@ function PiChatComposerSurface({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "div",
       {
         "data-boring-agent-part": "composer-rail",
@@ -9583,15 +9820,15 @@ function PiChatComposerSurface({
               else onAttachmentNotice(err.message || "Attachment rejected.");
             },
             children: [
-              /* @__PURE__ */ jsx32(AttachmentsList, {}),
+              /* @__PURE__ */ jsx33(AttachmentsList, {}),
               /* @__PURE__ */ jsxs30(
                 "div",
                 {
                   "data-boring-agent-part": "composer-input-row",
                   className: "flex min-h-[var(--composer-input-group-height)] w-full items-center",
                   children: [
-                    /* @__PURE__ */ jsx32("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx32(AttachmentButton, { disabled: disabled || isStreaming }) }),
-                    /* @__PURE__ */ jsx32(
+                    /* @__PURE__ */ jsx33("div", { className: "flex h-14 shrink-0 items-center pl-2", children: /* @__PURE__ */ jsx33(AttachmentButton, { disabled: disabled || isStreaming }) }),
+                    /* @__PURE__ */ jsx33(
                       PromptInputTextarea,
                       {
                         value: draft,
@@ -9615,13 +9852,13 @@ function PiChatComposerSurface({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx32(
+                    /* @__PURE__ */ jsx33(
                       PromptInputFooter,
                       {
                         align: "inline-end",
                         "data-boring-agent-part": "composer-submit-addon",
                         className: "!order-none !w-auto shrink-0 self-center justify-between border-0 bg-transparent !px-2 !py-0",
-                        children: /* @__PURE__ */ jsx32("div", { className: "ml-auto flex items-center gap-1.5", children: /* @__PURE__ */ jsx32(
+                        children: /* @__PURE__ */ jsx33("div", { className: "ml-auto flex items-center gap-1.5", children: /* @__PURE__ */ jsx33(
                           PromptInputSubmit,
                           {
                             "data-boring-agent-part": "composer-submit",
@@ -9660,7 +9897,7 @@ function PiChatComposerSurface({
           chrome ? "max-w-3xl" : "max-w-[680px]"
         ),
         children: [
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             ModelSelectTrigger,
             {
               value: selectedModel,
@@ -9677,7 +9914,7 @@ function PiChatComposerSurface({
               }
             }
           ),
-          thinkingControl ? /* @__PURE__ */ jsx32(
+          thinkingControl ? /* @__PURE__ */ jsx33(
             ThinkingSelectTrigger,
             {
               value: selectedThinking,
@@ -9704,7 +9941,7 @@ function getHeaderValue(headers, name) {
 }
 
 // src/front/chat/piChatPanelHooks.ts
-import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo12, useRef as useRef16, useState as useState19, useSyncExternalStore } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo13, useRef as useRef17, useState as useState19, useSyncExternalStore } from "react";
 function useExternalRemotePiSession({
   sessionId,
   agentTypeId,
@@ -9717,9 +9954,9 @@ function useExternalRemotePiSession({
   remoteSessionOptions
 }) {
   const [session, setSession] = useState19();
-  const remoteSessionOptionsRef = useRef16(remoteSessionOptions);
+  const remoteSessionOptionsRef = useRef17(remoteSessionOptions);
   remoteSessionOptionsRef.current = remoteSessionOptions;
-  const remoteSessionOptionsKey = useMemo12(
+  const remoteSessionOptionsKey = useMemo13(
     () => remoteSessionOptionsIdentity2(remoteSessionOptions),
     [remoteSessionOptions]
   );
@@ -9892,7 +10129,7 @@ function errorMessage2(error, fallback) {
 }
 
 // src/front/chat/PiChatPanel.tsx
-import { jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 var DebugDrawer2 = lazy(() => import("../DebugDrawer-RYEBQ6CO.js").then((m) => ({ default: m.DebugDrawer })));
 var EMPTY_COMMANDS = [];
 var EMPTY_COMMAND_NAMES = [];
@@ -9964,14 +10201,14 @@ function PiChatPanel({
 }) {
   const externalSessionId = sessionId?.trim() || void 0;
   const showSessionSidebar = showSessions ?? externalSessionId === void 0;
-  const onDataRef = useRef17(onData);
+  const onDataRef = useRef18(onData);
   onDataRef.current = onData;
-  const onTurnCompleteRef = useRef17(onTurnComplete);
+  const onTurnCompleteRef = useRef18(onTurnComplete);
   onTurnCompleteRef.current = onTurnComplete;
-  const sessionListRefreshRef = useRef17(void 0);
-  const requestHeadersKey = useMemo13(() => headersContentKey(requestHeaders), [requestHeaders]);
-  const normalizedRequestHeaders = useMemo13(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
-  const remoteSessionOptionsWithEvents = useMemo13(() => ({
+  const sessionListRefreshRef = useRef18(void 0);
+  const requestHeadersKey = useMemo14(() => headersContentKey(requestHeaders), [requestHeaders]);
+  const normalizedRequestHeaders = useMemo14(() => normalizedHeadersFromContentKey(requestHeadersKey), [requestHeadersKey]);
+  const remoteSessionOptionsWithEvents = useMemo14(() => ({
     ...remoteSessionOptions,
     ...hydrateMessages ? {} : { autoStart: false },
     onEvent: (event) => {
@@ -10038,7 +10275,7 @@ function PiChatPanel({
     enabled: modelDiscoveryEnabled
   });
   const selectedModel = model === void 0 ? modelDiscovery.model : model;
-  const modelOptions = useMemo13(
+  const modelOptions = useMemo14(
     () => modelOptionsForSelection(availableModels ?? modelDiscovery.availableModels, selectedModel),
     [availableModels, modelDiscovery.availableModels, selectedModel]
   );
@@ -10076,13 +10313,13 @@ function PiChatPanel({
   const [modelPickerOpen, setModelPickerOpen] = useState20(false);
   const [thinkingPickerOpen, setThinkingPickerOpen] = useState20(false);
   const [draft, setDraft] = useState20(() => initialDraft ?? "");
-  const draftRef = useRef17(draft);
+  const draftRef = useRef18(draft);
   draftRef.current = draft;
-  const initialDraftGuard = useRef17(new InitialDraftAutoSubmitGuard());
-  const pendingAutoSubmitSettleRef = useRef17(void 0);
-  const acceptedAutoSubmitSettleRef = useRef17(void 0);
-  const resetInProgressRef = useRef17(false);
-  const autoCreateInFlightRef = useRef17(false);
+  const initialDraftGuard = useRef18(new InitialDraftAutoSubmitGuard());
+  const pendingAutoSubmitSettleRef = useRef18(void 0);
+  const acceptedAutoSubmitSettleRef = useRef18(void 0);
+  const resetInProgressRef = useRef18(false);
+  const autoCreateInFlightRef = useRef18(false);
   const settlePendingAutoSubmit = useCallback18((sessionId2) => {
     const pendingSessionId = pendingAutoSubmitSettleRef.current;
     if (!pendingSessionId || sessionId2 && pendingSessionId !== sessionId2) return false;
@@ -10091,19 +10328,19 @@ function PiChatPanel({
     onAutoSubmitInitialDraftSettled?.();
     return true;
   }, [onAutoSubmitInitialDraftSettled]);
-  const prevStatusRef = useRef17("idle");
-  const statusRef = useRef17("idle");
-  const scrollToBottomRef = useRef17(() => {
+  const prevStatusRef = useRef18("idle");
+  const statusRef = useRef18("idle");
+  const scrollToBottomRef = useRef18(() => {
   });
-  const textareaRef = useRef17(null);
+  const textareaRef = useRef18(null);
   const [localNotices, setLocalNotices] = useState20([]);
   const [dismissedNoticeIds, setDismissedNoticeIds] = useState20(() => /* @__PURE__ */ new Set());
   const [pluginUpdateState, setPluginUpdateState] = useState20(null);
   const [commandNotifyState, setCommandNotifyState] = useState20(null);
-  const commandRunIdRef = useRef17(0);
+  const commandRunIdRef = useRef18(0);
   const [serverSkillsRefreshKey, setServerSkillsRefreshKey] = useState20(0);
   const [localSubmittedSessionId, setLocalSubmittedSessionId] = useState20();
-  const localSubmittedSessionRef = useRef17(void 0);
+  const localSubmittedSessionRef = useRef18(void 0);
   const { attachmentNotice, setAttachmentNotice } = useAttachmentNotice();
   const markLocalSubmitted = useCallback18((sessionId2) => {
     localSubmittedSessionRef.current = sessionId2;
@@ -10114,7 +10351,7 @@ function PiChatPanel({
     localSubmittedSessionRef.current = void 0;
     setLocalSubmittedSessionId(void 0);
   }, []);
-  const registry = useMemo13(() => {
+  const registry = useMemo14(() => {
     const excludedBuiltins = new Set(excludeBuiltinCommands);
     const effectiveBuiltins = builtinCommands.filter((command) => {
       if (!hotReloadEnabled && command.name === "reload") return false;
@@ -10135,12 +10372,16 @@ function PiChatPanel({
     refreshKey: serverSkillsRefreshKey,
     enabled: serverResourcesEnabled
   });
-  const allCommands = useMemo13(() => registry.list(), [registry, commandsStamp]);
+  const allCommands = useMemo14(() => registry.list(), [registry, commandsStamp]);
+  const actionableSlashCommands = useMemo14(
+    () => allCommands.flatMap((command) => command.clickBehavior === "execute" || command.clickBehavior === "insert" ? [{ name: command.name, clickBehavior: command.clickBehavior }] : []),
+    [allCommands]
+  );
   const activeChatSessionId = selectedChatState?.sessionId;
   const warmupNotice = composerNoticeForWarmup(workspaceWarmupStatus);
   const runtimeDependenciesNotice = composerNoticeForRuntimeDependencies(workspaceWarmupStatus);
   const workspaceWarmupBlocked = Boolean(warmupNotice);
-  const activeBlockers = useMemo13(
+  const activeBlockers = useMemo14(
     // A missing active session id means a single/sessionless chat host. In that
     // mode, keep scoped blockers visible instead of hiding the only attention UI.
     // Multi-session hosts should pass a session id so unrelated blockers filter out.
@@ -10150,7 +10391,7 @@ function PiChatPanel({
   const canonicalMessages = selectedChatState ? selectMessagesForRender(selectedChatState) : [];
   const queuePreview = selectedChatState ? selectQueuePreview(selectedChatState) : [];
   const messages = canonicalMessages;
-  const userHistory = useMemo13(() => selectComposerHistoryFromCanonicalUsers(canonicalMessages), [canonicalMessages]);
+  const userHistory = useMemo14(() => selectComposerHistoryFromCanonicalUsers(canonicalMessages), [canonicalMessages]);
   const emptyStateHydrating = statusForState(selectedChatState, sessionsLoading || chatStatePending || selectedSessionPending) === "hydrating";
   const emptyHero = emptyPlacement === "hero" && messages.length === 0 && queuePreview.length === 0 && !emptyStateHydrating;
   const debugState = selectedPiSession?.getDebugState();
@@ -10158,7 +10399,7 @@ function PiChatPanel({
   const primaryComposerBlocker = activeBlockers[0];
   const composerBlockerLabel = workspaceWarmupBlocked ? warmupNotice?.title ?? "Preparing workspace..." : primaryComposerBlocker?.label ?? primaryComposerBlocker?.reason ?? "Complete the pending workspace action to continue.";
   const composerStatusNotice = warmupNotice ?? runtimeDependenciesNotice;
-  const runtimeNotices = useMemo13(() => {
+  const runtimeNotices = useMemo14(() => {
     const fromState = selectedChatState ? selectRuntimeNotices(selectedChatState) : [];
     const sessionNotice = sessionsError ? [{ id: "session-navigation-error", level: "error", text: sessionsError.message, dismissible: true }] : [];
     const largeStateNotice = debug && debugState?.largeStateWarning ? [{
@@ -10372,7 +10613,7 @@ function PiChatPanel({
     }
     insertSlashCommand(name);
   }, [dismissSlash, insertSlashCommand, openModelPicker, openThinkingPicker, setComposerDraft]);
-  const policy = useMemo13(() => {
+  const policy = useMemo14(() => {
     if (!selectedPiSession || !activeChatSessionId || !serverModelSelectionReady) return void 0;
     const policySession = {
       getState: () => {
@@ -10450,16 +10691,16 @@ function PiChatPanel({
       ...errorCode ? { errorCode } : {}
     });
   }, [addLocalNotice, dropLocalNotice]);
-  const sendComposerMessage = useCallback18(async ({ text, files, source = "composer" }) => {
+  const sendComposerMessage = useCallback18(async ({ text, files, source = "composer", preserveExistingDraft = false }) => {
     if (!policy) {
       addLocalNotice({ id: "composer-no-session", level: "warning", text: "Create or select a chat session before sending.", dismissible: true });
       return false;
     }
     const submittedDraft = text;
     const restoreSubmittedDraft = () => {
-      if (draftRef.current === "") setComposerDraft(submittedDraft);
+      if (!preserveExistingDraft && draftRef.current === "") setComposerDraft(submittedDraft);
     };
-    setComposerDraft("", false);
+    if (!preserveExistingDraft) setComposerDraft("", false);
     scrollToBottomRef.current();
     try {
       const result = await policy.submit({ text, files, source });
@@ -10483,6 +10724,53 @@ function PiChatPanel({
       return false;
     }
   }, [activeChatSessionId, clearLocalSubmitted, dropLocalNotice, markLocalSubmitted, onPromptSubmitStarted, policy, selectedPiSession, setComposerDraft, surfaceRunRejected]);
+  const availableAssistantSlashCommands = useMemo14(
+    () => policy ? actionableSlashCommands : actionableSlashCommands.filter((command) => command.clickBehavior === "insert"),
+    [actionableSlashCommands, policy]
+  );
+  const assistantMentionCatalog = useMemo14(() => {
+    const skills = /* @__PURE__ */ new Map();
+    for (const command of allCommands) {
+      if (command.source !== "skill" && command.kind !== "skill") continue;
+      const name = command.name.replace(/^skill:/, "");
+      if (!name) continue;
+      const priority = command.kind === "skill" ? 2 : 1;
+      const existing = skills.get(name);
+      if (!existing || priority > existing.priority) skills.set(name, { name, commandName: command.name, priority });
+    }
+    return {
+      commands: availableAssistantSlashCommands,
+      skills: [...skills.values()].map(({ name, commandName }) => ({ name, commandName })),
+      files: true
+    };
+  }, [allCommands, availableAssistantSlashCommands]);
+  const insertMentionDraft = useCallback18((invocation) => {
+    const currentDraft = draftRef.current;
+    const separator = currentDraft && !/\s$/.test(invocation) ? "\n" : "";
+    setComposerDraft(`${invocation}${separator}${currentDraft}`, true);
+  }, [setComposerDraft]);
+  const activateAssistantMention = useCallback18((mention) => {
+    const command = registry.get(mention.kind === "skill" ? mention.commandName : mention.name);
+    if (mention.kind === "skill") {
+      if (command?.source !== "skill" && command?.kind !== "skill") return;
+      const invocation = command.kind === "skill" && !mention.commandName.includes(":") ? `/${mention.commandName} ` : `skill: ${mention.name}
+
+`;
+      insertMentionDraft(invocation);
+      return;
+    }
+    if (command?.clickBehavior === "insert") {
+      insertMentionDraft(`/${mention.name} `);
+      return;
+    }
+    if (command?.clickBehavior !== "execute" || !policy) return;
+    void sendComposerMessage({
+      text: `/${mention.name}`,
+      files: [],
+      source: "composer",
+      preserveExistingDraft: true
+    });
+  }, [insertMentionDraft, policy, registry, sendComposerMessage]);
   const editQueued = useCallback18(() => {
     if (!policy) return;
     void policy.editQueued().then((result) => {
@@ -10589,8 +10877,8 @@ function PiChatPanel({
   const isStreaming = isPiBusyStatus(status);
   const submitStatus = initialHydrationPromptAllowed ? "ready" : toPromptSubmitStatus(status);
   const submitDisabled = !policy || sessionsLoading || modelSelectionBlocked || composerBlocked && !isStreaming;
-  const mergedToolRenderers = useMemo13(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
-  const debugMessages = useMemo13(() => messages.map(toDebugUiMessage), [messages]);
+  const mergedToolRenderers = useMemo14(() => mergeShadcnToolRenderers(toolRenderers), [toolRenderers]);
+  const debugMessages = useMemo14(() => messages.map(toDebugUiMessage), [messages]);
   const onTextareaChange = useCallback18((event) => {
     setModelPickerOpen(false);
     setThinkingPickerOpen(false);
@@ -10624,7 +10912,7 @@ function PiChatPanel({
     }
     handleComposerKeyDown(event);
   }, [handleComposerKeyDown, interrupt, isStreaming, mentionState, slashQuery]);
-  return /* @__PURE__ */ jsx33(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx34(ArtifactOpenProvider, { onOpenArtifact, children: /* @__PURE__ */ jsxs31(
     "div",
     {
       "data-boring-agent": "",
@@ -10641,7 +10929,7 @@ function PiChatPanel({
       role: "region",
       "aria-label": "Agent assistant",
       children: [
-        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(
+        showSessionSidebar ? /* @__PURE__ */ jsx34("aside", { "data-boring-agent-part": "pi-chat-session-sidebar", className: "min-h-0 w-64 shrink-0 border-r border-border/60", children: /* @__PURE__ */ jsx34(
           SessionList,
           {
             sessions: sessionList,
@@ -10655,7 +10943,7 @@ function PiChatPanel({
             loadingMore: sessions.loadingMore
           }
         ) }) : null,
-        /* @__PURE__ */ jsx33("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsx34("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs31(
           "div",
           {
             className: cn(
@@ -10664,7 +10952,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__ */ jsx33(
+              /* @__PURE__ */ jsx34(
                 PiConversationSurface,
                 {
                   chrome,
@@ -10676,6 +10964,8 @@ function PiChatPanel({
                   isStreaming,
                   showThoughts,
                   toolRenderers: mergedToolRenderers,
+                  mentionCatalog: assistantMentionCatalog,
+                  onMentionActivate: activateAssistantMention,
                   runtimeNotices,
                   onDismissNotice: clearLocalNotice,
                   renderNoticeAction,
@@ -10687,7 +10977,7 @@ function PiChatPanel({
                   windowResetKey: activeSessionId
                 }
               ),
-              /* @__PURE__ */ jsx33(
+              /* @__PURE__ */ jsx34(
                 PiChatComposerSurface,
                 {
                   chrome,
@@ -10751,7 +11041,7 @@ function PiChatPanel({
             ]
           }
         ) }),
-        debug ? /* @__PURE__ */ jsx33(Suspense, { fallback: null, children: /* @__PURE__ */ jsx33("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx33(
+        debug ? /* @__PURE__ */ jsx34(Suspense, { fallback: null, children: /* @__PURE__ */ jsx34("div", { "aria-label": "Chat debug metadata", className: "contents", role: "region", children: /* @__PURE__ */ jsx34(
           DebugDrawer2,
           {
             apiBaseUrl,