super-agent-sdk 1.0.2 → 1.0.4

package/dist/widget.mjs

@@ -1,48 +1,48 @@
-import V, { useState as I, useRef as R, useCallback as y, useEffect as A, createContext as Z, useContext as Q } from "react";
-import { createRoot as ee } from "react-dom/client";
-import { jsx as e, jsxs as g, Fragment as ae } from "react/jsx-runtime";
-function te(t) {
-  const { sdk: a, sessionId: l, onSessionCreated: s, onStreamStart: r, onStreamEnd: i, onError: c, onMessageSend: n } = t, [o, h] = I([]), [p, m] = I("ready"), [v, x] = I(null), d = R(null), u = R(!1), b = R(l);
-  b.current = l;
-  const f = y((z) => {
-    if (u.current) return;
-    u.current = !0, n == null || n(z);
-    const O = {
+import J, { useState as z, useRef as $, useCallback as C, useEffect as j, createContext as Q, useContext as ee, useMemo as ae } from "react";
+import { createRoot as te } from "react-dom/client";
+import { jsx as e, jsxs as u, Fragment as re } from "react/jsx-runtime";
+function se(a) {
+  const { sdk: t, sessionId: n, onSessionCreated: r, onStreamStart: s, onStreamEnd: c, onError: o, onMessageSend: l } = a, [i, p] = z([]), [f, h] = z("ready"), [w, v] = z(null), m = $(null), g = $(!1), b = $(n);
+  b.current = n;
+  const d = C((T) => {
+    if (g.current) return;
+    g.current = !0, l == null || l(T);
+    const H = {
       id: `user_${Date.now()}`,
       role: "user",
-      parts: [{ type: "text", content: z }],
+      parts: [{ type: "text", content: T }],
       timestamp: Date.now()
-    }, S = `assistant_${Date.now()}`, G = {
+    }, S = `assistant_${Date.now()}`, A = {
       id: S,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
     };
-    h((T) => [...T, O, G]), m("submitted"), x(null);
-    const F = (T) => {
-      let H = "", E = "", D = [], W = !1;
-      const _ = () => {
+    p((I) => [...I, H, A]), h("submitted"), v(null);
+    const F = (I) => {
+      let _ = "", E = "", D = [], K = !1;
+      const q = () => {
         const k = [...D];
-        if (H) {
-          const $ = k.findIndex((L) => L.type === "thinking");
-          $ >= 0 ? k[$] = { type: "thinking", content: H } : k.unshift({ type: "thinking", content: H });
+        if (_) {
+          const P = k.findIndex((R) => R.type === "thinking");
+          P >= 0 ? k[P] = { type: "thinking", content: _ } : k.unshift({ type: "thinking", content: _ });
         }
         if (E) {
-          const $ = k.findLastIndex((L) => L.type === "text");
-          $ >= 0 ? k[$] = { type: "text", content: E } : k.push({ type: "text", content: E });
+          const P = k.findLastIndex((R) => R.type === "text");
+          P >= 0 ? k[P] = { type: "text", content: E } : k.push({ type: "text", content: E });
         }
-        h(
-          ($) => $.map((L) => L.id === S ? { ...L, parts: k } : L)
+        p(
+          (P) => P.map((R) => R.id === S ? { ...R, parts: k } : R)
         );
       };
-      d.current = a.chat({
-        sessionId: T,
-        message: z,
+      m.current = t.chat({
+        sessionId: I,
+        message: T,
         stream: !0,
         onMessage: (k) => {
-          switch (W || (W = !0, m("streaming")), k.type) {
+          switch (K || (K = !0, h("streaming")), k.type) {
             case "thinking":
-              H += k.content;
+              _ += k.content;
               break;
             case "ai":
               E += k.content;
@@ -63,801 +63,1066 @@ function te(t) {
                 content: k.content
               }), E && (D.push({ type: "text", content: E }), E = "");
               break;
+            case "interrupt":
+              k.interrupt && D.push({
+                type: "interrupt",
+                interrupt: k.interrupt,
+                resolved: !1
+              });
+              break;
           }
-          _();
+          q();
         },
         onDone: (k) => {
-          (E || D.length > 0 || H) && _(), k.sessionId && k.sessionId !== b.current && (s == null || s(k.sessionId)), i == null || i(k.sessionId || T), m("ready"), u.current = !1, d.current = null;
+          (E || D.length > 0 || _) && q(), k.sessionId && k.sessionId !== b.current && (r == null || r(k.sessionId)), c == null || c(k.sessionId || I), h("ready"), g.current = !1, m.current = null;
         },
         onError: (k) => {
-          D.push({ type: "error", content: k.message }), _(), x(k), m("error"), c == null || c(k), u.current = !1, d.current = null;
+          D.push({ type: "error", content: k.message }), q(), v(k), h("error"), o == null || o(k), g.current = !1, m.current = null;
         }
-      }), r == null || r(T);
+      }), s == null || s(I);
     };
-    b.current ? F(b.current) : a.createSession().then((T) => {
-      b.current = T, s == null || s(T), F(T);
-    }).catch((T) => {
-      x(T instanceof Error ? T : new Error(String(T))), m("error"), c == null || c(T instanceof Error ? T : new Error(String(T))), u.current = !1;
+    b.current ? F(b.current) : t.createSession().then((I) => {
+      b.current = I, r == null || r(I), F(I);
+    }).catch((I) => {
+      v(I instanceof Error ? I : new Error(String(I))), h("error"), o == null || o(I instanceof Error ? I : new Error(String(I))), g.current = !1;
+    });
+  }, [t, r, s, c, o, l]), y = C(() => {
+    var T;
+    (T = m.current) == null || T.abort(), m.current = null, h("ready"), g.current = !1;
+  }, []), N = C(() => {
+    if (g.current) return;
+    const T = i.findLastIndex((S) => S.role === "user");
+    if (T < 0) return;
+    const H = i[T].parts.filter((S) => S.type === "text").map((S) => S.content).join("");
+    p((S) => S.slice(0, T)), d(H);
+  }, [i, d]), M = C((T, H) => {
+    p(
+      (A) => A.map((F) => ({
+        ...F,
+        parts: F.parts.map(
+          (I) => I.type === "interrupt" && I.interrupt.interruptId === T ? { ...I, resolved: !0, response: H } : I
+        )
+      }))
+    );
+    const S = b.current;
+    S && t.respondInterrupt(T, S, H).catch((A) => {
+      o == null || o(A instanceof Error ? A : new Error(String(A)));
     });
-  }, [a, s, r, i, c, n]), w = y(() => {
-    var z;
-    (z = d.current) == null || z.abort(), d.current = null, m("ready"), u.current = !1;
-  }, []), N = y(() => {
-    if (u.current) return;
-    const z = o.findLastIndex((S) => S.role === "user");
-    if (z < 0) return;
-    const O = o[z].parts.filter((S) => S.type === "text").map((S) => S.content).join("");
-    h((S) => S.slice(0, z)), f(O);
-  }, [o, f]);
-  return { messages: o, status: p, error: v, sendMessage: f, stop: w, regenerate: N, setMessages: h };
+  }, [t, o]);
+  return { messages: i, status: f, error: w, sendMessage: d, stop: y, regenerate: N, setMessages: p, respondToInterrupt: M };
 }
-const B = "sa_active_conversation";
-function K() {
+const W = "sa_active_conversation";
+function V() {
   try {
-    return localStorage.getItem(B);
+    return localStorage.getItem(W);
   } catch {
     return null;
   }
 }
-function re(t) {
+function ne(a) {
   try {
-    t ? localStorage.setItem(B, t) : localStorage.removeItem(B);
+    a ? localStorage.setItem(W, a) : localStorage.removeItem(W);
   } catch {
   }
 }
-function se(t) {
-  const { sdk: a, onConversationChange: l } = t, [s, r] = I([]), [i, c] = I(
-    () => K()
-  ), [n, o] = I(!1), h = R(!0);
-  A(() => () => {
-    h.current = !1;
+function ie(a) {
+  const { sdk: t, onConversationChange: n } = a, [r, s] = z([]), [c, o] = z(
+    () => V()
+  ), [l, i] = z(!1), p = $(!0);
+  j(() => () => {
+    p.current = !1;
   }, []);
-  const p = y((f) => {
-    c(f), re(f), f && (l == null || l(f));
-  }, [l]), m = y(async () => {
-    o(!0);
+  const f = C((d) => {
+    o(d), ne(d), d && (n == null || n(d));
+  }, [n]), h = C(async () => {
+    i(!0);
     try {
-      const f = await a.listConversations({ page: 1, size: 100 });
-      if (!h.current) return;
-      r(f.items);
-      const w = K();
-      w && !f.items.find((N) => N.sessionId === w) && p(null);
+      const d = await t.listConversations({ page: 1, size: 100 });
+      if (!p.current) return;
+      s(d.items);
+      const y = V();
+      y && !d.items.find((N) => N.sessionId === y) && f(null);
     } catch {
     } finally {
-      h.current && o(!1);
+      p.current && i(!1);
     }
-  }, [a, p]), v = y(async (f) => (p(f), await a.getMessages(f)), [a, p]), x = y(() => {
-    p(null);
-  }, [p]), d = y(async (f) => {
-    await a.deleteConversation(f), r((w) => w.filter((N) => N.sessionId !== f)), i === f && p(null);
-  }, [a, i, p]), u = y(async (f, w) => {
-    await a.renameConversation(f, w), r(
-      (N) => N.map((z) => z.sessionId === f ? { ...z, title: w } : z)
+  }, [t, f]), w = C(async (d) => (f(d), await t.getMessages(d)), [t, f]), v = C(() => {
+    f(null);
+  }, [f]), m = C(async (d) => {
+    await t.deleteConversation(d), s((y) => y.filter((N) => N.sessionId !== d)), c === d && f(null);
+  }, [t, c, f]), g = C(async (d, y) => {
+    await t.renameConversation(d, y), s(
+      (N) => N.map((M) => M.sessionId === d ? { ...M, title: y } : M)
     );
-  }, [a]), { enabled: b = !0 } = t;
-  return A(() => {
-    b && m();
-  }, [b, m]), {
-    conversations: s,
-    activeConversationId: i,
-    loading: n,
-    loadConversations: m,
-    switchConversation: v,
-    newConversation: x,
-    deleteConversation: d,
-    renameConversation: u,
-    setActiveConversationId: p
+  }, [t]), { enabled: b = !0 } = a;
+  return j(() => {
+    b && h();
+  }, [b, h]), {
+    conversations: r,
+    activeConversationId: c,
+    loading: l,
+    loadConversations: h,
+    switchConversation: w,
+    newConversation: v,
+    deleteConversation: m,
+    renameConversation: g,
+    setActiveConversationId: f
   };
 }
-const Y = Z(null);
-function P() {
-  const t = Q(Y);
-  if (!t) throw new Error("useChatContext must be used within ChatProvider");
-  return t;
+const X = Q(null);
+function O() {
+  const a = ee(X);
+  if (!a) throw new Error("useChatContext must be used within ChatProvider");
+  return a;
 }
-function U({ sdk: t, hooks: a, children: l }) {
-  const [s, r] = I(!1), [i, c] = I(!1);
-  A(() => {
-    t.getToken().then(() => {
-      c(!0);
+function U({ sdk: a, hooks: t, children: n }) {
+  const [r, s] = z(!1), [c, o] = z(!1);
+  j(() => {
+    a.getToken().then(() => {
+      o(!0);
     }).catch(() => {
-      c(!0);
+      o(!0);
     });
-  }, [t]);
-  const n = se({
-    sdk: t,
-    onConversationChange: a == null ? void 0 : a.onConversationChange,
-    enabled: i
-  }), o = te({
-    sdk: t,
-    sessionId: n.activeConversationId,
-    onSessionCreated: (d) => {
-      n.setActiveConversationId(d), n.loadConversations();
+  }, [a]);
+  const l = ie({
+    sdk: a,
+    onConversationChange: t == null ? void 0 : t.onConversationChange,
+    enabled: c
+  }), i = se({
+    sdk: a,
+    sessionId: l.activeConversationId,
+    onSessionCreated: (m) => {
+      l.setActiveConversationId(m), l.loadConversations();
     },
-    onStreamStart: a == null ? void 0 : a.onStreamStart,
-    onStreamEnd: (d) => {
-      var u;
-      (u = a == null ? void 0 : a.onStreamEnd) == null || u.call(a, d), n.loadConversations();
+    onStreamStart: t == null ? void 0 : t.onStreamStart,
+    onStreamEnd: (m) => {
+      var g;
+      (g = t == null ? void 0 : t.onStreamEnd) == null || g.call(t, m), l.loadConversations();
     },
-    onError: a == null ? void 0 : a.onError,
-    onMessageSend: a == null ? void 0 : a.onMessageSend
-  }), h = y(async (d) => {
-    const u = await n.switchConversation(d);
-    o.setMessages(u), r(!1);
-  }, [n, o]), p = y(() => {
-    n.newConversation(), o.setMessages([]), r(!1);
-  }, [n, o]), m = y(async (d) => {
-    await n.deleteConversation(d), n.activeConversationId === d && o.setMessages([]);
-  }, [n, o]);
-  A(() => {
-    n.activeConversationId && o.messages.length === 0 && t.getMessages(n.activeConversationId).then((d) => {
-      o.setMessages(d);
+    onError: t == null ? void 0 : t.onError,
+    onMessageSend: t == null ? void 0 : t.onMessageSend
+  }), p = C(async (m) => {
+    const g = await l.switchConversation(m);
+    i.setMessages(g), s(!1);
+  }, [l, i]), f = C(() => {
+    l.newConversation(), i.setMessages([]), s(!1);
+  }, [l, i]), h = C(async (m) => {
+    await l.deleteConversation(m), l.activeConversationId === m && i.setMessages([]);
+  }, [l, i]);
+  j(() => {
+    l.activeConversationId && i.messages.length === 0 && a.getMessages(l.activeConversationId).then((m) => {
+      i.setMessages(m);
     }).catch(() => {
     });
   }, []);
-  const v = y(() => {
-    r((d) => !d);
-  }, []), x = {
-    status: o.status,
-    error: o.error,
-    messages: o.messages,
-    conversations: n.conversations,
-    activeConversationId: n.activeConversationId,
-    isThreadListOpen: s,
-    sendMessage: o.sendMessage,
-    stop: o.stop,
-    regenerate: o.regenerate,
-    switchConversation: h,
-    newConversation: p,
-    deleteConversation: m,
-    renameConversation: n.renameConversation,
-    toggleThreadList: v,
-    feedback: (d, u) => {
-      t.feedback(d, u);
-    }
+  const w = C(() => {
+    s((m) => !m);
+  }, []), v = {
+    status: i.status,
+    error: i.error,
+    messages: i.messages,
+    conversations: l.conversations,
+    activeConversationId: l.activeConversationId,
+    isThreadListOpen: r,
+    sendMessage: i.sendMessage,
+    stop: i.stop,
+    regenerate: i.regenerate,
+    switchConversation: p,
+    newConversation: f,
+    deleteConversation: h,
+    renameConversation: l.renameConversation,
+    toggleThreadList: w,
+    feedback: (m, g) => {
+      a.feedback(m, g);
+    },
+    respondToInterrupt: i.respondToInterrupt
   };
-  return /* @__PURE__ */ e(Y.Provider, { value: x, children: l });
+  return /* @__PURE__ */ e(X.Provider, { value: v, children: n });
 }
-function C({ name: t, size: a = 16, color: l = "currentColor", className: s, style: r }) {
+function x({ name: a, size: t = 16, color: n = "currentColor", className: r, style: s }) {
   return /* @__PURE__ */ e(
     "svg",
     {
-      className: s,
-      style: { width: a, height: a, fill: l, verticalAlign: "middle", ...r },
+      className: r,
+      style: { width: t, height: t, fill: n, verticalAlign: "middle", ...s },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ e("use", { href: `#icon-${t}` })
+      children: /* @__PURE__ */ e("use", { href: `#icon-${a}` })
     }
   );
 }
-function ne({ isOpen: t, onClick: a }) {
-  return /* @__PURE__ */ e("button", { className: `sa-trigger ${t ? "sa-trigger-open" : ""}`, onClick: a, children: t ? /* @__PURE__ */ e(C, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(C, { name: "message-square", size: 24, color: "#fff" }) });
+function oe({ isOpen: a, onClick: t }) {
+  return /* @__PURE__ */ e("button", { className: `sa-trigger ${a ? "sa-trigger-open" : ""}`, onClick: t, children: a ? /* @__PURE__ */ e(x, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(x, { name: "message-square", size: 24, color: "#fff" }) });
 }
-function ie({ title: t, onClose: a, onToggleThreadList: l, showClose: s = !0 }) {
-  return /* @__PURE__ */ g("div", { className: "sa-header", children: [
-    /* @__PURE__ */ g("div", { className: "sa-header-left", children: [
+function le({ title: a, onClose: t, onToggleThreadList: n, showClose: r = !0 }) {
+  return /* @__PURE__ */ u("div", { className: "sa-header", children: [
+    /* @__PURE__ */ u("div", { className: "sa-header-left", children: [
       /* @__PURE__ */ e("div", { className: "sa-header-avatar", children: "A" }),
-      /* @__PURE__ */ g("div", { className: "sa-header-info", children: [
-        /* @__PURE__ */ e("div", { className: "sa-header-title", children: t }),
+      /* @__PURE__ */ u("div", { className: "sa-header-info", children: [
+        /* @__PURE__ */ e("div", { className: "sa-header-title", children: a }),
         /* @__PURE__ */ e("div", { className: "sa-header-status", children: "● Online" })
       ] })
     ] }),
-    /* @__PURE__ */ g("div", { className: "sa-header-actions", children: [
-      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: l, title: "会话列表", children: /* @__PURE__ */ e(C, { name: "menu", size: 16 }) }),
-      s && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: a, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 16 }) })
+    /* @__PURE__ */ u("div", { className: "sa-header-actions", children: [
+      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: n, title: "会话列表", children: /* @__PURE__ */ e(x, { name: "menu", size: 16 }) }),
+      r && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: t, title: "关闭", children: /* @__PURE__ */ e(x, { name: "x", size: 16 }) })
     ] })
   ] });
 }
-function oe() {
+function ce(a) {
+  const t = /* @__PURE__ */ new Date(), n = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), r = n - 6 * 864e5, s = [], c = [], o = [];
+  for (const i of a) {
+    const p = new Date(i.updateTime).getTime();
+    p >= n ? s.push(i) : p >= r ? c.push(i) : o.push(i);
+  }
+  const l = [];
+  return s.length && l.push({ label: "今天", items: s }), c.length && l.push({ label: "最近 7 天", items: c }), o.length && l.push({ label: "更早", items: o }), l;
+}
+function de() {
   const {
-    conversations: t,
-    activeConversationId: a,
-    switchConversation: l,
-    newConversation: s,
-    deleteConversation: r,
-    renameConversation: i,
-    isThreadListOpen: c,
-    toggleThreadList: n
-  } = P(), [o, h] = I(null), [p, m] = I(""), v = y((d, u) => {
-    h(d), m(u ?? "");
-  }, []), x = y((d) => {
-    p.trim() && i(d, p.trim()), h(null);
-  }, [p, i]);
-  return c ? /* @__PURE__ */ g(ae, { children: [
-    /* @__PURE__ */ e("div", { className: "sa-thread-list-overlay", onClick: n }),
-    /* @__PURE__ */ g("div", { className: "sa-thread-list", children: [
-      /* @__PURE__ */ g("div", { className: "sa-thread-list-header", children: [
-        /* @__PURE__ */ e("span", { children: "会话列表" }),
-        /* @__PURE__ */ g("button", { className: "sa-thread-list-new", onClick: s, children: [
-          /* @__PURE__ */ e(C, { name: "plus", size: 14 }),
+    conversations: a,
+    activeConversationId: t,
+    switchConversation: n,
+    newConversation: r,
+    deleteConversation: s,
+    renameConversation: c,
+    isThreadListOpen: o,
+    toggleThreadList: l
+  } = O(), [i, p] = z(null), [f, h] = z(""), w = C((g, b) => {
+    p(g), h(b ?? "");
+  }, []), v = C((g) => {
+    f.trim() && c(g, f.trim()), p(null);
+  }, [f, c]), m = ae(() => ce(a), [a]);
+  return o ? /* @__PURE__ */ u(re, { children: [
+    /* @__PURE__ */ e("div", { className: "sa-thread-list-overlay", onClick: l }),
+    /* @__PURE__ */ u("div", { className: "sa-thread-list", children: [
+      /* @__PURE__ */ u("div", { className: "sa-thread-list-header", children: [
+        /* @__PURE__ */ e("span", { className: "sa-thread-list-title", children: "会话记录" }),
+        /* @__PURE__ */ u("button", { className: "sa-thread-list-new", onClick: r, children: [
+          /* @__PURE__ */ e(x, { name: "plus", size: 14 }),
           " 新会话"
         ] })
       ] }),
-      /* @__PURE__ */ g("div", { className: "sa-thread-list-items", children: [
-        t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
-        t.map((d) => /* @__PURE__ */ g(
-          "div",
-          {
-            className: `sa-thread-item ${d.sessionId === a ? "active" : ""}`,
-            onClick: () => l(d.sessionId),
-            children: [
-              o === d.sessionId ? /* @__PURE__ */ e(
-                "input",
-                {
-                  className: "sa-thread-item-edit",
-                  value: p,
-                  onChange: (u) => m(u.target.value),
-                  onBlur: () => x(d.sessionId),
-                  onKeyDown: (u) => {
-                    u.key === "Enter" && x(d.sessionId), u.key === "Escape" && h(null);
-                  },
-                  onClick: (u) => u.stopPropagation(),
-                  autoFocus: !0
-                }
-              ) : /* @__PURE__ */ e(
-                "span",
-                {
-                  className: "sa-thread-item-title",
-                  onDoubleClick: (u) => {
-                    u.stopPropagation(), v(d.sessionId, d.title);
-                  },
-                  children: d.title || "新会话"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  className: "sa-thread-item-delete",
-                  onClick: (u) => {
-                    u.stopPropagation(), r(d.sessionId);
-                  },
-                  title: "删除",
-                  children: /* @__PURE__ */ e(C, { name: "trash2", size: 14 })
-                }
-              )
-            ]
-          },
-          d.sessionId
-        ))
+      /* @__PURE__ */ u("div", { className: "sa-thread-list-items", children: [
+        a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
+        m.map((g) => /* @__PURE__ */ u("div", { className: "sa-thread-group", children: [
+          /* @__PURE__ */ e("div", { className: "sa-thread-group-label", children: g.label }),
+          g.items.map((b) => /* @__PURE__ */ u(
+            "div",
+            {
+              className: `sa-thread-item ${b.sessionId === t ? "active" : ""}`,
+              onClick: () => n(b.sessionId),
+              children: [
+                i === b.sessionId ? /* @__PURE__ */ e(
+                  "input",
+                  {
+                    className: "sa-thread-item-edit",
+                    value: f,
+                    onChange: (d) => h(d.target.value),
+                    onBlur: () => v(b.sessionId),
+                    onKeyDown: (d) => {
+                      d.key === "Enter" && v(b.sessionId), d.key === "Escape" && p(null);
+                    },
+                    onClick: (d) => d.stopPropagation(),
+                    autoFocus: !0
+                  }
+                ) : /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "sa-thread-item-title",
+                    onDoubleClick: (d) => {
+                      d.stopPropagation(), w(b.sessionId, b.title);
+                    },
+                    children: b.title || "新会话"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: "sa-thread-item-delete",
+                    onClick: (d) => {
+                      d.stopPropagation(), s(b.sessionId);
+                    },
+                    title: "删除",
+                    children: /* @__PURE__ */ e(x, { name: "trash2", size: 14 })
+                  }
+                )
+              ]
+            },
+            b.sessionId
+          ))
+        ] }, g.label))
       ] })
     ] })
   ] }) : null;
 }
-function le(t) {
-  const a = R(null), l = R(!1), s = R(0), r = y(() => {
-    const c = a.current;
-    if (!c) return;
-    const { scrollTop: n, scrollHeight: o, clientHeight: h } = c, p = o - n - h < 40;
-    n < s.current && !p && (l.current = !0), p && (l.current = !1), s.current = n;
+function pe(a) {
+  const t = $(null), n = $(!1), r = $(0), s = C(() => {
+    const o = t.current;
+    if (!o) return;
+    const { scrollTop: l, scrollHeight: i, clientHeight: p } = o, f = i - l - p < 40;
+    l < r.current && !f && (n.current = !0), f && (n.current = !1), r.current = l;
   }, []);
-  A(() => {
-    const c = a.current;
-    if (c)
-      return c.addEventListener("scroll", r, { passive: !0 }), () => c.removeEventListener("scroll", r);
-  }, [r]), A(() => {
-    if (l.current) return;
-    const c = a.current;
-    c && requestAnimationFrame(() => {
-      c.scrollTop = c.scrollHeight;
+  j(() => {
+    const o = t.current;
+    if (o)
+      return o.addEventListener("scroll", s, { passive: !0 }), () => o.removeEventListener("scroll", s);
+  }, [s]), j(() => {
+    if (n.current) return;
+    const o = t.current;
+    o && requestAnimationFrame(() => {
+      o.scrollTop = o.scrollHeight;
     });
-  }, t);
-  const i = y(() => {
-    l.current = !1;
-    const c = a.current;
-    c && (c.scrollTop = c.scrollHeight);
+  }, a);
+  const c = C(() => {
+    n.current = !1;
+    const o = t.current;
+    o && (o.scrollTop = o.scrollHeight);
   }, []);
-  return { containerRef: a, scrollToBottom: i };
+  return { containerRef: t, scrollToBottom: c };
 }
-function M(t) {
-  return t.value++;
+function L(a) {
+  return a.value++;
 }
-function j(t, a) {
-  const l = [], s = [], r = () => {
-    s.length > 0 && (l.push(s.join("")), s.length = 0);
+function B(a, t) {
+  const n = [], r = [], s = () => {
+    r.length > 0 && (n.push(r.join("")), r.length = 0);
   };
-  let i = 0;
-  for (; i < t.length; ) {
-    const c = t[i];
-    if (c === "`") {
-      const n = t.indexOf("`", i + 1);
-      if (n !== -1) {
-        r(), l.push(
-          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: t.slice(i + 1, n) }, M(a))
-        ), i = n + 1;
+  let c = 0;
+  for (; c < a.length; ) {
+    const o = a[c];
+    if (o === "`") {
+      const l = a.indexOf("`", c + 1);
+      if (l !== -1) {
+        s(), n.push(
+          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: a.slice(c + 1, l) }, L(t))
+        ), c = l + 1;
         continue;
       }
-    } else if (c === "*" && t[i + 1] === "*") {
-      const n = t.indexOf("**", i + 2);
-      if (n !== -1) {
-        r(), l.push(
-          /* @__PURE__ */ e("strong", { children: j(t.slice(i + 2, n), a) }, M(a))
-        ), i = n + 2;
+    } else if (o === "*" && a[c + 1] === "*") {
+      const l = a.indexOf("**", c + 2);
+      if (l !== -1) {
+        s(), n.push(
+          /* @__PURE__ */ e("strong", { children: B(a.slice(c + 2, l), t) }, L(t))
+        ), c = l + 2;
         continue;
       }
-    } else if (c === "*") {
-      const n = t.indexOf("*", i + 1);
-      if (n !== -1) {
-        r(), l.push(
-          /* @__PURE__ */ e("em", { children: j(t.slice(i + 1, n), a) }, M(a))
-        ), i = n + 1;
+    } else if (o === "*") {
+      const l = a.indexOf("*", c + 1);
+      if (l !== -1) {
+        s(), n.push(
+          /* @__PURE__ */ e("em", { children: B(a.slice(c + 1, l), t) }, L(t))
+        ), c = l + 1;
         continue;
       }
-    } else if (c === "[") {
-      const n = t.indexOf("]", i + 1);
-      if (n !== -1 && t[n + 1] === "(") {
-        const o = t.indexOf(")", n + 2);
-        if (o !== -1) {
-          const h = t.slice(i + 1, n), p = t.slice(n + 2, o);
-          r(), l.push(
+    } else if (o === "[") {
+      const l = a.indexOf("]", c + 1);
+      if (l !== -1 && a[l + 1] === "(") {
+        const i = a.indexOf(")", l + 2);
+        if (i !== -1) {
+          const p = a.slice(c + 1, l), f = a.slice(l + 2, i);
+          s(), n.push(
             /* @__PURE__ */ e(
               "a",
               {
-                href: p,
+                href: f,
                 target: "_blank",
                 rel: "noreferrer",
-                children: j(h, a)
+                children: B(p, t)
               },
-              M(a)
+              L(t)
             )
-          ), i = o + 1;
+          ), c = i + 1;
           continue;
         }
       }
     }
-    s.push(c), i++;
+    r.push(o), c++;
   }
-  return r(), l;
+  return s(), n;
 }
-function ce(t, a) {
-  const l = [], s = t.split(`
+function ue(a, t) {
+  const n = [], r = a.split(`
 `);
-  let r = 0;
-  const i = (o) => o.trim() === "", c = (o) => /^#{1,6}\s+\S/.test(o.trim()), n = (o) => /^(?:[-*+]|\d+[.)])\s+\S/.test(o.trim());
-  for (; r < s.length; ) {
-    const o = s[r], h = o.trim();
-    if (i(o)) {
-      r++;
+  let s = 0;
+  const c = (i) => i.trim() === "", o = (i) => /^#{1,6}\s+\S/.test(i.trim()), l = (i) => /^(?:[-*+]|\d+[.)])\s+\S/.test(i.trim());
+  for (; s < r.length; ) {
+    const i = r[s], p = i.trim();
+    if (c(i)) {
+      s++;
       continue;
     }
-    if (c(o)) {
-      const m = h.match(/^(#{1,6})\s+(.*)$/);
-      if (m) {
-        const x = `h${Math.min(m[1].length, 6)}`;
-        l.push(
-          V.createElement(
-            x,
-            { key: M(a) },
-            j(m[2], a)
+    if (o(i)) {
+      const h = p.match(/^(#{1,6})\s+(.*)$/);
+      if (h) {
+        const v = `h${Math.min(h[1].length, 6)}`;
+        n.push(
+          J.createElement(
+            v,
+            { key: L(t) },
+            B(h[2], t)
           )
         );
       }
-      r++;
+      s++;
       continue;
     }
-    if (n(o)) {
-      const m = /^\d+[.)]/.test(h), v = [];
-      for (; r < s.length && n(s[r]); ) {
-        const x = s[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        x && v.push(
-          /* @__PURE__ */ e("li", { children: j(x[1], a) }, M(a))
-        ), r++;
+    if (l(i)) {
+      const h = /^\d+[.)]/.test(p), w = [];
+      for (; s < r.length && l(r[s]); ) {
+        const v = r[s].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
+        v && w.push(
+          /* @__PURE__ */ e("li", { children: B(v[1], t) }, L(t))
+        ), s++;
       }
-      l.push(
-        m ? /* @__PURE__ */ e("ol", { className: "sa-list", children: v }, M(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: v }, M(a))
+      n.push(
+        h ? /* @__PURE__ */ e("ol", { className: "sa-list", children: w }, L(t)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: w }, L(t))
       );
       continue;
     }
-    const p = [];
-    for (; r < s.length && !i(s[r]) && !c(s[r]) && !n(s[r]); )
-      p.push(s[r]), r++;
-    l.push(
-      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: j(p.join(" "), a) }, M(a))
+    const f = [];
+    for (; s < r.length && !c(r[s]) && !o(r[s]) && !l(r[s]); )
+      f.push(r[s]), s++;
+    n.push(
+      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: B(f.join(" "), t) }, L(t))
     );
   }
-  return l;
+  return n;
 }
-function de(t) {
-  const a = { value: 0 }, l = [], s = t.split("```");
-  for (let r = 0; r < s.length; r++)
-    if (r % 2 === 0)
-      l.push(...ce(s[r], a));
-    else if (s[r].trim() !== "") {
-      let i = s[r].replace(/^\r?\n/, "");
-      i = i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), i = i.replace(/\r?\n$/, ""), l.push(
-        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: i }) }, M(a))
+function fe(a) {
+  const t = { value: 0 }, n = [], r = a.split("```");
+  for (let s = 0; s < r.length; s++)
+    if (s % 2 === 0)
+      n.push(...ue(r[s], t));
+    else if (r[s].trim() !== "") {
+      let c = r[s].replace(/^\r?\n/, "");
+      c = c.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), c = c.replace(/\r?\n$/, ""), n.push(
+        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: c }) }, L(t))
       );
     }
-  return l;
+  return n;
 }
-function pe({ content: t }) {
-  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: de(t) });
+function me({ content: a }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: fe(a) });
 }
-function fe({ content: t }) {
-  const [a, l] = I(!1);
-  return /* @__PURE__ */ g("div", { className: "sa-thinking-part", onClick: () => l(!a), children: [
-    /* @__PURE__ */ g("div", { className: "sa-thinking-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(C, { name: "brain", size: 14 }) }),
+function he({ content: a }) {
+  const [t, n] = z(!1);
+  return /* @__PURE__ */ u("div", { className: "sa-thinking-part", onClick: () => n(!t), children: [
+    /* @__PURE__ */ u("div", { className: "sa-thinking-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(x, { name: "brain", size: 14 }) }),
       /* @__PURE__ */ e("span", { className: "sa-thinking-label", children: "思考过程" }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${a ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${t ? "expanded" : ""}`, children: /* @__PURE__ */ e(x, { name: "chevron-right", size: 12 }) })
     ] }),
-    a && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: t })
+    t && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: a })
   ] });
 }
-function he({ toolName: t, toolCallId: a, args: l }) {
-  const [s, r] = I(!1);
-  let i = l;
+function ge({ toolName: a, toolCallId: t, args: n }) {
+  const [r, s] = z(!1);
+  let c = n;
   try {
-    i = JSON.stringify(JSON.parse(l), null, 2);
+    c = JSON.stringify(JSON.parse(n), null, 2);
   } catch {
   }
-  return /* @__PURE__ */ g("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ g("div", { className: "sa-tool-call-header", onClick: () => r(!s), children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "zap", size: 14 }) }),
-      /* @__PURE__ */ g("span", { className: "sa-tool-name", children: [
+  return /* @__PURE__ */ u("div", { className: "sa-tool-call-part", children: [
+    /* @__PURE__ */ u("div", { className: "sa-tool-call-header", onClick: () => s(!r), children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(x, { name: "zap", size: 14 }) }),
+      /* @__PURE__ */ u("span", { className: "sa-tool-name", children: [
         "调用工具: ",
-        t
+        a
+      ] }),
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${r ? "expanded" : ""}`, children: /* @__PURE__ */ e(x, { name: "chevron-right", size: 12 }) })
+    ] }),
+    r && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: c })
+  ] });
+}
+function xe({ toolName: a, toolCallId: t, content: n }) {
+  return /* @__PURE__ */ u("div", { className: "sa-tool-result-part", children: [
+    /* @__PURE__ */ u("div", { className: "sa-tool-result-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(x, { name: "circle-check", size: 14, color: "#10b981" }) }),
+      /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: a || "工具返回" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: n })
+  ] });
+}
+function be({ content: a, onRetry: t }) {
+  return /* @__PURE__ */ u("div", { className: "sa-error-part", children: [
+    /* @__PURE__ */ u("div", { className: "sa-error-content", children: [
+      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(x, { name: "triangle-alert", size: 14 }) }),
+      /* @__PURE__ */ e("span", { children: a })
+    ] }),
+    t && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: t, children: "重试" })
+  ] });
+}
+function ve({ interrupt: a, onRespond: t }) {
+  var c, o;
+  const n = a.options, r = (typeof (n == null ? void 0 : n[0]) == "string" ? n[0] : (c = n == null ? void 0 : n[0]) == null ? void 0 : c.label) || "确认", s = (typeof (n == null ? void 0 : n[1]) == "string" ? n[1] : (o = n == null ? void 0 : n[1]) == null ? void 0 : o.label) || "取消";
+  return /* @__PURE__ */ u("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(x, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+      /* @__PURE__ */ e("span", { children: a.content })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ u("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "confirm" }), children: [
+        /* @__PURE__ */ e(x, { name: "check", size: 14 }),
+        " ",
+        r
       ] }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ u("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: [
+        /* @__PURE__ */ e(x, { name: "x", size: 14 }),
+        " ",
+        s
+      ] })
+    ] })
+  ] });
+}
+function ye(a) {
+  return typeof a == "string" ? { value: a, label: a } : a;
+}
+function we({ interrupt: a, onRespond: t }) {
+  const n = (a.options ?? []).map(ye);
+  return /* @__PURE__ */ u("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(x, { name: "list", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    s && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: i })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: n.map((r) => /* @__PURE__ */ u(
+      "button",
+      {
+        className: `sa-interrupt-option ${r.danger ? "sa-interrupt-option-danger" : ""}`,
+        onClick: () => t({ action: "select", value: r.value }),
+        children: [
+          r.icon && /* @__PURE__ */ e(x, { name: r.icon, size: 14 }),
+          /* @__PURE__ */ e("span", { children: r.label }),
+          r.description && /* @__PURE__ */ e("span", { className: "sa-interrupt-option-desc", children: r.description })
+        ]
+      },
+      r.value
+    )) })
   ] });
 }
-function ue({ toolName: t, toolCallId: a, content: l }) {
-  return /* @__PURE__ */ g("div", { className: "sa-tool-result-part", children: [
-    /* @__PURE__ */ g("div", { className: "sa-tool-result-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "circle-check", size: 14, color: "#10b981" }) }),
-      /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: t || "工具返回" })
+function ke(a) {
+  return typeof a == "string" ? { value: a, label: a } : a;
+}
+function Ce({ interrupt: a, onRespond: t }) {
+  const n = (a.options ?? []).map(ke), [r, s] = z(/* @__PURE__ */ new Set()), c = (o) => {
+    s((l) => {
+      const i = new Set(l);
+      return i.has(o) ? i.delete(o) : i.add(o), i;
+    });
+  };
+  return /* @__PURE__ */ u("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(x, { name: "list-checks", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: l })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: n.map((o) => /* @__PURE__ */ u(
+      "button",
+      {
+        className: `sa-interrupt-option ${r.has(o.value) ? "sa-interrupt-option-selected" : ""}`,
+        onClick: () => c(o.value),
+        children: [
+          /* @__PURE__ */ e(x, { name: r.has(o.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e("span", { children: o.label })
+        ]
+      },
+      o.value
+    )) }),
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ u(
+      "button",
+      {
+        className: "sa-interrupt-btn sa-interrupt-btn-primary",
+        disabled: r.size === 0,
+        onClick: () => t({ action: "submit", value: Array.from(r) }),
+        children: [
+          /* @__PURE__ */ e(x, { name: "check", size: 14 }),
+          " 确认 (",
+          r.size,
+          ")"
+        ]
+      }
+    ) })
   ] });
 }
-function me({ content: t, onRetry: a }) {
-  return /* @__PURE__ */ g("div", { className: "sa-error-part", children: [
-    /* @__PURE__ */ g("div", { className: "sa-error-content", children: [
-      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(C, { name: "triangle-alert", size: 14 }) }),
-      /* @__PURE__ */ e("span", { children: t })
+function Ne({ interrupt: a, onRespond: t }) {
+  const [n, r] = z(""), s = a.inputType ?? "text", c = s === "textarea", o = () => {
+    a.required && !n.trim() || t({ action: "submit", value: n.trim() });
+  };
+  return /* @__PURE__ */ u("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(x, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    a && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: a, children: "重试" })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: c ? /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: "sa-interrupt-textarea",
+        value: n,
+        onChange: (l) => r(l.target.value),
+        placeholder: a.placeholder,
+        maxLength: a.maxLength,
+        rows: 3
+      }
+    ) : /* @__PURE__ */ e(
+      "input",
+      {
+        className: "sa-interrupt-input",
+        type: s,
+        value: n,
+        onChange: (l) => r(l.target.value),
+        placeholder: a.placeholder,
+        maxLength: a.maxLength,
+        onKeyDown: (l) => l.key === "Enter" && o()
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ u(
+      "button",
+      {
+        className: "sa-interrupt-btn sa-interrupt-btn-primary",
+        disabled: a.required ? !n.trim() : !1,
+        onClick: o,
+        children: [
+          /* @__PURE__ */ e(x, { name: "check", size: 14 }),
+          " 提交"
+        ]
+      }
+    ) })
   ] });
 }
-function ge({ message: t, onCopy: a, onRegenerate: l, onFeedback: s }) {
-  const { status: r } = P(), [i, c] = I(null), [n, o] = I(!1);
-  if (r !== "ready" && r !== "error") return null;
-  const h = y(() => {
-    a(), o(!0), setTimeout(() => o(!1), 2e3);
-  }, [a]), p = y((m) => {
-    const v = i === m ? null : m;
-    c(v), v && (s == null || s(t.id, v));
-  }, [i, t.id, s]);
-  return /* @__PURE__ */ g("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: h, title: "复制", children: [
-      /* @__PURE__ */ e(C, { name: n ? "circle-check" : "copy", size: 14 }),
+function ze({ interrupt: a, onRespond: t }) {
+  const n = a.fields ?? [], [r, s] = z(() => {
+    const i = {};
+    for (const p of n)
+      i[p.name] = p.defaultValue ?? "";
+    return i;
+  }), c = (i, p) => {
+    s((f) => ({ ...f, [i]: p }));
+  }, o = n.every((i) => !i.required || r[i.name]), l = () => {
+    o && t({ action: "submit", value: r });
+  };
+  return /* @__PURE__ */ u("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(x, { name: "file-text", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: n.map((i) => /* @__PURE__ */ u("div", { className: "sa-interrupt-form-field", children: [
+      /* @__PURE__ */ u("label", { className: "sa-interrupt-form-label", children: [
+        i.label,
+        i.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
+      ] }),
+      Ie(i, r[i.name], (p) => c(i.name, p))
+    ] }, i.name)) }),
+    /* @__PURE__ */ u("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ u("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !o, onClick: l, children: [
+        /* @__PURE__ */ e(x, { name: "check", size: 14 }),
+        " 提交"
+      ] }),
+      /* @__PURE__ */ e("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: "取消" })
+    ] })
+  ] });
+}
+function Ie(a, t, n) {
+  switch (a.type) {
+    case "textarea":
+      return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: t, onChange: (r) => n(r.target.value), placeholder: a.placeholder, rows: 3 });
+    case "select":
+      return /* @__PURE__ */ u("select", { className: "sa-interrupt-select", value: t, onChange: (r) => n(r.target.value), children: [
+        /* @__PURE__ */ e("option", { value: "", children: "请选择" }),
+        (a.options ?? []).map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
+      ] });
+    default:
+      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: a.type, value: t, onChange: (r) => n(r.target.value), placeholder: a.placeholder });
+  }
+}
+function Te({ interrupt: a, resolved: t, response: n, onRespond: r }) {
+  if (t)
+    return /* @__PURE__ */ u("div", { className: "sa-interrupt-resolved", children: [
+      /* @__PURE__ */ e(x, { name: "circle-check", size: 14, color: "#10b981" }),
+      /* @__PURE__ */ e("span", { children: Se(a.interruptType, n) })
+    ] });
+  switch (a.interruptType) {
+    case "confirm":
+      return /* @__PURE__ */ e(ve, { interrupt: a, onRespond: r });
+    case "select":
+      return /* @__PURE__ */ e(we, { interrupt: a, onRespond: r });
+    case "multiSelect":
+      return /* @__PURE__ */ e(Ce, { interrupt: a, onRespond: r });
+    case "input":
+      return /* @__PURE__ */ e(Ne, { interrupt: a, onRespond: r });
+    case "form":
+      return /* @__PURE__ */ e(ze, { interrupt: a, onRespond: r });
+    default:
+      return /* @__PURE__ */ u("div", { className: "sa-interrupt-unknown", children: [
+        "未知的交互类型: ",
+        a.interruptType
+      ] });
+  }
+}
+function Se(a, t) {
+  if (!t) return "已完成";
+  switch (t.action) {
+    case "confirm":
+      return "已确认";
+    case "cancel":
+      return "已取消";
+    case "select":
+      return `已选择: ${t.value}`;
+    case "submit":
+      return "已提交";
+    case "reject":
+      return "已拒绝";
+    default:
+      return "已完成";
+  }
+}
+function Me({ message: a, onCopy: t, onRegenerate: n, onFeedback: r }) {
+  const { status: s } = O(), [c, o] = z(null), [l, i] = z(!1);
+  if (s !== "ready" && s !== "error") return null;
+  const p = C(() => {
+    t(), i(!0), setTimeout(() => i(!1), 2e3);
+  }, [t]), f = C((h) => {
+    const w = c === h ? null : h;
+    o(w), w && (r == null || r(a.id, w));
+  }, [c, a.id, r]);
+  return /* @__PURE__ */ u("div", { className: "sa-action-bar", children: [
+    /* @__PURE__ */ u("button", { className: "sa-action-btn", onClick: p, title: "复制", children: [
+      /* @__PURE__ */ e(x, { name: l ? "circle-check" : "copy", size: 14 }),
       " ",
-      n ? "已复制" : "复制"
+      l ? "已复制" : "复制"
     ] }),
-    /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: l, title: "重新生成", children: [
-      /* @__PURE__ */ e(C, { name: "refresh-cw", size: 14 }),
+    /* @__PURE__ */ u("button", { className: "sa-action-btn", onClick: n, title: "重新生成", children: [
+      /* @__PURE__ */ e(x, { name: "refresh-cw", size: 14 }),
       " 重新生成"
     ] }),
     /* @__PURE__ */ e("span", { className: "sa-action-divider" }),
     /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-action-btn ${i === "like" ? "sa-action-btn-active" : ""}`,
-        onClick: () => p("like"),
+        className: `sa-action-btn ${c === "like" ? "sa-action-btn-active" : ""}`,
+        onClick: () => f("like"),
         title: "有用",
-        children: /* @__PURE__ */ e(C, { name: "thumbs-up", size: 14 })
+        children: /* @__PURE__ */ e(x, { name: "thumbs-up", size: 14 })
       }
     ),
     /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-action-btn ${i === "dislike" ? "sa-action-btn-active" : ""}`,
-        onClick: () => p("dislike"),
+        className: `sa-action-btn ${c === "dislike" ? "sa-action-btn-active" : ""}`,
+        onClick: () => f("dislike"),
         title: "无用",
-        children: /* @__PURE__ */ e(C, { name: "thumbs-down", size: 14 })
+        children: /* @__PURE__ */ e(x, { name: "thumbs-down", size: 14 })
       }
     )
   ] });
 }
-function q({ src: t, role: a }) {
-  const l = a === "assistant" ? "A" : "U";
-  return t ? t.startsWith("http") || t.startsWith("/") || t.startsWith("data:") ? /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: /* @__PURE__ */ e("img", { src: t, alt: a, style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: t }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: l });
+function Y({ src: a, role: t }) {
+  const n = t === "assistant" ? "A" : "U";
+  return a ? a.startsWith("http") || a.startsWith("/") || a.startsWith("data:") ? /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${t}`, children: /* @__PURE__ */ e("img", { src: a, alt: t, style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${t}`, children: a }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${t}`, children: n });
 }
-function xe({ message: t, isStreaming: a, isLast: l, slots: s, avatar: r }) {
-  const { regenerate: i, feedback: c } = P(), n = y(() => {
-    var f;
-    const b = t.parts.filter((w) => w.type === "text").map((w) => w.content).join(`
+function Le({ message: a, isStreaming: t, isLast: n, slots: r, avatar: s }) {
+  const { regenerate: c, feedback: o, respondToInterrupt: l } = O(), i = C(() => {
+    var y;
+    const d = a.parts.filter((N) => N.type === "text").map((N) => N.content).join(`
 `);
-    (f = navigator.clipboard) == null || f.writeText(b).catch(() => {
+    (y = navigator.clipboard) == null || y.writeText(d).catch(() => {
     });
-  }, [t]), o = t.role === "user", h = s.Message;
-  if (h)
+  }, [a]), p = a.role === "user", f = r.Message;
+  if (f)
     return /* @__PURE__ */ e(
-      h,
+      f,
       {
-        message: t,
-        isStreaming: a,
-        isLast: l,
-        avatar: r,
-        slots: s,
-        onCopy: n,
-        onRegenerate: i,
-        onFeedback: c
+        message: a,
+        isStreaming: t,
+        isLast: n,
+        avatar: s,
+        slots: r,
+        onCopy: i,
+        onRegenerate: c,
+        onFeedback: o
       }
     );
-  const p = s.TextPart ?? pe, m = s.ThinkingPart ?? fe, v = s.ToolCallPart ?? he, x = s.ToolResultPart ?? ue, d = s.ErrorPart ?? me, u = s.ActionBar ?? ge;
-  return /* @__PURE__ */ g("div", { className: `sa-message ${o ? "sa-message-user" : "sa-message-assistant"}`, children: [
-    !o && /* @__PURE__ */ e(q, { src: r == null ? void 0 : r.assistant, role: "assistant" }),
-    /* @__PURE__ */ g("div", { className: "sa-message-body", children: [
-      t.parts.map((b, f) => {
-        switch (b.type) {
+  const h = r.TextPart ?? me, w = r.ThinkingPart ?? he, v = r.ToolCallPart ?? ge, m = r.ToolResultPart ?? xe, g = r.ErrorPart ?? be, b = r.ActionBar ?? Me;
+  return /* @__PURE__ */ u("div", { className: `sa-message ${p ? "sa-message-user" : "sa-message-assistant"}`, children: [
+    !p && /* @__PURE__ */ e(Y, { src: s == null ? void 0 : s.assistant, role: "assistant" }),
+    /* @__PURE__ */ u("div", { className: "sa-message-body", children: [
+      a.parts.map((d, y) => {
+        switch (d.type) {
           case "text":
-            return /* @__PURE__ */ e(p, { content: b.content }, f);
+            return /* @__PURE__ */ e(h, { content: d.content }, y);
           case "thinking":
-            return /* @__PURE__ */ e(m, { content: b.content }, f);
+            return /* @__PURE__ */ e(w, { content: d.content }, y);
           case "tool_call":
-            return /* @__PURE__ */ e(v, { toolName: b.toolName, toolCallId: b.toolCallId, args: b.args }, f);
+            return /* @__PURE__ */ e(v, { toolName: d.toolName, toolCallId: d.toolCallId, args: d.args }, y);
           case "tool_result":
-            return /* @__PURE__ */ e(x, { toolName: b.toolName, toolCallId: b.toolCallId, content: b.content }, f);
+            return /* @__PURE__ */ e(m, { toolName: d.toolName, toolCallId: d.toolCallId, content: d.content }, y);
           case "error":
-            return /* @__PURE__ */ e(d, { content: b.content, onRetry: i }, f);
+            return /* @__PURE__ */ e(g, { content: d.content, onRetry: c }, y);
+          case "interrupt":
+            return /* @__PURE__ */ e(
+              Te,
+              {
+                interrupt: d.interrupt,
+                resolved: d.resolved ?? !1,
+                response: d.response,
+                onRespond: (N) => l(d.interrupt.interruptId, N)
+              },
+              y
+            );
           default:
             return null;
         }
       }),
-      a && l && !o && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
-      !o && !a && t.parts.length > 0 && /* @__PURE__ */ e(u, { message: t, onCopy: n, onRegenerate: i, onFeedback: c })
+      t && n && !p && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
+      !p && !t && a.parts.length > 0 && /* @__PURE__ */ e(b, { message: a, onCopy: i, onRegenerate: c, onFeedback: o })
     ] }),
-    o && /* @__PURE__ */ e(q, { src: r == null ? void 0 : r.user, role: "user" })
+    p && /* @__PURE__ */ e(Y, { src: s == null ? void 0 : s.user, role: "user" })
   ] });
 }
-function be({ message: t, suggestedPrompts: a, onPromptClick: l }) {
-  return /* @__PURE__ */ g("div", { className: "sa-welcome", children: [
-    /* @__PURE__ */ e("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ e(C, { name: "sparkles", size: 40 }) }),
-    /* @__PURE__ */ e("p", { className: "sa-welcome-message", children: t || "你好！有什么可以帮你的？" }),
-    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: a.map((s, r) => /* @__PURE__ */ e(
+function Ee({ message: a, suggestedPrompts: t, onPromptClick: n }) {
+  return /* @__PURE__ */ u("div", { className: "sa-welcome", children: [
+    /* @__PURE__ */ e("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ e(x, { name: "sparkles", size: 40 }) }),
+    /* @__PURE__ */ e("p", { className: "sa-welcome-message", children: a || "你好！有什么可以帮你的？" }),
+    t && t.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: t.map((r, s) => /* @__PURE__ */ e(
       "button",
       {
         className: "sa-welcome-prompt",
-        onClick: () => l(s),
-        children: s
+        onClick: () => n(r),
+        children: r
       },
-      r
+      s
     )) })
   ] });
 }
-function J({ slots: t, welcomeMessage: a, suggestedPrompts: l, avatar: s }) {
-  const { messages: r, status: i, sendMessage: c } = P(), { containerRef: n } = le([r]), o = i === "streaming", h = t.WelcomeScreen ?? be;
-  return r.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: n, children: /* @__PURE__ */ e(
-    h,
+function G({ slots: a, welcomeMessage: t, suggestedPrompts: n, avatar: r }) {
+  const { messages: s, status: c, sendMessage: o } = O(), { containerRef: l } = pe([s]), i = c === "streaming", p = a.WelcomeScreen ?? Ee;
+  return s.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: l, children: /* @__PURE__ */ e(
+    p,
     {
-      message: a,
-      suggestedPrompts: l,
-      onPromptClick: c
+      message: t,
+      suggestedPrompts: n,
+      onPromptClick: o
     }
-  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: n, children: r.map((p, m) => /* @__PURE__ */ e(
-    xe,
+  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: l, children: s.map((f, h) => /* @__PURE__ */ e(
+    Le,
     {
-      message: p,
-      isStreaming: o,
-      isLast: m === r.length - 1,
-      slots: t,
-      avatar: s
+      message: f,
+      isStreaming: i,
+      isLast: h === s.length - 1,
+      slots: a,
+      avatar: r
     },
-    p.id
+    f.id
   )) });
 }
-function X() {
-  const { status: t, sendMessage: a, stop: l } = P(), [s, r] = I(""), i = R(null), c = t === "streaming" || t === "submitted", n = y(() => {
-    const p = s.trim();
-    !p || c || (a(p), r(""), i.current && (i.current.style.height = "auto"));
-  }, [s, c, a]), o = y((p) => {
-    p.key === "Enter" && !p.shiftKey && (p.preventDefault(), n());
-  }, [n]), h = y((p) => {
-    r(p.target.value);
-    const m = p.target;
-    m.style.height = "auto", m.style.height = Math.min(m.scrollHeight, 120) + "px";
+function Z() {
+  const { status: a, sendMessage: t, stop: n } = O(), [r, s] = z(""), c = $(null), o = a === "streaming" || a === "submitted", l = C(() => {
+    const f = r.trim();
+    !f || o || (t(f), s(""), c.current && (c.current.style.height = "auto"));
+  }, [r, o, t]), i = C((f) => {
+    f.key === "Enter" && !f.shiftKey && (f.preventDefault(), l());
+  }, [l]), p = C((f) => {
+    s(f.target.value);
+    const h = f.target;
+    h.style.height = "auto", h.style.height = Math.min(h.scrollHeight, 120) + "px";
   }, []);
-  return /* @__PURE__ */ g("div", { className: "sa-composer", children: [
+  return /* @__PURE__ */ u("div", { className: "sa-composer", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
-        ref: i,
+        ref: c,
         className: "sa-composer-input",
-        value: s,
-        onChange: h,
-        onKeyDown: o,
+        value: r,
+        onChange: p,
+        onKeyDown: i,
         placeholder: "输入消息...",
         rows: 1,
-        disabled: t === "submitted"
+        disabled: a === "submitted"
       }
     ),
-    c ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: l, title: "停止", children: /* @__PURE__ */ e(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
+    o ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: n, title: "停止", children: /* @__PURE__ */ e(x, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
       "button",
       {
         className: "sa-composer-send",
-        onClick: n,
-        disabled: !s.trim(),
+        onClick: l,
+        disabled: !r.trim(),
         title: "发送",
-        children: /* @__PURE__ */ e(C, { name: "arrow-up", size: 16, color: "#fff" })
+        children: /* @__PURE__ */ e(x, { name: "arrow-up", size: 16, color: "#fff" })
       }
     )
   ] });
 }
-function ve({ isOpen: t, onClose: a, title: l, slots: s, welcomeMessage: r, suggestedPrompts: i, avatar: c }) {
-  const { status: n, sendMessage: o, stop: h, toggleThreadList: p, conversations: m, activeConversationId: v, switchConversation: x, newConversation: d, deleteConversation: u, renameConversation: b, isThreadListOpen: f } = P();
-  if (!t) return null;
-  const w = s.Header, N = s.Composer, z = s.ThreadList;
-  return /* @__PURE__ */ g("div", { className: "sa-panel", children: [
-    w ? /* @__PURE__ */ e(w, { title: l, onClose: a, onToggleThreadList: p }) : /* @__PURE__ */ e(ie, { title: l, onClose: a, onToggleThreadList: p }),
-    z && f ? /* @__PURE__ */ e(
-      z,
+function $e({ isOpen: a, onClose: t, title: n, slots: r, welcomeMessage: s, suggestedPrompts: c, avatar: o }) {
+  const { status: l, sendMessage: i, stop: p, toggleThreadList: f, conversations: h, activeConversationId: w, switchConversation: v, newConversation: m, deleteConversation: g, renameConversation: b, isThreadListOpen: d } = O();
+  if (!a) return null;
+  const y = r.Header, N = r.Composer, M = r.ThreadList;
+  return /* @__PURE__ */ u("div", { className: "sa-panel", children: [
+    y ? /* @__PURE__ */ e(y, { title: n, onClose: t, onToggleThreadList: f }) : /* @__PURE__ */ e(le, { title: n, onClose: t, onToggleThreadList: f }),
+    M && d ? /* @__PURE__ */ e(
+      M,
       {
-        conversations: m,
-        activeSessionId: v,
-        onSwitch: x,
-        onNew: d,
-        onDelete: u,
+        conversations: h,
+        activeSessionId: w,
+        onSwitch: v,
+        onNew: m,
+        onDelete: g,
         onRename: b
       }
-    ) : /* @__PURE__ */ e(oe, {}),
-    /* @__PURE__ */ e(J, { slots: s, welcomeMessage: r, suggestedPrompts: i, avatar: c }),
-    N ? /* @__PURE__ */ e(N, { status: n, onSend: o, onStop: h }) : /* @__PURE__ */ e(X, {})
+    ) : /* @__PURE__ */ e(de, {}),
+    /* @__PURE__ */ e(G, { slots: r, welcomeMessage: s, suggestedPrompts: c, avatar: o }),
+    N ? /* @__PURE__ */ e(N, { status: l, onSend: i, onStop: p }) : /* @__PURE__ */ e(Z, {})
   ] });
 }
-function we({
-  conversations: t,
-  activeSessionId: a,
-  onSwitch: l,
-  onNew: s,
-  onDelete: r,
-  isCollapsed: i,
-  onToggleCollapse: c
+function Ae({
+  conversations: a,
+  activeSessionId: t,
+  onSwitch: n,
+  onNew: r,
+  onDelete: s,
+  isCollapsed: c,
+  onToggleCollapse: o
 }) {
-  const [n, o] = I(null), [h, p] = I(null), m = y((x, d) => {
-    d.stopPropagation(), h === x ? (r(x), p(null)) : (p(x), setTimeout(() => p(null), 3e3));
-  }, [h, r]), v = (() => {
-    const x = Date.now(), d = [], u = [], b = [];
-    for (const w of t) {
-      const N = x - new Date(w.updateTime).getTime();
-      N < 864e5 ? d.push(w) : N < 6048e5 ? u.push(w) : b.push(w);
+  const [l, i] = z(null), [p, f] = z(null), h = C((v, m) => {
+    m.stopPropagation(), p === v ? (s(v), f(null)) : (f(v), setTimeout(() => f(null), 3e3));
+  }, [p, s]), w = (() => {
+    const v = Date.now(), m = [], g = [], b = [];
+    for (const y of a) {
+      const N = v - new Date(y.updateTime).getTime();
+      N < 864e5 ? m.push(y) : N < 6048e5 ? g.push(y) : b.push(y);
     }
-    const f = [];
-    return d.length && f.push({ label: "今天", items: d }), u.length && f.push({ label: "最近 7 天", items: u }), b.length && f.push({ label: "更早", items: b }), f;
+    const d = [];
+    return m.length && d.push({ label: "今天", items: m }), g.length && d.push({ label: "最近 7 天", items: g }), b.length && d.push({ label: "更早", items: b }), d;
   })();
-  return i ? /* @__PURE__ */ g("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
-    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "展开", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
-    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: s, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ e(C, { name: "plus", size: 18 }) })
-  ] }) : /* @__PURE__ */ g("div", { className: "sa-fp-sidebar", children: [
-    /* @__PURE__ */ g("div", { className: "sa-fp-sidebar-header", children: [
-      /* @__PURE__ */ g("button", { className: "sa-fp-sidebar-new", onClick: s, children: [
-        /* @__PURE__ */ e(C, { name: "plus", size: 15 }),
+  return c ? /* @__PURE__ */ u("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
+    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: o, title: "展开", children: /* @__PURE__ */ e(x, { name: "panel-left", size: 18 }) }),
+    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: r, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ e(x, { name: "plus", size: 18 }) })
+  ] }) : /* @__PURE__ */ u("div", { className: "sa-fp-sidebar", children: [
+    /* @__PURE__ */ u("div", { className: "sa-fp-sidebar-header", children: [
+      /* @__PURE__ */ u("button", { className: "sa-fp-sidebar-new", onClick: r, children: [
+        /* @__PURE__ */ e(x, { name: "plus", size: 15 }),
         " ",
         /* @__PURE__ */ e("span", { children: "新会话" })
       ] }),
-      /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "收起侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left-close", size: 18 }) })
+      /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: o, title: "收起侧边栏", children: /* @__PURE__ */ e(x, { name: "panel-left-close", size: 18 }) })
     ] }),
-    /* @__PURE__ */ g("div", { className: "sa-fp-sidebar-list", children: [
-      t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
-      v.map((x) => /* @__PURE__ */ g("div", { children: [
-        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: x.label }),
-        x.items.map((d) => {
-          const u = d.sessionId === a, b = n === d.sessionId, f = h === d.sessionId;
-          return /* @__PURE__ */ g(
+    /* @__PURE__ */ u("div", { className: "sa-fp-sidebar-list", children: [
+      a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
+      w.map((v) => /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: v.label }),
+        v.items.map((m) => {
+          const g = m.sessionId === t, b = l === m.sessionId, d = p === m.sessionId;
+          return /* @__PURE__ */ u(
             "div",
             {
-              className: `sa-fp-sidebar-item ${u ? "active" : ""}`,
-              onClick: () => l(d.sessionId),
-              onMouseEnter: () => o(d.sessionId),
-              onMouseLeave: () => o(null),
+              className: `sa-fp-sidebar-item ${g ? "active" : ""}`,
+              onClick: () => n(m.sessionId),
+              onMouseEnter: () => i(m.sessionId),
+              onMouseLeave: () => i(null),
               children: [
-                /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: d.title || "新会话" }),
+                /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: m.title || "新会话" }),
                 b && /* @__PURE__ */ e(
                   "button",
                   {
-                    className: `sa-fp-sidebar-item-action ${f ? "danger" : ""}`,
-                    onClick: (w) => m(d.sessionId, w),
-                    title: f ? "确认删除" : "删除",
-                    children: /* @__PURE__ */ e(C, { name: f ? "x" : "trash2", size: 14 })
+                    className: `sa-fp-sidebar-item-action ${d ? "danger" : ""}`,
+                    onClick: (y) => h(m.sessionId, y),
+                    title: d ? "确认删除" : "删除",
+                    children: /* @__PURE__ */ e(x, { name: d ? "x" : "trash2", size: 14 })
                   }
                 )
               ]
             },
-            d.sessionId
+            m.sessionId
           );
         })
-      ] }, x.label))
+      ] }, v.label))
     ] })
   ] });
 }
-function ye({ title: t, slots: a, welcomeMessage: l, suggestedPrompts: s, sidebarDefaultOpen: r = !0, onClose: i, avatar: c }) {
+function De({ title: a, slots: t, welcomeMessage: n, suggestedPrompts: r, sidebarDefaultOpen: s = !0, onClose: c, avatar: o }) {
   const {
-    status: n,
-    sendMessage: o,
-    stop: h,
-    conversations: p,
-    activeConversationId: m,
-    switchConversation: v,
-    newConversation: x,
-    deleteConversation: d,
-    renameConversation: u
-  } = P(), [b, f] = I(r), w = y(() => f((O) => !O), []), N = a.ThreadList, z = a.Composer;
-  return /* @__PURE__ */ g("div", { className: "sa-fullpage", children: [
+    status: l,
+    sendMessage: i,
+    stop: p,
+    conversations: f,
+    activeConversationId: h,
+    switchConversation: w,
+    newConversation: v,
+    deleteConversation: m,
+    renameConversation: g
+  } = O(), [b, d] = z(s), y = C(() => d((T) => !T), []), N = t.ThreadList, M = t.Composer;
+  return /* @__PURE__ */ u("div", { className: "sa-fullpage", children: [
     N ? /* @__PURE__ */ e("div", { className: `sa-fp-sidebar-wrapper ${b ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ e(
       N,
       {
-        conversations: p,
-        activeSessionId: m,
-        onSwitch: v,
-        onNew: x,
-        onDelete: d,
-        onRename: u
+        conversations: f,
+        activeSessionId: h,
+        onSwitch: w,
+        onNew: v,
+        onDelete: m,
+        onRename: g
       }
     ) }) : /* @__PURE__ */ e(
-      we,
+      Ae,
       {
-        conversations: p,
-        activeSessionId: m,
-        onSwitch: v,
-        onNew: x,
-        onDelete: d,
-        onRename: u,
+        conversations: f,
+        activeSessionId: h,
+        onSwitch: w,
+        onNew: v,
+        onDelete: m,
+        onRename: g,
         isCollapsed: !b,
-        onToggleCollapse: w
+        onToggleCollapse: y
       }
     ),
-    /* @__PURE__ */ g("div", { className: "sa-fp-main", children: [
-      /* @__PURE__ */ g("div", { className: "sa-fp-header", children: [
-        !b && !N && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: w, title: "展开侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
-        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: t }),
-        /* @__PURE__ */ e("div", { className: "sa-fp-header-actions", children: i && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: i, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 18 }) }) })
+    /* @__PURE__ */ u("div", { className: "sa-fp-main", children: [
+      /* @__PURE__ */ u("div", { className: "sa-fp-header", children: [
+        !b && !N && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: y, title: "展开侧边栏", children: /* @__PURE__ */ e(x, { name: "panel-left", size: 18 }) }),
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: a }),
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-actions", children: c && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: c, title: "关闭", children: /* @__PURE__ */ e(x, { name: "x", size: 18 }) }) })
       ] }),
-      /* @__PURE__ */ e(J, { slots: a, welcomeMessage: l, suggestedPrompts: s, avatar: c }),
-      z ? /* @__PURE__ */ e(z, { status: n, onSend: o, onStop: h }) : /* @__PURE__ */ e(X, {})
+      /* @__PURE__ */ e(G, { slots: t, welcomeMessage: n, suggestedPrompts: r, avatar: o }),
+      M ? /* @__PURE__ */ e(M, { status: l, onSend: i, onStop: p }) : /* @__PURE__ */ e(Z, {})
     ] })
   ] });
 }
-function ke(t) {
-  const { sdk: a, mode: l = "floating", slots: s = {}, hooks: r = {}, welcomeMessage: i, suggestedPrompts: c, title: n = "AI Assistant", initialOpen: o = !1, onOpenChange: h, sidebarDefaultOpen: p, avatar: m } = t, [v, x] = I(o);
-  A(() => {
-    x(o);
-  }, [o]);
-  const d = y(() => {
-    var w, N;
-    const f = !v;
-    x(f), h == null || h(f), f ? (w = r.onOpen) == null || w.call(r) : (N = r.onClose) == null || N.call(r);
-  }, [v, r, h]), u = y(() => {
-    var f;
-    x(!1), h == null || h(!1), (f = r.onClose) == null || f.call(r);
-  }, [r, h]), b = s.Trigger ?? ne;
-  return l === "fullpage" ? v ? /* @__PURE__ */ e(U, { sdk: a, hooks: r, children: /* @__PURE__ */ e(
-    ye,
+function Pe(a) {
+  const { sdk: t, mode: n = "floating", slots: r = {}, hooks: s = {}, welcomeMessage: c, suggestedPrompts: o, title: l = "AI Assistant", initialOpen: i = !1, onOpenChange: p, sidebarDefaultOpen: f, avatar: h } = a, [w, v] = z(i);
+  j(() => {
+    v(i);
+  }, [i]);
+  const m = C(() => {
+    var y, N;
+    const d = !w;
+    v(d), p == null || p(d), d ? (y = s.onOpen) == null || y.call(s) : (N = s.onClose) == null || N.call(s);
+  }, [w, s, p]), g = C(() => {
+    var d;
+    v(!1), p == null || p(!1), (d = s.onClose) == null || d.call(s);
+  }, [s, p]), b = r.Trigger ?? oe;
+  return n === "fullpage" ? w ? /* @__PURE__ */ e(U, { sdk: t, hooks: s, children: /* @__PURE__ */ e(
+    De,
     {
-      title: n,
-      slots: s,
-      welcomeMessage: i,
-      suggestedPrompts: c,
-      sidebarDefaultOpen: p,
-      onClose: u,
-      avatar: m
+      title: l,
+      slots: r,
+      welcomeMessage: c,
+      suggestedPrompts: o,
+      sidebarDefaultOpen: f,
+      onClose: g,
+      avatar: h
     }
-  ) }) : null : /* @__PURE__ */ g(U, { sdk: a, hooks: r, children: [
-    /* @__PURE__ */ e(b, { isOpen: v, onClick: d }),
+  ) }) : null : /* @__PURE__ */ u(U, { sdk: t, hooks: s, children: [
+    /* @__PURE__ */ e(b, { isOpen: w, onClick: m }),
     /* @__PURE__ */ e(
-      ve,
+      $e,
       {
-        isOpen: v,
-        onClose: u,
-        title: n,
-        slots: s,
-        welcomeMessage: i,
-        suggestedPrompts: c,
-        avatar: m
+        isOpen: w,
+        onClose: g,
+        title: l,
+        slots: r,
+        welcomeMessage: c,
+        suggestedPrompts: o,
+        avatar: h
       }
     )
   ] });
 }
-const Ce = `
+const Re = `
   [data-super-agent-widget] {
     --sa-primary-dark: color-mix(in srgb, var(--sa-primary) 82%, #000);
     --sa-primary-light: color-mix(in srgb, var(--sa-primary) 10%, #fff);
@@ -1516,42 +1781,55 @@ const Ce = `
   .sa-thread-list-header {
     display: flex;
     align-items: center;
-    gap: 10px;
-    padding: 14px 16px;
-    border-bottom: 1px solid var(--sa-border);
+    justify-content: space-between;
+    padding: 20px 20px 16px;
     flex-shrink: 0;
   }
 
+  .sa-thread-list-title {
+    font-size: 17px;
+    font-weight: 700;
+    color: #18181b;
+    letter-spacing: -0.2px;
+  }
+
+  .sa-thread-list-new {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 16px;
+    border: none;
+    border-radius: 20px;
+    background: #f4f4f5;
+    color: #3f3f46;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background 0.15s;
+  }
+
+  .sa-thread-list-new:hover {
+    background: #e4e4e7;
+  }
+
   .sa-thread-list-items {
     flex: 1;
     overflow-y: auto;
+    padding: 0 12px 12px;
   }
 
   .sa-thread-list-empty {
-    padding: 24px 16px;
+    padding: 48px 16px;
     text-align: center;
     color: var(--sa-text-muted);
-    font-size: 13px;
-  }
-
-  .sa-thread-list-new {
-    display: block;
-    width: calc(100% - 24px);
-    margin: 12px;
-    padding: 10px;
-    border: 1px dashed var(--sa-border);
-    border-radius: 10px;
-    background: transparent;
-    color: var(--sa-primary);
     font-size: 14px;
-    cursor: pointer;
-    text-align: center;
-    transition: background 0.15s, border-color 0.15s;
   }
 
-  .sa-thread-list-new:hover {
-    background: var(--sa-primary-light);
-    border-color: var(--sa-primary);
+  .sa-thread-group-label {
+    padding: 16px 8px 6px;
+    font-size: 12px;
+    font-weight: 500;
+    color: #a1a1aa;
   }
 
   .sa-thread-item {
@@ -1559,8 +1837,9 @@ const Ce = `
     align-items: center;
     justify-content: space-between;
     gap: 8px;
-    padding: 12px 16px;
-    border-bottom: 1px solid #f3f4f6;
+    padding: 10px 12px;
+    margin: 2px 0;
+    border-radius: 8px;
     color: #374151;
     font-size: 14px;
     cursor: pointer;
@@ -1568,7 +1847,7 @@ const Ce = `
   }
 
   .sa-thread-item:hover {
-    background: var(--sa-surface);
+    background: #f9fafb;
   }
 
   .sa-thread-item.active {
@@ -1673,6 +1952,191 @@ const Ce = `
     animation: sa-blink 1s steps(2, start) infinite;
   }
 
+  /* ── Interrupt cards ──────────────────────────────────────── */
+
+  .sa-interrupt-card {
+    margin: 8px 0;
+    padding: 14px;
+    border: 1px solid #e0e7ff;
+    border-radius: 10px;
+    background: #f8faff;
+  }
+
+  .sa-interrupt-content {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--sa-text);
+    margin-bottom: 12px;
+  }
+
+  .sa-interrupt-actions {
+    display: flex;
+    gap: 8px;
+    margin-top: 10px;
+  }
+
+  .sa-interrupt-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    padding: 6px 14px;
+    border: none;
+    border-radius: 8px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background 0.15s, opacity 0.15s;
+  }
+
+  .sa-interrupt-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .sa-interrupt-btn-primary {
+    background: var(--sa-primary);
+    color: #fff;
+  }
+
+  .sa-interrupt-btn-primary:hover:not(:disabled) {
+    opacity: 0.9;
+  }
+
+  .sa-interrupt-btn-secondary {
+    background: #f3f4f6;
+    color: #374151;
+  }
+
+  .sa-interrupt-btn-secondary:hover:not(:disabled) {
+    background: #e5e7eb;
+  }
+
+  .sa-interrupt-options {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .sa-interrupt-option {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    border: 1px solid var(--sa-border);
+    border-radius: 8px;
+    background: #fff;
+    color: var(--sa-text);
+    font-size: 13px;
+    cursor: pointer;
+    text-align: left;
+    transition: border-color 0.12s, background 0.12s;
+  }
+
+  .sa-interrupt-option:hover {
+    border-color: var(--sa-primary);
+    background: #f5f3ff;
+  }
+
+  .sa-interrupt-option-selected {
+    border-color: var(--sa-primary);
+    background: #ede9fe;
+    color: var(--sa-primary);
+    font-weight: 500;
+  }
+
+  .sa-interrupt-option-danger {
+    color: #ef4444;
+  }
+
+  .sa-interrupt-option-danger:hover {
+    border-color: #ef4444;
+    background: #fef2f2;
+  }
+
+  .sa-interrupt-option-desc {
+    font-size: 11px;
+    color: var(--sa-text-muted);
+    margin-left: auto;
+  }
+
+  .sa-interrupt-input-area {
+    margin-top: 4px;
+  }
+
+  .sa-interrupt-input,
+  .sa-interrupt-textarea,
+  .sa-interrupt-select {
+    width: 100%;
+    padding: 8px 12px;
+    border: 1px solid var(--sa-border);
+    border-radius: 8px;
+    background: #fff;
+    color: var(--sa-text);
+    font-size: 13px;
+    font-family: inherit;
+    outline: none;
+    transition: border-color 0.15s;
+  }
+
+  .sa-interrupt-input:focus,
+  .sa-interrupt-textarea:focus,
+  .sa-interrupt-select:focus {
+    border-color: var(--sa-primary);
+  }
+
+  .sa-interrupt-textarea {
+    resize: vertical;
+    min-height: 60px;
+  }
+
+  .sa-interrupt-form {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-top: 4px;
+  }
+
+  .sa-interrupt-form-field {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .sa-interrupt-form-label {
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--sa-text);
+  }
+
+  .sa-interrupt-form-required {
+    color: #ef4444;
+    margin-left: 2px;
+  }
+
+  .sa-interrupt-resolved {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    border-radius: 8px;
+    background: #ecfdf5;
+    color: #065f46;
+    font-size: 13px;
+    margin: 6px 0;
+  }
+
+  .sa-interrupt-unknown {
+    padding: 8px 12px;
+    border-radius: 8px;
+    background: #fef3c7;
+    color: #92400e;
+    font-size: 13px;
+    margin: 6px 0;
+  }
+
   /* ── Animations ──────────────────────────────────────────── */
 
   @keyframes sa-slide-up {
@@ -1978,7 +2442,7 @@ const Ce = `
     border-color: #d4d4d8;
     box-shadow: 0 0 0 3px rgba(99,102,241,0.08);
   }
-`, Ne = {
+`, je = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
@@ -1987,77 +2451,78 @@ const Ce = `
   panelHeight: 520,
   zIndex: 9999
 };
-function ze(t) {
-  const a = { ...Ne, ...t };
+function Oe(a) {
+  const t = { ...je, ...a };
   return [
-    `--sa-primary: ${a.primaryColor}`,
-    `--sa-bg: ${a.backgroundColor}`,
-    `--sa-font: ${a.fontFamily}`,
-    `--sa-radius: ${a.borderRadius}px`,
-    `--sa-panel-width: ${a.panelWidth}px`,
-    `--sa-panel-height: ${a.panelHeight}px`,
-    `--sa-z-index: ${a.zIndex}`
+    `--sa-primary: ${t.primaryColor}`,
+    `--sa-bg: ${t.backgroundColor}`,
+    `--sa-font: ${t.fontFamily}`,
+    `--sa-radius: ${t.borderRadius}px`,
+    `--sa-panel-width: ${t.panelWidth}px`,
+    `--sa-panel-height: ${t.panelHeight}px`,
+    `--sa-z-index: ${t.zIndex}`
   ].join("; ");
 }
-function Me(t, a) {
-  const l = typeof t == "string" ? document.querySelector(t) : t;
-  if (!l)
-    throw new Error(`Target element not found: ${t}`);
-  const s = document.createElement("div");
-  s.setAttribute("data-super-agent-widget", "");
-  const r = ze(a.theme ?? {});
-  if (s.setAttribute("style", r), l.appendChild(s), !document.getElementById("sa-widget-styles")) {
-    const o = document.createElement("style");
-    o.id = "sa-widget-styles", o.textContent = Ce, document.head.appendChild(o);
-  }
-  let i = ee(s), c = !1;
-  const n = (o) => {
-    i && i.render(
-      V.createElement(ke, {
-        ...a,
-        initialOpen: o ?? c,
-        onOpenChange: (h) => {
-          c = h;
+function _e(a, t) {
+  const n = typeof a == "string" ? document.querySelector(a) : a;
+  if (!n)
+    throw new Error(`Target element not found: ${a}`);
+  const r = document.createElement("div");
+  r.setAttribute("data-super-agent-widget", "");
+  const s = Oe(t.theme ?? {});
+  if (r.setAttribute("style", s), n.appendChild(r), !document.getElementById("sa-widget-styles")) {
+    const i = document.createElement("style");
+    i.id = "sa-widget-styles", i.textContent = Re, document.head.appendChild(i);
+  }
+  let c = te(r), o = !1;
+  const l = (i) => {
+    c && c.render(
+      J.createElement(Pe, {
+        ...t,
+        initialOpen: i ?? o,
+        onOpenChange: (p) => {
+          o = p;
         }
       })
     );
   };
-  return n(!1), {
+  return l(!1), {
     open() {
-      c = !0, n(!0);
+      o = !0, l(!0);
     },
     close() {
-      c = !1, n(!1);
+      o = !1, l(!1);
     },
     destroy() {
-      i && (i.unmount(), i = null), s.remove();
+      c && (c.unmount(), c = null), r.remove();
     }
   };
 }
 export {
-  ge as ActionBar,
+  Me as ActionBar,
   U as ChatProvider,
-  ke as ChatWidget,
-  X as Composer,
-  me as ErrorPart,
-  ye as FullpageLayout,
-  ie as Header,
-  C as Icon,
-  xe as Message,
-  pe as TextPart,
-  fe as ThinkingPart,
-  J as Thread,
-  oe as ThreadList,
-  he as ToolCallPart,
-  ue as ToolResultPart,
-  ne as Trigger,
-  be as WelcomeScreen,
-  Ne as defaultTheme,
-  Me as mount,
-  ze as themeToCSSVars,
-  le as useAutoScroll,
-  te as useChat,
-  P as useChatContext,
-  se as useConversations,
-  Ce as widgetStyles
+  Pe as ChatWidget,
+  Z as Composer,
+  be as ErrorPart,
+  De as FullpageLayout,
+  le as Header,
+  x as Icon,
+  Te as InterruptCard,
+  Le as Message,
+  me as TextPart,
+  he as ThinkingPart,
+  G as Thread,
+  de as ThreadList,
+  ge as ToolCallPart,
+  xe as ToolResultPart,
+  oe as Trigger,
+  Ee as WelcomeScreen,
+  je as defaultTheme,
+  _e as mount,
+  Oe as themeToCSSVars,
+  pe as useAutoScroll,
+  se as useChat,
+  O as useChatContext,
+  ie as useConversations,
+  Re as widgetStyles
 };