@blade-hq/agent-react 1.1.1 → 1.1.3

package/dist/index.js

@@ -1,3 +1,8 @@
+import {
+  _r,
+  clsx
+} from "./chunk-ZXXLY4RM.js";
+
 // src/context.tsx
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -95,12 +100,246 @@ function useAgentSession(sessionId, options = {}) {
 }
 
 // src/components/ChatView.tsx
-import { BladeApiError, VersionMismatchError } from "@blade-hq/agent-client";
-import { CircleAlert, LockKeyhole } from "lucide-react";
-import { useEffect as useEffect5, useState as useState7 } from "react";
+import { BladeApiError } from "@blade-hq/agent-client";
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef, createElement } from "react";
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component2 = forwardRef2(
+    ({ className, ...props }, ref) => createElement2(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component2.displayName = `${iconName}`;
+  return Component2;
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/arrow-up.js
+var ArrowUp = createLucideIcon("ArrowUp", [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/bot.js
+var Bot = createLucideIcon("Bot", [
+  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
+  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
+  ["path", { d: "M2 14h2", key: "vft8re" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/brain.js
+var Brain = createLucideIcon("Brain", [
+  [
+    "path",
+    {
+      d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",
+      key: "l5xja"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z",
+      key: "ep3f8r"
+    }
+  ],
+  ["path", { d: "M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4", key: "1p4c4q" }],
+  ["path", { d: "M17.599 6.5a3 3 0 0 0 .399-1.375", key: "tmeiqw" }],
+  ["path", { d: "M6.003 5.125A3 3 0 0 0 6.401 6.5", key: "105sqy" }],
+  ["path", { d: "M3.477 10.896a4 4 0 0 1 .585-.396", key: "ql3yin" }],
+  ["path", { d: "M19.938 10.5a4 4 0 0 1 .585.396", key: "1qfode" }],
+  ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
+  ["path", { d: "M19.967 17.484A4 4 0 0 1 18 18", key: "159ez6" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/check.js
+var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var ChevronDown = createLucideIcon("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/circle-alert.js
+var CircleAlert = createLucideIcon("CircleAlert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/copy.js
+var Copy = createLucideIcon("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file-text.js
+var FileText = createLucideIcon("FileText", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/layers.js
+var Layers = createLucideIcon("Layers", [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/lightbulb.js
+var Lightbulb = createLucideIcon("Lightbulb", [
+  [
+    "path",
+    {
+      d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
+      key: "1gvzjb"
+    }
+  ],
+  ["path", { d: "M9 18h6", key: "x1upvd" }],
+  ["path", { d: "M10 22h4", key: "ceow96" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var LoaderCircle = createLucideIcon("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/lock-keyhole.js
+var LockKeyhole = createLucideIcon("LockKeyhole", [
+  ["circle", { cx: "12", cy: "16", r: "1", key: "1au0dj" }],
+  ["rect", { x: "3", y: "10", width: "18", height: "12", rx: "2", key: "6s8ecr" }],
+  ["path", { d: "M7 10V7a5 5 0 0 1 10 0v3", key: "1pqi11" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/message-square-more.js
+var MessageSquareMore = createLucideIcon("MessageSquareMore", [
+  ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
+  ["path", { d: "M8 10h.01", key: "19clt8" }],
+  ["path", { d: "M12 10h.01", key: "1nrarc" }],
+  ["path", { d: "M16 10h.01", key: "1m94wz" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/message-square.js
+var MessageSquare = createLucideIcon("MessageSquare", [
+  ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/square.js
+var Square = createLucideIcon("Square", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/triangle-alert.js
+var TriangleAlert = createLucideIcon("TriangleAlert", [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/x.js
+var X = createLucideIcon("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
+
+// src/components/ChatView.tsx
+import { useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/lib/utils.ts
-import { clsx } from "clsx";
 function cn(...inputs) {
   return clsx(inputs);
 }
@@ -114,7 +353,6 @@ async function copyToClipboard(text) {
 }
 
 // src/components/ChatInput.tsx
-import { ArrowUp, Loader2, Square } from "lucide-react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ChatInput({
   value,
@@ -166,7 +404,7 @@ function ChatInput({
         "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__ */ jsx2(Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Square, { size: 12, fill: "currentColor" })
+        children: isStopping ? /* @__PURE__ */ jsx2(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Square, { size: 12, fill: "currentColor" })
       }
     ) : /* @__PURE__ */ jsx2(
       "button",
@@ -184,7 +422,6 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
-import { AlertTriangle, LoaderCircle } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ConnectionBanner({ connection, className }) {
   if (connection === "connected" || connection === "connecting") {
@@ -199,7 +436,7 @@ function ConnectionBanner({ connection, className }) {
         reconnecting ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
       ),
       children: [
-        /* @__PURE__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx3(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx3(AlertTriangle, { size: 14 }) }),
+        /* @__PURE__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx3(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx3(TriangleAlert, { size: 14 }) }),
         /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium", children: reconnecting ? "\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u6B63\u5728\u91CD\u8FDE\u2026" : "\u8FDE\u63A5\u5DF2\u65AD\u5F00" }),
           /* @__PURE__ */ jsx3("div", { className: "text-xs opacity-80", children: "\u6D88\u606F\u540C\u6B65\u53EF\u80FD\u4F1A\u5EF6\u8FDF\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
@@ -211,18 +448,438 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { ChevronDown as ChevronDown2, Layers, Lightbulb, MessageSquare } from "lucide-react";
-import { useEffect as useEffect4, useMemo as useMemo4, useRef as useRef3 } from "react";
-import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { useEffect as useEffect5, useMemo as useMemo6, useRef as useRef5 } 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, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+var DEFAULT_SPRING_ANIMATION = {
+  /**
+   * A value from 0 to 1, on how much to damp the animation.
+   * 0 means no damping, 1 means full damping.
+   *
+   * @default 0.7
+   */
+  damping: 0.7,
+  /**
+   * The stiffness of how fast/slow the animation gets up to speed.
+   *
+   * @default 0.05
+   */
+  stiffness: 0.05,
+  /**
+   * The inertial mass associated with the animation.
+   * Higher numbers make the animation slower.
+   *
+   * @default 1.25
+   */
+  mass: 1.25
+};
+var STICK_TO_BOTTOM_OFFSET_PX = 70;
+var SIXTY_FPS_INTERVAL_MS = 1e3 / 60;
+var RETAIN_ANIMATION_DURATION_MS = 350;
+var mouseDown = false;
+globalThis.document?.addEventListener("mousedown", () => {
+  mouseDown = true;
+});
+globalThis.document?.addEventListener("mouseup", () => {
+  mouseDown = false;
+});
+globalThis.document?.addEventListener("click", () => {
+  mouseDown = false;
+});
+var useStickToBottom = (options = {}) => {
+  const [escapedFromLock, updateEscapedFromLock] = useState2(false);
+  const [isAtBottom, updateIsAtBottom] = useState2(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState2(false);
+  const optionsRef = useRef2(null);
+  optionsRef.current = options;
+  const isSelecting = useCallback(() => {
+    if (!mouseDown) {
+      return false;
+    }
+    const selection = window.getSelection();
+    if (!selection || !selection.rangeCount) {
+      return false;
+    }
+    const range = selection.getRangeAt(0);
+    return range.commonAncestorContainer.contains(scrollRef.current) || scrollRef.current?.contains(range.commonAncestorContainer);
+  }, []);
+  const setIsAtBottom = useCallback((isAtBottom2) => {
+    state.isAtBottom = isAtBottom2;
+    updateIsAtBottom(isAtBottom2);
+  }, []);
+  const setEscapedFromLock = useCallback((escapedFromLock2) => {
+    state.escapedFromLock = escapedFromLock2;
+    updateEscapedFromLock(escapedFromLock2);
+  }, []);
+  const state = useMemo2(() => {
+    let lastCalculation;
+    return {
+      escapedFromLock,
+      isAtBottom,
+      resizeDifference: 0,
+      accumulated: 0,
+      velocity: 0,
+      listeners: /* @__PURE__ */ new Set(),
+      get scrollTop() {
+        return scrollRef.current?.scrollTop ?? 0;
+      },
+      set scrollTop(scrollTop) {
+        if (scrollRef.current) {
+          scrollRef.current.scrollTop = scrollTop;
+          state.ignoreScrollToTop = scrollRef.current.scrollTop;
+        }
+      },
+      get targetScrollTop() {
+        if (!scrollRef.current || !contentRef.current) {
+          return 0;
+        }
+        return scrollRef.current.scrollHeight - 1 - scrollRef.current.clientHeight;
+      },
+      get calculatedTargetScrollTop() {
+        if (!scrollRef.current || !contentRef.current) {
+          return 0;
+        }
+        const { targetScrollTop } = this;
+        if (!options.targetScrollTop) {
+          return targetScrollTop;
+        }
+        if (lastCalculation?.targetScrollTop === targetScrollTop) {
+          return lastCalculation.calculatedScrollTop;
+        }
+        const calculatedScrollTop = Math.max(Math.min(options.targetScrollTop(targetScrollTop, {
+          scrollElement: scrollRef.current,
+          contentElement: contentRef.current
+        }), targetScrollTop), 0);
+        lastCalculation = { targetScrollTop, calculatedScrollTop };
+        requestAnimationFrame(() => {
+          lastCalculation = void 0;
+        });
+        return calculatedScrollTop;
+      },
+      get scrollDifference() {
+        return this.calculatedTargetScrollTop - this.scrollTop;
+      },
+      get isNearBottom() {
+        return this.scrollDifference <= STICK_TO_BOTTOM_OFFSET_PX;
+      }
+    };
+  }, []);
+  const scrollToBottom = useCallback((scrollOptions = {}) => {
+    if (typeof scrollOptions === "string") {
+      scrollOptions = { animation: scrollOptions };
+    }
+    if (!scrollOptions.preserveScrollPosition) {
+      setIsAtBottom(true);
+    }
+    const waitElapsed = Date.now() + (Number(scrollOptions.wait) || 0);
+    const behavior = mergeAnimations(optionsRef.current, scrollOptions.animation);
+    const { ignoreEscapes = false } = scrollOptions;
+    let durationElapsed;
+    let startTarget = state.calculatedTargetScrollTop;
+    if (scrollOptions.duration instanceof Promise) {
+      scrollOptions.duration.finally(() => {
+        durationElapsed = Date.now();
+      });
+    } else {
+      durationElapsed = waitElapsed + (scrollOptions.duration ?? 0);
+    }
+    const next = async () => {
+      const promise = new Promise(requestAnimationFrame).then(() => {
+        if (!state.isAtBottom) {
+          state.animation = void 0;
+          return false;
+        }
+        const { scrollTop } = state;
+        const tick = performance.now();
+        const tickDelta = (tick - (state.lastTick ?? tick)) / SIXTY_FPS_INTERVAL_MS;
+        state.animation || (state.animation = { behavior, promise, ignoreEscapes });
+        if (state.animation.behavior === behavior) {
+          state.lastTick = tick;
+        }
+        if (isSelecting()) {
+          return next();
+        }
+        if (waitElapsed > Date.now()) {
+          return next();
+        }
+        if (scrollTop < Math.min(startTarget, state.calculatedTargetScrollTop)) {
+          if (state.animation?.behavior === behavior) {
+            if (behavior === "instant") {
+              state.scrollTop = state.calculatedTargetScrollTop;
+              return next();
+            }
+            state.velocity = (behavior.damping * state.velocity + behavior.stiffness * state.scrollDifference) / behavior.mass;
+            state.accumulated += state.velocity * tickDelta;
+            state.scrollTop += state.accumulated;
+            if (state.scrollTop !== scrollTop) {
+              state.accumulated = 0;
+            }
+          }
+          return next();
+        }
+        if (durationElapsed > Date.now()) {
+          startTarget = state.calculatedTargetScrollTop;
+          return next();
+        }
+        state.animation = void 0;
+        if (state.scrollTop < state.calculatedTargetScrollTop) {
+          return scrollToBottom({
+            animation: mergeAnimations(optionsRef.current, optionsRef.current.resize),
+            ignoreEscapes,
+            duration: Math.max(0, durationElapsed - Date.now()) || void 0
+          });
+        }
+        return state.isAtBottom;
+      });
+      return promise.then((isAtBottom2) => {
+        requestAnimationFrame(() => {
+          if (!state.animation) {
+            state.lastTick = void 0;
+            state.velocity = 0;
+          }
+        });
+        return isAtBottom2;
+      });
+    };
+    if (scrollOptions.wait !== true) {
+      state.animation = void 0;
+    }
+    if (state.animation?.behavior === behavior) {
+      return state.animation.promise;
+    }
+    return next();
+  }, [setIsAtBottom, isSelecting, state]);
+  const stopScroll = useCallback(() => {
+    setEscapedFromLock(true);
+    setIsAtBottom(false);
+  }, [setEscapedFromLock, setIsAtBottom]);
+  const handleScroll = useCallback(({ target }) => {
+    if (target !== scrollRef.current) {
+      return;
+    }
+    const { scrollTop, ignoreScrollToTop } = state;
+    let { lastScrollTop = scrollTop } = state;
+    state.lastScrollTop = scrollTop;
+    state.ignoreScrollToTop = void 0;
+    if (ignoreScrollToTop && ignoreScrollToTop > scrollTop) {
+      lastScrollTop = ignoreScrollToTop;
+    }
+    setIsNearBottom(state.isNearBottom);
+    setTimeout(() => {
+      if (state.resizeDifference || scrollTop === ignoreScrollToTop) {
+        return;
+      }
+      if (isSelecting()) {
+        setEscapedFromLock(true);
+        setIsAtBottom(false);
+        return;
+      }
+      const isScrollingDown = scrollTop > lastScrollTop;
+      const isScrollingUp = scrollTop < lastScrollTop;
+      if (state.animation?.ignoreEscapes) {
+        state.scrollTop = lastScrollTop;
+        return;
+      }
+      if (isScrollingUp) {
+        setEscapedFromLock(true);
+        setIsAtBottom(false);
+      }
+      if (isScrollingDown) {
+        setEscapedFromLock(false);
+      }
+      if (!state.escapedFromLock && state.isNearBottom) {
+        setIsAtBottom(true);
+      }
+    }, 1);
+  }, [setEscapedFromLock, setIsAtBottom, isSelecting, state]);
+  const handleWheel = useCallback(({ target, deltaY }) => {
+    let element = target;
+    while (!["scroll", "auto"].includes(getComputedStyle(element).overflow)) {
+      if (!element.parentElement) {
+        return;
+      }
+      element = element.parentElement;
+    }
+    if (element === scrollRef.current && deltaY < 0 && scrollRef.current.scrollHeight > scrollRef.current.clientHeight && !state.animation?.ignoreEscapes) {
+      setEscapedFromLock(true);
+      setIsAtBottom(false);
+    }
+  }, [setEscapedFromLock, setIsAtBottom, state]);
+  const scrollRef = useRefCallback((scroll) => {
+    scrollRef.current?.removeEventListener("scroll", handleScroll);
+    scrollRef.current?.removeEventListener("wheel", handleWheel);
+    scroll?.addEventListener("scroll", handleScroll, { passive: true });
+    scroll?.addEventListener("wheel", handleWheel, { passive: true });
+  }, []);
+  const contentRef = useRefCallback((content) => {
+    state.resizeObserver?.disconnect();
+    if (!content) {
+      return;
+    }
+    let previousHeight;
+    state.resizeObserver = new ResizeObserver(([entry]) => {
+      const { height } = entry.contentRect;
+      const difference = height - (previousHeight ?? height);
+      state.resizeDifference = difference;
+      if (state.scrollTop > state.targetScrollTop) {
+        state.scrollTop = state.targetScrollTop;
+      }
+      setIsNearBottom(state.isNearBottom);
+      if (difference >= 0) {
+        const animation = mergeAnimations(optionsRef.current, previousHeight ? optionsRef.current.resize : optionsRef.current.initial);
+        scrollToBottom({
+          animation,
+          wait: true,
+          preserveScrollPosition: true,
+          duration: animation === "instant" ? void 0 : RETAIN_ANIMATION_DURATION_MS
+        });
+      } else {
+        if (state.isNearBottom) {
+          setEscapedFromLock(false);
+          setIsAtBottom(true);
+        }
+      }
+      previousHeight = height;
+      requestAnimationFrame(() => {
+        setTimeout(() => {
+          if (state.resizeDifference === difference) {
+            state.resizeDifference = 0;
+          }
+        }, 1);
+      });
+    });
+    state.resizeObserver?.observe(content);
+  }, []);
+  return {
+    contentRef,
+    scrollRef,
+    scrollToBottom,
+    stopScroll,
+    isAtBottom: isAtBottom || isNearBottom,
+    isNearBottom,
+    escapedFromLock,
+    state
+  };
+};
+function useRefCallback(callback, deps) {
+  const result = useCallback((ref) => {
+    result.current = ref;
+    return callback(ref);
+  }, deps);
+  return result;
+}
+var animationCache = /* @__PURE__ */ new Map();
+function mergeAnimations(...animations) {
+  const result = { ...DEFAULT_SPRING_ANIMATION };
+  let instant = false;
+  for (const animation of animations) {
+    if (animation === "instant") {
+      instant = true;
+      continue;
+    }
+    if (typeof animation !== "object") {
+      continue;
+    }
+    instant = false;
+    result.damping = animation.damping ?? result.damping;
+    result.stiffness = animation.stiffness ?? result.stiffness;
+    result.mass = animation.mass ?? result.mass;
+  }
+  const key = JSON.stringify(result);
+  if (!animationCache.has(key)) {
+    animationCache.set(key, Object.freeze(result));
+  }
+  return instant ? "instant" : animationCache.get(key);
+}
+
+// ../../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 useEffect2, useImperativeHandle, useLayoutEffect, useMemo as useMemo3, useRef as useRef3 } from "react";
+var StickToBottomContext = createContext2(null);
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
+function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
+  const customTargetScrollTop = useRef3(null);
+  const targetScrollTop = React.useCallback((target, elements) => {
+    const get = context?.targetScrollTop ?? currentTargetScrollTop;
+    return get?.(target, elements) ?? target;
+  }, [currentTargetScrollTop]);
+  const defaultInstance = useStickToBottom({
+    mass,
+    damping,
+    stiffness,
+    resize,
+    initial,
+    targetScrollTop
+  });
+  const { scrollRef, contentRef, scrollToBottom, stopScroll, isAtBottom, escapedFromLock, state } = instance ?? defaultInstance;
+  const context = useMemo3(() => ({
+    scrollToBottom,
+    stopScroll,
+    scrollRef,
+    isAtBottom,
+    escapedFromLock,
+    contentRef,
+    state,
+    get targetScrollTop() {
+      return customTargetScrollTop.current;
+    },
+    set targetScrollTop(targetScrollTop2) {
+      customTargetScrollTop.current = targetScrollTop2;
+    }
+  }), [
+    scrollToBottom,
+    isAtBottom,
+    contentRef,
+    scrollRef,
+    stopScroll,
+    escapedFromLock,
+    state
+  ]);
+  useImperativeHandle(contextRef, () => context, [context]);
+  useIsomorphicLayoutEffect(() => {
+    if (!scrollRef.current) {
+      return;
+    }
+    if (getComputedStyle(scrollRef.current).overflow === "visible") {
+      scrollRef.current.style.overflow = "auto";
+    }
+  }, []);
+  return React.createElement(
+    StickToBottomContext.Provider,
+    { value: context },
+    React.createElement("div", { ...props }, typeof children === "function" ? children(context) : children)
+  );
+}
+(function(StickToBottom2) {
+  function Content({ children, scrollClassName, ...props }) {
+    const context = useStickToBottomContext();
+    return React.createElement(
+      "div",
+      { ref: context.scrollRef, style: {
+        height: "100%",
+        width: "100%",
+        scrollbarGutter: "stable both-edges"
+      }, className: scrollClassName },
+      React.createElement("div", { ...props, ref: context.contentRef }, typeof children === "function" ? children(context) : children)
+    );
+  }
+  StickToBottom2.Content = Content;
+})(StickToBottom || (StickToBottom = {}));
+function useStickToBottomContext() {
+  const context = useContext2(StickToBottomContext);
+  if (!context) {
+    throw new Error("use-stick-to-bottom component context must be used within a StickToBottom component");
+  }
+  return context;
+}
 
 // src/components/AssistantTurnBlock.tsx
 import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client";
-import { Brain, ChevronDown } from "lucide-react";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { Bot, Check, ChevronRight, Loader2 as Loader22, X } from "lucide-react";
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -354,7 +1011,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState2(false);
+  const [expanded, setExpanded] = useState3(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -394,7 +1051,7 @@ function AgentLoopBlock({ toolCall }) {
                       failed ? "text-[hsl(var(--muted-foreground))]" : running ? "text-blue-300" : "text-[hsl(var(--primary))]"
                     ),
                     children: [
-                      running ? /* @__PURE__ */ jsx4(Loader22, { size: 11, className: "animate-spin" }) : failed ? /* @__PURE__ */ jsx4(X, { size: 11 }) : /* @__PURE__ */ jsx4(Check, { size: 11 }),
+                      running ? /* @__PURE__ */ jsx4(LoaderCircle, { size: 11, className: "animate-spin" }) : failed ? /* @__PURE__ */ jsx4(X, { size: 11 }) : /* @__PURE__ */ jsx4(Check, { size: 11 }),
                       /* @__PURE__ */ jsx4("span", { children: running ? "\u6267\u884C\u4E2D" : failed ? "\u5DF2\u7EC8\u6B62" : "\u5B8C\u6210" })
                     ]
                   }
@@ -418,21 +1075,19 @@ function AgentLoopBlock({ toolCall }) {
 }
 
 // src/components/MarkdownContent.tsx
-import { Check as Check2, Copy } from "lucide-react";
 import {
-  useEffect as useEffect2,
-  useMemo as useMemo2,
-  useRef as useRef2,
-  useState as useState3
+  useEffect as useEffect3,
+  useMemo as useMemo4,
+  useRef as useRef4,
+  useState as useState4
 } from "react";
-import { Streamdown } from "streamdown";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef2(null);
-  const [copied, setCopied] = useState3(false);
-  const [language, setLanguage] = useState3("");
-  useEffect2(() => {
+  const preRef = useRef4(null);
+  const [copied, setCopied] = useState4(false);
+  const [language, setLanguage] = useState4("");
+  useEffect3(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -456,7 +1111,7 @@ function CodeBlockPre({ children, node: _node, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx5(Check2, { size: 12 }) : /* @__PURE__ */ jsx5(Copy, { size: 12 }),
+            copied ? /* @__PURE__ */ jsx5(Check, { size: 12 }) : /* @__PURE__ */ jsx5(Copy, { size: 12 }),
             /* @__PURE__ */ jsx5("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
@@ -481,9 +1136,9 @@ var MARKDOWN_COMPONENTS = {
   a: ExternalAnchor
 };
 function MarkdownContent({ children, className, mode }) {
-  const resolvedChildren = useMemo2(() => children.replace(SYSTEM_REMINDER_RE, ""), [children]);
+  const resolvedChildren = useMemo4(() => children.replace(SYSTEM_REMINDER_RE, ""), [children]);
   return /* @__PURE__ */ jsx5(
-    Streamdown,
+    _r,
     {
       className: cn("blade-chat-markdown break-words", className),
       mode: mode ?? "static",
@@ -500,12 +1155,10 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Check as Check4, ChevronRight as ChevronRight2, Loader2 as Loader24, MessageSquareMore as MessageSquareMore2, X as X2 } from "lucide-react";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { Check as Check3, Loader2 as Loader23, MessageSquareMore } from "lucide-react";
-import { useEffect as useEffect3, useMemo as useMemo3, useState as useState4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo5, useState as useState5 } from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function AskUserQuestionBlock({
   data,
@@ -515,16 +1168,16 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState4(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState4(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState4(/* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState4(false);
-  useEffect3(() => {
+  const [selections, setSelections] = useState5(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState5(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState5(/* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState5(false);
+  useEffect4(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
   }, [sessionStatus]);
-  const displayAnswerState = useMemo3(() => {
+  const displayAnswerState = useMemo5(() => {
     if (!(answered && answerData)) {
       return { selections, customTexts, usingCustom };
     }
@@ -654,7 +1307,7 @@ ${parts.join("\n")}`;
             disabled: true,
             className: "flex w-full items-center justify-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] opacity-80",
             children: [
-              /* @__PURE__ */ jsx7(Loader23, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx7(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -720,7 +1373,7 @@ function QuestionCard({
                     isSel && !answered ? "border-[hsl(var(--primary-foreground)/0.6)] bg-[hsl(var(--primary-foreground)/0.2)]" : isSel ? "border-[hsl(var(--primary)/0.45)] bg-[hsl(var(--primary)/0.12)]" : "border-[hsl(var(--border))]"
                   ),
                   children: isSel && /* @__PURE__ */ jsx7(
-                    Check3,
+                    Check,
                     {
                       size: 9,
                       className: answered ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--primary-foreground))]"
@@ -835,7 +1488,7 @@ function ToolCallBlock({
   sessionStatus,
   renderer
 }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState6(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
@@ -845,13 +1498,13 @@ function ToolCallBlock({
   }
   if (normalizedName === "AskUserQuestion") {
     const askData = parseAskUserQuestion(typeof toolCall.result === "string" ? toolCall.result : null) ?? parseAskUserQuestion(buildAskUserPayload(toolCall.arguments));
-    const canAnswer = toolCall.status === "awaiting_answer" && sessionStatus === "waiting_for_input" && Boolean(onAnswer);
+    const canAnswer = toolCall.status === "awaiting_answer" && Boolean(onAnswer);
     if (askData) {
       return /* @__PURE__ */ jsx8(
         AskUserQuestionBlock,
         {
           data: askData,
-          answered: Boolean(answered) || toolCall.status === "done",
+          answered: toolCall.status === "awaiting_answer" ? false : Boolean(answered) || toolCall.status === "done",
           toolCallId: toolCall.id,
           sessionStatus: sessionStatus ?? "",
           answerData,
@@ -861,7 +1514,7 @@ function ToolCallBlock({
     }
     if (toolCall.status === "pending") {
       return /* @__PURE__ */ jsxs6("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx8(Loader24, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx8(LoaderCircle, { size: 14, className: "animate-spin" }),
         /* @__PURE__ */ jsx8("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
@@ -873,7 +1526,7 @@ function ToolCallBlock({
   const tone = getToolTone(toolCall.status);
   const displayName = getToolDisplayLabel(toolCall);
   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__ */ jsx8(Loader24, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx8(MessageSquareMore2, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx8(X2, { size: 11 }) : /* @__PURE__ */ jsx8(Check4, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx8(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx8(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx8(X, { size: 11 }) : /* @__PURE__ */ jsx8(Check, { 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__ */ jsxs6("div", { className: "blade-chat-tool ml-4 text-xs", children: [
     /* @__PURE__ */ jsxs6("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
@@ -886,7 +1539,7 @@ function ToolCallBlock({
           "aria-expanded": expanded,
           children: [
             /* @__PURE__ */ jsx8(
-              ChevronRight2,
+              ChevronRight,
               {
                 size: 11,
                 className: cn(
@@ -932,7 +1585,7 @@ function buildAskUserPayload(argumentsJson) {
 // src/components/AssistantTurnBlock.tsx
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState6(false);
+  const [open, setOpen] = useState7(false);
   return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
     /* @__PURE__ */ jsxs7(
       "button",
@@ -1017,7 +1670,6 @@ function AssistantTurnBlock({
 }
 
 // src/components/RenderErrorBoundary.tsx
-import { AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { Component } from "react";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
@@ -1053,7 +1705,7 @@ var RenderErrorBoundary = class extends Component {
     }
     const componentName = getFirstComponentName(componentStack);
     return /* @__PURE__ */ jsx10("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx10(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsx10(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
       /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxs8("div", { className: "font-medium", children: [
           label,
@@ -1071,7 +1723,6 @@ var RenderErrorBoundary = class extends Component {
 
 // src/components/UserMessageBubble.tsx
 import { getFileParts, getImageParts, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
-import { FileText, Loader2 as Loader25 } from "lucide-react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
@@ -1107,7 +1758,7 @@ function UserMessageBubble({ message, className }) {
     )) }),
     text && /* @__PURE__ */ jsx11("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__ */ jsx11(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
     text && isSending(message) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx11(Loader25, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx11(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx11("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
@@ -1163,7 +1814,7 @@ function MessageList({
   emptyState,
   className
 }) {
-  const renderBlocks = useMemo4(() => {
+  const renderBlocks = useMemo6(() => {
     const visible = messages.filter((message) => {
       if ((message.loop_name ?? "root") !== "root") return false;
       if (isHiddenInternalMessage(message)) return false;
@@ -1290,8 +1941,8 @@ function MessageList({
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
   const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef3(userMessageCount);
-  useEffect4(() => {
+  const previousCountRef = useRef5(userMessageCount);
+  useEffect5(() => {
     if (userMessageCount > previousCountRef.current) {
       scrollToBottom("instant");
     }
@@ -1309,7 +1960,7 @@ function ScrollToBottomButton() {
       onClick: () => scrollToBottom(),
       className: "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__ */ jsx12(ChevronDown2, { size: 14 }),
+        /* @__PURE__ */ jsx12(ChevronDown, { size: 14 }),
         /* @__PURE__ */ jsx12("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
@@ -1332,8 +1983,8 @@ function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState7(false);
-  const [loginError, setLoginError] = useState7(null);
+  const [loggingIn, setLoggingIn] = useState8(false);
+  const [loginError, setLoginError] = useState8(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -1363,19 +2014,10 @@ function LoginCard({ client, onLoggedIn }) {
     loginError && /* @__PURE__ */ jsx13("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
-function VersionMismatchCard({ error }) {
-  return /* @__PURE__ */ jsx13("div", { className: "blade-chat-version-mismatch flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs11("div", { className: "flex w-full max-w-md flex-col gap-3 rounded-2xl border border-amber-500/30 bg-amber-500/10 px-6 py-6", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm font-medium text-amber-300", children: [
-      /* @__PURE__ */ jsx13(CircleAlert, { size: 16 }),
-      /* @__PURE__ */ jsx13("span", { children: "\u7248\u672C\u4E0D\u5339\u914D" })
-    ] }),
-    /* @__PURE__ */ jsx13("div", { className: "break-words text-sm leading-6 text-[hsl(var(--foreground))]", children: error.message })
-  ] }) });
-}
 function ChatView(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState7(0);
-  const [needLogin, setNeedLogin] = useState7(() => !client.hasToken());
+  const [attempt, setAttempt] = useState8(0);
+  const [needLogin, setNeedLogin] = useState8(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx13("div", { className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root), children: /* @__PURE__ */ jsx13(
       LoginCard,
@@ -1406,14 +2048,14 @@ function ChatSessionView({
     createOptions,
     onSessionCreated
   });
-  const [stopRequested, setStopRequested] = useState7(false);
-  const [inputText, setInputText] = useState7("");
-  useEffect5(() => {
+  const [stopRequested, setStopRequested] = useState8(false);
+  const [inputText, setInputText] = useState8("");
+  useEffect6(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -1429,12 +2071,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -1443,9 +2085,6 @@ ${content}`);
       for (const unsubscribe of unsubscribes) unsubscribe();
     };
   }, [session, commands]);
-  if (error instanceof VersionMismatchError) {
-    return /* @__PURE__ */ jsx13("div", { className: cn("blade-chat flex min-h-0 flex-1 flex-col", classNames?.root), children: /* @__PURE__ */ jsx13(VersionMismatchCard, { error }) });
-  }
   const isStreaming = state?.isStreaming ?? false;
   const isStopping = stopRequested && isStreaming;
   const connectError = error && !isUnauthorizedError(error) ? error.message || "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" : null;
@@ -1524,4 +2163,43 @@ export {
   useAgentSession,
   useBladeClient
 };
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/arrow-up.js:
+lucide-react/dist/esm/icons/bot.js:
+lucide-react/dist/esm/icons/brain.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-right.js:
+lucide-react/dist/esm/icons/circle-alert.js:
+lucide-react/dist/esm/icons/copy.js:
+lucide-react/dist/esm/icons/file-text.js:
+lucide-react/dist/esm/icons/layers.js:
+lucide-react/dist/esm/icons/lightbulb.js:
+lucide-react/dist/esm/icons/loader-circle.js:
+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/square.js:
+lucide-react/dist/esm/icons/triangle-alert.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.468.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+use-stick-to-bottom/dist/useStickToBottom.js:
+use-stick-to-bottom/dist/StickToBottom.js:
+  (*!---------------------------------------------------------------------------------------------
+   *  Copyright (c) StackBlitz. All rights reserved.
+   *  Licensed under the MIT License. See License.txt in the project root for license information.
+   *--------------------------------------------------------------------------------------------*)
+*/
 //# sourceMappingURL=index.js.map