super-agent-sdk 1.0.3 → 1.0.4

package/dist/widget.mjs

@@ -1,48 +1,48 @@
-import q, { useState as I, useRef as R, useCallback as y, useEffect as A, createContext as Z, useContext as Q, useMemo as ee } from "react";
-import { createRoot as ae } from "react-dom/client";
-import { jsx as a, jsxs as x, Fragment as te } from "react/jsx-runtime";
-function se(t) {
-  const { sdk: e, sessionId: l, onSessionCreated: r, onStreamStart: s, onStreamEnd: i, onError: c, onMessageSend: n } = t, [o, f] = I([]), [p, m] = I("ready"), [v, b] = I(null), h = R(null), g = R(!1), u = R(l);
-  u.current = l;
-  const d = y((z) => {
+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, n == null || n(z);
-    const O = {
+    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()
     };
-    f((T) => [...T, O, G]), m("submitted"), b(null);
-    const F = (T) => {
-      let H = "", E = "", D = [], W = !1;
-      const B = () => {
+    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 });
         }
-        f(
-          ($) => $.map((L) => L.id === S ? { ...L, parts: k } : L)
+        p(
+          (P) => P.map((R) => R.id === S ? { ...R, parts: k } : R)
         );
       };
-      h.current = e.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,813 +63,1066 @@ function se(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;
           }
-          B();
+          q();
         },
         onDone: (k) => {
-          (E || D.length > 0 || H) && B(), k.sessionId && k.sessionId !== u.current && (r == null || r(k.sessionId)), i == null || i(k.sessionId || T), m("ready"), g.current = !1, h.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 }), B(), b(k), m("error"), c == null || c(k), g.current = !1, h.current = null;
+          D.push({ type: "error", content: k.message }), q(), v(k), h("error"), o == null || o(k), g.current = !1, m.current = null;
         }
-      }), s == null || s(T);
+      }), s == null || s(I);
     };
-    u.current ? F(u.current) : e.createSession().then((T) => {
-      u.current = T, r == null || r(T), F(T);
-    }).catch((T) => {
-      b(T instanceof Error ? T : new Error(String(T))), m("error"), c == null || c(T instanceof Error ? T : new Error(String(T))), g.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;
     });
-  }, [e, r, s, i, c, n]), w = y(() => {
-    var z;
-    (z = h.current) == null || z.abort(), h.current = null, m("ready"), g.current = !1;
-  }, []), N = y(() => {
+  }, [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 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("");
-    f((S) => S.slice(0, z)), d(O);
-  }, [o, d]);
-  return { messages: o, status: p, error: v, sendMessage: d, stop: w, regenerate: N, setMessages: f };
+    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)));
+    });
+  }, [t, o]);
+  return { messages: i, status: f, error: w, sendMessage: d, stop: y, regenerate: N, setMessages: p, respondToInterrupt: M };
 }
