@blade-hq/agent-react 2610.0.0-beta.30 → 2610.0.0-beta.31

package/dist/index.js

@@ -1023,6 +1023,14 @@ var Play = createLucideIcon("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
+var RefreshCcw = createLucideIcon("RefreshCcw", [
+  ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
+  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/search.js
 var Search = createLucideIcon("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
@@ -2028,6 +2036,18 @@ import {
 } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
+function normalizeAdjacentUrlFormatting(value) {
+  const protectedSegments = [];
+  const protectedValue = value.replace(/(`{1,3}[\s\S]*?`{1,3}|\[[^\]]*\]\([^)]*\))/g, (segment) => {
+    const index = protectedSegments.push(segment) - 1;
+    return `blade-url-protected-${index}-marker`;
+  });
+  const normalized = protectedValue.replace(
+    /(\*\*|__|~~|\*|_)(https?:\/\/[^\s<>]+?)\1(?=[\s。，、！？；：,.!?;:]|$)/g,
+    (_, marker, url) => `${marker}[${url}](<${url}>)${marker}`
+  );
+  return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_, index) => protectedSegments[Number(index)]);
+}
 function CodeBlockPre({ children, node: _node, ...props }) {
   const preRef = useRef7(null);
   const [copied, setCopied] = useState7(false);
@@ -2082,7 +2102,7 @@ var MARKDOWN_COMPONENTS = {
 };
 function MarkdownContent({ children, className, mode, sessionId }) {
   const resolvedChildren = useMemo5(() => {
-    return children.replace(SYSTEM_REMINDER_RE, "");
+    return normalizeAdjacentUrlFormatting(children.replace(SYSTEM_REMINDER_RE, ""));
   }, [children]);
   return /* @__PURE__ */ jsx7(
     _r,
@@ -3652,7 +3672,85 @@ import {
   getImageParts as getImageParts2,
   getTextContent as getTextContent2
 } from "@blade-hq/agent-client";
+
+// src/lib/whatif-prompt.ts
+var HEADER_RE = /^以下消息和 step 产物标记为 deprecated_by_rerun，请基于最新用户假设从 step(\d+) 开始完整重新推演，不要复用旧结论。$/;
+var QUOTE_HEADER_RE = /^\[步骤(\d+)\s*·\s*(.+?)\]$/;
+var USER_INPUT_TAG = "[\u7528\u6237\u8F93\u5165]";
+function parseWhatIfPrompt(text) {
+  const lines = text.replace(/\r\n/g, "\n").trimEnd().split("\n");
+  const headerMatch = lines[0]?.match(HEADER_RE);
+  if (!headerMatch) return null;
+  const userTagIdx = lines.indexOf(USER_INPUT_TAG);
+  const hasUserTag = userTagIdx >= 0;
+  const quoteBlockEndExclusive = hasUserTag ? userTagIdx : lines.length;
+  const quoteHeaderIdxs = [];
+  let quoteBlockFound = false;
+  for (let i = 1; i < quoteBlockEndExclusive; i++) {
+    if (!quoteBlockFound && lines[i].trim() === "[\u5F15\u7528]") {
+      quoteBlockFound = true;
+    } else if (quoteBlockFound && QUOTE_HEADER_RE.test(lines[i])) {
+      quoteHeaderIdxs.push(i);
+    }
+  }
+  let legacyUserTextStart = -1;
+  if (!hasUserTag && quoteHeaderIdxs.length > 0) {
+    const lastSnapshotStart = quoteHeaderIdxs.at(-1) + 1;
+    let i = lines.length - 1;
+    while (i >= lastSnapshotStart && lines[i].trim() === "") i -= 1;
+    while (i >= lastSnapshotStart && lines[i].trim() !== "") i -= 1;
+    if (i >= lastSnapshotStart) legacyUserTextStart = i + 1;
+  }
+  const quotes = quoteHeaderIdxs.map((headerIdx, index) => {
+    const match = lines[headerIdx].match(QUOTE_HEADER_RE);
+    const nextHeader = quoteHeaderIdxs[index + 1];
+    const end = nextHeader ?? (legacyUserTextStart >= 0 ? legacyUserTextStart : quoteBlockEndExclusive);
+    const snapshotLines = lines.slice(headerIdx + 1, end);
+    while (snapshotLines.at(-1)?.trim() === "") snapshotLines.pop();
+    return {
+      stepNumber: Number.parseInt(match[1], 10),
+      label: match[2].trim(),
+      snapshot: snapshotLines.join("\n")
+    };
+  });
+  const userTextStart = hasUserTag ? userTagIdx + 1 : legacyUserTextStart;
+  const userLines = userTextStart >= 0 ? lines.slice(userTextStart) : [];
+  while (userLines[0]?.trim() === "") userLines.shift();
+  while (userLines.at(-1)?.trim() === "") userLines.pop();
+  const fromStep = Number.parseInt(headerMatch[1], 10);
+  return {
+    fromStep: Number.isFinite(fromStep) ? fromStep : null,
+    quotes,
+    userText: userLines.join("\n")
+  };
+}
+
+// src/components/WhatIfUserBubble.tsx
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function WhatIfUserBubble({ parsed, onQuoteClick }) {
+  const { fromStep, quotes, userText } = parsed;
+  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.5)] px-2.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx14(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx14("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+    ] }),
+    quotes.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index) => {
+      const clickable = quote.stepNumber != null && !!onQuoteClick;
+      const label = quote.stepNumber != null ? `\u6B65\u9AA4${quote.stepNumber} \xB7 ${quote.label}` : quote.label;
+      return /* @__PURE__ */ jsxs12("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
+        /* @__PURE__ */ jsxs12("button", { type: "button", disabled: !clickable, onClick: () => clickable && onQuoteClick(quote.stepNumber), className: "inline-flex max-w-full items-center gap-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:cursor-default", title: clickable ? "\u8DF3\u8F6C\u5230\u5BF9\u5E94\u6B65\u9AA4\u5361\u7247" : void 0, children: [
+          /* @__PURE__ */ jsx14("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx14("span", { className: "truncate", children: label })
+        ] }),
+        quote.snapshot ? /* @__PURE__ */ jsx14("div", { className: "mt-1 border-l-2 border-[hsl(var(--accent-foreground)/0.35)] pl-2 text-xs leading-relaxed text-[hsl(var(--foreground)/0.8)]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+      ] }, `${quote.stepNumber ?? "x"}-${index}`);
+    }) }),
+    userText && /* @__PURE__ */ jsx14("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+  ] });
+}
+
+// src/components/UserMessageBubble.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -3664,8 +3762,12 @@ function UserMessageBubble({ message, className }) {
   const text = getTextContent2(message.content).trim();
   const fileParts = getFileParts2(message.content);
   const imageParts = getImageParts2(message.content);
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs12("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx14(
+  const whatifParsed = text && imageParts.length === 0 && fileParts.length === 0 ? parseWhatIfPrompt(text) : null;
+  if (whatifParsed) {
+    return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx15(WhatIfUserBubble, { parsed: whatifParsed }) }) });
+  }
+  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs13("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx15("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx15(
       "img",
       {
         src: part.image_url.url,
@@ -3674,21 +3776,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs12(
+    fileParts.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs13(
       "div",
       {
         className: "flex items-center gap-1.5 rounded-lg border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         children: [
-          /* @__PURE__ */ jsx14(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx14("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx15(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx15("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx14("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx14(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx14("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ jsx15("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx15(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx15("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -3697,11 +3799,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = chatErrorForDisplay(getTextContent2(message.content));
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx14("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text }) });
+  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -3827,23 +3929,23 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsxs13("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
-    isStreaming ? /* @__PURE__ */ jsx15("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
+    isStreaming ? /* @__PURE__ */ jsx16("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+    /* @__PURE__ */ jsxs14(
       StickToBottom,
       {
         className: "h-full overflow-y-hidden",
         initial: "instant",
         resize: "instant",
         children: [
-          /* @__PURE__ */ jsx15(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-col", children: [
-            renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs13("div", { className: "blade-chat-empty", children: [
-              /* @__PURE__ */ jsx15(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-              /* @__PURE__ */ jsx15("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-              /* @__PURE__ */ jsx15("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+          /* @__PURE__ */ jsx16(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-col", children: [
+            renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs14("div", { className: "blade-chat-empty", children: [
+              /* @__PURE__ */ jsx16(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+              /* @__PURE__ */ jsx16("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+              /* @__PURE__ */ jsx16("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
             ] }) : renderBlocks.map((block) => {
               if (block.type === "message") {
-                return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx15(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx15(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+                return /* @__PURE__ */ jsx16("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx16(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx16(ErrorMessageBlock, { message: block.message }) : null }, block.key);
               }
               if (block.type === "assistant_turn") {
                 const blockFeedback = block.messages.map(
@@ -3854,14 +3956,14 @@ function MessageList({
                     (message) => message.entry_id === postChatFollowup.assistant_entry_id
                   )
                 );
-                return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs13(
+                return /* @__PURE__ */ jsx16("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs14(
                   RenderErrorBoundary,
                   {
                     label: "\u52A9\u624B\u6D88\u606F",
                     details: block.key,
                     resetKey: getMessageResetSignature(block.messages),
                     children: [
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx16(
                         AssistantTurnBlock,
                         {
                           messages: block.messages,
@@ -3873,8 +3975,8 @@ function MessageList({
                           sessionId
                         }
                       ),
-                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
+                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx16(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx16(
                         PostChatFollowupBlock,
                         {
                           followup: postChatFollowup,
@@ -3891,23 +3993,23 @@ function MessageList({
                 ) }, block.key);
               }
               if (block.type === "compaction") {
-                return /* @__PURE__ */ jsxs13(
+                return /* @__PURE__ */ jsxs14(
                   "div",
                   {
                     className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
                     children: [
-                      /* @__PURE__ */ jsx15(Layers, { size: 12 }),
-                      /* @__PURE__ */ jsx15("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                      /* @__PURE__ */ jsx16(Layers, { size: 12 }),
+                      /* @__PURE__ */ jsx16("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                     ]
                   },
                   block.key
                 );
               }
-              return /* @__PURE__ */ jsx15(PlanningDivider, { kind: block.kind }, block.key);
+              return /* @__PURE__ */ jsx16(PlanningDivider, { kind: block.kind }, block.key);
             }),
-            sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx15("div", { className: "flex", children: /* @__PURE__ */ jsx15("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+            sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx16("div", { className: "flex", children: /* @__PURE__ */ jsx16("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
           ] }) }) }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             PinLatestUserMessage,
             {
               userMessageCount: userMessages.length,
@@ -3916,7 +4018,7 @@ function MessageList({
             },
             sessionId ?? "no-session"
           ),
-          /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
+          /* @__PURE__ */ jsx16(ScrollToBottomButton, {})
         ]
       },
       sessionId ?? "no-session"
@@ -4002,7 +4104,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "button",
     {
       type: "button",
@@ -4010,25 +4112,25 @@ function ScrollToBottomButton() {
       "aria-label": "\u6EDA\u52A8\u5230\u5E95\u90E8",
       className: "blade-chat-scroll-bottom absolute bottom-4 right-4 flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] shadow-lg transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
       children: [
-        /* @__PURE__ */ jsx15(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx15("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx16(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx16("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs13("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
-      /* @__PURE__ */ jsx15(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx15("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx16("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs14("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
+      /* @__PURE__ */ jsx16(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx16("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx16("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -4060,7 +4162,7 @@ function ChatSurface({
   beforeInput,
   banner
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -4069,14 +4171,14 @@ function ChatSurface({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx16(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx17(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs14("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx16(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
+        errorMessage && /* @__PURE__ */ jsxs15("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
+          /* @__PURE__ */ jsx17(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx17("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           MessageList,
           {
             messages,
@@ -4097,7 +4199,7 @@ function ChatSurface({
           }
         ),
         beforeInput,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           ChatInput,
           {
             value: inputText,
@@ -4117,7 +4219,7 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
@@ -4136,11 +4238,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
-    /* @__PURE__ */ jsx17(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs16("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
+    /* @__PURE__ */ jsx18(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx18("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx18("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
+    /* @__PURE__ */ jsx18(
       "button",
       {
         type: "button",
@@ -4150,7 +4252,7 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx17("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx18("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
@@ -4158,12 +4260,12 @@ function AgentChat(props) {
   const [attempt, setAttempt] = useState13(0);
   const [needLogin, setNeedLogin] = useState13(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx18(
           LoginCard,
           {
             client,
@@ -4176,7 +4278,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx18(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -4285,7 +4387,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     ChatSurface,
     {
       theme,
@@ -4295,8 +4397,8 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-        /* @__PURE__ */ jsx17(
+      banner: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+        /* @__PURE__ */ jsx18(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -4306,7 +4408,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx18(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -4339,7 +4441,7 @@ import { useEffect as useEffect12, useMemo as useMemo9, useState as useState15 }
 
 // src/components/LlmAdvancedSettings.tsx
 import { useState as useState14 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
   { id: "model", label: "\u6A21\u578B", placeholder: "\u6A21\u578B\u540D\u79F0" },
@@ -4390,8 +4492,8 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs17(
       "button",
       {
         type: "button",
@@ -4401,16 +4503,16 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx18(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx19(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx19("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs16("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx18(
+    open && /* @__PURE__ */ jsxs17("div", { className: "mt-2 flex flex-col gap-2", children: [
+      fields.map((field) => /* @__PURE__ */ jsxs17("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx19(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -4421,9 +4523,9 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx18("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18(
+      normalized.apiKey && /* @__PURE__ */ jsx19("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
@@ -4438,7 +4540,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
@@ -4457,7 +4559,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -4486,7 +4588,7 @@ ${text}` : text),
   useEffect12(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ChatSurface,
     {
       theme,
@@ -4511,7 +4613,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx19(
+      beforeInput: advanced ? /* @__PURE__ */ jsx20(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -4529,14 +4631,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function ChatView(props) {
   const { mode, llm, onLlmReady, ...rest } = props;
   if (mode === "llm") {
     if (!llm) {
       throw new Error('ChatView: mode="llm" \u9700\u8981\u540C\u65F6\u4F20 llm={{ baseURL, model }}');
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       LlmChat,
       {
         ...llm,
@@ -4549,23 +4651,24 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx21(AgentChat, { ...rest });
 }
 
 // src/components/ContextCard.tsx
 import {
-  getContextDisplayState
+  getContextDisplayState,
+  getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "details",
     {
-      className: `blade-chat-context-card group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
+      className: `blade-chat-context-card group/context-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ jsxs17("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs18("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx22(
             Layers,
             {
               size: 15,
@@ -4573,24 +4676,60 @@ function ContextCard({ context, className }) {
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs17("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx21("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx21("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+          /* @__PURE__ */ jsxs18("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx22("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx22("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             ChevronDown,
             {
               size: 14,
-              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open:rotate-180",
+              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open/context-card:rotate-180",
               "aria-hidden": "true"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx21("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
+        /* @__PURE__ */ jsx22("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
       ]
     }
   );
 }
+function ContextGroupCard({ contexts, className }) {
+  if (contexts.length === 0) return null;
+  const single = contexts.length === 1 ? getContextDisplayState(contexts[0]) : null;
+  const group = single ? null : getContextGroupDisplayState(contexts);
+  return /* @__PURE__ */ jsxs18("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs18("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+      /* @__PURE__ */ jsx22(
+        Layers,
+        {
+          size: 15,
+          className: "blade-chat-context-icon shrink-0 text-[hsl(var(--muted-foreground))]",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs18("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx22("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx22("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+      ] }),
+      /* @__PURE__ */ jsx22(
+        ChevronDown,
+        {
+          size: 14,
+          className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open/context-group:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ] }),
+    single ? /* @__PURE__ */ jsx22("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx22("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx22(
+      ContextCard,
+      {
+        context
+      },
+      `${context.context_kind}:${context.context_key}`
+    )) })
+  ] });
+}
 
 // src/lib/agent-computer-command.ts
 var COMPUTER_LAUNCH_COMMAND_PATTERN = /(?:^|[\n;&|(]\s*)computer\s+launch(?:\s|$)/;
@@ -4641,15 +4780,19 @@ export {
   BladeProvider,
   ChatView,
   ContextCard,
+  ContextGroupCard,
   LlmChat,
   MarkdownContent,
   MemoryRefsHint,
   ReplayBar,
   ReplayMismatchPrompt,
+  WhatIfUserBubble,
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,
   isAgentComputerCommand,
   isAgentComputerToolCall,
+  normalizeAdjacentUrlFormatting,
+  parseWhatIfPrompt,
   useAgentSession,
   useBladeClient,
   useLlmChat,
@@ -4683,6 +4826,7 @@ lucide-react/dist/esm/icons/lock-keyhole.js:
 lucide-react/dist/esm/icons/message-square-more.js:
 lucide-react/dist/esm/icons/message-square.js:
 lucide-react/dist/esm/icons/play.js:
+lucide-react/dist/esm/icons/refresh-ccw.js:
 lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/icons/settings-2.js:
 lucide-react/dist/esm/icons/sparkles.js: