@blade-hq/agent-react 2612.0.0-beta.4 → 2612.0.0-beta.6

package/dist/{chunk-5J54S5BK.js → chunk-XJLFFRQP.js}

@@ -24,6 +24,7 @@ import {
   Dialog,
   DialogClose,
   DialogContent,
+  DialogDescription,
   DialogTitle,
   Download,
   Earth,
@@ -84,6 +85,7 @@ import {
   getFileName,
   getNumberValue,
   getPlanUpdateDisplayState,
+  getPluginSuggestionItems,
   getResultImages,
   getResultText,
   getStringValue,
@@ -98,6 +100,7 @@ import {
   parseJsonValue,
   parseKbSearchResult,
   parsePlanUpdate,
+  pluginRefsForSend,
   sendToSession,
   useBladeClient,
   useBladeHost,
@@ -120,7 +123,7 @@ import {
   useSessionSource,
   useSessionState,
   useSingleSessionSource
-} from "./chunk-FQQJP2GJ.js";
+} from "./chunk-UKQFSXGC.js";
 import {
   __export
 } from "./chunk-PR4QN5HX.js";
@@ -473,7 +476,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
 
 // src/components/AgentChat.tsx
 import { BladeApiError as BladeApiError2 } from "@blade-hq/agent-client/internal";
-import { useEffect as useEffect30, useMemo as useMemo18, useRef as useRef27, useState as useState36 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo18, useRef as useRef28, useState as useState36 } from "react";
 
 // src/chat/ChatPanel.tsx
 import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo17, useState as useState34 } from "react";
@@ -26183,7 +26186,8 @@ function useFollowupInteraction() {
 }
 
 // src/chat/LightComposer.tsx
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect6, useRef as useRef7, useState as useState7 } from "react";
+import { normalizePluginRefs } from "@blade-hq/agent-client";
 
 // src/components/ChatInput.tsx
 import { useRef as useRef6, useState as useState6 } from "react";
@@ -26209,7 +26213,8 @@ function ChatInput({
   textareaClassName,
   toolbarClassName,
   queueKey,
-  hasAttachments = false
+  hasAttachments = false,
+  onKeyDown
 }) {
   const trimmed = value.trim();
   const latestValue = useRef6(value);
@@ -26233,6 +26238,8 @@ function ChatInput({
     }
   };
   const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
     if (shouldSubmitChatInput({
       key: event.key,
       shiftKey: event.shiftKey,
@@ -26327,12 +26334,56 @@ function LightComposer({
   initialDraftKey
 }) {
   const session = useSessionHandle(sessionId);
+  const client = useBladeClient();
+  const [refs, setRefs] = useState7([]);
+  const [items, setItems] = useState7([]);
+  const [selectedIndex, setSelectedIndex] = useState7(0);
+  const restored = useRef7(null);
   const [value, setValue] = useState7(initialDraft ?? "");
   const [draftKey, setDraftKey] = useState7(initialDraftKey);
   if (draftKey !== initialDraftKey) {
     setDraftKey(initialDraftKey);
     if (initialDraft) setValue(initialDraft);
   }
+  const [dismissed, setDismissed] = useState7(null);
+  const match = value.match(/(?:^|\s)@([^@\s]*)$/);
+  const query = match && value !== dismissed ? match[1] : null;
+  const candidates = items.filter((item) => item.kind === "plugin");
+  useEffect6(() => {
+    setItems([]);
+    setSelectedIndex(0);
+    if (query === null) return;
+    let current = true;
+    const timer = setTimeout(() => {
+      void getPluginSuggestionItems(client, sessionId, query).then((result) => {
+        if (current) setItems(result);
+      });
+    }, 150);
+    return () => {
+      current = false;
+      clearTimeout(timer);
+    };
+  }, [client, client.token, sessionId, query]);
+  useEffect6(() => {
+    setRefs([]);
+    if (!session) return;
+    const restore = () => {
+      if (restored.current === sessionId) return;
+      const latest = [...session.getState().turns].reverse().find((turn) => turn.role === "user");
+      if (!latest || latest.turn_id.startsWith("local-user-")) return;
+      restored.current = sessionId ?? null;
+      setRefs(normalizePluginRefs(latest.refs));
+    };
+    restore();
+    return session.subscribe(restore);
+  }, [session, sessionId]);
+  const select = (item) => {
+    const next = normalizePluginRefs([...refs, item]);
+    if (next.length > 20) return;
+    setRefs(next);
+    setValue((prev) => prev.replace(/@[^@\s]*$/, `@${item.label} `));
+    setItems([]);
+  };
   useEffect6(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content: content3 }) => {
@@ -26351,12 +26402,38 @@ ${content3}`);
   }, [session]);
   return /* @__PURE__ */ jsxs8(Fragment4, { children: [
     planPanel ? /* @__PURE__ */ jsx8("div", { className: maxWidthClassName ? `mx-auto w-full ${maxWidthClassName}` : void 0, children: planPanel }) : null,
+    refs.length ? /* @__PURE__ */ jsx8("div", { "aria-label": "\u9009\u62E9\u7684\u63D2\u4EF6\u6761\u76EE", className: "flex flex-wrap gap-2 px-3 pt-2", children: refs.map((ref) => /* @__PURE__ */ jsxs8("span", { className: "rounded bg-[hsl(var(--muted))] px-2 py-1 text-xs", children: [
+      ref.label,
+      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": `\u79FB\u9664${ref.label}`, onClick: () => setRefs((prev) => prev.filter((item) => item !== ref)), children: " \xD7" })
+    ] }, JSON.stringify([ref.plugin, ref.server, ref.id]))) }) : null,
+    query !== null && items.length ? /* @__PURE__ */ jsx8("fieldset", { "aria-label": "\u63D2\u4EF6\u6761\u76EE\u5019\u9009", className: "m-0 min-w-0 border-0 px-3 py-2", children: items.map((item, index2) => item.kind === "plugin" ? /* @__PURE__ */ jsxs8("button", { type: "button", "aria-pressed": candidates[selectedIndex] === item, onMouseDown: (event) => event.preventDefault(), onClick: () => select(item), className: `flex w-full items-center gap-2 rounded px-2 py-1 text-sm hover:bg-[hsl(var(--muted))] ${candidates[selectedIndex] === item ? "bg-[hsl(var(--muted))]" : ""}`, children: [
+      item.icon ? /* @__PURE__ */ jsx8("img", { src: item.icon, alt: "", width: 16, height: 16 }) : null,
+      item.label,
+      /* @__PURE__ */ jsx8("span", { className: "ml-auto text-xs text-[hsl(var(--muted-foreground))]", children: item.display_name })
+    ] }, JSON.stringify([item.plugin, item.server, item.id])) : /* @__PURE__ */ jsx8("div", { className: "text-xs", children: item.message }, index2)) }) : null,
     /* @__PURE__ */ jsx8(
       ChatInput,
       {
         value,
         onValueChange: setValue,
-        onSend: (text4) => onSend(text4),
+        onSend: (text4) => onSend(text4 || refs.map((ref) => `@${ref.label}`).join(" "), { refs: pluginRefsForSend(refs, session?.getState().turns) }),
+        hasAttachments: refs.length > 0,
+        onKeyDown: (event) => {
+          if (query === null || event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return;
+          if (event.key === "Escape") {
+            event.preventDefault();
+            setDismissed(value);
+          }
+          if (!candidates.length) return;
+          if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+            event.preventDefault();
+            setSelectedIndex((prev) => (prev + (event.key === "ArrowDown" ? 1 : candidates.length - 1)) % candidates.length);
+          }
+          if (event.key === "Enter" && !event.shiftKey) {
+            event.preventDefault();
+            select(candidates[selectedIndex]);
+          }
+        },
         onStop: () => void onStop(),
         isStreaming,
         isStopping,
@@ -26372,7 +26449,7 @@ ${content3}`);
 }
 
 // src/chat/LiteMessageList.tsx
-import { useCallback as useCallback8, useEffect as useEffect19, useMemo as useMemo12, useRef as useRef17, useState as useState24 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect19, useMemo as useMemo12, useRef as useRef18, useState as useState24 } from "react";
 import {
   extractTextAttachments as extractTextAttachments2,
   getTextContent as getTextContent3,
@@ -26381,18 +26458,16 @@ import {
 
 // src/chat/lib/citations.ts
 function sameEvidence(a, b2) {
-  return a.kbName === b2.kbName && a.title === b2.title && a.path === b2.path && a.page === b2.page && a.heading === b2.heading && a.text === b2.text;
+  return a.kbName === b2.kbName && a.title === b2.title && a.path === b2.path && a.page === b2.page && a.heading === b2.heading && a.text === b2.text && a.toolCallId === b2.toolCallId && a.itemId === b2.itemId;
 }
 function buildCitationsFromToolCalls(toolCalls) {
-  const kbSearchCalls = (toolCalls ?? []).filter(
-    (call) => formatToolName(call.name) === "KbSearch" && call.status === "done"
-  );
+  const successfulCalls = (toolCalls ?? []).filter((call) => call.status === "done");
   const merged = /* @__PURE__ */ new Map();
   const ambiguous = /* @__PURE__ */ new Set();
-  for (const call of kbSearchCalls) {
-    const parsed = parseKbSearchResult(call.result);
-    if (!parsed) continue;
-    for (const hit of parsed.hits) {
+  for (const call of successfulCalls) {
+    const hits = parsePluginEvidence(call) ?? (formatToolName(call.name) === "KbSearch" ? parseKbSearchResult(call.result)?.hits : void 0);
+    if (!hits) continue;
+    for (const hit of hits) {
       const existing = merged.get(hit.n);
       if (existing && !sameEvidence(existing, hit)) {
         ambiguous.add(hit.n);
@@ -26408,6 +26483,36 @@ function buildCitationsFromToolCalls(toolCalls) {
   }
   return map3;
 }
+function parsePluginEvidence(call) {
+  const items = call.evidence;
+  if (!Array.isArray(items)) return void 0;
+  return items.flatMap((item) => {
+    if (!item || typeof item !== "object") return [];
+    const entry = item;
+    if (!Number.isSafeInteger(entry.n) || Number(entry.n) < 1 || entry.tool_call_id !== call.id && entry.parent_tool_call_id !== call.id || typeof entry.id !== "string" || typeof entry.title !== "string" || typeof entry.text !== "string") return [];
+    let url2 = null;
+    if (typeof entry.url === "string") {
+      try {
+        const parsed = new URL(entry.url);
+        if (["https:", "http:"].includes(parsed.protocol) && !parsed.username && !parsed.password) url2 = parsed.href;
+      } catch {
+      }
+    }
+    return [{
+      n: Number(entry.n),
+      title: entry.title,
+      text: entry.text,
+      snapshot: true,
+      toolCallId: String(entry.tool_call_id),
+      itemId: entry.id,
+      kbName: "",
+      path: "",
+      page: null,
+      heading: null,
+      previewUrl: url2
+    }];
+  });
+}
 
 // src/chat/LiteMessageList.tsx
 import { chatErrorForDisplay as chatErrorForDisplay2, isBackgroundWakeMessage as isBackgroundWakeMessage2 } from "@blade-hq/agent-client/internal";
@@ -26432,13 +26537,13 @@ function BackgroundWakeNotice() {
 }
 
 // src/components/MessageImage.tsx
-import { forwardRef, useEffect as useEffect7, useImperativeHandle, useRef as useRef7, useState as useState8 } from "react";
+import { forwardRef, useEffect as useEffect7, useImperativeHandle, useRef as useRef8, useState as useState8 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var assetPattern = /^\/api\/(sessions|share)\/([^/]+)\/media\/([a-f0-9]{64})$/;
 var MessageImage = forwardRef(function MessageImage2({ client: suppliedClient, src, original = false, alt, style, ...props }, ref) {
   const contextClient = useOptionalBladeClient();
   const client = suppliedClient ?? contextClient;
-  const element2 = useRef7(null);
+  const element2 = useRef8(null);
   useImperativeHandle(ref, () => element2.current);
   const [visible, setVisible] = useState8(false);
   const [result, setResult] = useState8(null);
@@ -26497,7 +26602,7 @@ var MessageImage = forwardRef(function MessageImage2({ client: suppliedClient, s
 });
 
 // src/chat/AssistantTurnBlock.tsx
-import { memo as memo5, useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo11, useRef as useRef14, useState as useState22 } from "react";
+import { memo as memo5, useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo11, useRef as useRef15, useState as useState22 } from "react";
 import { getFileParts as getFileParts2, getImageParts as getImageParts2, getTextContent as getTextContent2, normalizeMessageContent } from "@blade-hq/agent-client/internal";
 
 // src/chat/lib/ui-meta.ts
@@ -26561,7 +26666,7 @@ import {
   useContext as useContext5,
   useEffect as useEffect8,
   useMemo as useMemo5,
-  useRef as useRef10,
+  useRef as useRef11,
   useState as useState10
 } from "react";
 
@@ -26597,7 +26702,7 @@ var ShimmerComponent = ({
 var Shimmer = memo3(ShimmerComponent);
 
 // src/components/markdown/index.ts
-import { createElement as createElement3, useRef as useRef8 } from "react";
+import { createElement as createElement3, useRef as useRef9 } from "react";
 
 // ../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions = {};
@@ -35475,10 +35580,10 @@ function MarkdownRenderer({
   codeBlockOverrides
 }) {
   const isStreaming = mode === "streaming";
-  const cacheRef = useRef8(createParseCache());
-  const blockCacheRef = useRef8(/* @__PURE__ */ new WeakMap());
-  const groupIdentityMapRef = useRef8(/* @__PURE__ */ new WeakMap());
-  const rendererConfigRef = useRef8(null);
+  const cacheRef = useRef9(createParseCache());
+  const blockCacheRef = useRef9(/* @__PURE__ */ new WeakMap());
+  const groupIdentityMapRef = useRef9(/* @__PURE__ */ new WeakMap());
+  const rendererConfigRef = useRef9(null);
   const previousConfig = rendererConfigRef.current;
   if (!previousConfig || previousConfig.allowedTags !== allowedTags || previousConfig.components !== components || previousConfig.rawHtmlPlugins !== rawHtmlPlugins || previousConfig.codeBlockOverrides !== codeBlockOverrides) {
     blockCacheRef.current = /* @__PURE__ */ new WeakMap();
@@ -35608,7 +35713,7 @@ function normalizeAdjacentUrlFormatting(value) {
 }
 
 // src/chat/markdown/MarkdownContent.tsx
-import { isValidElement, useMemo as useMemo4, useRef as useRef9, useState as useState9 } from "react";
+import { isValidElement, useMemo as useMemo4, useRef as useRef10, useState as useState9 } from "react";
 
 // src/chat/lib/markdown-asset-url.ts
 function isAbsoluteAssetUrl(src, hasFileContext) {
@@ -35722,6 +35827,7 @@ function InlineToolCallBlock({
 }
 function CitationRefBlock({ "data-n": dataN, citations }) {
   const overlayRoot = useOverlayRoot();
+  const [snapshotOpen, setSnapshotOpen] = useState9(false);
   const n2 = Number(dataN);
   const entry = Number.isFinite(n2) ? citations?.[n2] : void 0;
   if (!entry) return /* @__PURE__ */ jsxs10(Fragment6, { children: [
@@ -35730,48 +35836,59 @@ function CitationRefBlock({ "data-n": dataN, citations }) {
     "]"
   ] });
   const handleClick = () => {
-    if (entry.previewUrl) {
+    if (entry.snapshot) {
+      setSnapshotOpen(true);
+    } else if (entry.previewUrl) {
       window.open(entry.previewUrl, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ jsx14(dist_exports2.Provider, { delayDuration: 150, children: /* @__PURE__ */ jsxs10(dist_exports2.Root, { children: [
-    /* @__PURE__ */ jsx14(dist_exports2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx14(
-      "button",
-      {
-        type: "button",
-        onClick: handleClick,
-        className: cn(
-          "not-prose mx-0.5 inline-flex h-4 min-w-4 shrink-0 translate-y-[-2px] items-center justify-center rounded px-1 align-super text-[10px] leading-none font-medium",
-          "bg-[hsl(var(--muted))]/60 text-[hsl(var(--muted-foreground))] transition-colors",
-          entry.previewUrl ? "cursor-pointer hover:bg-[hsl(var(--muted))] hover:text-[hsl(var(--foreground))]" : "cursor-default"
-        ),
-        "aria-label": `\u5F15\u7528\u6765\u6E90\uFF1A${entry.title}${entry.page ? ` \u7B2C ${entry.page} \u9875` : ""}`,
-        children: entry.n
-      }
-    ) }),
-    /* @__PURE__ */ jsx14(dist_exports2.Portal, { container: overlayRoot, children: /* @__PURE__ */ jsxs10(
-      dist_exports2.Content,
-      {
-        side: "top",
-        sideOffset: 6,
-        className: "z-[70] flex max-w-sm origin-(--radix-tooltip-content-transform-origin) flex-col gap-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] px-3 py-2 text-left text-[12px] leading-5 whitespace-normal text-[hsl(var(--popover-foreground))] shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        children: [
-          /* @__PURE__ */ jsxs10("div", { className: "font-medium", children: [
-            entry.title,
-            entry.page ? ` \xB7 \u7B2C ${entry.page} \u9875` : ""
-          ] }),
-          entry.kbName ? /* @__PURE__ */ jsxs10("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
-            "\u300A",
-            entry.kbName,
-            "\u300B"
-          ] }) : null,
-          entry.text ? /* @__PURE__ */ jsx14("div", { className: "line-clamp-4 text-[hsl(var(--muted-foreground))]", children: entry.text }) : null,
-          entry.previewUrl ? /* @__PURE__ */ jsx14("div", { className: "text-[10px] text-[hsl(var(--muted-foreground))]/70", children: "\u70B9\u51FB\u67E5\u770B\u539F\u6587" }) : null,
-          /* @__PURE__ */ jsx14(dist_exports2.Arrow, { className: "fill-[hsl(var(--popover))]" })
-        ]
-      }
-    ) })
-  ] }) });
+  return /* @__PURE__ */ jsxs10(dist_exports2.Provider, { delayDuration: 150, children: [
+    /* @__PURE__ */ jsxs10(dist_exports2.Root, { children: [
+      /* @__PURE__ */ jsx14(dist_exports2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          onClick: handleClick,
+          className: cn(
+            "not-prose mx-0.5 inline-flex h-4 min-w-4 shrink-0 translate-y-[-2px] items-center justify-center rounded px-1 align-super text-[10px] leading-none font-medium",
+            "bg-[hsl(var(--muted))]/60 text-[hsl(var(--muted-foreground))] transition-colors",
+            entry.snapshot || entry.previewUrl ? "cursor-pointer hover:bg-[hsl(var(--muted))] hover:text-[hsl(var(--foreground))]" : "cursor-default"
+          ),
+          "aria-label": `\u5F15\u7528\u6765\u6E90\uFF1A${entry.title}${entry.page ? ` \u7B2C ${entry.page} \u9875` : ""}`,
+          children: entry.n
+        }
+      ) }),
+      /* @__PURE__ */ jsx14(dist_exports2.Portal, { container: overlayRoot, children: /* @__PURE__ */ jsxs10(
+        dist_exports2.Content,
+        {
+          side: "top",
+          sideOffset: 6,
+          className: "z-[70] flex max-w-sm origin-(--radix-tooltip-content-transform-origin) flex-col gap-1 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] px-3 py-2 text-left text-[12px] leading-5 whitespace-normal text-[hsl(var(--popover-foreground))] shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          children: [
+            /* @__PURE__ */ jsxs10("div", { className: "font-medium", children: [
+              entry.title,
+              entry.page ? ` \xB7 \u7B2C ${entry.page} \u9875` : ""
+            ] }),
+            entry.kbName ? /* @__PURE__ */ jsxs10("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+              "\u300A",
+              entry.kbName,
+              "\u300B"
+            ] }) : null,
+            entry.text ? /* @__PURE__ */ jsx14("div", { className: "line-clamp-4 text-[hsl(var(--muted-foreground))]", children: entry.text }) : null,
+            entry.snapshot || entry.previewUrl ? /* @__PURE__ */ jsx14("div", { className: "text-[10px] text-[hsl(var(--muted-foreground))]/70", children: "\u70B9\u51FB\u67E5\u770B\u539F\u6587" }) : null,
+            /* @__PURE__ */ jsx14(dist_exports2.Arrow, { className: "fill-[hsl(var(--popover))]" })
+          ]
+        }
+      ) })
+    ] }),
+    entry.snapshot ? /* @__PURE__ */ jsx14(Dialog, { open: snapshotOpen, onOpenChange: setSnapshotOpen, children: /* @__PURE__ */ jsxs10(DialogContent, { "aria-describedby": void 0, className: "max-h-[80vh] overflow-y-auto", children: [
+      /* @__PURE__ */ jsx14(DialogTitle, { children: entry.title }),
+      /* @__PURE__ */ jsx14("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u56DE\u7B54\u65F6\u4FDD\u5B58\u7684\u539F\u6587" }),
+      /* @__PURE__ */ jsx14("div", { className: "whitespace-pre-wrap break-words text-sm", children: entry.text.slice(0, 2e4) }),
+      entry.text.length > 2e4 ? /* @__PURE__ */ jsx14("p", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u539F\u6587\u8F83\u957F\uFF0C\u6B64\u5904\u663E\u793A\u524D 20000 \u5B57\u7B26\uFF1B\u5B8C\u6574\u5185\u5BB9\u5DF2\u4FDD\u5B58\u5728\u5BF9\u8BDD\u4E2D\u3002" }) : null,
+      entry.previewUrl ? /* @__PURE__ */ jsx14(ExternalAnchor, { href: entry.previewUrl, children: "\u6253\u5F00\u6765\u6E90\u9875\u9762" }) : null
+    ] }) }) : null
+  ] });
 }
 function extractText(value) {
   if (typeof value === "string" || typeof value === "number") return String(value);
@@ -35793,7 +35910,7 @@ function resolveCollapsedContent({
   return decodeCollapsedContent(dataRawAttribute) || extractText(children).trim();
 }
 function CodeBlockPre({ children, ...props }) {
-  const preRef = useRef9(null);
+  const preRef = useRef10(null);
   const [copied, setCopied] = useState9(false);
   const codeChild = Array.isArray(children) ? children[0] : children;
   const hasCodeNode = isValidElement(codeChild);
@@ -36058,7 +36175,7 @@ var Reasoning = memo4(
       defaultProp: void 0,
       prop: durationProp
     });
-    const startTimeRef = useRef10(null);
+    const startTimeRef = useRef11(null);
     useEffect8(() => {
       if (isStreaming) {
         if (startTimeRef.current === null) {
@@ -36592,7 +36709,7 @@ import {
 } from "@blade-hq/agent-client/internal";
 
 // src/chat/AskUserQuestionBlock.tsx
-import { useEffect as useEffect10, useMemo as useMemo7, useRef as useRef11, useState as useState14 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo7, useRef as useRef12, useState as useState14 } from "react";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
@@ -36601,7 +36718,7 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef11(null);
+  const textareaRef = useRef12(null);
   useEffect10(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
@@ -37096,7 +37213,7 @@ function BashRenderer({ toolCall }) {
 }
 
 // src/chat/tool-renderers/FileEditRenderer.tsx
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef12 } from "react";
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef13 } from "react";
 
 // src/chat/tool-renderers/write-preview-scroll.ts
 function shouldFollowWritePreview(toolName, status) {
@@ -37289,7 +37406,7 @@ function readJsonString(raw, start) {
   return { value: chars.join(""), closed: false };
 }
 function FileEditRenderer({ toolCall }) {
-  const previewRef = useRef12(null);
+  const previewRef = useRef13(null);
   const rawArguments = toolCall.arguments ?? "";
   const argsValue = parseJsonValue(toolCall.arguments);
   const args = isPlainObject(argsValue) ? argsValue : null;
@@ -37362,17 +37479,17 @@ function FileEditRenderer({ toolCall }) {
 import { useState as useState16 } from "react";
 
 // src/chat/ImageLightbox.tsx
-import { useCallback as useCallback4, useEffect as useEffect11, useRef as useRef13, useState as useState15 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect11, useRef as useRef14, useState as useState15 } from "react";
 import { createPortal } from "react-dom";
 import { Fragment as Fragment10, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function ImageLightbox({ open: open2, onOpenChange, images, initialIndex = 0 }) {
   const [currentIndex, setCurrentIndex] = useState15(initialIndex);
   const [scale, setScale] = useState15(1);
   const [translate, setTranslate] = useState15({ x: 0, y: 0 });
-  const dragging = useRef13(false);
-  const dragStart = useRef13({ x: 0, y: 0 });
-  const translateStart = useRef13({ x: 0, y: 0 });
-  const imgRef = useRef13(null);
+  const dragging = useRef14(false);
+  const dragStart = useRef14({ x: 0, y: 0 });
+  const translateStart = useRef14({ x: 0, y: 0 });
+  const imgRef = useRef14(null);
   const [loadedSource, setLoadedSource] = useState15(null);
   const reset = useCallback4(() => {
     setScale(1);
@@ -37394,7 +37511,7 @@ function ImageLightbox({ open: open2, onOpenChange, images, initialIndex = 0 })
     setCurrentIndex((i2) => Math.min(images.length - 1, i2 + 1));
     reset();
   }, [images.length, reset]);
-  const prevOpenRef = useRef13(false);
+  const prevOpenRef = useRef14(false);
   useEffect11(() => {
     if (open2 && !prevOpenRef.current) {
       setLoadedSource(null);
@@ -38728,9 +38845,16 @@ function UserMessageBubble({ message, className }) {
     contexts: textContexts
   } = extractTextAttachments(message.content);
   const trimmedClean = cleanText.trim();
+  const pluginPills = message.refs?.length ? /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap justify-end gap-1.5", "aria-label": "\u9009\u62E9\u7684\u63D2\u4EF6\u6761\u76EE", children: message.refs.map((ref) => /* @__PURE__ */ jsx34("span", { className: "max-w-full truncate rounded-full border border-border bg-muted px-2.5 py-1 text-xs", children: ref.label }, `${ref.plugin}:${ref.server}:${ref.id}`)) }) : null;
+  const topicAssetPills = message.topic_asset_refs?.length ? /* @__PURE__ */ jsx34("div", { className: "flex max-w-full flex-wrap justify-end gap-1.5", "aria-label": "\u5F15\u7528\u7684\u4E3B\u9898\u8D44\u4EA7", children: message.topic_asset_refs.map((ref) => /* @__PURE__ */ jsxs29("span", { title: ref.path, className: "max-w-full truncate rounded-full border border-border bg-muted px-2.5 py-1 text-xs text-foreground", children: [
+    "\u4E3B\u9898\u8D44\u4EA7 \xB7 ",
+    ref.path
+  ] }, `${ref.topic_id}:${ref.path}`)) }) : null;
   const whatifParsed = trimmedClean && imageParts.length === 0 && fileParts.length === 0 && textAttachments.length === 0 ? parseWhatIfPrompt(cleanText) : null;
   if (whatifParsed && customBubble == null) {
     return /* @__PURE__ */ jsx34("div", { part: "user-row", className: "blade-chat-user-row flex justify-end", children: /* @__PURE__ */ jsxs29("div", { className: "blade-chat-user-col group flex max-w-[72%] flex-col items-end gap-2", children: [
+      pluginPills,
+      topicAssetPills,
       /* @__PURE__ */ jsx34(WhatIfUserBubble, { parsed: whatifParsed }),
       whatifParsed.userText && /* @__PURE__ */ jsx34(
         MessageActions,
@@ -38866,6 +38990,8 @@ function UserMessageBubble({ message, className }) {
       }
     ),
     /* @__PURE__ */ jsx34(MessageContextPills, { contexts: textContexts }),
+    pluginPills,
+    topicAssetPills,
     trimmedClean && // 原型：不对称圆角（指向发送侧的一角收窄），无边框、无内阴影。
     (customBubble != null ? customBubble : /* @__PURE__ */ jsx34(
       "div",
@@ -39826,7 +39952,7 @@ function AssistantTurnBlockBase({
   const [displayMode, setDisplayMode] = useState22(
     () => forceExpanded ? "detail" : (displayModeMemoryKey ? turnDisplayModeMemory.get(displayModeMemoryKey) : void 0) ?? defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall, isStreaming })
   );
-  const wasStreamingRef = useRef14(isStreaming);
+  const wasStreamingRef = useRef15(isStreaming);
   useEffect16(() => {
     if (wasStreamingRef.current && !isStreaming && !forceExpanded && !(displayModeMemoryKey && turnDisplayModeMemory.has(displayModeMemoryKey))) {
       setDisplayMode(
@@ -40535,7 +40661,7 @@ function MemoryRefsHint({ refs: rawRefs, className }) {
 }
 
 // src/hooks/use-message-pin.ts
-import { useCallback as useCallback6, useEffect as useEffect17, useRef as useRef15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect17, useRef as useRef16 } from "react";
 var DEFAULT_MARGIN_PX = 24;
 var MANUAL_SCROLL_TOLERANCE_PX = 2;
 function useMessagePin({
@@ -40557,16 +40683,16 @@ function useMessagePin({
   scrollToBottom,
   margin = DEFAULT_MARGIN_PX
 }) {
-  const pinActiveRef = useRef15(false);
-  const frameRef = useRef15(null);
-  const retryTimeoutRef = useRef15(null);
-  const manualScrollCheckTimeoutRef = useRef15(null);
-  const repositionPendingRef = useRef15(false);
-  const pinnedTargetScrollTopRef = useRef15(null);
-  const appliedTargetKeyRef = useRef15(null);
-  const initialObservedTargetKeyRef = useRef15(pinTarget ? null : targetKey);
-  const observedTargetKeyRef = useRef15(initialObservedTargetKeyRef.current);
-  const setSpacerHeightRef = useRef15(setSpacerHeight);
+  const pinActiveRef = useRef16(false);
+  const frameRef = useRef16(null);
+  const retryTimeoutRef = useRef16(null);
+  const manualScrollCheckTimeoutRef = useRef16(null);
+  const repositionPendingRef = useRef16(false);
+  const pinnedTargetScrollTopRef = useRef16(null);
+  const appliedTargetKeyRef = useRef16(null);
+  const initialObservedTargetKeyRef = useRef16(pinTarget ? null : targetKey);
+  const observedTargetKeyRef = useRef16(initialObservedTargetKeyRef.current);
+  const setSpacerHeightRef = useRef16(setSpacerHeight);
   setSpacerHeightRef.current = setSpacerHeight;
   const release = useCallback6(() => {
     if (!pinActiveRef.current) return;
@@ -41072,7 +41198,7 @@ function ContextGroupCard({ contexts, className }) {
 }
 
 // src/chat/ResultFeedback.tsx
-import { useCallback as useCallback7, useEffect as useEffect18, useRef as useRef16, useState as useState23 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect18, useRef as useRef17, useState as useState23 } from "react";
 import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
 var REASONS = [
   { value: "not_solved", label: "\u6CA1\u89E3\u51B3\u95EE\u9898" },
@@ -41122,10 +41248,10 @@ function ResultFeedback({
   );
   const [saving, setSaving] = useState23(false);
   const [saveError, setSaveError] = useState23(false);
-  const latestChoice = useRef16(null);
+  const latestChoice = useRef17(null);
   const eligible = followup.feedback_eligible === true;
   const emit = useFollowupInteraction();
-  const reportedShown = useRef16(false);
+  const reportedShown = useRef17(false);
   const visible = eligible && !isViewer;
   useEffect18(() => {
     if (!visible || reportedShown.current) return;
@@ -41378,11 +41504,11 @@ function LiteMessageList({
   onLoadOlder,
   historyLoadRevision = 0
 }) {
-  const scrollRef = useRef17(null);
-  const trailingSpacerRef = useRef17(null);
-  const stickToBottomRef = useRef17(true);
-  const scrollFrameRef = useRef17(null);
-  const loadingOlderRef = useRef17(false);
+  const scrollRef = useRef18(null);
+  const trailingSpacerRef = useRef18(null);
+  const stickToBottomRef = useRef18(true);
+  const scrollFrameRef = useRef18(null);
+  const loadingOlderRef = useRef18(false);
   useEffect19(() => {
     void historyLoadRevision;
     const element2 = scrollRef.current;
@@ -41739,12 +41865,12 @@ import {
   useEffect as useEffect26,
   useLayoutEffect as useLayoutEffect7,
   useMemo as useMemo16,
-  useRef as useRef25,
+  useRef as useRef26,
   useState as useState32
 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback9, useMemo as useMemo13, useRef as useRef18, useState as useState25 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo13, useRef as useRef19, useState as useState25 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -41784,7 +41910,7 @@ var useStickToBottom = (options = {}) => {
   const [escapedFromLock, updateEscapedFromLock] = useState25(false);
   const [isAtBottom, updateIsAtBottom] = useState25(options.initial !== false);
   const [isNearBottom, setIsNearBottom] = useState25(false);
-  const optionsRef = useRef18(null);
+  const optionsRef = useRef19(null);
   optionsRef.current = options;
   const isSelecting = useCallback9(() => {
     if (!mouseDown) {
@@ -42088,11 +42214,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext7, useContext as useContext7, useEffect as useEffect20, useImperativeHandle as useImperativeHandle2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo14, useRef as useRef19 } from "react";
+import { createContext as createContext7, useContext as useContext7, useEffect as useEffect20, useImperativeHandle as useImperativeHandle2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo14, useRef as useRef20 } from "react";
 var StickToBottomContext = createContext7(null);
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect4 : useEffect20;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef19(null);
+  const customTargetScrollTop = useRef20(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -42173,7 +42299,7 @@ import {
   isHiddenInternalMessage as isHiddenInternalMessage2,
   normalizeMessageContent as normalizeMessageContent3
 } from "@blade-hq/agent-client/internal";
-import { useCallback as useCallback11, useEffect as useEffect21, useLayoutEffect as useLayoutEffect5, useRef as useRef20, useState as useState26 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect21, useLayoutEffect as useLayoutEffect5, useRef as useRef21, useState as useState26 } from "react";
 var HIGHLIGHT_MS = 1600;
 var TURN_NAV_HIGHLIGHT_CLASS = "blade-turn-nav-flash";
 var MAX_FRAMES_AFTER_LOCATE = 20;
@@ -42228,7 +42354,7 @@ function useTurnNavigation({
   reloadKey,
   rewriteKey
 }) {
-  const callbacks = useRef20({
+  const callbacks = useRef21({
     getLoadedEntryElement,
     isEntryLoaded,
     locateEntry,
@@ -42243,14 +42369,14 @@ function useTurnNavigation({
   const [failedEntryId, setFailedEntryId] = useState26(null);
   const [error61, setError] = useState26(null);
   const [indexRefresh, setIndexRefresh] = useState26(0);
-  const seekSeq = useRef20(0);
-  const indexSeq = useRef20(0);
-  const indexRef = useRef20({
+  const seekSeq = useRef21(0);
+  const indexSeq = useRef21(0);
+  const indexRef = useRef21({
     sessionId: null,
     items: []
   });
-  const highlightTimer = useRef20(void 0);
-  const highlightedRef = useRef20(null);
+  const highlightTimer = useRef21(void 0);
+  const highlightedRef = useRef21(null);
   const clearHighlight = useCallback11(() => {
     clearTimeout(highlightTimer.current);
     highlightTimer.current = void 0;
@@ -42409,7 +42535,7 @@ function useTurnNavigation({
 }
 
 // src/hooks/use-typewriter-reveal.ts
-import { useCallback as useCallback12, useEffect as useEffect22, useRef as useRef21, useState as useState27 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect22, useRef as useRef22, useState as useState27 } from "react";
 var REVEAL_INITIAL_CPS = 18;
 var REVEAL_MIN_CPS = 6;
 var REVEAL_MAX_CPS = 240;
@@ -42446,14 +42572,14 @@ function initialRevealState(targetText, isLive, resetKey) {
 }
 function useTypewriterReveal(targetText, isLive, resetKey) {
   const [state, setState] = useState27(() => initialRevealState(targetText, isLive, resetKey));
-  const targetTextRef = useRef21(targetText);
+  const targetTextRef = useRef22(targetText);
   targetTextRef.current = targetText;
-  const revealedLenRef = useRef21(state.revealedLen);
-  const priorTargetLenRef = useRef21(targetText.length);
-  const emaCpsRef = useRef21(REVEAL_INITIAL_CPS);
-  const lastTickTsRef = useRef21(null);
-  const lastArrivalTsRef = useRef21(null);
-  const cancelRef = useRef21(null);
+  const revealedLenRef = useRef22(state.revealedLen);
+  const priorTargetLenRef = useRef22(targetText.length);
+  const emaCpsRef = useRef22(REVEAL_INITIAL_CPS);
+  const lastTickTsRef = useRef22(null);
+  const lastArrivalTsRef = useRef22(null);
+  const cancelRef = useRef22(null);
   const stopTicking = useCallback12(() => {
     cancelRef.current?.();
     cancelRef.current = null;
@@ -42485,7 +42611,7 @@ function useTypewriterReveal(targetText, isLive, resetKey) {
     priorTargetLenRef.current = targetText.length;
     setState((s) => ({ ...s, displayedText: targetText, revealedLen: targetText.length, isRevealing: false }));
   }
-  const tickRef = useRef21(null);
+  const tickRef = useRef22(null);
   tickRef.current = (ts) => {
     cancelRef.current = null;
     const currentTargetLen = targetTextRef.current.length;
@@ -45898,10 +46024,10 @@ function CompactionCard({
 }
 
 // src/chat/PostChatFollowupBlock.tsx
-import { useEffect as useEffect24, useRef as useRef23 } from "react";
+import { useEffect as useEffect24, useRef as useRef24 } from "react";
 
 // src/chat/FinalArtifactCards.tsx
-import { useEffect as useEffect23, useRef as useRef22, useState as useState30 } from "react";
+import { useEffect as useEffect23, useRef as useRef23, useState as useState30 } from "react";
 import { Fragment as Fragment16, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
 function basename2(path2) {
   return path2.split("/").filter(Boolean).pop() || path2;
@@ -45976,8 +46102,8 @@ function FinalArtifactCards({
   const hasMore = artifacts.length > 3;
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
   const emit = useFollowupInteraction();
-  const reportedShown = useRef22(/* @__PURE__ */ new Set());
-  const reportedOpened = useRef22(/* @__PURE__ */ new Set());
+  const reportedShown = useRef23(/* @__PURE__ */ new Set());
+  const reportedOpened = useRef23(/* @__PURE__ */ new Set());
   const visibleCount = visibleArtifacts.length;
   useEffect23(() => {
     for (let artifactIndex = 0; artifactIndex < visibleCount; artifactIndex += 1) {
@@ -46065,8 +46191,8 @@ function PostChatFollowupBlock({
 }) {
   const composer = useComposerBridge(sessionId);
   const emit = useFollowupInteraction();
-  const reportedSuggestions = useRef23(false);
-  const adopted = useRef23(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef24(false);
+  const adopted = useRef24(/* @__PURE__ */ new Set());
   const artifacts = followup?.final_artifacts ?? [];
   const assistantEntryId = followup?.assistant_entry_id ?? "";
   const suggestionCount = followup?.suggestions.length ?? 0;
@@ -46199,7 +46325,7 @@ var RenderErrorBoundary = class extends Component {
 };
 
 // src/chat/TurnNavRail.tsx
-import { useCallback as useCallback13, useEffect as useEffect25, useLayoutEffect as useLayoutEffect6, useRef as useRef24, useState as useState31 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect25, useLayoutEffect as useLayoutEffect6, useRef as useRef25, useState as useState31 } from "react";
 import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
 var PANEL_MAX_HEIGHT = 448;
 var PANEL_MARGIN = 16;
@@ -46223,11 +46349,11 @@ function TurnNavRail({
 }) {
   const [hoveredTurnId, setHoveredTurnId] = useState31(null);
   const [panelOpen, setPanelOpen] = useState31(false);
-  const listRef = useRef24(null);
-  const markerRef = useRef24(null);
-  const edgeRatioRef = useRef24(0.5);
-  const velocityRef = useRef24(0);
-  const rafRef = useRef24(null);
+  const listRef = useRef25(null);
+  const markerRef = useRef25(null);
+  const edgeRatioRef = useRef25(0.5);
+  const velocityRef = useRef25(0);
+  const rafRef = useRef25(null);
   useEffect25(() => {
     if (!panelOpen || hoveredTurnId == null) return;
     const list2 = listRef.current;
@@ -46598,8 +46724,8 @@ function MessageListBody({
   const stateIsStreaming = useSessionState(sessionId, (state) => state.isStreaming);
   const sessionIsStreaming = streamingOverride ?? stateIsStreaming;
   const agentLoopNameSet = useMemo16(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
-  const assistantMessagesCacheRef = useRef25(/* @__PURE__ */ new Map());
-  const stickContextRef = useRef25(null);
+  const assistantMessagesCacheRef = useRef26(/* @__PURE__ */ new Map());
+  const stickContextRef = useRef26(null);
   const latestAssistantIndex = (() => {
     for (let i2 = messages.length - 1; i2 >= 0; i2 -= 1) {
       const candidate = messages[i2];
@@ -46701,52 +46827,52 @@ function MessageListBody({
   const latestUserStableId = latestUserBlock?.message.render_id ?? latestUserAnchorId;
   const latestUserIsOptimistic = latestUserBlock?.message.entry_id?.startsWith("local-user-") ?? false;
   const effectiveNewUserMessageKey = latestUserIsOptimistic ? latestUserBlock?.key ?? latestUserAnchorId : null;
-  const containerRef = useRef25(null);
-  const scrollContainerRef = useRef25(null);
-  const virtualPrefixRef = useRef25(null);
-  const visibleTurnsRef = useRef25(/* @__PURE__ */ new Map());
-  const visibleBlockRowsRef = useRef25(/* @__PURE__ */ new Map());
-  const mountedTurnElementsRef = useRef25(/* @__PURE__ */ new Map());
-  const turnRefCallbacksRef = useRef25(
+  const containerRef = useRef26(null);
+  const scrollContainerRef = useRef26(null);
+  const virtualPrefixRef = useRef26(null);
+  const visibleTurnsRef = useRef26(/* @__PURE__ */ new Map());
+  const visibleBlockRowsRef = useRef26(/* @__PURE__ */ new Map());
+  const mountedTurnElementsRef = useRef26(/* @__PURE__ */ new Map());
+  const turnRefCallbacksRef = useRef26(
     /* @__PURE__ */ new Map()
   );
-  const intersectionObserverRef = useRef25(null);
-  const measuredSizeByKeyRef = useRef25(/* @__PURE__ */ new Map());
-  const measuredRowElementsRef = useRef25(/* @__PURE__ */ new Map());
-  const rowRefCallbacksRef = useRef25(
+  const intersectionObserverRef = useRef26(null);
+  const measuredSizeByKeyRef = useRef26(/* @__PURE__ */ new Map());
+  const measuredRowElementsRef = useRef26(/* @__PURE__ */ new Map());
+  const rowRefCallbacksRef = useRef26(
     /* @__PURE__ */ new Map()
   );
-  const rowResizeObserverRef = useRef25(null);
-  const boundaryAnchorRef = useRef25(null);
-  const previousStablePrefixEndRef = useRef25(null);
-  const frameRef = useRef25(null);
-  const startScrollFrameRef = useRef25(null);
-  const startScrollTimeoutRef = useRef25(null);
-  const entryScrollFrameRef = useRef25(null);
-  const entryScrollTimeoutRefs = useRef25([]);
-  const appliedStartScrollKeyRef = useRef25(null);
-  const appliedEntryScrollKeyRef = useRef25(null);
-  const newTurnSpacerRef = useRef25(null);
-  const newTurnScrollFrameRef = useRef25(null);
-  const newTurnScrollTimeoutRef = useRef25(null);
-  const newTurnSpacerFrameRef = useRef25(null);
-  const newTurnAnimationFrameRef = useRef25(null);
-  const newTurnAnimationCleanupRef = useRef25(null);
-  const isAnimatingNewTurnRef = useRef25(false);
-  const heldStickToBottomRef = useRef25(false);
-  const pinnedScrollTopRef = useRef25(null);
-  const newTurnPinActiveRef = useRef25(false);
-  const appliedNewUserMessageKeyRef = useRef25(null);
-  const observedLatestUserAnchorRef = useRef25(
+  const rowResizeObserverRef = useRef26(null);
+  const boundaryAnchorRef = useRef26(null);
+  const previousStablePrefixEndRef = useRef26(null);
+  const frameRef = useRef26(null);
+  const startScrollFrameRef = useRef26(null);
+  const startScrollTimeoutRef = useRef26(null);
+  const entryScrollFrameRef = useRef26(null);
+  const entryScrollTimeoutRefs = useRef26([]);
+  const appliedStartScrollKeyRef = useRef26(null);
+  const appliedEntryScrollKeyRef = useRef26(null);
+  const newTurnSpacerRef = useRef26(null);
+  const newTurnScrollFrameRef = useRef26(null);
+  const newTurnScrollTimeoutRef = useRef26(null);
+  const newTurnSpacerFrameRef = useRef26(null);
+  const newTurnAnimationFrameRef = useRef26(null);
+  const newTurnAnimationCleanupRef = useRef26(null);
+  const isAnimatingNewTurnRef = useRef26(false);
+  const heldStickToBottomRef = useRef26(false);
+  const pinnedScrollTopRef = useRef26(null);
+  const newTurnPinActiveRef = useRef26(false);
+  const appliedNewUserMessageKeyRef = useRef26(null);
+  const observedLatestUserAnchorRef = useRef26(
     latestUserIsOptimistic ? null : latestUserAnchorId
   );
-  const observedLatestUserStableIdRef = useRef25(
+  const observedLatestUserStableIdRef = useRef26(
     latestUserIsOptimistic ? null : latestUserStableId
   );
   const [activeTurnId, setActiveTurnId] = useState32(lastTurnId);
   const [virtualScrollMargin, setVirtualScrollMargin] = useState32(0);
   const [scrollContainerElement, setScrollContainerElement] = useState32(null);
-  const loadingOlderRef = useRef25(false);
+  const loadingOlderRef = useRef26(false);
   const virtualizationEnabled = Boolean(useChatEnvironment().useVirtualizer);
   const stablePrefixEnd = useMemo16(
     () => virtualizationEnabled ? findStablePrefixEnd(renderBlocks) : 0,
@@ -47917,7 +48043,7 @@ function MessageList(props) {
 }
 
 // src/chat/runtime/use-chat-actions.ts
-import { useCallback as useCallback15, useEffect as useEffect27, useRef as useRef26, useState as useState33 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect27, useRef as useRef27, useState as useState33 } from "react";
 function useChatActions(sessionId) {
   const source = useSessionSource();
   const session = useSessionHandle(sessionId);
@@ -47925,7 +48051,7 @@ function useChatActions(sessionId) {
   const [isStopping, setIsStopping] = useState33(false);
   const [queueNotice, setQueueNotice] = useState33(null);
   const [pendingQueueItemId, setPendingQueueItemId] = useState33(null);
-  const previousSessionIdRef = useRef26(sessionId);
+  const previousSessionIdRef = useRef27(sessionId);
   const send = useCallback15(
     (msg, targetMode, askuserAnswer, options) => (
       // 等会话就绪再发：等待回答时要按最新状态把输入当作作答
@@ -48107,8 +48233,6 @@ function ChatPanel({
   onCommand,
   canCreateBoardTask,
   canShareSession = false,
-  onResyncSkills,
-  isResyncingSkills = false,
   onOpenSkills,
   inputLabel,
   onDoubleEscape,
@@ -48239,7 +48363,9 @@ function ChatPanel({
         model: options?.model || void 0,
         thinkingOverride: options?.thinkingOverride,
         reasoningLevel: options?.reasoningLevel,
+        refs: options?.refs,
         kbIds: options?.kbIds,
+        topicAssetRefs: options?.topicAssetRefs,
         queueWhenRunning: options?.queueWhenRunning
       });
     },
@@ -48321,8 +48447,6 @@ function ChatPanel({
     SkillStatusBarComponent: SkillStatus,
     skillStatusBarClassName: classNames?.skillStatusBarRoot,
     skillStatusBarInnerClassName: classNames?.skillStatusBarInner,
-    onResyncSkills,
-    isResyncingSkills,
     onOpenSkills,
     inputLabel,
     placeholderText: placeholder,
@@ -48626,8 +48750,8 @@ function ChatSessionView({
   useEffect30(() => {
     setNotice(null);
   }, [resolvedSessionId, replaySpeed, replaying]);
-  const onSessionReadyRef = useRef27(onSessionReady);
-  const readySessionRef = useRef27(null);
+  const onSessionReadyRef = useRef28(onSessionReady);
+  const readySessionRef = useRef28(null);
   const hasOnSessionReady = onSessionReady !== void 0;
   useEffect30(() => {
     onSessionReadyRef.current = onSessionReady;
@@ -48688,7 +48812,7 @@ import { chatErrorForDisplay as chatErrorForDisplay4 } from "@blade-hq/agent-cli
 import { useEffect as useEffect31, useMemo as useMemo20, useState as useState39 } from "react";
 
 // src/hooks/use-llm-chat.ts
-import { useCallback as useCallback18, useMemo as useMemo19, useRef as useRef28, useState as useState37 } from "react";
+import { useCallback as useCallback18, useMemo as useMemo19, useRef as useRef29, useState as useState37 } from "react";
 var DEFAULT_HISTORY_TURNS = 12;
 var DEFAULT_MAX_TOOL_ROUNDS = 4;
 var syntheticIdSeq = 0;
@@ -48699,12 +48823,12 @@ function useLlmChat(options) {
   const [failedToolIds, setFailedToolIds] = useState37([]);
   const [error61, setError] = useState37(null);
   const [isStreaming, setIsStreaming] = useState37(false);
-  const abortRef = useRef28(null);
-  const activeStartedAtRef = useRef28(null);
-  const assistantTimingsRef = useRef28(/* @__PURE__ */ new WeakMap());
-  const generationRef = useRef28(0);
-  const historyRef = useRef28([]);
-  const optionsRef = useRef28(options);
+  const abortRef = useRef29(null);
+  const activeStartedAtRef = useRef29(null);
+  const assistantTimingsRef = useRef29(/* @__PURE__ */ new WeakMap());
+  const generationRef = useRef29(0);
+  const historyRef = useRef29([]);
+  const optionsRef = useRef29(options);
   optionsRef.current = options;
   historyRef.current = history;
   const stop = useCallback18(() => {
@@ -49291,6 +49415,99 @@ function ChatView(props) {
   return /* @__PURE__ */ jsx54(AgentChat, { ...rest });
 }
 
+// src/components/TopicAssetSubmitDialog.tsx
+import { useRef as useRef30, useState as useState40 } from "react";
+import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+function useTopicAssetSubmissionAccess(sessionId) {
+  const client = useBladeClient();
+  return useAsyncValue(sessionId, async (signal) => {
+    if (!sessionId) return null;
+    const [session, groups] = await Promise.all([
+      client.sessions.getSession(sessionId, { signal }),
+      client.chatGroups.list()
+    ]);
+    if (session.runtime_type !== "sandbox" || !session.chat_group_id || session.viewer_role === "viewer") return null;
+    const group = groups.find((item) => item.id === session.chat_group_id);
+    return group && (group.role === "owner" || group.role === "editor") ? group : null;
+  });
+}
+function TopicAssetSubmitDialog({ sessionId, topicId, path: path2, onClose, onSubmitted }) {
+  const client = useBladeClient();
+  const [folder, setFolder] = useState40("");
+  const [message, setMessage] = useState40("");
+  const [error61, setError] = useState40(null);
+  const [busy, setBusy] = useState40(false);
+  const submitting = useRef30(false);
+  const [revision, setRevision] = useState40(0);
+  const assets = useAsyncValue(`${sessionId}:${topicId}:${revision}`, async () => {
+    const [session, groups, result] = await Promise.all([
+      client.sessions.getSession(sessionId),
+      client.chatGroups.list(),
+      client.chatGroups.listAssets(topicId)
+    ]);
+    const role = groups.find((item) => item.id === topicId)?.role;
+    if (session.runtime_type !== "sandbox" || session.chat_group_id !== topicId || session.viewer_role === "viewer") throw new Error("\u8FD9\u4E2A\u4F1A\u8BDD\u4E0D\u80FD\u63D0\u4EA4\u5230\u8BE5\u4E3B\u9898");
+    if (role !== "owner" && role !== "editor") throw new Error("\u4F60\u5728\u8FD9\u4E2A\u4E3B\u9898\u6CA1\u6709\u63D0\u4EA4\u6743\u9650");
+    const folders = /* @__PURE__ */ new Set();
+    for (const asset of result.items) {
+      if (asset.is_dir) folders.add(asset.path);
+      const parts = asset.path.split("/");
+      for (let i2 = 1; i2 < parts.length; i2 += 1) folders.add(parts.slice(0, i2).join("/"));
+    }
+    return [...folders].sort((a, b2) => a.localeCompare(b2));
+  });
+  const submit = async () => {
+    if (submitting.current || !assets.data) return;
+    submitting.current = true;
+    setBusy(true);
+    setError(null);
+    try {
+      const name = path2.split("/").at(-1) ?? path2;
+      await client.chatGroups.submitSessionAsset({ session_id: sessionId, path: path2, target_path: folder ? `${folder}/${name}` : name, message: message.trim() });
+      onSubmitted?.();
+      onClose();
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "\u63D0\u4EA4\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+    } finally {
+      submitting.current = false;
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx55(Dialog, { open: true, onOpenChange: (open2) => {
+    if (!open2 && !busy) onClose();
+  }, children: /* @__PURE__ */ jsxs48(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsx55(DialogTitle, { children: "\u63D0\u4EA4\u5230\u8D44\u4EA7" }),
+    /* @__PURE__ */ jsx55(DialogDescription, { children: "\u5C06\u6587\u4EF6\u590D\u5236\u5230\u4E3B\u9898\u4F9B\u6210\u5458\u4F7F\u7528\uFF0C\u5DE5\u4F5C\u533A\u539F\u6587\u4EF6\u4F1A\u4FDD\u7559\u3002\u540C\u540D\u8D44\u4EA7\u4F1A\u88AB\u66FF\u6362\u3002" }),
+    /* @__PURE__ */ jsxs48("form", { onSubmit: (event) => {
+      event.preventDefault();
+      void submit();
+    }, className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx55("p", { className: "break-all text-sm text-secondary-foreground", children: path2 }),
+      /* @__PURE__ */ jsxs48("label", { className: "flex flex-col gap-1 text-sm", children: [
+        "\u76EE\u6807\u6587\u4EF6\u5939",
+        /* @__PURE__ */ jsxs48("select", { "aria-label": "\u76EE\u6807\u6587\u4EF6\u5939", value: folder, onChange: (event) => setFolder(event.target.value), disabled: busy || !assets.data, className: "rounded-md border border-border bg-background p-2", children: [
+          /* @__PURE__ */ jsx55("option", { value: "", children: "\u8D44\u4EA7\u6839\u76EE\u5F55" }),
+          assets.data?.map((item) => /* @__PURE__ */ jsx55("option", { value: item, children: item }, item))
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs48("label", { className: "flex flex-col gap-1 text-sm", children: [
+        "\u8BF4\u660E\uFF08\u53EF\u9009\uFF09",
+        /* @__PURE__ */ jsx55("textarea", { "aria-label": "\u63D0\u4EA4\u8BF4\u660E", value: message, onChange: (event) => setMessage(event.target.value), maxLength: 1e3, disabled: busy, className: "min-h-20 rounded-md border border-border bg-background p-2" })
+      ] }),
+      assets.error ? /* @__PURE__ */ jsxs48("div", { role: "alert", className: "text-sm text-muted-foreground", children: [
+        assets.error instanceof Error ? assets.error.message : "\u8D44\u4EA7\u52A0\u8F7D\u5931\u8D25",
+        " ",
+        /* @__PURE__ */ jsx55("button", { type: "button", onClick: () => setRevision((n2) => n2 + 1), className: "underline", children: "\u91CD\u8BD5" })
+      ] }) : !assets.data ? /* @__PURE__ */ jsx55("output", { className: "text-sm text-muted-foreground", children: "\u6B63\u5728\u52A0\u8F7D\u8D44\u4EA7\u2026" }) : null,
+      error61 ? /* @__PURE__ */ jsx55("p", { role: "alert", className: "text-sm text-muted-foreground", children: error61 }) : null,
+      /* @__PURE__ */ jsxs48("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx55("button", { type: "button", disabled: busy, onClick: onClose, className: "rounded-md border border-border px-3 py-2 text-sm", children: "\u53D6\u6D88" }),
+        /* @__PURE__ */ jsx55("button", { type: "submit", disabled: busy || !assets.data, className: "rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground disabled:opacity-50", children: busy ? "\u63D0\u4EA4\u4E2D\u2026" : "\u63D0\u4EA4" })
+      ] })
+    ] })
+  ] }) });
+}
+
 export {
   useAgentSession,
   useReplay,
@@ -49319,7 +49536,9 @@ export {
   AgentChat,
   useLlmChat,
   LlmChat,
-  ChatView
+  ChatView,
+  useTopicAssetSubmissionAccess,
+  TopicAssetSubmitDialog
 };
 /*! Bundled license information:
 
@@ -49340,4 +49559,4 @@ use-stick-to-bottom/dist/StickToBottom.js:
 js-yaml/dist/js-yaml.mjs:
   (*! js-yaml 4.1.1 https://github.com/nodeca/js-yaml @license MIT *)
 */
-//# sourceMappingURL=chunk-5J54S5BK.js.map
+//# sourceMappingURL=chunk-XJLFFRQP.js.map