-const _ = "sa_active_conversation";
-function K() {
+const W = "sa_active_conversation";
+function V() {
   try {
-    return localStorage.getItem(_);
+    return localStorage.getItem(W);
   } catch {
     return null;
   }
 }
-function re(t) {
+function ne(a) {
   try {
-    t ? localStorage.setItem(_, t) : localStorage.removeItem(_);
+    a ? localStorage.setItem(W, a) : localStorage.removeItem(W);
   } catch {
   }
 }
-function ne(t) {
-  const { sdk: e, onConversationChange: l } = t, [r, s] = I([]), [i, c] = I(
-    () => K()
-  ), [n, o] = I(!1), f = R(!0);
-  A(() => () => {
-    f.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((d) => {
-    c(d), re(d), d && (l == null || l(d));
-  }, [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 d = await e.listConversations({ page: 1, size: 100 });
-      if (!f.current) return;
+      const d = await t.listConversations({ page: 1, size: 100 });
+      if (!p.current) return;
       s(d.items);
-      const w = K();
-      w && !d.items.find((N) => N.sessionId === w) && p(null);
+      const y = V();
+      y && !d.items.find((N) => N.sessionId === y) && f(null);
     } catch {
     } finally {
-      f.current && o(!1);
+      p.current && i(!1);
     }
-  }, [e, p]), v = y(async (d) => (p(d), await e.getMessages(d)), [e, p]), b = y(() => {
-    p(null);
-  }, [p]), h = y(async (d) => {
-    await e.deleteConversation(d), s((w) => w.filter((N) => N.sessionId !== d)), i === d && p(null);
-  }, [e, i, p]), g = y(async (d, w) => {
-    await e.renameConversation(d, w), s(
-      (N) => N.map((z) => z.sessionId === d ? { ...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)
     );
-  }, [e]), { enabled: u = !0 } = t;
-  return A(() => {
-    u && m();
-  }, [u, m]), {
+  }, [t]), { enabled: b = !0 } = a;
+  return j(() => {
+    b && h();
+  }, [b, h]), {
     conversations: r,
-    activeConversationId: i,
-    loading: n,
-    loadConversations: m,
-    switchConversation: v,
-    newConversation: b,
-    deleteConversation: h,
+    activeConversationId: c,
+    loading: l,
+    loadConversations: h,
+    switchConversation: w,
+    newConversation: v,
+    deleteConversation: m,
     renameConversation: g,
-    setActiveConversationId: p
+    setActiveConversationId: f
   };
 }
-const V = Z(null);
-function P() {
-  const t = Q(V);
-  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: e, children: l }) {
-  const [r, s] = 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 = ne({
-    sdk: t,
-    onConversationChange: e == null ? void 0 : e.onConversationChange,
-    enabled: i
-  }), o = se({
-    sdk: t,
-    sessionId: n.activeConversationId,
-    onSessionCreated: (h) => {
-      n.setActiveConversationId(h), 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: e == null ? void 0 : e.onStreamStart,
-    onStreamEnd: (h) => {
+    onStreamStart: t == null ? void 0 : t.onStreamStart,
+    onStreamEnd: (m) => {
       var g;
-      (g = e == null ? void 0 : e.onStreamEnd) == null || g.call(e, h), n.loadConversations();
+      (g = t == null ? void 0 : t.onStreamEnd) == null || g.call(t, m), l.loadConversations();
     },
-    onError: e == null ? void 0 : e.onError,
-    onMessageSend: e == null ? void 0 : e.onMessageSend
-  }), f = y(async (h) => {
-    const g = await n.switchConversation(h);
-    o.setMessages(g), s(!1);
-  }, [n, o]), p = y(() => {
-    n.newConversation(), o.setMessages([]), s(!1);
-  }, [n, o]), m = y(async (h) => {
-    await n.deleteConversation(h), n.activeConversationId === h && o.setMessages([]);
-  }, [n, o]);
-  A(() => {
-    n.activeConversationId && o.messages.length === 0 && t.getMessages(n.activeConversationId).then((h) => {
-      o.setMessages(h);
+    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(() => {
-    s((h) => !h);
-  }, []), b = {
-    status: o.status,
-    error: o.error,
-    messages: o.messages,
-    conversations: n.conversations,
-    activeConversationId: n.activeConversationId,
+  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: o.sendMessage,
-    stop: o.stop,
-    regenerate: o.regenerate,
-    switchConversation: f,
-    newConversation: p,
-    deleteConversation: m,
-    renameConversation: n.renameConversation,
-    toggleThreadList: v,
-    feedback: (h, g) => {
-      t.feedback(h, g);
-    }
+    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__ */ a(V.Provider, { value: b, children: l });
+  return /* @__PURE__ */ e(X.Provider, { value: v, children: n });
 }
-function C({ name: t, size: e = 16, color: l = "currentColor", className: r, style: s }) {
-  return /* @__PURE__ */ a(
+function x({ name: a, size: t = 16, color: n = "currentColor", className: r, style: s }) {
+  return /* @__PURE__ */ e(
     "svg",
     {
       className: r,
-      style: { width: e, height: e, fill: l, verticalAlign: "middle", ...s },
+      style: { width: t, height: t, fill: n, verticalAlign: "middle", ...s },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ a("use", { href: `#icon-${t}` })
+      children: /* @__PURE__ */ e("use", { href: `#icon-${a}` })
     }
   );
 }
-function ie({ isOpen: t, onClick: e }) {
-  return /* @__PURE__ */ a("button", { className: `sa-trigger ${t ? "sa-trigger-open" : ""}`, onClick: e, children: t ? /* @__PURE__ */ a(C, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ a(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 oe({ title: t, onClose: e, onToggleThreadList: l, showClose: r = !0 }) {
-  return /* @__PURE__ */ x("div", { className: "sa-header", children: [
-    /* @__PURE__ */ x("div", { className: "sa-header-left", children: [
-      /* @__PURE__ */ a("div", { className: "sa-header-avatar", children: "A" }),
-      /* @__PURE__ */ x("div", { className: "sa-header-info", children: [
-        /* @__PURE__ */ a("div", { className: "sa-header-title", children: t }),
-        /* @__PURE__ */ a("div", { className: "sa-header-status", children: "● Online" })
+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__ */ 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__ */ x("div", { className: "sa-header-actions", children: [
-      /* @__PURE__ */ a("button", { className: "sa-header-btn", onClick: l, title: "会话列表", children: /* @__PURE__ */ a(C, { name: "menu", size: 16 }) }),
-      r && /* @__PURE__ */ a("button", { className: "sa-header-btn", onClick: e, title: "关闭", children: /* @__PURE__ */ a(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 le(t) {
-  const e = /* @__PURE__ */ new Date(), l = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), r = l - 6 * 864e5, s = [], i = [], c = [];
-  for (const o of t) {
-    const f = new Date(o.updateTime).getTime();
-    f >= l ? s.push(o) : f >= r ? i.push(o) : c.push(o);
-  }
-  const n = [];
-  return s.length && n.push({ label: "今天", items: s }), i.length && n.push({ label: "最近 7 天", items: i }), c.length && n.push({ label: "更早", items: c }), n;
+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 ce() {
+function de() {
   const {
-    conversations: t,
-    activeConversationId: e,
-    switchConversation: l,
+    conversations: a,
+    activeConversationId: t,
+    switchConversation: n,
     newConversation: r,
     deleteConversation: s,
-    renameConversation: i,
-    isThreadListOpen: c,
-    toggleThreadList: n
-  } = P(), [o, f] = I(null), [p, m] = I(""), v = y((g, u) => {
-    f(g), m(u ?? "");
-  }, []), b = y((g) => {
-    p.trim() && i(g, p.trim()), f(null);
-  }, [p, i]), h = ee(() => le(t), [t]);
-  return c ? /* @__PURE__ */ x(te, { children: [
-    /* @__PURE__ */ a("div", { className: "sa-thread-list-overlay", onClick: n }),
-    /* @__PURE__ */ x("div", { className: "sa-thread-list", children: [
-      /* @__PURE__ */ x("div", { className: "sa-thread-list-header", children: [
-        /* @__PURE__ */ a("span", { className: "sa-thread-list-title", children: "会话记录" }),
-        /* @__PURE__ */ x("button", { className: "sa-thread-list-new", onClick: r, children: [
-          /* @__PURE__ */ a(C, { name: "plus", size: 14 }),
+    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__ */ x("div", { className: "sa-thread-list-items", children: [
-        t.length === 0 && /* @__PURE__ */ a("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
-        h.map((g) => /* @__PURE__ */ x("div", { className: "sa-thread-group", children: [
-          /* @__PURE__ */ a("div", { className: "sa-thread-group-label", children: g.label }),
-          g.items.map((u) => /* @__PURE__ */ x(
+      /* @__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 ${u.sessionId === e ? "active" : ""}`,
-              onClick: () => l(u.sessionId),
+              className: `sa-thread-item ${b.sessionId === t ? "active" : ""}`,
+              onClick: () => n(b.sessionId),
               children: [
-                o === u.sessionId ? /* @__PURE__ */ a(
+                i === b.sessionId ? /* @__PURE__ */ e(
                   "input",
                   {
                     className: "sa-thread-item-edit",
-                    value: p,
-                    onChange: (d) => m(d.target.value),
-                    onBlur: () => b(u.sessionId),
+                    value: f,
+                    onChange: (d) => h(d.target.value),
+                    onBlur: () => v(b.sessionId),
                     onKeyDown: (d) => {
-                      d.key === "Enter" && b(u.sessionId), d.key === "Escape" && f(null);
+                      d.key === "Enter" && v(b.sessionId), d.key === "Escape" && p(null);
                     },
                     onClick: (d) => d.stopPropagation(),
                     autoFocus: !0
                   }
-                ) : /* @__PURE__ */ a(
+                ) : /* @__PURE__ */ e(
                   "span",
                   {
                     className: "sa-thread-item-title",
                     onDoubleClick: (d) => {
-                      d.stopPropagation(), v(u.sessionId, u.title);
+                      d.stopPropagation(), w(b.sessionId, b.title);
                     },
-                    children: u.title || "新会话"
+                    children: b.title || "新会话"
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ e(
                   "button",
                   {
                     className: "sa-thread-item-delete",
                     onClick: (d) => {
-                      d.stopPropagation(), s(u.sessionId);
+                      d.stopPropagation(), s(b.sessionId);
                     },
                     title: "删除",
-                    children: /* @__PURE__ */ a(C, { name: "trash2", size: 14 })
+                    children: /* @__PURE__ */ e(x, { name: "trash2", size: 14 })
                   }
                 )
               ]
             },
-            u.sessionId
+            b.sessionId
           ))
         ] }, g.label))
       ] })
     ] })
   ] }) : null;
 }
-function de(t) {
-  const e = R(null), l = R(!1), r = R(0), s = y(() => {
-    const c = e.current;
-    if (!c) return;
-    const { scrollTop: n, scrollHeight: o, clientHeight: f } = c, p = o - n - f < 40;
-    n < r.current && !p && (l.current = !0), p && (l.current = !1), r.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 = e.current;
-    if (c)
-      return c.addEventListener("scroll", s, { passive: !0 }), () => c.removeEventListener("scroll", s);
-  }, [s]), A(() => {
-    if (l.current) return;
-    const c = e.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 = e.current;
-    c && (c.scrollTop = c.scrollHeight);
+  }, a);
+  const c = C(() => {
+    n.current = !1;
+    const o = t.current;
+    o && (o.scrollTop = o.scrollHeight);
   }, []);
-  return { containerRef: e, scrollToBottom: i };
+  return { containerRef: t, scrollToBottom: c };
 }
-function M(t) {
-  return t.value++;
+function L(a) {
+  return a.value++;
 }
-function j(t, e) {
-  const l = [], r = [], s = () => {
-    r.length > 0 && (l.push(r.join("")), r.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) {
-        s(), l.push(
-          /* @__PURE__ */ a("code", { className: "sa-inline-code", children: t.slice(i + 1, n) }, M(e))
-        ), 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) {
-        s(), l.push(
-          /* @__PURE__ */ a("strong", { children: j(t.slice(i + 2, n), e) }, M(e))
-        ), 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) {
-        s(), l.push(
-          /* @__PURE__ */ a("em", { children: j(t.slice(i + 1, n), e) }, M(e))
-        ), 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 f = t.slice(i + 1, n), p = t.slice(n + 2, o);
-          s(), l.push(
-            /* @__PURE__ */ a(
+    } 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(f, e)
+                children: B(p, t)
               },
-              M(e)
+              L(t)
             )
-          ), i = o + 1;
+          ), c = i + 1;
           continue;
         }
       }
     }
-    r.push(c), i++;
+    r.push(o), c++;
   }
-  return s(), l;
+  return s(), n;
 }
-function pe(t, e) {
-  const l = [], r = t.split(`
+function ue(a, t) {
+  const n = [], r = a.split(`
 `);
   let s = 0;
-  const i = (o) => o.trim() === "", c = (o) => /^#{1,6}\s+\S/.test(o.trim()), n = (o) => /^(?:[-*+]|\d+[.)])\s+\S/.test(o.trim());
+  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 o = r[s], f = o.trim();
-    if (i(o)) {
+    const i = r[s], p = i.trim();
+    if (c(i)) {
       s++;
       continue;
     }
-    if (c(o)) {
-      const m = f.match(/^(#{1,6})\s+(.*)$/);
-      if (m) {
-        const b = `h${Math.min(m[1].length, 6)}`;
-        l.push(
-          q.createElement(
-            b,
-            { key: M(e) },
-            j(m[2], e)
+    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)
           )
         );
       }
       s++;
       continue;
     }
-    if (n(o)) {
-      const m = /^\d+[.)]/.test(f), v = [];
-      for (; s < r.length && n(r[s]); ) {
-        const b = r[s].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        b && v.push(
-          /* @__PURE__ */ a("li", { children: j(b[1], e) }, M(e))
+    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__ */ a("ol", { className: "sa-list", children: v }, M(e)) : /* @__PURE__ */ a("ul", { className: "sa-list", children: v }, M(e))
+      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 (; s < r.length && !i(r[s]) && !c(r[s]) && !n(r[s]); )
-      p.push(r[s]), s++;
-    l.push(
-      /* @__PURE__ */ a("p", { className: "sa-text-paragraph", children: j(p.join(" "), e) }, M(e))
+    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 fe(t) {
-  const e = { value: 0 }, l = [], r = t.split("```");
+function fe(a) {
+  const t = { value: 0 }, n = [], r = a.split("```");
   for (let s = 0; s < r.length; s++)
     if (s % 2 === 0)
-      l.push(...pe(r[s], e));
+      n.push(...ue(r[s], t));
     else if (r[s].trim() !== "") {
-      let i = r[s].replace(/^\r?\n/, "");
-      i = i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), i = i.replace(/\r?\n$/, ""), l.push(
-        /* @__PURE__ */ a("pre", { className: "sa-code-block", children: /* @__PURE__ */ a("code", { children: i }) }, M(e))
+      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 he({ content: t }) {
-  return /* @__PURE__ */ a("div", { className: "sa-text-part", children: fe(t) });
+function me({ content: a }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: fe(a) });
 }
-function ue({ content: t }) {
-  const [e, l] = I(!1);
-  return /* @__PURE__ */ x("div", { className: "sa-thinking-part", onClick: () => l(!e), children: [
-    /* @__PURE__ */ x("div", { className: "sa-thinking-header", children: [
-      /* @__PURE__ */ a("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ a(C, { name: "brain", size: 14 }) }),
-      /* @__PURE__ */ a("span", { className: "sa-thinking-label", children: "思考过程" }),
-      /* @__PURE__ */ a("span", { className: `sa-thinking-arrow ${e ? "expanded" : ""}`, children: /* @__PURE__ */ a(C, { name: "chevron-right", size: 12 }) })
+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 ${t ? "expanded" : ""}`, children: /* @__PURE__ */ e(x, { name: "chevron-right", size: 12 }) })
     ] }),
-    e && /* @__PURE__ */ a("div", { className: "sa-thinking-content", children: t })
+    t && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: a })
   ] });
 }
-function me({ toolName: t, toolCallId: e, args: l }) {
-  const [r, s] = 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__ */ x("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ x("div", { className: "sa-tool-call-header", onClick: () => s(!r), children: [
-      /* @__PURE__ */ a("span", { className: "sa-tool-icon", children: /* @__PURE__ */ a(C, { name: "zap", size: 14 }) }),
-      /* @__PURE__ */ x("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__ */ a("span", { className: `sa-thinking-arrow ${r ? "expanded" : ""}`, children: /* @__PURE__ */ a(C, { name: "chevron-right", size: 12 }) })
+      /* @__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__ */ 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 })
     ] }),
-    r && /* @__PURE__ */ a("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 ge({ toolName: t, toolCallId: e, content: l }) {
-  return /* @__PURE__ */ x("div", { className: "sa-tool-result-part", children: [
-    /* @__PURE__ */ x("div", { className: "sa-tool-result-header", children: [
-      /* @__PURE__ */ a("span", { className: "sa-tool-icon", children: /* @__PURE__ */ a(C, { name: "circle-check", size: 14, color: "#10b981" }) }),
-      /* @__PURE__ */ a("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__ */ a("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 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 })
+    ] }),
+    /* @__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 xe({ content: t, onRetry: e }) {
-  return /* @__PURE__ */ x("div", { className: "sa-error-part", children: [
-    /* @__PURE__ */ x("div", { className: "sa-error-content", children: [
-      /* @__PURE__ */ a("span", { className: "sa-error-icon", children: /* @__PURE__ */ a(C, { name: "triangle-alert", size: 14 }) }),
-      /* @__PURE__ */ a("span", { children: t })
+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 })
     ] }),
-    e && /* @__PURE__ */ a("button", { className: "sa-error-retry", onClick: e, children: "重试" })
+    /* @__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 be({ message: t, onCopy: e, onRegenerate: l, onFeedback: r }) {
-  const { status: s } = P(), [i, c] = I(null), [n, o] = I(!1);
+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 f = y(() => {
-    e(), o(!0), setTimeout(() => o(!1), 2e3);
-  }, [e]), p = y((m) => {
-    const v = i === m ? null : m;
-    c(v), v && (r == null || r(t.id, v));
-  }, [i, t.id, r]);
-  return /* @__PURE__ */ x("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ x("button", { className: "sa-action-btn", onClick: f, title: "复制", children: [
-      /* @__PURE__ */ a(C, { name: n ? "circle-check" : "copy", size: 14 }),
+  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__ */ x("button", { className: "sa-action-btn", onClick: l, title: "重新生成", children: [
-      /* @__PURE__ */ a(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__ */ a("span", { className: "sa-action-divider" }),
-    /* @__PURE__ */ a(
+    /* @__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__ */ a(C, { name: "thumbs-up", size: 14 })
+        children: /* @__PURE__ */ e(x, { name: "thumbs-up", size: 14 })
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__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__ */ a(C, { name: "thumbs-down", size: 14 })
+        children: /* @__PURE__ */ e(x, { name: "thumbs-down", size: 14 })
       }
     )
   ] });
 }
-function Y({ src: t, role: e }) {
-  const l = e === "assistant" ? "A" : "U";
-  return t ? t.startsWith("http") || t.startsWith("/") || t.startsWith("data:") ? /* @__PURE__ */ a("div", { className: `sa-avatar sa-avatar-${e}`, children: /* @__PURE__ */ a("img", { src: t, alt: e, style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) }) : /* @__PURE__ */ a("div", { className: `sa-avatar sa-avatar-${e}`, children: t }) : /* @__PURE__ */ a("div", { className: `sa-avatar sa-avatar-${e}`, 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 ve({ message: t, isStreaming: e, isLast: l, slots: r, avatar: s }) {
-  const { regenerate: i, feedback: c } = P(), n = y(() => {
-    var d;
-    const u = 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(`
 `);
-    (d = navigator.clipboard) == null || d.writeText(u).catch(() => {
+    (y = navigator.clipboard) == null || y.writeText(d).catch(() => {
     });
-  }, [t]), o = t.role === "user", f = r.Message;
+  }, [a]), p = a.role === "user", f = r.Message;
   if (f)
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ e(
       f,
       {
-        message: t,
-        isStreaming: e,
-        isLast: l,
+        message: a,
+        isStreaming: t,
+        isLast: n,
         avatar: s,
         slots: r,
-        onCopy: n,
-        onRegenerate: i,
-        onFeedback: c
+        onCopy: i,
+        onRegenerate: c,
+        onFeedback: o
       }
     );
-  const p = r.TextPart ?? he, m = r.ThinkingPart ?? ue, v = r.ToolCallPart ?? me, b = r.ToolResultPart ?? ge, h = r.ErrorPart ?? xe, g = r.ActionBar ?? be;
-  return /* @__PURE__ */ x("div", { className: `sa-message ${o ? "sa-message-user" : "sa-message-assistant"}`, children: [
-    !o && /* @__PURE__ */ a(Y, { src: s == null ? void 0 : s.assistant, role: "assistant" }),
-    /* @__PURE__ */ x("div", { className: "sa-message-body", children: [
-      t.parts.map((u, d) => {
-        switch (u.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__ */ a(p, { content: u.content }, d);
+            return /* @__PURE__ */ e(h, { content: d.content }, y);
           case "thinking":
-            return /* @__PURE__ */ a(m, { content: u.content }, d);
+            return /* @__PURE__ */ e(w, { content: d.content }, y);
           case "tool_call":
-            return /* @__PURE__ */ a(v, { toolName: u.toolName, toolCallId: u.toolCallId, args: u.args }, d);
+            return /* @__PURE__ */ e(v, { toolName: d.toolName, toolCallId: d.toolCallId, args: d.args }, y);
           case "tool_result":
-            return /* @__PURE__ */ a(b, { toolName: u.toolName, toolCallId: u.toolCallId, content: u.content }, d);
+            return /* @__PURE__ */ e(m, { toolName: d.toolName, toolCallId: d.toolCallId, content: d.content }, y);
           case "error":
-            return /* @__PURE__ */ a(h, { content: u.content, onRetry: i }, d);
+            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;
         }
       }),
-      e && l && !o && /* @__PURE__ */ a("span", { className: "sa-streaming-cursor", children: "|" }),
-      !o && !e && t.parts.length > 0 && /* @__PURE__ */ a(g, { 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__ */ a(Y, { src: s == null ? void 0 : s.user, role: "user" })
+    p && /* @__PURE__ */ e(Y, { src: s == null ? void 0 : s.user, role: "user" })
   ] });
 }
-function we({ message: t, suggestedPrompts: e, onPromptClick: l }) {
-  return /* @__PURE__ */ x("div", { className: "sa-welcome", children: [
-    /* @__PURE__ */ a("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ a(C, { name: "sparkles", size: 40 }) }),
-    /* @__PURE__ */ a("p", { className: "sa-welcome-message", children: t || "你好！有什么可以帮你的？" }),
-    e && e.length > 0 && /* @__PURE__ */ a("div", { className: "sa-welcome-prompts", children: e.map((r, s) => /* @__PURE__ */ a(
+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(r),
+        onClick: () => n(r),
         children: r
       },
       s
     )) })
   ] });
 }
-function J({ slots: t, welcomeMessage: e, suggestedPrompts: l, avatar: r }) {
-  const { messages: s, status: i, sendMessage: c } = P(), { containerRef: n } = de([s]), o = i === "streaming", f = t.WelcomeScreen ?? we;
-  return s.length === 0 ? /* @__PURE__ */ a("div", { className: "sa-thread", ref: n, children: /* @__PURE__ */ a(
-    f,
+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: e,
-      suggestedPrompts: l,
-      onPromptClick: c
+      message: t,
+      suggestedPrompts: n,
+      onPromptClick: o
     }
-  ) }) : /* @__PURE__ */ a("div", { className: "sa-thread", ref: n, children: s.map((p, m) => /* @__PURE__ */ a(
-    ve,
+  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: l, children: s.map((f, h) => /* @__PURE__ */ e(
+    Le,
     {
-      message: p,
-      isStreaming: o,
-      isLast: m === s.length - 1,
-      slots: t,
+      message: f,
+      isStreaming: i,
+      isLast: h === s.length - 1,
+      slots: a,
       avatar: r
     },
-    p.id
+    f.id
   )) });
 }
-function X() {
-  const { status: t, sendMessage: e, stop: l } = P(), [r, s] = I(""), i = R(null), c = t === "streaming" || t === "submitted", n = y(() => {
-    const p = r.trim();
-    !p || c || (e(p), s(""), i.current && (i.current.style.height = "auto"));
-  }, [r, c, e]), o = y((p) => {
-    p.key === "Enter" && !p.shiftKey && (p.preventDefault(), n());
-  }, [n]), f = y((p) => {
-    s(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__ */ x("div", { className: "sa-composer", children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ u("div", { className: "sa-composer", children: [
+    /* @__PURE__ */ e(
       "textarea",
       {
-        ref: i,
+        ref: c,
         className: "sa-composer-input",
         value: r,
-        onChange: f,
-        onKeyDown: o,
+        onChange: p,
+        onKeyDown: i,
         placeholder: "输入消息...",
         rows: 1,
-        disabled: t === "submitted"
+        disabled: a === "submitted"
       }
     ),
-    c ? /* @__PURE__ */ a("button", { className: "sa-composer-stop", onClick: l, title: "停止", children: /* @__PURE__ */ a(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ a(
+    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,
+        onClick: l,
         disabled: !r.trim(),
         title: "发送",
-        children: /* @__PURE__ */ a(C, { name: "arrow-up", size: 16, color: "#fff" })
+        children: /* @__PURE__ */ e(x, { name: "arrow-up", size: 16, color: "#fff" })
       }
     )
   ] });
 }
-function ye({ isOpen: t, onClose: e, title: l, slots: r, welcomeMessage: s, suggestedPrompts: i, avatar: c }) {
-  const { status: n, sendMessage: o, stop: f, toggleThreadList: p, conversations: m, activeConversationId: v, switchConversation: b, newConversation: h, deleteConversation: g, renameConversation: u, isThreadListOpen: d } = P();
-  if (!t) return null;
-  const w = r.Header, N = r.Composer, z = r.ThreadList;
-  return /* @__PURE__ */ x("div", { className: "sa-panel", children: [
-    w ? /* @__PURE__ */ a(w, { title: l, onClose: e, onToggleThreadList: p }) : /* @__PURE__ */ a(oe, { title: l, onClose: e, onToggleThreadList: p }),
-    z && d ? /* @__PURE__ */ a(
-      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: b,
-        onNew: h,
+        conversations: h,
+        activeSessionId: w,
+        onSwitch: v,
+        onNew: m,
         onDelete: g,
-        onRename: u
+        onRename: b
       }
-    ) : /* @__PURE__ */ a(ce, {}),
-    /* @__PURE__ */ a(J, { slots: r, welcomeMessage: s, suggestedPrompts: i, avatar: c }),
-    N ? /* @__PURE__ */ a(N, { status: n, onSend: o, onStop: f }) : /* @__PURE__ */ a(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 ke({
-  conversations: t,
-  activeSessionId: e,
-  onSwitch: l,
+function Ae({
+  conversations: a,
+  activeSessionId: t,
+  onSwitch: n,
   onNew: r,
   onDelete: s,
-  isCollapsed: i,
-  onToggleCollapse: c
+  isCollapsed: c,
+  onToggleCollapse: o
 }) {
-  const [n, o] = I(null), [f, p] = I(null), m = y((b, h) => {
-    h.stopPropagation(), f === b ? (s(b), p(null)) : (p(b), setTimeout(() => p(null), 3e3));
-  }, [f, s]), v = (() => {
-    const b = Date.now(), h = [], g = [], u = [];
-    for (const w of t) {
-      const N = b - new Date(w.updateTime).getTime();
-      N < 864e5 ? h.push(w) : N < 6048e5 ? g.push(w) : u.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 d = [];
-    return h.length && d.push({ label: "今天", items: h }), g.length && d.push({ label: "最近 7 天", items: g }), u.length && d.push({ label: "更早", items: u }), 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__ */ x("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
-    /* @__PURE__ */ a("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "展开", children: /* @__PURE__ */ a(C, { name: "panel-left", size: 18 }) }),
-    /* @__PURE__ */ a("button", { className: "sa-fp-sidebar-toggle", onClick: r, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ a(C, { name: "plus", size: 18 }) })
-  ] }) : /* @__PURE__ */ x("div", { className: "sa-fp-sidebar", children: [
-    /* @__PURE__ */ x("div", { className: "sa-fp-sidebar-header", children: [
-      /* @__PURE__ */ x("button", { className: "sa-fp-sidebar-new", onClick: r, children: [
-        /* @__PURE__ */ a(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__ */ a("span", { children: "新会话" })
+        /* @__PURE__ */ e("span", { children: "新会话" })
       ] }),
-      /* @__PURE__ */ a("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "收起侧边栏", children: /* @__PURE__ */ a(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__ */ x("div", { className: "sa-fp-sidebar-list", children: [
-      t.length === 0 && /* @__PURE__ */ a("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
-      v.map((b) => /* @__PURE__ */ x("div", { children: [
-        /* @__PURE__ */ a("div", { className: "sa-fp-sidebar-group", children: b.label }),
-        b.items.map((h) => {
-          const g = h.sessionId === e, u = n === h.sessionId, d = f === h.sessionId;
-          return /* @__PURE__ */ x(
+    /* @__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 ${g ? "active" : ""}`,
-              onClick: () => l(h.sessionId),
-              onMouseEnter: () => o(h.sessionId),
-              onMouseLeave: () => o(null),
+              onClick: () => n(m.sessionId),
+              onMouseEnter: () => i(m.sessionId),
+              onMouseLeave: () => i(null),
               children: [
-                /* @__PURE__ */ a("span", { className: "sa-fp-sidebar-item-title", children: h.title || "新会话" }),
-                u && /* @__PURE__ */ a(
+                /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: m.title || "新会话" }),
+                b && /* @__PURE__ */ e(
                   "button",
                   {
                     className: `sa-fp-sidebar-item-action ${d ? "danger" : ""}`,
-                    onClick: (w) => m(h.sessionId, w),
+                    onClick: (y) => h(m.sessionId, y),
                     title: d ? "确认删除" : "删除",
-                    children: /* @__PURE__ */ a(C, { name: d ? "x" : "trash2", size: 14 })
+                    children: /* @__PURE__ */ e(x, { name: d ? "x" : "trash2", size: 14 })
                   }
                 )
               ]
             },
-            h.sessionId
+            m.sessionId
           );
         })
-      ] }, b.label))
+      ] }, v.label))
     ] })
   ] });
 }
-function Ce({ title: t, slots: e, welcomeMessage: l, suggestedPrompts: r, sidebarDefaultOpen: s = !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: f,
-    conversations: p,
-    activeConversationId: m,
-    switchConversation: v,
-    newConversation: b,
-    deleteConversation: h,
+    status: l,
+    sendMessage: i,
+    stop: p,
+    conversations: f,
+    activeConversationId: h,
+    switchConversation: w,
+    newConversation: v,
+    deleteConversation: m,
     renameConversation: g
-  } = P(), [u, d] = I(s), w = y(() => d((O) => !O), []), N = e.ThreadList, z = e.Composer;
-  return /* @__PURE__ */ x("div", { className: "sa-fullpage", children: [
-    N ? /* @__PURE__ */ a("div", { className: `sa-fp-sidebar-wrapper ${u ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ a(
+  } = 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: b,
-        onDelete: h,
+        conversations: f,
+        activeSessionId: h,
+        onSwitch: w,
+        onNew: v,
+        onDelete: m,
         onRename: g
       }
-    ) }) : /* @__PURE__ */ a(
-      ke,
+    ) }) : /* @__PURE__ */ e(
+      Ae,
       {
-        conversations: p,
-        activeSessionId: m,
-        onSwitch: v,
-        onNew: b,
-        onDelete: h,
+        conversations: f,
+        activeSessionId: h,
+        onSwitch: w,
+        onNew: v,
+        onDelete: m,
         onRename: g,
-        isCollapsed: !u,
-        onToggleCollapse: w
+        isCollapsed: !b,
+        onToggleCollapse: y
       }
     ),
-    /* @__PURE__ */ x("div", { className: "sa-fp-main", children: [
-      /* @__PURE__ */ x("div", { className: "sa-fp-header", children: [
-        !u && !N && /* @__PURE__ */ a("button", { className: "sa-fp-header-btn", onClick: w, title: "展开侧边栏", children: /* @__PURE__ */ a(C, { name: "panel-left", size: 18 }) }),
-        /* @__PURE__ */ a("div", { className: "sa-fp-header-title", children: t }),
-        /* @__PURE__ */ a("div", { className: "sa-fp-header-actions", children: i && /* @__PURE__ */ a("button", { className: "sa-fp-header-btn", onClick: i, title: "关闭", children: /* @__PURE__ */ a(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__ */ a(J, { slots: e, welcomeMessage: l, suggestedPrompts: r, avatar: c }),
-      z ? /* @__PURE__ */ a(z, { status: n, onSend: o, onStop: f }) : /* @__PURE__ */ a(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 Ne(t) {
-  const { sdk: e, mode: l = "floating", slots: r = {}, hooks: s = {}, welcomeMessage: i, suggestedPrompts: c, title: n = "AI Assistant", initialOpen: o = !1, onOpenChange: f, sidebarDefaultOpen: p, avatar: m } = t, [v, b] = I(o);
-  A(() => {
-    b(o);
-  }, [o]);
-  const h = y(() => {
-    var w, N;
-    const d = !v;
-    b(d), f == null || f(d), d ? (w = s.onOpen) == null || w.call(s) : (N = s.onClose) == null || N.call(s);
-  }, [v, s, f]), g = y(() => {
+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;
-    b(!1), f == null || f(!1), (d = s.onClose) == null || d.call(s);
-  }, [s, f]), u = r.Trigger ?? ie;
-  return l === "fullpage" ? v ? /* @__PURE__ */ a(U, { sdk: e, hooks: s, children: /* @__PURE__ */ a(
-    Ce,
+    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,
+      title: l,
       slots: r,
-      welcomeMessage: i,
-      suggestedPrompts: c,
-      sidebarDefaultOpen: p,
+      welcomeMessage: c,
+      suggestedPrompts: o,
+      sidebarDefaultOpen: f,
       onClose: g,
-      avatar: m
+      avatar: h
     }
-  ) }) : null : /* @__PURE__ */ x(U, { sdk: e, hooks: s, children: [
-    /* @__PURE__ */ a(u, { isOpen: v, onClick: h }),
-    /* @__PURE__ */ a(
-      ye,
+  ) }) : null : /* @__PURE__ */ u(U, { sdk: t, hooks: s, children: [
+    /* @__PURE__ */ e(b, { isOpen: w, onClick: m }),
+    /* @__PURE__ */ e(
+      $e,
       {
-        isOpen: v,
+        isOpen: w,
         onClose: g,
-        title: n,
+        title: l,
         slots: r,
-        welcomeMessage: i,
-        suggestedPrompts: c,
-        avatar: m
+        welcomeMessage: c,
+        suggestedPrompts: o,
+        avatar: h
       }
     )
   ] });
 }
-const ze = `
+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);
@@ -1699,6 +1952,191 @@ const ze = `
     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 {
@@ -2004,7 +2442,7 @@ const ze = `
     border-color: #d4d4d8;
     box-shadow: 0 0 0 3px rgba(99,102,241,0.08);
   }
-`, Ie = {
+`, je = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
@@ -2013,77 +2451,78 @@ const ze = `
   panelHeight: 520,
   zIndex: 9999
 };
-function Te(t) {
-  const e = { ...Ie, ...t };
+function Oe(a) {
+  const t = { ...je, ...a };
   return [
-    `--sa-primary: ${e.primaryColor}`,
-    `--sa-bg: ${e.backgroundColor}`,
-    `--sa-font: ${e.fontFamily}`,
-    `--sa-radius: ${e.borderRadius}px`,
-    `--sa-panel-width: ${e.panelWidth}px`,
-    `--sa-panel-height: ${e.panelHeight}px`,
-    `--sa-z-index: ${e.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 Re(t, e) {
-  const l = typeof t == "string" ? document.querySelector(t) : t;
-  if (!l)
-    throw new Error(`Target element not found: ${t}`);
+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 = Te(e.theme ?? {});
-  if (r.setAttribute("style", s), l.appendChild(r), !document.getElementById("sa-widget-styles")) {
-    const o = document.createElement("style");
-    o.id = "sa-widget-styles", o.textContent = ze, document.head.appendChild(o);
-  }
-  let i = ae(r), c = !1;
-  const n = (o) => {
-    i && i.render(
-      q.createElement(Ne, {
-        ...e,
-        initialOpen: o ?? c,
-        onOpenChange: (f) => {
-          c = f;
+  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), r.remove();
+      c && (c.unmount(), c = null), r.remove();
     }
   };
 }
 export {
-  be as ActionBar,
+  Me as ActionBar,
   U as ChatProvider,
-  Ne as ChatWidget,
-  X as Composer,
-  xe as ErrorPart,
-  Ce as FullpageLayout,
-  oe as Header,
-  C as Icon,
-  ve as Message,
-  he as TextPart,
-  ue as ThinkingPart,
-  J as Thread,
-  ce as ThreadList,
-  me as ToolCallPart,
-  ge as ToolResultPart,
-  ie as Trigger,
-  we as WelcomeScreen,
-  Ie as defaultTheme,
-  Re as mount,
-  Te as themeToCSSVars,
-  de as useAutoScroll,
+  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,
-  P as useChatContext,
-  ne as useConversations,
-  ze as widgetStyles
+  O as useChatContext,
+  ie as useConversations,
+  Re as widgetStyles
 };