@blade-hq/agent-kit 0.5.32 → 0.5.34

package/dist/{chunk-FXEELOLI.js → chunk-7TS36PDU.js}

@@ -8,7 +8,7 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-CFW62YND.js";
+} from "./chunk-IRHXGYY3.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -16,7 +16,7 @@ import {
 } from "./chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "./chunk-EAZ7AGFY.js";
+} from "./chunk-LVWRKH45.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -60,7 +60,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-QMOW3TDA.js";
+} from "./chunk-II2PTBJI.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -69,7 +69,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-ZWO6YBLA.js";
+} from "./chunk-DQXXSHCR.js";
 import {
   cn,
   copyToClipboard
@@ -81,7 +81,7 @@ import {
 // src/react/components/chat/ChatView.tsx
 import { CircleAlert as CircleAlert2 } from "lucide-react";
 import { Eye } from "lucide-react";
-import { useCallback as useCallback13, useMemo as useMemo18 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo19 } from "react";
 
 // src/react/hooks/use-chat.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -198,6 +198,7 @@ import {
   Paperclip,
   Plus,
   Rocket,
+  RotateCcw,
   Scissors,
   Send,
   Sparkles as Sparkles2,
@@ -209,7 +210,7 @@ import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import {
   useEffect as useEffect7,
   useEffectEvent as useEffectEvent2,
-  useMemo as useMemo7,
+  useMemo as useMemo8,
   useRef as useRef5,
   useState as useState8
 } from "react";
@@ -1327,8 +1328,8 @@ var SkillCompletionMenu = forwardRef2(
 );
 
 // src/react/components/chat/BackgroundTasksPill.tsx
-import { FileText, Square, Terminal } from "lucide-react";
-import { useState as useState7 } from "react";
+import { Check, FileText, Square, Terminal } from "lucide-react";
+import { useMemo as useMemo5, useState as useState7 } from "react";
 
 // src/react/hooks/use-background-tasks.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
@@ -1354,6 +1355,8 @@ function useBackgroundTasks(sessionId) {
 
 // src/react/components/chat/BackgroundTasksPill.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var FAILED_STATES = /* @__PURE__ */ new Set(["failed", "timeout", "lost"]);
+var EMPTY_IDS = [];
 function formatStartedAt(value) {
   if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
     return "\u542F\u52A8\u65F6\u95F4\u672A\u77E5";
@@ -1377,10 +1380,16 @@ function statusClass(status) {
 }
 function BackgroundTasksPill({ sessionId }) {
   const { data: tasks } = useBackgroundTasks(sessionId);
+  const dismissed = useBackgroundStore((s) => s.dismissedTaskIds[sessionId] ?? EMPTY_IDS);
+  const dismissTask = useBackgroundStore((s) => s.dismissTask);
   const [open, setOpen] = useState7(false);
   const [logTask, setLogTask] = useState7(null);
-  if (tasks.length === 0) return null;
-  const runningCount = tasks.filter((task) => task.status === "running").length;
+  const visibleTasks = useMemo5(
+    () => tasks.filter((task) => !dismissed.includes(task.id)),
+    [tasks, dismissed]
+  );
+  if (visibleTasks.length === 0) return null;
+  const runningCount = visibleTasks.filter((task) => task.status === "running").length;
   const openTaskLog = async (task) => {
     const title = `${task.id} ${task.description || task.command || "\u540E\u53F0\u4EFB\u52A1"}`;
     setLogTask({ id: task.id, title, output: "", loading: true, error: null });
@@ -1444,7 +1453,7 @@ function BackgroundTasksPill({ sessionId }) {
           children: [
             /* @__PURE__ */ jsx5(Terminal, { size: 13 }),
             "\u540E\u53F0\u4EFB\u52A1 ",
-            tasks.length,
+            visibleTasks.length,
             runningCount > 0 ? /* @__PURE__ */ jsxs4("span", { children: [
               "\u8FD0\u884C\u4E2D ",
               runningCount
@@ -1452,7 +1461,7 @@ function BackgroundTasksPill({ sessionId }) {
           ]
         }
       ),
-      open ? /* @__PURE__ */ jsx5("div", { className: "absolute bottom-full left-0 z-40 mb-2 w-[min(24rem,calc(100vw-2rem))] rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-2 text-xs text-[hsl(var(--popover-foreground))] shadow-xl", children: /* @__PURE__ */ jsx5("div", { className: "max-h-72 space-y-2 overflow-y-auto", children: tasks.map((task) => /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-[hsl(var(--border))] p-2", children: [
+      open ? /* @__PURE__ */ jsx5("div", { className: "absolute bottom-full left-0 z-40 mb-2 w-[min(24rem,calc(100vw-2rem))] rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-2 text-xs text-[hsl(var(--popover-foreground))] shadow-xl", children: /* @__PURE__ */ jsx5("div", { className: "max-h-72 space-y-2 overflow-y-auto", children: visibleTasks.map((task) => /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-[hsl(var(--border))] p-2", children: [
         /* @__PURE__ */ jsx5("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx5("span", { className: "font-mono font-semibold", children: task.id }),
@@ -1485,6 +1494,17 @@ function BackgroundTasksPill({ sessionId }) {
                 "\u505C\u6B62"
               ]
             }
+          ) : FAILED_STATES.has(task.status) ? /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              onClick: () => dismissTask(sessionId, task.id),
+              className: "inline-flex h-6 items-center gap-1 rounded-md border border-[hsl(var(--border))] px-2 text-[11px] hover:bg-[hsl(var(--accent))]",
+              children: [
+                /* @__PURE__ */ jsx5(Check, { size: 11 }),
+                "\u786E\u8BA4"
+              ]
+            }
           ) : null
         ] })
       ] }, task.id)) }) }) : null
@@ -1590,7 +1610,7 @@ function FileSizeLimitDialog({
 // src/react/components/chat/SkillStatusBar.tsx
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { RefreshCw } from "lucide-react";
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 
 // src/react/hooks/use-context-stats.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
@@ -1639,7 +1659,7 @@ function useSkillStats(sessionId) {
 }
 
 // src/react/hooks/use-token-pressure.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 function clampRatio(value) {
   return Math.min(1, Math.max(0, value));
 }
@@ -1657,7 +1677,7 @@ function resolveLevel(ratio, compactionRatio) {
 }
 function useTokenPressure(sessionId) {
   const { data } = useContextStats(sessionId);
-  return useMemo5(() => {
+  return useMemo6(() => {
     const ratio = data.context_window > 0 ? clampRatio(data.tokens_used / data.context_window) : 0;
     return {
       ratio,
@@ -1810,7 +1830,7 @@ function SkillStatusBar({
   const hasEverConnected = useConnectionStore((state) => state.hasEverConnected);
   const statsReady = !loading && !error;
   const skillStoreConnected = statsReady && skillStats.remote_connected;
-  const connectionMeta = useMemo6(
+  const connectionMeta = useMemo7(
     () => getConnectionMeta(
       connectionStatus,
       reconnectAttempt,
@@ -1830,7 +1850,7 @@ function SkillStatusBar({
       text: skillStoreConnected ? `\u5DF2\u5B89\u88C5 ${skillStats.installed_skill_count} \u4E2A\u6280\u80FD` : "\u5C1A\u672A\u767B\u5F55\u6280\u80FD\u5546\u5E97"
     }
   ].filter((item) => item.key !== "total" || skillStats.remote_configured);
-  const tokenSummary = useMemo6(() => {
+  const tokenSummary = useMemo7(() => {
     return {
       detail: /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3 border-t border-slate-800 pt-1", children: [
@@ -2046,6 +2066,7 @@ var SkillMention = Mention2.extend({
 
 // src/react/components/chat/ChatInput.tsx
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var DOUBLE_ESCAPE_MS = 450;
 function getEditorText(editor) {
   return editor?.getText({ blockSeparator: "\n" }) ?? "";
 }
@@ -2685,7 +2706,9 @@ function ChatInput({
   skillStatusBarInnerClassName,
   onResyncSkills,
   isResyncingSkills = false,
-  inputLabel = "\u8F93\u5165\u6D88\u606F"
+  inputLabel = "\u8F93\u5165\u6D88\u606F",
+  onDoubleEscape,
+  composerHint
 }) {
   const resolvedInputLabel = inputLabel?.trim() || "\u8F93\u5165\u6D88\u606F";
   const [input, setInputInternal] = useState8(externalDraft?.value ?? "");
@@ -2734,10 +2757,11 @@ function ChatInput({
   const fileInputRef = useRef5(null);
   const folderInputRef = useRef5(null);
   const editorRef = useRef5(null);
+  const lastEscapeAtRef = useRef5(0);
   const localImageUrlsRef = useRef5(/* @__PURE__ */ new Map());
   const activeSessionId = useSessionStore((state) => state.activeSessionId);
   const sessions = useSessionStore((state) => state.sessions);
-  const activeSessionModel = useMemo7(
+  const activeSessionModel = useMemo8(
     () => sessions.find((session) => session.id === activeSessionId)?.model ?? null,
     [activeSessionId, sessions]
   );
@@ -2836,7 +2860,8 @@ function ChatInput({
     navigateUp: inputHistory.navigateUp,
     navigateDown: inputHistory.navigateDown,
     isNavigatingHistory: inputHistory.isNavigating,
-    handleSubmit: stableHandleSubmit
+    handleSubmit: stableHandleSubmit,
+    onDoubleEscape
   }));
   const syncEditorState = (editorInstance) => {
     const value = getEditorText(editorInstance);
@@ -3066,6 +3091,18 @@ function ChatInput({
             replaceEditorText(editorRef.current, nextEntry);
             return true;
           }
+          if (state.onDoubleEscape && event.key === "Escape" && !event.isComposing && !event.repeat) {
+            const now = Date.now();
+            if (now - lastEscapeAtRef.current <= DOUBLE_ESCAPE_MS) {
+              lastEscapeAtRef.current = 0;
+              event.preventDefault();
+              const rect = editorRef.current?.view.dom.getBoundingClientRect() ?? null;
+              state.onDoubleEscape(rect);
+              return true;
+            }
+            lastEscapeAtRef.current = now;
+            return false;
+          }
           if (event.key === "Enter" && !event.shiftKey && !event.isComposing) {
             event.preventDefault();
             if (state.connectionStatus !== "connected") {
@@ -3560,6 +3597,23 @@ function ChatInput({
                             ]
                           }
                         ),
+                        onDoubleEscape ? /* @__PURE__ */ jsxs8(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => {
+                              actionMenuRef.current?.removeAttribute("open");
+                              onDoubleEscape(
+                                editorRef.current?.view.dom.getBoundingClientRect() ?? null
+                              );
+                            },
+                            className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]",
+                            children: [
+                              /* @__PURE__ */ jsx9(RotateCcw, { size: 13 }),
+                              "\u56DE\u5230\u4E4B\u524D\u7684\u67D0\u4E00\u6B65"
+                            ]
+                          }
+                        ) : null,
                         onCommand ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
                           /* @__PURE__ */ jsxs8(
                             "button",
@@ -3699,7 +3753,8 @@ function ChatInput({
                         /* @__PURE__ */ jsxs8("div", { className: "space-y-0.5", children: [
                           /* @__PURE__ */ jsx9("div", { children: "Shift+Enter \u6362\u884C" }),
                           /* @__PURE__ */ jsx9("div", { children: "/ \u8C03\u7528\u6280\u80FD" }),
-                          /* @__PURE__ */ jsx9("div", { children: "@ \u5F15\u7528\u6587\u4EF6" })
+                          /* @__PURE__ */ jsx9("div", { children: "@ \u5F15\u7528\u6587\u4EF6" }),
+                          composerHint && /* @__PURE__ */ jsx9("div", { children: composerHint })
                         ] })
                       ] }) })
                     ] }),
@@ -3813,13 +3868,13 @@ import {
   useCallback as useCallback12,
   useEffect as useEffect17,
   useEffectEvent as useEffectEvent4,
-  useMemo as useMemo17,
+  useMemo as useMemo18,
   useRef as useRef13,
   useState as useState21
 } 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 useCallback7, useMemo as useMemo8, useRef as useRef6, useState as useState9 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo9, useRef as useRef6, useState as useState9 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -3880,7 +3935,7 @@ var useStickToBottom = (options = {}) => {
     state.escapedFromLock = escapedFromLock2;
     updateEscapedFromLock(escapedFromLock2);
   }, []);
-  const state = useMemo8(() => {
+  const state = useMemo9(() => {
     let lastCalculation;
     return {
       escapedFromLock,
@@ -4163,7 +4218,7 @@ 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, useContext, useEffect as useEffect8, useImperativeHandle as useImperativeHandle3, useLayoutEffect, useMemo as useMemo9, useRef as useRef7 } from "react";
+import { createContext, useContext, useEffect as useEffect8, useImperativeHandle as useImperativeHandle3, useLayoutEffect, useMemo as useMemo10, useRef as useRef7 } from "react";
 var StickToBottomContext = createContext(null);
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
@@ -4181,7 +4236,7 @@ function StickToBottom({ instance, children, resize, initial, mass, damping, sti
     targetScrollTop
   });
   const { scrollRef, contentRef, scrollToBottom, stopScroll, isAtBottom, escapedFromLock, state } = instance ?? defaultInstance;
-  const context = useMemo9(() => ({
+  const context = useMemo10(() => ({
     scrollToBottom,
     stopScroll,
     scrollRef,
@@ -4243,8 +4298,8 @@ function useStickToBottomContext() {
 }
 
 // src/react/components/chat/AssistantTurnBlock.tsx
-import { AlertCircle, BookOpen, Check as Check4, ChevronRight as ChevronRight5 } from "lucide-react";
-import { memo as memo3, useCallback as useCallback11, useEffect as useEffect15, useMemo as useMemo15, useRef as useRef12, useState as useState18 } from "react";
+import { AlertCircle, BookOpen, Check as Check5, ChevronRight as ChevronRight5 } from "lucide-react";
+import { memo as memo3, useCallback as useCallback11, useEffect as useEffect15, useMemo as useMemo16, useRef as useRef12, useState as useState18 } from "react";
 
 // src/react/routes.ts
 var MEMORIES_ROUTE = "/memories";
@@ -4261,7 +4316,7 @@ import {
   useCallback as useCallback9,
   useContext as useContext2,
   useEffect as useEffect9,
-  useMemo as useMemo11,
+  useMemo as useMemo12,
   useRef as useRef8,
   useState as useState10
 } from "react";
@@ -4270,7 +4325,7 @@ import { Streamdown } from "streamdown";
 
 // src/react/components/ai-elements/shimmer.tsx
 import { motion } from "motion/react";
-import { memo, useMemo as useMemo10 } from "react";
+import { memo, useMemo as useMemo11 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 var motionComponentCache = /* @__PURE__ */ new Map();
 var getMotionComponent = (element) => {
@@ -4291,7 +4346,7 @@ var ShimmerComponent = ({
   const MotionComponent = getMotionComponent(
     Component2
   );
-  const dynamicSpread = useMemo10(
+  const dynamicSpread = useMemo11(
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
@@ -4368,7 +4423,7 @@ var Reasoning = memo2(
       },
       [setIsOpen]
     );
-    const contextValue = useMemo11(
+    const contextValue = useMemo12(
       () => ({ duration, isOpen, isStreaming, setIsOpen }),
       [duration, isOpen, isStreaming, setIsOpen]
     );
@@ -4525,8 +4580,8 @@ ReasoningTrigger.displayName = "ReasoningTrigger";
 ReasoningContent.displayName = "ReasoningContent";
 
 // src/react/components/chat/AgentLoopBlock.tsx
-import { Bot, Check as Check3, ChevronRight as ChevronRight4, FileText as FileText6, Loader2 as Loader25, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
-import { useEffect as useEffect14, useMemo as useMemo14, useState as useState17 } from "react";
+import { Bot, Check as Check4, ChevronRight as ChevronRight4, FileText as FileText6, Loader2 as Loader25, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
+import { useEffect as useEffect14, useMemo as useMemo15, useState as useState17 } from "react";
 
 // src/react/components/chat/ResourceIframe.tsx
 import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef9, useState as useState11 } from "react";
@@ -4657,8 +4712,8 @@ function ResourceIframe({ ui, sessionId }) {
 }
 
 // src/react/components/chat/ToolCallBlock.tsx
-import { Check, ChevronRight as ChevronRight3, Loader2 as Loader23, MessageSquareMore, PanelRightOpen, X as X4 } from "lucide-react";
-import { useMemo as useMemo12, useState as useState14 } from "react";
+import { Check as Check2, ChevronRight as ChevronRight3, Loader2 as Loader23, MessageSquareMore, PanelRightOpen, X as X4 } from "lucide-react";
+import { useMemo as useMemo13, useState as useState14 } from "react";
 
 // src/react/components/chat/tool-renderers/shared.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
@@ -4988,7 +5043,7 @@ function FileEditRenderer({ toolCall }) {
 import { useState as useState13 } from "react";
 
 // src/react/components/chat/ImageLightbox.tsx
-import { ChevronLeft, ChevronRight as ChevronRight2, Download as Download2, ExternalLink, Minus, Plus as Plus2, RotateCcw, X as X3 } from "lucide-react";
+import { ChevronLeft, ChevronRight as ChevronRight2, Download as Download2, ExternalLink, Minus, Plus as Plus2, RotateCcw as RotateCcw2, X as X3 } from "lucide-react";
 import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -5219,7 +5274,7 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
             type: "button",
             onClick: reset,
             className: "rounded-full p-1.5 text-white/80 transition-colors hover:bg-white/10 hover:text-white",
-            children: /* @__PURE__ */ jsx17(RotateCcw, { size: 16 })
+            children: /* @__PURE__ */ jsx17(RotateCcw2, { size: 16 })
           }
         ),
         showNav && /* @__PURE__ */ jsxs13(Fragment4, { children: [
@@ -5669,7 +5724,7 @@ function ToolCallBlock({
   const resolvedAnswerData = answerData ?? storedAnswerData;
   const resolvedAnswered = answered ?? (!!resolvedAnswerData && resolvedSessionStatus !== "waiting_for_input");
   const resolvedOnAnswer = onAnswer ?? answerCallback;
-  const uiMeta = useMemo12(() => {
+  const uiMeta = useMemo13(() => {
     const block = turnBlocks?.find(
       (item) => item.type === "tool_ui" && item.tool_call_id === toolCall.id && isUiMeta(item.content)
     );
@@ -5707,7 +5762,7 @@ function ToolCallBlock({
   const borderWidthClass = level === 2 ? "border-l-[2px]" : "border-l-[3px]";
   const indentClass = level === 2 ? "ml-3" : "ml-4";
   const toneClass = tone === "red" ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : tone === "amber" ? "border-l-amber-400" : tone === "blue" ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]";
-  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx21(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx21(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx21(X4, { size: 11 }) : /* @__PURE__ */ jsx21(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx21(Loader23, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx21(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx21(X4, { size: 11 }) : /* @__PURE__ */ jsx21(Check2, { size: 11 });
   const statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
   return /* @__PURE__ */ jsxs17("div", { className: cn(indentClass, "text-xs", customization?.classNames?.toolCall), children: [
     /* @__PURE__ */ jsxs17("div", { className: cn(borderWidthClass, toneClass, "flex items-center gap-2 px-3 py-2"), children: [
@@ -6153,7 +6208,7 @@ function MessageFileAttachmentList({
 }
 
 // src/react/components/chat/MessageActions.tsx
-import { Check as Check2, Copy } from "lucide-react";
+import { Check as Check3, Copy } from "lucide-react";
 import { useState as useState15 } from "react";
 import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function MessageActions({ content, className }) {
@@ -6175,7 +6230,7 @@ function MessageActions({ content, className }) {
         copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))]"
       ),
       children: [
-        copied ? /* @__PURE__ */ jsx25(Check2, { size: 12 }) : /* @__PURE__ */ jsx25(Copy, { size: 12 }),
+        copied ? /* @__PURE__ */ jsx25(Check3, { size: 12 }) : /* @__PURE__ */ jsx25(Copy, { size: 12 }),
         /* @__PURE__ */ jsx25("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
       ]
     }
@@ -6227,14 +6282,14 @@ function TextAttachmentPills({ attachments, onPreview }) {
 import { RefreshCcw } from "lucide-react";
 
 // src/react/components/chat/whatif-quote-context.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo13 } from "react";
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo14 } from "react";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var WhatIfQuoteContext = createContext3({});
 function WhatIfQuoteProvider({
   onJumpToStep,
   children
 }) {
-  const value = useMemo13(() => ({ onJumpToStep }), [onJumpToStep]);
+  const value = useMemo14(() => ({ onJumpToStep }), [onJumpToStep]);
   return /* @__PURE__ */ jsx27(WhatIfQuoteContext.Provider, { value, children });
 }
 function useWhatIfQuoteContext() {
@@ -6531,7 +6586,7 @@ function stripFileExtension(fileName) {
 function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId] ?? EMPTY_AGENT_LOOPS);
   const messages = useChatStore((state) => state.messages[sessionId] ?? EMPTY_MESSAGES2);
-  const loopEntry = useMemo14(() => {
+  const loopEntry = useMemo15(() => {
     for (const [loopName, info] of Object.entries(agentLoops)) {
       if (info.toolCallId === toolCall.id) {
         return { loopName, info };
@@ -6539,24 +6594,24 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     }
     return null;
   }, [agentLoops, toolCall.id]);
-  const childMessages = useMemo14(() => {
+  const childMessages = useMemo15(() => {
     if (!loopEntry) return [];
     return messages.filter((message) => (message.loop_name ?? "root") === loopEntry.loopName);
   }, [loopEntry, messages]);
-  const loopToolCalls = useMemo14(
+  const loopToolCalls = useMemo15(
     () => childMessages.flatMap((message) => message.tool_calls ?? []),
     [childMessages]
   );
-  const visibleLoopToolCalls = useMemo14(
+  const visibleLoopToolCalls = useMemo15(
     () => loopToolCalls.filter((childToolCall) => formatToolName(childToolCall.name) !== "Agent"),
     [loopToolCalls]
   );
-  const hasAwaitingAnswer = useMemo14(
+  const hasAwaitingAnswer = useMemo15(
     () => visibleLoopToolCalls.some((childToolCall) => childToolCall.status === "awaiting_answer"),
     [visibleLoopToolCalls]
   );
   const [expanded, setExpanded] = useState17(hasAwaitingAnswer);
-  const completedToolLabels = useMemo14(
+  const completedToolLabels = useMemo15(
     () => visibleLoopToolCalls.flatMap((childToolCall) => {
       const isCompleted = childToolCall.status === "done" || childToolCall.status !== "pending" && childToolCall.status !== "awaiting_answer" && childToolCall.status !== "error" && childToolCall.status !== "cancelled";
       if (!isCompleted) return [];
@@ -6584,7 +6639,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     }),
     [visibleLoopToolCalls]
   );
-  const inlineToolUiBlocks = useMemo14(
+  const inlineToolUiBlocks = useMemo15(
     () => childMessages.flatMap(
       (message) => (message.blocks ?? []).flatMap(
         (block, index) => block.type === "tool_ui" && block.tool_call_id && isUiMeta(block.content) && block.content.target === "inline" ? [{ key: `${message.entry_id ?? message.timestamp ?? "message"}-${block.tool_call_id}-${index}`, ui: block.content }] : []
@@ -6694,7 +6749,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
                     "aria-expanded": expanded,
                     className: "flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
                     children: /* @__PURE__ */ jsxs25("span", { className: "min-w-0 flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx30(Check3, { size: 14, className: "shrink-0 text-emerald-500" }),
+                      /* @__PURE__ */ jsx30(Check4, { size: 14, className: "shrink-0 text-emerald-500" }),
                       /* @__PURE__ */ jsx30("span", { className: "truncate text-sm font-medium text-[hsl(var(--foreground))]", children: description })
                     ] })
                   }
@@ -7047,12 +7102,12 @@ function AssistantTurnBlockBase({
   customization
 }) {
   const messages = Array.isArray(rawMessages) ? rawMessages : [];
-  const allToolCalls = useMemo15(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
-  const hasAgentToolCall = useMemo15(
+  const allToolCalls = useMemo16(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
+  const hasAgentToolCall = useMemo16(
     () => allToolCalls.some((toolCall) => formatToolName(toolCall.name) === "Agent"),
     [allToolCalls]
   );
-  const hasActionableToolCall = useMemo15(
+  const hasActionableToolCall = useMemo16(
     () => allToolCalls.some(
       (tc) => tc.status === "error" || tc.status === "cancelled" || formatToolName(tc.name) === "AskUserQuestion" && tc.status === "awaiting_answer"
     ),
@@ -7074,12 +7129,12 @@ function AssistantTurnBlockBase({
   const agentLoops = useChatStore(
     (state) => hasAgentToolCall ? state.agentLoops[sessionId] ?? EMPTY_AGENT_LOOPS2 : EMPTY_AGENT_LOOPS2
   );
-  const turnMessages = useMemo15(
+  const turnMessages = useMemo16(
     () => hasAgentToolCall ? collectTurnMessages({ rootMessages: messages, sessionMessages, agentLoops }) : messages,
     [agentLoops, hasAgentToolCall, messages, sessionMessages]
   );
-  const resourceBlocks = useMemo15(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
-  const finalMessage = useMemo15(() => getLastTextMessage(turnMessages), [turnMessages]);
+  const resourceBlocks = useMemo16(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
+  const finalMessage = useMemo16(() => getLastTextMessage(turnMessages), [turnMessages]);
   const hasInterruptedState = messages.some((message) => message.status === "interrupted");
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const memoryRefs = Array.isArray(messages[0]?.memory_refs) ? messages[0].memory_refs : [];
@@ -7327,7 +7382,7 @@ function CompactToolGroupBlock({
               /* @__PURE__ */ jsx31(AlertCircle, { size: 11 }),
               /* @__PURE__ */ jsx31("span", { children: "\u5931\u8D25" })
             ] }) : /* @__PURE__ */ jsxs26("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-[hsl(var(--primary))]", children: [
-              /* @__PURE__ */ jsx31(Check4, { size: 11 }),
+              /* @__PURE__ */ jsx31(Check5, { size: 11 }),
               /* @__PURE__ */ jsx31("span", { children: "\u5B8C\u6210" })
             ] }),
             /* @__PURE__ */ jsx31("span", { className: "min-w-0 shrink-0 font-medium text-[hsl(var(--foreground))]", children: title })
@@ -7431,7 +7486,7 @@ function AssistantText({
     },
     [sessionId]
   );
-  const cardCtx = useMemo15(
+  const cardCtx = useMemo16(
     () => ({ sessionId, messageId, sendMessage }),
     [sessionId, messageId, sendMessage]
   );
@@ -7710,7 +7765,7 @@ import {
   TerminalSquare,
   WandSparkles
 } from "lucide-react";
-import { useEffect as useEffect16, useMemo as useMemo16, useState as useState20 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo17, useState as useState20 } from "react";
 import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
@@ -7813,9 +7868,9 @@ function StickyStatusBar({
   onJumpToLatest
 }) {
   const events = useRuntimeStore((state) => state.events[sessionId] ?? EMPTY_EVENTS);
-  const startedAt = useMemo16(() => getTurnStartedAt(events), [events]);
+  const startedAt = useMemo17(() => getTurnStartedAt(events), [events]);
   const elapsedDuration = useElapsedDuration(startedAt, isStreaming && isLastTurn);
-  const action = useMemo16(() => getCurrentAction(messages), [messages]);
+  const action = useMemo17(() => getCurrentAction(messages), [messages]);
   if (!isStreaming || !isLastTurn) {
     return null;
   }
@@ -7978,10 +8033,10 @@ function MessageList({
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId]);
   const askAnswers = useChatStore((state) => state.askAnswers[sessionId]);
   const sessionIsStreaming = useChatStore((state) => !!state.isStreaming[sessionId]);
-  const agentLoopNameSet = useMemo17(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
+  const agentLoopNameSet = useMemo18(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
   const assistantMessagesCacheRef = useRef13(/* @__PURE__ */ new Map());
   const stickContextRef = useRef13(null);
-  const renderBlocks = useMemo17(() => {
+  const renderBlocks = useMemo18(() => {
     const stableAssistantMessages = (key, buffer) => {
       const previous = assistantMessagesCacheRef.current.get(key);
       if (previous && previous.length === buffer.length && previous.every((message, index) => message === buffer[index])) {
@@ -8072,13 +8127,13 @@ function MessageList({
     }
     return blocks;
   }, [agentLoopNameSet, messages, sessionIsStreaming]);
-  const hasInterruptedTurn = useMemo17(
+  const hasInterruptedTurn = useMemo18(
     () => renderBlocks.some(
       (block) => block.type === "assistant_turn" && block.messages.some((message) => message.status === "interrupted")
     ),
     [renderBlocks]
   );
-  const lastTurnId = useMemo17(() => {
+  const lastTurnId = useMemo18(() => {
     for (let index = renderBlocks.length - 1; index >= 0; index -= 1) {
       const block = renderBlocks[index];
       if (block.type === "assistant_turn") return block.anchorId;
@@ -8086,14 +8141,14 @@ function MessageList({
     }
     return null;
   }, [renderBlocks]);
-  const turnNavItems = useMemo17(
+  const turnNavItems = useMemo18(
     () => renderBlocks.filter((block) => block.type === "assistant_turn").map((block) => ({
       id: block.anchorId,
       title: block.railTitle
     })),
     [renderBlocks]
   );
-  const stickyTurn = useMemo17(
+  const stickyTurn = useMemo18(
     () => renderBlocks.find(
       (block) => block.type === "assistant_turn" && block.anchorId === lastTurnId && block.isStreaming
     ) ?? null,
@@ -8103,7 +8158,7 @@ function MessageList({
   const scrollContainerRef = useRef13(null);
   const frameRef = useRef13(null);
   const [activeTurnId, setActiveTurnId] = useState21(lastTurnId);
-  const layoutSignature = useMemo17(
+  const layoutSignature = useMemo18(
     () => getMessagesMeasureSignature(messages),
     [messages]
   );
@@ -8403,6 +8458,8 @@ function ChatView({
   onResyncSkills,
   isResyncingSkills = false,
   inputLabel,
+  onDoubleEscape,
+  composerHint,
   classNames,
   components,
   renderers
@@ -8434,7 +8491,7 @@ function ChatView({
     },
     [send]
   );
-  const customization = useMemo18(
+  const customization = useMemo19(
     () => ({ classNames, components, renderers }),
     [classNames, components, renderers]
   );
@@ -8482,7 +8539,9 @@ function ChatView({
         skillStatusBarInnerClassName: classNames?.skillStatusBarInner,
         onResyncSkills,
         isResyncingSkills,
-        inputLabel
+        inputLabel,
+        onDoubleEscape,
+        composerHint
       }
     )
   ] });
@@ -8539,4 +8598,4 @@ use-stick-to-bottom/dist/StickToBottom.js:
    *  Licensed under the MIT License. See License.txt in the project root for license information.
    *--------------------------------------------------------------------------------------------*)
 */
-//# sourceMappingURL=chunk-FXEELOLI.js.map
+//# sourceMappingURL=chunk-7TS36PDU.js.map