@blade-hq/agent-react 2610.0.0-beta.32 → 2610.0.0-beta.34

package/dist/index.js

@@ -17,6 +17,9 @@ function useBladeClient() {
   }
   return client;
 }
+function useOptionalBladeClient() {
+  return useContext(BladeClientContext);
+}
 
 // src/hooks/use-agent-session.ts
 import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -1141,7 +1144,7 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo8, useState as useState14 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect13, useMemo as useMemo8, useState as useState15 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -1610,7 +1613,8 @@ function CurrentPlanPanel({
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
 
 // src/components/ChatInput.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
 }
@@ -1621,16 +1625,55 @@ function ChatInput({
   value,
   onValueChange,
   onSend,
+  onAppend,
   onStop,
   isStreaming,
   isStopping = false,
   placeholder = "\u8F93\u5165\u6D88\u606F\u2026",
-  className
+  className,
+  queueKey
 }) {
   const trimmed = value.trim();
-  const canSend = trimmed.length > 0 && !isStreaming;
+  const [sendMode, setSendMode] = useState5("direct");
+  const [promptQueue, setPromptQueue] = useState5([]);
+  const queueSendingRef = useRef5(false);
+  const queueBlockedRef = useRef5(false);
+  const previousQueueKeyRef = useRef5(queueKey);
+  useEffect5(() => {
+    if (previousQueueKeyRef.current === queueKey) return;
+    previousQueueKeyRef.current = queueKey;
+    setPromptQueue([]);
+    queueBlockedRef.current = false;
+  }, [queueKey]);
+  const canSend = trimmed.length > 0 && (!isStreaming || sendMode === "queue");
+  useEffect5(() => {
+    if (isStreaming) {
+      queueBlockedRef.current = false;
+      return;
+    }
+    if (queueBlockedRef.current || promptQueue.length === 0 || queueSendingRef.current) return;
+    const next = promptQueue[0];
+    queueSendingRef.current = true;
+    Promise.resolve().then(() => onSend(next)).then((accepted) => {
+      if (accepted) setPromptQueue((current) => current.slice(1));
+      else queueBlockedRef.current = true;
+    }).finally(() => {
+      queueSendingRef.current = false;
+    });
+  }, [isStreaming, onSend, promptQueue]);
   const handleSend = async () => {
     if (!canSend) return;
+    if (isStreaming && sendMode === "queue") {
+      setPromptQueue((current) => [...current, trimmed]);
+      onValueChange("");
+      return;
+    }
+    if (isStreaming && sendMode === "direct") {
+      if (!onAppend) return;
+      onAppend(trimmed);
+      onValueChange("");
+      return;
+    }
     const accepted = await onSend(trimmed);
     if (!accepted) return;
     onValueChange("");
@@ -1646,61 +1689,73 @@ function ChatInput({
       void handleSend();
     }
   };
-  return /* @__PURE__ */ jsx5("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs4("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
-    /* @__PURE__ */ jsx5(
-      "textarea",
-      {
-        value,
-        onChange: (event) => onValueChange(event.target.value),
-        onKeyDown: handleKeyDown,
-        onInput: (event) => {
-          const el = event.currentTarget;
-          el.style.height = "auto";
-          el.style.height = `${Math.min(el.scrollHeight, 192)}px`;
-        },
-        rows: 1,
-        placeholder,
-        "aria-label": "\u804A\u5929\u8F93\u5165",
-        className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
-      }
-    ),
-    isStreaming ? /* @__PURE__ */ jsx5(
-      "button",
-      {
-        type: "button",
-        onClick: onStop,
-        disabled: isStopping,
-        "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D",
-        title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D",
-        className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60",
-        children: isStopping ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Square, { size: 12, fill: "currentColor" })
-      }
-    ) : /* @__PURE__ */ jsx5(
-      "button",
-      {
-        type: "button",
-        onClick: handleSend,
-        disabled: !canSend,
-        "aria-label": "\u53D1\u9001\u6D88\u606F",
-        title: "\u53D1\u9001\u6D88\u606F",
-        className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
-        children: /* @__PURE__ */ jsx5(ArrowUp, { size: 15 })
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsxs4("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mx-auto mb-2 flex max-w-[748px] items-center justify-between px-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsxs4("fieldset", { className: "flex items-center gap-1 rounded-md border border-[hsl(var(--border))] p-0.5", children: [
+        /* @__PURE__ */ jsx5("legend", { className: "sr-only", children: "\u53D1\u9001\u65B9\u5F0F" }),
+        /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setSendMode("direct"), "aria-pressed": sendMode === "direct", disabled: isStreaming && !onAppend, className: `rounded px-2 py-1 ${sendMode === "direct" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u76F4\u63A5\u63D2\u5165" }),
+        /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setSendMode("queue"), "aria-pressed": sendMode === "queue", className: `rounded px-2 py-1 ${sendMode === "queue" ? "bg-[hsl(var(--accent))] text-[hsl(var(--foreground))]" : ""}`, children: "\u6392\u961F\u6267\u884C" })
+      ] }),
+      promptQueue.length > 0 ? /* @__PURE__ */ jsxs4("details", { className: "relative", children: [
+        /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer list-none rounded px-2 py-1 hover:bg-[hsl(var(--accent))]", children: [
+          "\u5F85\u6267\u884C ",
+          promptQueue.length,
+          " \u6761"
+        ] }),
+        /* @__PURE__ */ jsx5("div", { className: "absolute bottom-full right-0 z-20 mb-2 w-64 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-2 shadow-lg", children: promptQueue.map((item, index) => /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 border-b border-[hsl(var(--border))] py-2 last:border-0", children: [
+          /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate", children: item }),
+          /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setPromptQueue((current) => current.filter((_, i) => i !== index)), children: "\u53D6\u6D88" })
+        ] }, `${index}-${item}`)) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
+      /* @__PURE__ */ jsx5(
+        "textarea",
+        {
+          value,
+          onChange: (event) => onValueChange(event.target.value),
+          onKeyDown: handleKeyDown,
+          onInput: (event) => {
+            const el = event.currentTarget;
+            el.style.height = "auto";
+            el.style.height = `${Math.min(el.scrollHeight, 192)}px`;
+          },
+          rows: 1,
+          placeholder,
+          "aria-label": "\u804A\u5929\u8F93\u5165",
+          className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
+        }
+      ),
+      isStreaming ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+        sendMode === "queue" ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: handleSend, disabled: !canSend, "aria-label": "\u52A0\u5165\u6392\u961F", title: "\u52A0\u5165\u6392\u961F", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] disabled:opacity-40", children: /* @__PURE__ */ jsx5(ArrowUp, { size: 15 }) }) : null,
+        /* @__PURE__ */ jsx5("button", { type: "button", onClick: onStop, disabled: isStopping, "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D", className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60", children: isStopping ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Square, { size: 12, fill: "currentColor" }) })
+      ] }) : /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          onClick: handleSend,
+          disabled: !canSend,
+          "aria-label": "\u53D1\u9001\u6D88\u606F",
+          title: "\u53D1\u9001\u6D88\u606F",
+          className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
+          children: /* @__PURE__ */ jsx5(ArrowUp, { size: 15 })
+        }
+      )
+    ] })
+  ] });
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState6 } from "react";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var CONNECTION_NOTICE_DELAY_MS = 3e3;
 var CONNECTION_ERROR_DELAY_MS = 15e3;
 function useConnectionNoticePhase(connected) {
-  const [phase, setPhase] = useState5("hidden");
-  const connectedRef = useRef5(connected);
-  const timersRef = useRef5([]);
+  const [phase, setPhase] = useState6("hidden");
+  const connectedRef = useRef6(connected);
+  const timersRef = useRef6([]);
   connectedRef.current = connected;
-  useEffect5(() => {
+  useEffect6(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -1740,7 +1795,7 @@ function useConnectionNoticePhase(connected) {
   return phase;
 }
 function ConnectionBanner({ connection, className }) {
-  const hasConnectedRef = useRef5(connection === "connected" || connection === "reconnecting");
+  const hasConnectedRef = useRef6(connection === "connected" || connection === "reconnecting");
   if (connection === "connected") hasConnectedRef.current = true;
   const connected = connection === "connected";
   const phase = useConnectionNoticePhase(connected);
@@ -1767,10 +1822,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo7, useRef as useRef12, useState as useState13 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useMemo as useMemo7, useRef as useRef13, useState as useState14 } 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 useCallback4, useMemo as useMemo3, useRef as useRef6, useState as useState6 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3, useRef as useRef7, useState as useState7 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -1807,10 +1862,10 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState6(false);
-  const [isAtBottom, updateIsAtBottom] = useState6(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState6(false);
-  const optionsRef = useRef6(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState7(false);
+  const [isAtBottom, updateIsAtBottom] = useState7(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState7(false);
+  const optionsRef = useRef7(null);
   optionsRef.current = options;
   const isSelecting = useCallback4(() => {
     if (!mouseDown) {
@@ -2114,11 +2169,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 createContext2, useContext as useContext2, useEffect as useEffect6, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef7 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect7, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef8 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect6;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect7;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef7(null);
+  const customTargetScrollTop = useRef8(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -2200,10 +2255,10 @@ import {
   getTextContent,
   normalizeMessageContent
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect9, useRef as useRef10, useState as useState11 } from "react";
+import { useEffect as useEffect10, useRef as useRef11, useState as useState12 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
@@ -2214,7 +2269,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState7(false);
+  const [expanded, setExpanded] = useState8(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -2248,8 +2303,9 @@ function AgentLoopBlock({ toolCall }) {
             ChevronRight,
             {
               size: 14,
+              style: { transitionDuration: "260ms", transitionTimingFunction: "cubic-bezier(0.25, 0.1, 0.25, 1)" },
               className: cn(
-                "shrink-0 transition-transform duration-300",
+                "shrink-0 transition-transform",
                 expanded && "rotate-90"
               ),
               "aria-hidden": "true"
@@ -2264,10 +2320,10 @@ function AgentLoopBlock({ toolCall }) {
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useMemo as useMemo5,
-  useRef as useRef8,
-  useState as useState8
+  useRef as useRef9,
+  useState as useState9
 } from "react";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
@@ -2284,10 +2340,10 @@ function normalizeAdjacentUrlFormatting(value) {
   return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_, index) => protectedSegments[Number(index)]);
 }
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef8(null);
-  const [copied, setCopied] = useState8(false);
-  const [language, setLanguage] = useState8("");
-  useEffect7(() => {
+  const preRef = useRef9(null);
+  const [copied, setCopied] = useState9(false);
+  const [language, setLanguage] = useState9("");
+  useEffect8(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -2358,10 +2414,10 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect8, useMemo as useMemo6, useRef as useRef9, useState as useState9 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo6, useRef as useRef10, useState as useState10 } from "react";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
@@ -2370,12 +2426,12 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef9(null);
-  useEffect8(() => {
+  const textareaRef = useRef10(null);
+  useEffect9(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect8(() => {
+  useEffect9(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -2400,12 +2456,12 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState9(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState9(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState9(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState9("");
-  const [submitted, setSubmitted] = useState9(false);
-  useEffect8(() => {
+  const [selections, setSelections] = useState10(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState10(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState10(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState10("");
+  const [submitted, setSubmitted] = useState10(false);
+  useEffect9(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -2794,7 +2850,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -2816,12 +2872,12 @@ function ToolCallBlock({
   isActiveQuestion,
   renderer
 }) {
-  const [expanded, setExpanded] = useState10(false);
+  const [expanded, setExpanded] = useState11(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
     if (custom !== null && custom !== void 0) {
-      return /* @__PURE__ */ jsx11(Fragment, { children: custom });
+      return /* @__PURE__ */ jsx11(Fragment2, { children: custom });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -2904,7 +2960,7 @@ function ToolCallBlock({
       /* @__PURE__ */ jsx11("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
       /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
       /* @__PURE__ */ jsx11("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
-      toolCall.result != null && /* @__PURE__ */ jsxs9(Fragment, { children: [
+      toolCall.result != null && /* @__PURE__ */ jsxs9(Fragment2, { children: [
         /* @__PURE__ */ jsx11("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
         /* @__PURE__ */ jsx11("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
       ] })
@@ -2926,7 +2982,7 @@ function buildAskUserPayload(argumentsJson) {
 // src/components/AssistantTurnBlock.tsx
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-thinking text-xs", children: [
     /* @__PURE__ */ jsxs10(
@@ -3196,12 +3252,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState11(
+  const [displayMode, setDisplayMode] = useState12(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef10(false);
-  const wasStreamingRef = useRef10(isStreaming);
-  useEffect9(() => {
+  const userSelectedDisplayModeRef = useRef11(false);
+  const wasStreamingRef = useRef11(isStreaming);
+  useEffect10(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -3209,11 +3265,11 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState11(() => Date.now());
+  const [clock, setClock] = useState12(() => Date.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isStreaming || !hasLiveStartTime) return;
     const timer = window.setInterval(() => setClock(Date.now()), 1e3);
     return () => window.clearInterval(timer);
@@ -3294,8 +3350,9 @@ function AssistantTurnBlock({
                     ChevronRight,
                     {
                       size: 14,
+                      style: { transitionDuration: "260ms", transitionTimingFunction: "cubic-bezier(0.25, 0.1, 0.25, 1)" },
                       className: cn(
-                        "shrink-0 transition-transform duration-300",
+                        "shrink-0 transition-transform",
                         effectiveMode === "detail" && "rotate-90"
                       ),
                       "aria-hidden": "true"
@@ -3387,7 +3444,7 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs }) {
-  const [expanded, setExpanded] = useState11(false);
+  const [expanded, setExpanded] = useState12(false);
   const label = refs.some((ref) => ref.skill_name) ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
   return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
     /* @__PURE__ */ jsxs10("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
@@ -3522,8 +3579,8 @@ var RenderErrorBoundary = class extends Component {
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef11, useState as useState12 } from "react";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef12, useState as useState13 } from "react";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -3542,7 +3599,7 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState12(false);
+  const [downloading, setDownloading] = useState13(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
     return /* @__PURE__ */ jsxs12(
@@ -3648,15 +3705,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState12(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState12(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState12(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState12(false);
-  const [saveError, setSaveError] = useState12(false);
-  const reportedShown = useRef11(false);
-  const latestChoice = useRef11(null);
+  const [saved, setSaved] = useState13(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState13(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState13(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState13(false);
+  const [saveError, setSaveError] = useState13(false);
+  const reportedShown = useRef12(false);
+  const latestChoice = useRef12(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -3665,7 +3722,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -3777,14 +3834,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState12(false);
-  const adopted = useRef11(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef11(false);
-  const reportedArtifacts = useRef11(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef11(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState13(false);
+  const adopted = useRef12(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef12(false);
+  const reportedArtifacts = useRef12(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef12(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -3837,7 +3894,7 @@ function PostChatFollowupBlock({
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
       followup.recaption ? /* @__PURE__ */ jsx14("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
+      artifacts.length > 0 ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
         /* @__PURE__ */ jsx14("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx14(
           ArtifactCard,
           {
@@ -4095,8 +4152,16 @@ function MessageList({
   resultFeedbackByEntry = /* @__PURE__ */ new Map(),
   onResultFeedbackSaved
 }) {
-  const userMessages = messages.filter((message) => isUserMessage(message));
+  const visibleRootMessages = messages.filter((message) => {
+    if ((message.loop_name ?? "root") !== "root") return false;
+    if (isHiddenInternalMessage(message)) return false;
+    if (message.kind === "context") return false;
+    return message.role !== "tool" || getPlanningDividerKind(message) !== null;
+  });
+  const userMessages = visibleRootMessages.filter((message) => isUserMessage(message));
   const latestUserMessage = userMessages.at(-1);
+  const latestPromptText = latestUserMessage ? (typeof latestUserMessage.content === "string" ? latestUserMessage.content : latestUserMessage.content.filter((part) => part.type === "text").map((part) => part.text).join("")).replace(/\s+/g, " ").trim() : "";
+  const latestPromptPreview = latestPromptText.length > 80 ? `${latestPromptText.slice(0, 80)}\u2026` : latestPromptText;
   const shouldPinLatestUser = latestUserMessage != null && (latestUserMessage.entry_id == null || latestUserMessage.entry_id.startsWith("local-user-"));
   const renderBlocks = useMemo7(() => {
     const visible = messages.filter((message) => {
@@ -4181,78 +4246,90 @@ function MessageList({
         initial: "instant",
         resize: "instant",
         children: [
-          /* @__PURE__ */ jsx17(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx17("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-col", children: [
-            renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs15("div", { className: "blade-chat-empty", children: [
-              /* @__PURE__ */ jsx17(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-              /* @__PURE__ */ jsx17("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-              /* @__PURE__ */ jsx17("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__ */ jsx17("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx17(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx17(ErrorMessageBlock, { message: block.message }) : null }, block.key);
-              }
-              if (block.type === "assistant_turn") {
-                const blockFeedback = block.messages.map(
-                  (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
-                ).find((feedback) => feedback != null);
-                const hasActiveFollowup = Boolean(
-                  postChatFollowup && block.messages.some(
-                    (message) => message.entry_id === postChatFollowup.assistant_entry_id
-                  )
-                );
-                return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs15(
-                  RenderErrorBoundary,
-                  {
-                    label: "\u52A9\u624B\u6D88\u606F",
-                    details: block.key,
-                    resetKey: getMessageResetSignature(block.messages),
-                    children: [
-                      /* @__PURE__ */ jsx17(
-                        AssistantTurnBlock,
-                        {
-                          messages: block.messages,
-                          isStreaming: block.isStreaming,
-                          askAnswers,
-                          onAnswer,
-                          sessionStatus,
-                          toolCallRenderer,
-                          hidePlanUpdateTools,
-                          sessionId
-                        }
-                      ),
-                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx17(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx17(
-                        PostChatFollowupBlock,
-                        {
-                          followup: postChatFollowup,
-                          sessionId,
-                          onSuggestion,
-                          isViewer,
-                          onInteraction: onFollowupInteraction,
-                          savedFeedback: blockFeedback,
-                          onFeedbackSaved: onResultFeedbackSaved
-                        }
-                      ) : null
-                    ]
-                  }
-                ) }, block.key);
-              }
-              if (block.type === "compaction") {
-                return /* @__PURE__ */ jsxs15(
-                  "div",
-                  {
-                    className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
-                    children: [
-                      /* @__PURE__ */ jsx17(Layers, { size: 12 }),
-                      /* @__PURE__ */ jsx17("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
-                    ]
-                  },
-                  block.key
-                );
+          /* @__PURE__ */ jsx17(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsxs15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: [
+            isStreaming && latestUserMessage && latestPromptPreview ? /* @__PURE__ */ jsx17(
+              "button",
+              {
+                type: "button",
+                className: "sticky top-0 z-20 mb-4 w-full truncate rounded-2xl border border-[hsl(var(--primary)/0.2)] bg-[hsl(var(--background)/0.92)] px-4 py-3 text-left text-sm font-medium shadow-sm backdrop-blur",
+                onClick: () => Array.from(document.querySelectorAll("[data-entry-id]")).find((el) => el.dataset.entryId === latestUserMessage.entry_id)?.scrollIntoView({ behavior: "smooth", block: "start" }),
+                "aria-label": "\u8DF3\u8F6C\u5230\u5F53\u524D\u63D0\u95EE",
+                children: latestPromptPreview
               }
-              return /* @__PURE__ */ jsx17(PlanningDivider, { kind: block.kind }, block.key);
-            }),
-            sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx17("div", { className: "flex", children: /* @__PURE__ */ jsx17("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
-          ] }) }) }),
+            ) : null,
+            /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-col", children: [
+              renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs15("div", { className: "blade-chat-empty", children: [
+                /* @__PURE__ */ jsx17(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+                /* @__PURE__ */ jsx17("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+                /* @__PURE__ */ jsx17("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__ */ jsx17("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx17(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx17(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+                }
+                if (block.type === "assistant_turn") {
+                  const blockFeedback = block.messages.map(
+                    (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
+                  ).find((feedback) => feedback != null);
+                  const hasActiveFollowup = Boolean(
+                    postChatFollowup && block.messages.some(
+                      (message) => message.entry_id === postChatFollowup.assistant_entry_id
+                    )
+                  );
+                  return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs15(
+                    RenderErrorBoundary,
+                    {
+                      label: "\u52A9\u624B\u6D88\u606F",
+                      details: block.key,
+                      resetKey: getMessageResetSignature(block.messages),
+                      children: [
+                        /* @__PURE__ */ jsx17(
+                          AssistantTurnBlock,
+                          {
+                            messages: block.messages,
+                            isStreaming: block.isStreaming,
+                            askAnswers,
+                            onAnswer,
+                            sessionStatus,
+                            toolCallRenderer,
+                            hidePlanUpdateTools,
+                            sessionId
+                          }
+                        ),
+                        blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx17(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                        hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx17(
+                          PostChatFollowupBlock,
+                          {
+                            followup: postChatFollowup,
+                            sessionId,
+                            onSuggestion,
+                            isViewer,
+                            onInteraction: onFollowupInteraction,
+                            savedFeedback: blockFeedback,
+                            onFeedbackSaved: onResultFeedbackSaved
+                          }
+                        ) : null
+                      ]
+                    }
+                  ) }, block.key);
+                }
+                if (block.type === "compaction") {
+                  return /* @__PURE__ */ jsxs15(
+                    "div",
+                    {
+                      className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
+                      children: [
+                        /* @__PURE__ */ jsx17(Layers, { size: 12 }),
+                        /* @__PURE__ */ jsx17("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                      ]
+                    },
+                    block.key
+                  );
+                }
+                return /* @__PURE__ */ jsx17(PlanningDivider, { kind: block.kind }, block.key);
+              }),
+              sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx17("div", { className: "flex", children: /* @__PURE__ */ jsx17("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__ */ jsx17(
             PinLatestUserMessage,
             {
@@ -4275,8 +4352,8 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef12(userMessageCount);
-  const spacerHeightRef = useRef12(0);
+  const previousCountRef = useRef13(userMessageCount);
+  const spacerHeightRef = useRef13(0);
   const getScrollElement = useCallback7(() => scrollRef.current, [scrollRef]);
   const getContentElement = useCallback7(() => contentRef.current, [contentRef]);
   const getTargetElement = useCallback7(() => {
@@ -4305,7 +4382,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -4315,9 +4392,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState13(false);
-  const hideTimerRef = useRef12(null);
-  useEffect11(() => {
+  const [visible, setVisible] = useState14(false);
+  const hideTimerRef = useRef13(null);
+  useEffect12(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -4394,6 +4471,7 @@ function ChatSurface({
   onInputChange,
   onSuggestion,
   onSend,
+  onAppend,
   onStop,
   sessionStatus,
   askAnswers,
@@ -4462,10 +4540,12 @@ function ChatSurface({
             value: inputText,
             onValueChange: onInputChange,
             onSend,
+            onAppend,
             onStop,
             isStreaming,
             isStopping,
             placeholder,
+            queueKey: sessionId,
             className: classNames?.chatInput
           }
         ),
@@ -4476,13 +4556,13 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState14(false);
-  const [loginError, setLoginError] = useState14(null);
+  const [loggingIn, setLoggingIn] = useState15(false);
+  const [loginError, setLoginError] = useState15(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -4514,8 +4594,8 @@ function LoginCard({ client, onLoggedIn }) {
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState14(0);
-  const [needLogin, setNeedLogin] = useState14(() => !client.hasToken());
+  const [attempt, setAttempt] = useState15(0);
+  const [needLogin, setNeedLogin] = useState15(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx19(
       "div",
@@ -4552,7 +4632,7 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState14(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState15(
     () => /* @__PURE__ */ new Map()
   );
   const handleSessionConnected = useCallback8((connectedSession) => {
@@ -4573,12 +4653,12 @@ function ChatSessionView({
     onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState14(false);
-  const [inputText, setInputText] = useState14("");
-  const [resultFeedback, setResultFeedback] = useState14([]);
+  const [stopRequested, setStopRequested] = useState15(false);
+  const [inputText, setInputText] = useState15("");
+  const [resultFeedback, setResultFeedback] = useState15([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
-  useEffect12(() => {
+  useEffect13(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -4613,12 +4693,12 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -4634,12 +4714,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -4671,7 +4751,7 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs17(Fragment3, { children: [
+      banner: /* @__PURE__ */ jsxs17(Fragment4, { children: [
         /* @__PURE__ */ jsx19(
           ReplayBar,
           {
@@ -4697,6 +4777,9 @@ ${content}`);
       onInputChange: setInputText,
       onSuggestion: setInputText,
       onSend: handleSend,
+      onAppend: (text) => {
+        void session?.send(text, { mode: state?.mode ?? void 0 });
+      },
       onStop: handleStop,
       sessionStatus: state?.status ?? void 0,
       askAnswers: state?.askAnswers,
@@ -4713,10 +4796,10 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect13, useMemo as useMemo9, useState as useState16 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo9, useState as useState17 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
@@ -4763,8 +4846,8 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState15(false);
-  const [draft, setDraft] = useState15(override);
+  const [open, setOpen] = useState16(false);
+  const [draft, setDraft] = useState16(override);
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -4847,11 +4930,11 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState16(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState17(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState16("");
-  const [stopRequested, setStopRequested] = useState16(false);
+  const [inputText, setInputText] = useState17("");
+  const [stopRequested, setStopRequested] = useState17(false);
   const handle = useMemo9(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
@@ -4861,7 +4944,7 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect13(() => {
+  useEffect14(() => {
     onReady?.(handle);
   }, [handle, onReady]);
   return /* @__PURE__ */ jsx21(
@@ -5007,6 +5090,112 @@ function ContextGroupCard({ contexts, className }) {
   ] });
 }
 
+// src/components/SessionMemoryToggle.tsx
+import { useCallback as useCallback9, useEffect as useEffect15, useRef as useRef14, useState as useState18, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+var saveStates = /* @__PURE__ */ new WeakMap();
+function getSaveState(client, sessionId) {
+  let clientStates = saveStates.get(client);
+  if (!clientStates) {
+    clientStates = /* @__PURE__ */ new Map();
+    saveStates.set(client, clientStates);
+  }
+  let state = clientStates.get(sessionId);
+  if (!state) {
+    state = { saving: false, listeners: /* @__PURE__ */ new Set() };
+    clientStates.set(sessionId, state);
+  }
+  return state;
+}
+function notify(state) {
+  for (const listener of state.listeners) listener();
+}
+function cleanupSaveState(client, sessionId, state) {
+  if (state.saving || state.listeners.size > 0) return;
+  const clientStates = saveStates.get(client);
+  if (clientStates?.get(sessionId) === state) clientStates.delete(sessionId);
+}
+function SessionMemoryToggle({
+  sessionId,
+  enabled,
+  client: clientProp,
+  disabled = false,
+  label = "\u5F53\u524D\u4F1A\u8BDD\u4F7F\u7528\u8BB0\u5FC6",
+  className,
+  labelClassName,
+  inputClassName,
+  onSaved,
+  onError
+}) {
+  const contextClient = useOptionalBladeClient();
+  const client = clientProp ?? contextClient;
+  if (!client) {
+    throw new Error("SessionMemoryToggle \u5FC5\u987B\u5728 <BladeProvider> \u5185\u4F7F\u7528\u6216\u663E\u5F0F\u4F20\u5165 client");
+  }
+  const saveState = getSaveState(client, sessionId);
+  const subscribe = useCallback9(
+    (listener) => {
+      saveState.listeners.add(listener);
+      return () => {
+        saveState.listeners.delete(listener);
+        cleanupSaveState(client, sessionId, saveState);
+      };
+    },
+    [client, saveState, sessionId]
+  );
+  const getSaving = useCallback9(() => saveState.saving, [saveState]);
+  const saving = useSyncExternalStore2(
+    subscribe,
+    getSaving,
+    getSaving
+  );
+  const [draftEnabled, setDraftEnabled] = useState18(enabled);
+  const activeSessionIdRef = useRef14(sessionId);
+  activeSessionIdRef.current = sessionId;
+  useEffect15(() => {
+    setDraftEnabled(enabled);
+  }, [enabled, sessionId]);
+  const update = useCallback9(
+    (nextEnabled) => {
+      const currentSaveState = getSaveState(client, sessionId);
+      if (currentSaveState.saving) return;
+      currentSaveState.saving = true;
+      notify(currentSaveState);
+      setDraftEnabled(nextEnabled);
+      void client.sessions.updateSessionMemory(sessionId, nextEnabled).then(
+        (updated) => {
+          if (activeSessionIdRef.current === sessionId) {
+            setDraftEnabled(updated.memory_enabled);
+          }
+          onSaved?.(sessionId, updated.memory_enabled);
+        },
+        (error) => {
+          if (activeSessionIdRef.current === sessionId) setDraftEnabled(enabled);
+          onError?.(error);
+        }
+      ).finally(() => {
+        currentSaveState.saving = false;
+        notify(currentSaveState);
+        cleanupSaveState(client, sessionId, currentSaveState);
+      });
+    },
+    [client, enabled, onError, onSaved, sessionId]
+  );
+  return /* @__PURE__ */ jsxs20("label", { className: cn("flex items-center justify-between", className), children: [
+    /* @__PURE__ */ jsx24("span", { className: labelClassName, children: label }),
+    /* @__PURE__ */ jsx24(
+      "input",
+      {
+        type: "checkbox",
+        checked: draftEnabled,
+        onChange: (event) => update(event.target.checked),
+        disabled: disabled || saving,
+        className: inputClassName
+      }
+    )
+  ] });
+}
+
 // src/lib/agent-computer-command.ts
 var COMPUTER_LAUNCH_COMMAND_PATTERN = /(?:^|[\n;&|(]\s*)computer\s+launch(?:\s|$)/;
 function isAgentComputerCommand(command) {
@@ -5065,6 +5254,7 @@ export {
   PlanUpdateBlock,
   ReplayBar,
   ReplayMismatchPrompt,
+  SessionMemoryToggle,
   WhatIfUserBubble,
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,