super-agent-sdk 1.0.6 → 1.0.8

package/dist/widget.mjs

@@ -1,743 +1,915 @@
-import Y, { useState as T, useRef as F, useCallback as I, useEffect as R, createContext as ie, useMemo as V, useContext as oe } from "react";
-import { createRoot as le } from "react-dom/client";
+import V, { useState as M, useRef as _, useCallback as C, useEffect as B, createContext as ge, useMemo as J, useContext as xe } from "react";
+import { createRoot as be } from "react-dom/client";
 import { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
-function ce(a) {
-  const { sdk: t, sessionId: r, onSessionCreated: s, onStreamStart: n, onStreamEnd: o, onError: i, onMessageSend: l } = a, [c, p] = T([]), [f, u] = T("ready"), [h, w] = T(null), k = F(null), b = F(!1), v = F(r);
-  v.current = r;
-  const m = I((L) => {
-    if (b.current) return;
-    b.current = !0, l == null || l(L);
-    const O = {
+function ve(t) {
+  const { sdk: a, sessionId: s, onSessionCreated: n, onStreamStart: r, onStreamEnd: i, onError: o, onMessageSend: l } = t, [c, p] = M([]), [f, h] = M("ready"), [w, u] = M(null), m = _(null), v = _(!1), S = _(null), T = _(s), A = _(!0);
+  T.current = s, A.current = c.length === 0;
+  const x = C((N) => {
+    if (v.current) return;
+    v.current = !0, l == null || l(N);
+    const R = {
       id: `user_${Date.now()}`,
       role: "user",
-      parts: [{ type: "text", content: L }],
+      parts: [{ type: "text", content: N }],
       timestamp: Date.now()
-    }, y = `assistant_${Date.now()}`, D = {
+    }, y = `assistant_${Date.now()}`, g = {
       id: y,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
-    };
-    p((M) => [...M, O, D]), u("submitted"), w(null);
-    const P = (M) => {
-      let E = "", A = "", H = [], z = !1;
-      const $ = () => {
-        const x = [...H];
-        if (E) {
-          const _ = x.findIndex((B) => B.type === "thinking");
-          _ >= 0 ? x[_] = { type: "thinking", content: E } : x.unshift({ type: "thinking", content: E });
+    }, E = A.current;
+    p((k) => [...k, R, g]), h("submitted"), u(null);
+    const L = (k) => {
+      let O = "", b = "", H = [], j = !1;
+      const W = () => {
+        const D = [...H];
+        if (O) {
+          const F = D.findIndex((U) => U.type === "thinking");
+          F >= 0 ? D[F] = { type: "thinking", content: O } : D.unshift({ type: "thinking", content: O });
         }
-        if (A) {
-          const _ = x.findLastIndex((B) => B.type === "text");
-          _ >= 0 ? x[_] = { type: "text", content: A } : x.push({ type: "text", content: A });
+        if (b) {
+          const F = D[D.length - 1];
+          (F == null ? void 0 : F.type) === "text" ? D[D.length - 1] = { type: "text", content: b } : D.push({ type: "text", content: b });
         }
         p(
-          (_) => _.map((B) => B.id === y ? { ...B, parts: x } : B)
+          (F) => F.map((U) => U.id === y ? { ...U, parts: D } : U)
         );
       };
-      k.current = t.chat({
-        sessionId: M,
-        message: L,
+      m.current = a.chat({
+        sessionId: k,
+        message: N,
         stream: !0,
-        onMessage: (x) => {
-          switch (z || (z = !0, u("streaming")), x.type) {
+        onMessage: (D) => {
+          switch (j || (j = !0, h("streaming")), D.type) {
             case "thinking":
-              E += x.content;
+              O += D.content;
               break;
             case "ai":
-              A += x.content;
+              b += D.content;
               break;
             case "tool_call":
-              H.push({
+              b && (H.push({ type: "text", content: b }), b = ""), H.push({
                 type: "tool_call",
-                toolName: x.toolName,
-                toolCallId: x.toolCallId,
-                args: x.args ?? "{}"
+                toolName: D.toolName,
+                toolCallId: D.toolCallId,
+                args: D.args ?? "{}"
               });
               break;
             case "tool_result":
-              H.push({
+              b && (H.push({ type: "text", content: b }), b = ""), H.push({
                 type: "tool_result",
-                toolName: x.toolName ?? "",
-                toolCallId: x.toolCallId,
-                content: x.content,
-                artifacts: x.artifacts,
-                renderMode: x.renderMode,
-                html: x.html
-              }), A && (H.push({ type: "text", content: A }), A = "");
+                toolName: D.toolName ?? "",
+                toolCallId: D.toolCallId,
+                content: D.content,
+                artifacts: D.artifacts,
+                renderMode: D.renderMode,
+                html: D.html
+              });
               break;
             case "interrupt":
-              x.interrupt && H.push({
+              b && (H.push({ type: "text", content: b }), b = ""), D.interrupt && H.push({
                 type: "interrupt",
-                interrupt: x.interrupt,
+                interrupt: D.interrupt,
                 resolved: !1
               });
               break;
+            case "stop":
+              D.content && (b = D.content), W();
+              return;
           }
-          $();
+          W();
         },
-        onDone: (x) => {
-          (A || H.length > 0 || E) && $(), x.messageId && p(
-            (_) => _.map((B) => B.id === y ? { ...B, id: x.messageId } : B)
-          ), x.sessionId && x.sessionId !== v.current && (s == null || s(x.sessionId)), o == null || o(x.sessionId || M), u("ready"), b.current = !1, k.current = null;
+        onDone: (D) => {
+          (b || H.length > 0 || O) && W(), D.sessionId && D.sessionId !== T.current && (n == null || n(D.sessionId));
+          const F = () => {
+            S.current && (clearTimeout(S.current), S.current = null), i == null || i(D.sessionId || k), h("ready"), v.current = !1, m.current = null;
+          };
+          if (E) {
+            const U = N.slice(0, 30), he = D.sessionId || k;
+            a.renameConversation(he, U).catch(() => {
+            }).finally(F);
+          } else
+            F();
         },
-        onError: (x) => {
-          H.push({ type: "error", content: x.message }), $(), w(x), u("error"), i == null || i(x), b.current = !1, k.current = null;
+        onError: (D) => {
+          H.push({ type: "error", content: D.message }), W(), S.current && (clearTimeout(S.current), S.current = null), u(D), h("error"), o == null || o(D), v.current = !1, m.current = null;
         }
-      }), n == null || n(M);
+      }), r == null || r(k);
     };
-    v.current ? P(v.current) : t.createSession().then((M) => {
-      v.current = M, s == null || s(M), P(M);
-    }).catch((M) => {
-      w(M instanceof Error ? M : new Error(String(M))), u("error"), i == null || i(M instanceof Error ? M : new Error(String(M))), b.current = !1;
+    T.current ? L(T.current) : a.createSession().then((k) => {
+      T.current = k, n == null || n(k), L(k);
+    }).catch((k) => {
+      u(k instanceof Error ? k : new Error(String(k))), h("error"), o == null || o(k instanceof Error ? k : new Error(String(k))), v.current = !1;
     });
-  }, [t, s, n, o, i, l]), g = I(() => {
-    var L;
-    (L = k.current) == null || L.abort(), k.current = null, u("ready"), b.current = !1;
-  }, []), N = I(() => {
-    if (b.current) return;
-    const L = c.findLastIndex((y) => y.role === "user");
-    if (L < 0) return;
-    const O = c[L].parts.filter((y) => y.type === "text").map((y) => y.content).join("");
-    p((y) => y.slice(0, L)), m(O);
-  }, [c, m]), S = I((L, O) => {
+  }, [a, n, r, i, o, l]), z = C(() => {
+    const N = T.current;
+    N && (S.current && clearTimeout(S.current), S.current = setTimeout(() => {
+      var R;
+      S.current = null, (R = m.current) == null || R.abort(), m.current = null, v.current = !1, h("ready");
+    }, 8e3), a.stopGeneration(N).catch(() => {
+    }));
+  }, [a]), $ = C(() => {
+    if (v.current) return;
+    const N = c.findLastIndex((y) => y.role === "user");
+    if (N < 0) return;
+    const R = c[N].parts.filter((y) => y.type === "text").map((y) => y.content).join("");
+    p((y) => y.slice(0, N)), x(R);
+  }, [c, x]), P = C((N, R) => {
     p(
-      (z) => z.map(($) => ({
-        ...$,
-        parts: $.parts.map(
-          (x) => x.type === "interrupt" && x.interrupt.interruptId === L ? { ...x, resolved: !0, response: O } : x
+      (b) => b.map((H) => ({
+        ...H,
+        parts: H.parts.map(
+          (j) => j.type === "interrupt" && j.interrupt.interruptId === N ? { ...j, resolved: !0, response: R } : j
         )
       }))
     );
-    const y = v.current;
+    const y = T.current;
     if (!y) return;
-    const D = `assistant_${Date.now()}`, P = {
-      id: D,
-      role: "assistant",
-      parts: [],
-      timestamp: Date.now()
-    };
-    p((z) => [...z, P]), u("streaming");
-    let M = "", E = "", A = [];
-    const H = () => {
-      const z = [...A];
-      if (M) {
-        const $ = z.findIndex((x) => x.type === "thinking");
-        $ >= 0 ? z[$] = { type: "thinking", content: M } : z.unshift({ type: "thinking", content: M });
-      }
+    let g = 0;
+    p((b) => b.length > 0 && b[b.length - 1].role === "assistant" ? (g = b[b.length - 1].parts.length, b) : (g = 0, [...b, { id: `assistant_${Date.now()}`, role: "assistant", parts: [], timestamp: Date.now() }])), h("streaming");
+    let E = "", L = "", k = [];
+    const O = () => {
+      const b = [...k];
       if (E) {
-        const $ = z.findLastIndex((x) => x.type === "text");
-        $ >= 0 ? z[$] = { type: "text", content: E } : z.push({ type: "text", content: E });
+        const H = b.findIndex((j) => j.type === "thinking");
+        H >= 0 ? b[H] = { type: "thinking", content: E } : b.unshift({ type: "thinking", content: E });
       }
-      p(
-        ($) => $.map((x) => x.id === D ? { ...x, parts: z } : x)
-      );
+      if (L) {
+        const H = b[b.length - 1];
+        (H == null ? void 0 : H.type) === "text" ? b[b.length - 1] = { type: "text", content: L } : b.push({ type: "text", content: L });
+      }
+      p((H) => {
+        const j = H.findLastIndex((W) => W.role === "assistant");
+        return j < 0 ? H : H.map(
+          (W, D) => D === j ? { ...W, parts: [...W.parts.slice(0, g), ...b] } : W
+        );
+      });
     };
-    t.respondInterrupt(
-      L,
+    a.respondInterrupt(
+      N,
       y,
-      O,
-      (z) => {
-        switch (z.type) {
+      R,
+      (b) => {
+        switch (b.type) {
           case "thinking":
-            M += z.content;
+            E += b.content;
             break;
           case "ai":
-            E += z.content;
+            L += b.content;
             break;
           case "tool_call":
-            A.push({
+            L && (k.push({ type: "text", content: L }), L = ""), k.push({
               type: "tool_call",
-              toolName: z.toolName,
-              toolCallId: z.toolCallId,
-              args: z.args ?? "{}"
+              toolName: b.toolName,
+              toolCallId: b.toolCallId,
+              args: b.args ?? "{}"
             });
             break;
           case "tool_result":
-            A.push({
+            L && (k.push({ type: "text", content: L }), L = ""), k.push({
               type: "tool_result",
-              toolName: z.toolName ?? "",
-              toolCallId: z.toolCallId,
-              content: z.content,
-              artifacts: z.artifacts,
-              renderMode: z.renderMode,
-              html: z.html
-            }), E && (A.push({ type: "text", content: E }), E = "");
+              toolName: b.toolName ?? "",
+              toolCallId: b.toolCallId,
+              content: b.content,
+              artifacts: b.artifacts,
+              renderMode: b.renderMode,
+              html: b.html
+            });
             break;
           case "interrupt":
-            z.interrupt && A.push({ type: "interrupt", interrupt: z.interrupt, resolved: !1 });
+            L && (k.push({ type: "text", content: L }), L = ""), b.interrupt && k.push({ type: "interrupt", interrupt: b.interrupt, resolved: !1 });
             break;
           case "done":
-            z.messageId && p(
-              ($) => $.map((x) => x.id === D ? { ...x, id: z.messageId } : x)
-            ), u("ready");
+            i == null || i(y), h("ready");
             break;
         }
-        H();
+        O();
       },
-      (z) => {
-        A.push({ type: "error", content: z.message }), H(), w(z), u("error"), i == null || i(z);
+      (b) => {
+        k.push({ type: "error", content: b.message }), O(), u(b), h("error"), o == null || o(b);
       }
-    ).catch((z) => {
-      i == null || i(z instanceof Error ? z : new Error(String(z))), u("error");
+    ).catch((b) => {
+      o == null || o(b instanceof Error ? b : new Error(String(b))), h("error");
     });
-  }, [t, i]);
-  return { messages: c, status: f, error: h, sendMessage: m, stop: g, regenerate: N, setMessages: p, respondToInterrupt: S };
+  }, [a, o, i]);
+  return { messages: c, status: f, error: w, sendMessage: x, stop: z, regenerate: $, setMessages: p, respondToInterrupt: P };
 }
-const X = "sa_active_conversation";
-function J() {
+const ie = "sa_active_conversation", Q = 20;
+function ee(t) {
   try {
-    return localStorage.getItem(X);
+    return localStorage.getItem(`${ie}_${t}`);
   } catch {
     return null;
   }
 }
-function de(a) {
+function we(t, a) {
   try {
-    a ? localStorage.setItem(X, a) : localStorage.removeItem(X);
+    const s = `${ie}_${t}`;
+    a ? localStorage.setItem(s, a) : localStorage.removeItem(s);
   } catch {
   }
 }
-function pe(a) {
-  const { sdk: t, onConversationChange: r } = a, [s, n] = T([]), [o, i] = T(
-    () => J()
-  ), [l, c] = T(!1), p = F(!0);
-  R(() => () => {
-    p.current = !1;
+function ye(t) {
+  const { sdk: a, onConversationChange: s } = t, n = a.botId, [r, i] = M([]), [o, l] = M(
+    () => ee(n)
+  ), [c, p] = M(!1), [f, h] = M(!0), w = _(!0), u = _(1), m = _(!1);
+  B(() => () => {
+    w.current = !1;
   }, []);
-  const f = I((m) => {
-    i(m), de(m), m && (r == null || r(m));
-  }, [r]), u = I(async () => {
-    c(!0);
+  const v = C((N) => {
+    l(N), we(n, N), N && (s == null || s(N));
+  }, [n, s]), S = C(async () => {
+    if (!m.current) {
+      m.current = !0, p(!0);
+      try {
+        u.current = 1;
+        const N = await a.listConversations({ page: 1, size: Q });
+        if (!w.current) return;
+        i(N.items), h(N.items.length < N.total);
+        const R = ee(n);
+        R && !N.items.find((y) => y.sessionId === R) && v(null);
+      } catch {
+      } finally {
+        m.current = !1, w.current && p(!1);
+      }
+    }
+  }, [a, v]), T = C(async () => {
+    if (!(m.current || !f)) {
+      m.current = !0, p(!0);
+      try {
+        const N = u.current + 1, R = await a.listConversations({ page: N, size: Q });
+        if (!w.current) return;
+        u.current = N, i((g) => {
+          const E = new Set(g.map((k) => k.sessionId)), L = R.items.filter((k) => !E.has(k.sessionId));
+          return [...g, ...L];
+        });
+        const y = u.current * Q;
+        h(y < R.total);
+      } catch {
+      } finally {
+        m.current = !1, w.current && p(!1);
+      }
+    }
+  }, [a, f]), A = C(async (N) => (v(N), await a.getMessages(N)), [a, v]), x = C(async () => {
     try {
-      const m = await t.listConversations({ page: 1, size: 100 });
-      if (!p.current) return;
-      n(m.items);
-      const g = J();
-      g && !m.items.find((N) => N.sessionId === g) && f(null);
+      const N = await a.createSession(), R = (/* @__PURE__ */ new Date()).toISOString();
+      i((y) => [
+        { sessionId: N, botId: 0, title: "新对话", createTime: R, updateTime: R },
+        ...y
+      ]), v(N);
+    } catch {
+      v(null);
+    }
+  }, [a, v]), z = C(async (N) => {
+    i((R) => R.filter((y) => y.sessionId !== N)), o === N && v(null);
+    try {
+      await a.deleteConversation(N);
     } catch {
-    } finally {
-      p.current && c(!1);
     }
-  }, [t, f]), h = I(async (m) => (f(m), await t.getMessages(m)), [t, f]), w = I(() => {
-    f(null);
-  }, [f]), k = I(async (m) => {
-    await t.deleteConversation(m), n((g) => g.filter((N) => N.sessionId !== m)), o === m && f(null);
-  }, [t, o, f]), b = I(async (m, g) => {
-    await t.renameConversation(m, g), n(
-      (N) => N.map((S) => S.sessionId === m ? { ...S, title: g } : S)
+  }, [a, o, v]), $ = C(async (N, R) => {
+    await a.renameConversation(N, R), i(
+      (y) => y.map((g) => g.sessionId === N ? { ...g, title: R } : g)
     );
-  }, [t]), { enabled: v = !0 } = a;
-  return R(() => {
-    v && u();
-  }, [v, u]), {
-    conversations: s,
+  }, [a]), { enabled: P = !0 } = t;
+  return B(() => {
+    P && S();
+  }, [P, S]), {
+    conversations: r,
     activeConversationId: o,
-    loading: l,
-    loadConversations: u,
-    switchConversation: h,
-    newConversation: w,
-    deleteConversation: k,
-    renameConversation: b,
-    setActiveConversationId: f
+    loading: c,
+    hasMore: f,
+    loadConversations: S,
+    loadMore: T,
+    switchConversation: A,
+    newConversation: x,
+    deleteConversation: z,
+    renameConversation: $,
+    setActiveConversationId: v
   };
 }
-function Q(a) {
-  return !a && a !== 0 ? "" : a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : `${(a / 1024 / 1024).toFixed(1)} MB`;
+function oe(t) {
+  return !t && t !== 0 ? "" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / 1024 / 1024).toFixed(1)} MB`;
 }
-function ee(a) {
-  return a === "pdf" ? "PDF" : a === "docx" ? "DOC" : a === "html" ? "HTM" : a.slice(0, 3).toUpperCase() || "FILE";
+function le(t) {
+  return t === "pdf" ? "PDF" : t === "docx" ? "DOC" : t === "html" ? "HTM" : t.slice(0, 3).toUpperCase() || "FILE";
 }
-function ae(a) {
-  if (!a) return [];
-  const t = [];
-  for (const r of a)
-    r.type === "file" && r.data && t.push({
-      id: r.data.id ?? "",
-      type: r.data.fileType ?? r.data.type ?? "",
-      filename: r.data.name ?? r.data.filename ?? "",
-      url: r.data.url ?? "",
-      mime: r.data.mime,
-      size: r.data.size,
-      summary: r.data.summary
+function ce(t) {
+  if (!t) return [];
+  const a = [];
+  for (const s of t)
+    s.type === "file" && s.data && a.push({
+      id: s.data.id ?? "",
+      type: s.data.fileType ?? s.data.type ?? "",
+      filename: s.data.name ?? s.data.filename ?? "",
+      url: s.data.url ?? "",
+      mime: s.data.mime,
+      size: s.data.size,
+      summary: s.data.summary
     });
-  return t;
+  return a;
 }
-async function U(a) {
+async function Z(t) {
   try {
-    const t = await fetch(a.url);
-    if (!t.ok) throw new Error(`HTTP ${t.status}`);
-    const r = await t.blob(), s = URL.createObjectURL(r), n = document.createElement("a");
-    n.href = s, n.download = a.filename, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(s), 4e3);
+    const a = await fetch(t.url);
+    if (!a.ok) throw new Error(`HTTP ${a.status}`);
+    const s = await a.blob(), n = URL.createObjectURL(s), r = document.createElement("a");
+    r.href = n, r.download = t.filename, document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => URL.revokeObjectURL(n), 4e3);
   } catch {
-    const t = document.createElement("a");
-    t.href = a.url, t.download = a.filename, t.target = "_blank", document.body.appendChild(t), t.click(), t.remove();
+    const a = document.createElement("a");
+    a.href = t.url, a.download = t.filename, a.target = "_blank", document.body.appendChild(a), a.click(), a.remove();
   }
 }
-const te = ie(null);
-function W() {
-  const a = oe(te);
-  if (!a) throw new Error("useChatContext must be used within ChatProvider");
-  return a;
+const de = ge(null);
+function Y() {
+  const t = xe(de);
+  if (!t) throw new Error("useChatContext must be used within ChatProvider");
+  return t;
 }
-function G({ sdk: a, hooks: t, children: r }) {
-  const [s, n] = T(!1), [o, i] = T(!1), [l, c] = T(null), [p, f] = T(!1);
-  R(() => {
-    a.getToken().then(() => {
+function te({ sdk: t, hooks: a, children: s }) {
+  const [n, r] = M(!1), [i, o] = M(!1), [l, c] = M(null), [p, f] = M(!1), [h, w] = M(!1);
+  B(() => {
+    t.getToken().then(() => {
       f(!0);
     }).catch(() => {
       f(!0);
     });
-  }, [a]);
-  const u = pe({
-    sdk: a,
-    onConversationChange: t == null ? void 0 : t.onConversationChange,
+  }, [t]);
+  const u = ye({
+    sdk: t,
+    onConversationChange: a == null ? void 0 : a.onConversationChange,
     enabled: p
-  }), h = ce({
-    sdk: a,
+  }), m = ve({
+    sdk: t,
     sessionId: u.activeConversationId,
-    onSessionCreated: (y) => {
-      u.setActiveConversationId(y), u.loadConversations();
+    onSessionCreated: (g) => {
+      u.setActiveConversationId(g);
     },
-    onStreamStart: t == null ? void 0 : t.onStreamStart,
-    onStreamEnd: (y) => {
-      var D;
-      (D = t == null ? void 0 : t.onStreamEnd) == null || D.call(t, y), u.loadConversations();
+    onStreamStart: a == null ? void 0 : a.onStreamStart,
+    onStreamEnd: (g) => {
+      var E;
+      (E = a == null ? void 0 : a.onStreamEnd) == null || E.call(a, g), u.loadConversations();
     },
-    onError: t == null ? void 0 : t.onError,
-    onMessageSend: t == null ? void 0 : t.onMessageSend
-  }), w = I(async (y) => {
-    const D = await u.switchConversation(y);
-    h.setMessages(D), n(!1);
-  }, [u, h]), k = I(() => {
-    u.newConversation(), h.setMessages([]), n(!1);
-  }, [u, h]), b = I(async (y) => {
-    await u.deleteConversation(y), u.activeConversationId === y && h.setMessages([]);
-  }, [u, h]);
-  R(() => {
-    u.activeConversationId && h.messages.length === 0 && a.getMessages(u.activeConversationId).then((y) => {
-      h.setMessages(y);
+    onError: a == null ? void 0 : a.onError,
+    onMessageSend: a == null ? void 0 : a.onMessageSend
+  }), v = C(async (g) => {
+    w(!0);
+    try {
+      const E = await u.switchConversation(g);
+      m.setMessages(E), r(!1);
+    } finally {
+      w(!1);
+    }
+  }, [u, m]), S = C(async () => {
+    m.setMessages([]), r(!1), await u.newConversation();
+  }, [u, m]), T = C(async (g) => {
+    u.activeConversationId === g && m.setMessages([]), await u.deleteConversation(g);
+  }, [u, m]);
+  B(() => {
+    u.activeConversationId && m.messages.length === 0 && (w(!0), t.getMessages(u.activeConversationId).then((g) => {
+      m.setMessages(g);
     }).catch(() => {
-    });
+    }).finally(() => w(!1)));
   }, []);
-  const v = I(() => {
-    n((y) => !y);
-  }, []), m = I(() => {
-    i((y) => !y), c((y) => null);
-  }, []), g = I((y) => {
-    c(y), i(!0);
-  }, []), N = V(() => {
-    const y = /* @__PURE__ */ new Set(), D = [];
-    for (const P of h.messages)
-      for (const M of P.parts)
-        if (M.type === "tool_result" && M.artifacts)
-          for (const E of ae(M.artifacts)) {
-            const A = E.id || `${E.url}:${E.filename}`;
-            y.has(A) || (y.add(A), D.push(E));
+  const A = C(() => {
+    r((g) => !g);
+  }, []), x = C(() => {
+    o((g) => !g), c((g) => null);
+  }, []), z = C((g) => {
+    c(g), o(!0);
+  }, []), $ = J(() => {
+    const g = /* @__PURE__ */ new Set(), E = [];
+    for (const L of m.messages)
+      for (const k of L.parts)
+        if (k.type === "tool_result" && k.artifacts)
+          for (const O of ce(k.artifacts)) {
+            const b = O.id || `${O.url}:${O.filename}`;
+            g.has(b) || (g.add(b), E.push(O));
           }
-    return D;
-  }, [h.messages]), S = I((y, D, P) => {
-    a.feedback(y, D, P).catch(() => {
+    return E;
+  }, [m.messages]), P = C(async () => {
+    const g = u.activeConversationId;
+    if (!g) return null;
+    try {
+      const E = await t.getMessages(g);
+      m.setMessages(E);
+      const L = E.findLast((k) => k.role === "assistant");
+      return (L == null ? void 0 : L.id) ?? null;
+    } catch {
+      return null;
+    }
+  }, [t, u.activeConversationId, m]), N = C((g, E, L) => {
+    if (/^\d+$/.test(g)) {
+      t.feedback(g, E, L).catch(() => {
+      });
+      return;
+    }
+    P().then((k) => {
+      k && t.feedback(k, E, L).catch(() => {
+      });
     });
-  }, [a]), L = I((y) => {
-    a.cancelFeedback(y).catch(() => {
+  }, [t, P]), R = C((g) => {
+    if (/^\d+$/.test(g)) {
+      t.cancelFeedback(g).catch(() => {
+      });
+      return;
+    }
+    P().then((E) => {
+      E && t.cancelFeedback(E).catch(() => {
+      });
     });
-  }, [a]), O = V(() => ({
-    status: h.status,
-    error: h.error,
-    messages: h.messages,
+  }, [t, P]), y = J(() => ({
+    sdk: t,
+    status: m.status,
+    error: m.error,
+    messages: m.messages,
     conversations: u.conversations,
     activeConversationId: u.activeConversationId,
-    isThreadListOpen: s,
-    isArtifactDrawerOpen: o,
-    allArtifacts: N,
+    isThreadListOpen: n,
+    isArtifactDrawerOpen: i,
+    allArtifacts: $,
     activePreviewArtifact: l,
-    sendMessage: h.sendMessage,
-    stop: h.stop,
-    regenerate: h.regenerate,
-    switchConversation: w,
-    newConversation: k,
-    deleteConversation: b,
+    hasMore: u.hasMore,
+    conversationsLoading: u.loading,
+    messagesLoading: h,
+    sendMessage: m.sendMessage,
+    stop: m.stop,
+    regenerate: m.regenerate,
+    switchConversation: v,
+    newConversation: S,
+    deleteConversation: T,
     renameConversation: u.renameConversation,
-    toggleThreadList: v,
-    toggleArtifactDrawer: m,
-    openArtifactPreview: g,
-    feedback: S,
-    cancelFeedback: L,
-    respondToInterrupt: h.respondToInterrupt
+    loadMoreConversations: u.loadMore,
+    toggleThreadList: A,
+    toggleArtifactDrawer: x,
+    openArtifactPreview: z,
+    feedback: N,
+    cancelFeedback: R,
+    respondToInterrupt: m.respondToInterrupt
   }), [
-    h.status,
-    h.error,
-    h.messages,
-    h.sendMessage,
-    h.stop,
-    h.regenerate,
-    h.respondToInterrupt,
+    t,
+    m.status,
+    m.error,
+    m.messages,
+    m.sendMessage,
+    m.stop,
+    m.regenerate,
+    m.respondToInterrupt,
     u.conversations,
     u.activeConversationId,
     u.renameConversation,
-    s,
-    o,
-    N,
+    u.hasMore,
+    u.loadMore,
+    u.loading,
+    n,
+    i,
+    $,
     l,
-    w,
-    k,
-    b,
+    h,
     v,
-    m,
-    g,
     S,
-    L
+    T,
+    A,
+    x,
+    z,
+    N,
+    R
   ]);
-  return /* @__PURE__ */ e(te.Provider, { value: O, children: r });
+  return /* @__PURE__ */ e(de.Provider, { value: y, children: s });
+}
+const ke = "https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";
+let ae = !1;
+function Ne(t = ke) {
+  if (ae || typeof document > "u") return;
+  ae = !0;
+  const a = t.split("?")[0].split("/").pop();
+  if (a && document.querySelector(`script[src*="${a}"]`)) return;
+  const s = document.createElement("script");
+  s.src = t, document.head.appendChild(s);
 }
-function C({ name: a, size: t = 16, color: r = "currentColor", className: s, style: n }) {
+Ne();
+function I({ name: t, size: a = 16, color: s = "currentColor", className: n, style: r }) {
   return /* @__PURE__ */ e(
     "svg",
     {
-      className: s,
-      style: { width: t, height: t, fill: r, verticalAlign: "middle", ...n },
+      className: n,
+      style: { width: a, height: a, fill: s, verticalAlign: "middle", ...r },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ e("use", { href: `#icon-${a}` })
+      children: /* @__PURE__ */ e("use", { href: `#icon-${t}` })
     }
   );
 }
-function fe({ isOpen: a, onClick: t }) {
-  return /* @__PURE__ */ e("button", { className: `sa-trigger ${a ? "sa-trigger-open" : ""}`, onClick: t, children: a ? /* @__PURE__ */ e(C, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(C, { name: "message-square", size: 24, color: "#fff" }) });
+function Ce({ isOpen: t, onClick: a }) {
+  return /* @__PURE__ */ e("button", { className: `sa-trigger ${t ? "sa-trigger-open" : ""}`, onClick: a, children: t ? /* @__PURE__ */ e(I, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(I, { name: "message-square", size: 24, color: "#fff" }) });
 }
-function ue({ title: a, onClose: t, onToggleThreadList: r, showClose: s = !0, artifactCount: n = 0, onToggleArtifactDrawer: o }) {
+function ze({ title: t, onClose: a, onToggleThreadList: s, showClose: n = !0, artifactCount: r = 0, onToggleArtifactDrawer: i }) {
   return /* @__PURE__ */ d("div", { className: "sa-header", children: [
     /* @__PURE__ */ d("div", { className: "sa-header-left", children: [
       /* @__PURE__ */ e("div", { className: "sa-header-avatar", children: "A" }),
       /* @__PURE__ */ d("div", { className: "sa-header-info", children: [
-        /* @__PURE__ */ e("div", { className: "sa-header-title", children: a }),
+        /* @__PURE__ */ e("div", { className: "sa-header-title", children: t }),
         /* @__PURE__ */ e("div", { className: "sa-header-status", children: "● Online" })
       ] })
     ] }),
     /* @__PURE__ */ d("div", { className: "sa-header-actions", children: [
-      n > 0 && o && /* @__PURE__ */ d("button", { className: "sa-header-btn sa-header-btn-artifact", onClick: o, title: "会话产物", children: [
+      r > 0 && i && /* @__PURE__ */ d("button", { className: "sa-header-btn sa-header-btn-artifact", onClick: i, title: "会话产物", children: [
         /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
           /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
           /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
         ] }),
         /* @__PURE__ */ e("span", { children: "产物" })
       ] }),
-      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: r, title: "会话列表", children: /* @__PURE__ */ e(C, { name: "menu", size: 16 }) }),
-      s && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: t, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 16 }) })
+      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: s, title: "会话列表", children: /* @__PURE__ */ e(I, { name: "menu", size: 16 }) }),
+      n && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: a, title: "关闭", children: /* @__PURE__ */ e(I, { name: "x", size: 16 }) })
     ] })
   ] });
 }
-function me(a) {
-  const t = /* @__PURE__ */ new Date(), r = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), s = r - 6 * 864e5, n = [], o = [], i = [];
-  for (const c of a) {
+const G = (t) => String(t).padStart(2, "0");
+function pe(t) {
+  if (!t) return "";
+  const a = new Date(t);
+  return isNaN(a.getTime()) ? "" : `${a.getFullYear()}-${G(a.getMonth() + 1)}-${G(a.getDate())} ${G(a.getHours())}:${G(a.getMinutes())}:${G(a.getSeconds())}`;
+}
+function Ie(t) {
+  const a = /* @__PURE__ */ new Date(), s = new Date(
+    a.getFullYear(),
+    a.getMonth(),
+    a.getDate()
+  ).getTime(), n = s - 6 * 864e5, r = [], i = [], o = [];
+  for (const c of t) {
     const p = new Date(c.updateTime).getTime();
-    p >= r ? n.push(c) : p >= s ? o.push(c) : i.push(c);
+    p >= s ? r.push(c) : p >= n ? i.push(c) : o.push(c);
   }
   const l = [];
-  return n.length && l.push({ label: "今天", items: n }), o.length && l.push({ label: "最近 7 天", items: o }), i.length && l.push({ label: "更早", items: i }), l;
+  return r.length && l.push({ label: "今天", items: r }), i.length && l.push({ label: "最近 7 天", items: i }), o.length && l.push({ label: "更早", items: o }), l;
 }
-function he() {
+function Se() {
   const {
-    conversations: a,
-    activeConversationId: t,
-    switchConversation: r,
-    newConversation: s,
-    deleteConversation: n,
-    renameConversation: o,
-    isThreadListOpen: i,
-    toggleThreadList: l
-  } = W(), [c, p] = T(null), [f, u] = T(""), h = I((b, v) => {
-    p(b), u(v ?? "");
-  }, []), w = I((b) => {
-    f.trim() && o(b, f.trim()), p(null);
-  }, [f, o]), k = V(() => me(a), [a]);
-  return i ? /* @__PURE__ */ d(q, { children: [
+    conversations: t,
+    activeConversationId: a,
+    switchConversation: s,
+    newConversation: n,
+    deleteConversation: r,
+    renameConversation: i,
+    isThreadListOpen: o,
+    toggleThreadList: l,
+    hasMore: c,
+    loadMoreConversations: p,
+    conversationsLoading: f
+  } = Y(), [h, w] = M(null), [u, m] = M(""), v = _(null), S = C(
+    (z, $) => {
+      w(z), m($ ?? "");
+    },
+    []
+  ), T = C(
+    (z) => {
+      u.trim() && i(z, u.trim()), w(null);
+    },
+    [u, i]
+  ), A = C(() => {
+    const z = v.current;
+    !z || !c || z.scrollHeight - z.scrollTop - z.clientHeight < 50 && p();
+  }, [c, p]), x = J(() => Ie(t), [t]);
+  return o ? /* @__PURE__ */ d(q, { children: [
     /* @__PURE__ */ e("div", { className: "sa-thread-list-overlay", onClick: l }),
     /* @__PURE__ */ d("div", { className: "sa-thread-list", children: [
       /* @__PURE__ */ d("div", { className: "sa-thread-list-header", children: [
         /* @__PURE__ */ e("span", { className: "sa-thread-list-title", children: "会话记录" }),
-        /* @__PURE__ */ d("button", { className: "sa-thread-list-new", onClick: s, children: [
-          /* @__PURE__ */ e(C, { name: "plus", size: 14 }),
+        /* @__PURE__ */ d("button", { className: "sa-thread-list-new", onClick: n, children: [
+          /* @__PURE__ */ e(I, { name: "plus", size: 14 }),
           " 新会话"
         ] })
       ] }),
-      /* @__PURE__ */ d("div", { className: "sa-thread-list-items", children: [
-        a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
-        k.map((b) => /* @__PURE__ */ d("div", { className: "sa-thread-group", children: [
-          /* @__PURE__ */ e("div", { className: "sa-thread-group-label", children: b.label }),
-          b.items.map((v) => /* @__PURE__ */ d(
-            "div",
-            {
-              className: `sa-thread-item ${v.sessionId === t ? "active" : ""}`,
-              onClick: () => r(v.sessionId),
-              children: [
-                c === v.sessionId ? /* @__PURE__ */ e(
-                  "input",
-                  {
-                    className: "sa-thread-item-edit",
-                    value: f,
-                    onChange: (m) => u(m.target.value),
-                    onBlur: () => w(v.sessionId),
-                    onKeyDown: (m) => {
-                      m.key === "Enter" && w(v.sessionId), m.key === "Escape" && p(null);
-                    },
-                    onClick: (m) => m.stopPropagation(),
-                    autoFocus: !0
-                  }
-                ) : /* @__PURE__ */ e(
-                  "span",
-                  {
-                    className: "sa-thread-item-title",
-                    onDoubleClick: (m) => {
-                      m.stopPropagation(), h(v.sessionId, v.title);
-                    },
-                    children: v.title || "新会话"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    className: "sa-thread-item-delete",
-                    onClick: (m) => {
-                      m.stopPropagation(), n(v.sessionId);
-                    },
-                    title: "删除",
-                    children: /* @__PURE__ */ e(C, { name: "trash2", size: 14 })
-                  }
-                )
-              ]
-            },
-            v.sessionId
-          ))
-        ] }, b.label))
-      ] })
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: "sa-thread-list-items",
+          ref: v,
+          onScroll: A,
+          children: [
+            f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: "加载中..." }),
+            !f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
+            x.map((z) => /* @__PURE__ */ d("div", { className: "sa-thread-group", children: [
+              /* @__PURE__ */ e("div", { className: "sa-thread-group-label", children: z.label }),
+              z.items.map(($) => /* @__PURE__ */ d(
+                "div",
+                {
+                  className: `sa-thread-item ${$.sessionId === a ? "active" : ""}`,
+                  onClick: () => {
+                    h !== $.sessionId && s($.sessionId);
+                  },
+                  children: [
+                    h === $.sessionId ? /* @__PURE__ */ e(
+                      "input",
+                      {
+                        className: "sa-thread-item-edit",
+                        value: u,
+                        onChange: (P) => m(P.target.value),
+                        onBlur: () => T($.sessionId),
+                        onKeyDown: (P) => {
+                          P.key === "Enter" && T($.sessionId), P.key === "Escape" && w(null);
+                        },
+                        onClick: (P) => P.stopPropagation(),
+                        autoFocus: !0
+                      }
+                    ) : /* @__PURE__ */ d("div", { className: "sa-thread-item-info", children: [
+                      /* @__PURE__ */ e("span", { className: "sa-thread-item-title", children: $.title || "新会话" }),
+                      /* @__PURE__ */ e("span", { className: "sa-thread-item-time", children: pe($.updateTime) })
+                    ] }),
+                    /* @__PURE__ */ d("div", { className: "sa-thread-item-actions", children: [
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          className: "sa-thread-item-action-btn",
+                          onClick: (P) => {
+                            P.stopPropagation(), S($.sessionId, $.title);
+                          },
+                          title: "重命名",
+                          children: /* @__PURE__ */ e(I, { name: "pen", size: 13 })
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          className: "sa-thread-item-action-btn",
+                          onClick: (P) => {
+                            P.stopPropagation(), r($.sessionId);
+                          },
+                          title: "删除",
+                          children: /* @__PURE__ */ e(I, { name: "trash2", size: 13 })
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                $.sessionId
+              ))
+            ] }, z.label)),
+            f && t.length > 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: c ? "加载更多..." : "加载中..." }),
+            !f && c && /* @__PURE__ */ e("div", { className: "sa-thread-list-hint", children: "向下滚动加载更多" })
+          ]
+        }
+      )
     ] })
   ] }) : null;
 }
-function ge(a) {
-  const t = F(null), r = F(!1), s = F(0), n = I(() => {
-    const i = t.current;
-    if (!i) return;
-    const { scrollTop: l, scrollHeight: c, clientHeight: p } = i, f = c - l - p < 40;
-    l < s.current && !f && (r.current = !0), f && (r.current = !1), s.current = l;
+function Te(t) {
+  const a = _(null), s = _(!1), n = _(0), r = C(() => {
+    const o = a.current;
+    if (!o) return;
+    const { scrollTop: l, scrollHeight: c, clientHeight: p } = o, f = c - l - p < 40;
+    l < n.current && !f && (s.current = !0), f && (s.current = !1), n.current = l;
   }, []);
-  R(() => {
-    const i = t.current;
-    if (i)
-      return i.addEventListener("scroll", n, { passive: !0 }), () => i.removeEventListener("scroll", n);
-  }, [n]), R(() => {
-    if (r.current) return;
-    const i = t.current;
-    i && requestAnimationFrame(() => {
-      i.scrollTop = i.scrollHeight;
+  B(() => {
+    const o = a.current;
+    if (o)
+      return o.addEventListener("scroll", r, { passive: !0 }), () => o.removeEventListener("scroll", r);
+  }, [r]), B(() => {
+    if (s.current) return;
+    const o = a.current;
+    o && requestAnimationFrame(() => {
+      o.scrollTop = o.scrollHeight;
     });
-  }, a);
-  const o = I(() => {
-    r.current = !1;
-    const i = t.current;
-    i && (i.scrollTop = i.scrollHeight);
+  }, t);
+  const i = C(() => {
+    s.current = !1;
+    const o = a.current;
+    o && (o.scrollTop = o.scrollHeight);
   }, []);
-  return { containerRef: t, scrollToBottom: o };
+  return { containerRef: a, scrollToBottom: i };
 }
-function j(a) {
-  return a.value++;
+function K(t) {
+  return t.value++;
 }
-function K(a, t) {
-  const r = [], s = [], n = () => {
-    s.length > 0 && (r.push(s.join("")), s.length = 0);
+function X(t, a) {
+  const s = [], n = [], r = () => {
+    n.length > 0 && (s.push(n.join("")), n.length = 0);
   };
-  let o = 0;
-  for (; o < a.length; ) {
-    const i = a[o];
-    if (i === "`") {
-      const l = a.indexOf("`", o + 1);
+  let i = 0;
+  for (; i < t.length; ) {
+    const o = t[i];
+    if (o === "`") {
+      const l = t.indexOf("`", i + 1);
       if (l !== -1) {
-        n(), r.push(
-          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: a.slice(o + 1, l) }, j(t))
-        ), o = l + 1;
+        r(), s.push(
+          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: t.slice(i + 1, l) }, K(a))
+        ), i = l + 1;
         continue;
       }
-    } else if (i === "*" && a[o + 1] === "*") {
-      const l = a.indexOf("**", o + 2);
+    } else if (o === "*" && t[i + 1] === "*") {
+      const l = t.indexOf("**", i + 2);
       if (l !== -1) {
-        n(), r.push(
-          /* @__PURE__ */ e("strong", { children: K(a.slice(o + 2, l), t) }, j(t))
-        ), o = l + 2;
+        r(), s.push(
+          /* @__PURE__ */ e("strong", { children: X(t.slice(i + 2, l), a) }, K(a))
+        ), i = l + 2;
         continue;
       }
-    } else if (i === "*") {
-      const l = a.indexOf("*", o + 1);
+    } else if (o === "*") {
+      const l = t.indexOf("*", i + 1);
       if (l !== -1) {
-        n(), r.push(
-          /* @__PURE__ */ e("em", { children: K(a.slice(o + 1, l), t) }, j(t))
-        ), o = l + 1;
+        r(), s.push(
+          /* @__PURE__ */ e("em", { children: X(t.slice(i + 1, l), a) }, K(a))
+        ), i = l + 1;
         continue;
       }
-    } else if (i === "[") {
-      const l = a.indexOf("]", o + 1);
-      if (l !== -1 && a[l + 1] === "(") {
-        const c = a.indexOf(")", l + 2);
+    } else if (o === "[") {
+      const l = t.indexOf("]", i + 1);
+      if (l !== -1 && t[l + 1] === "(") {
+        const c = t.indexOf(")", l + 2);
         if (c !== -1) {
-          const p = a.slice(o + 1, l), f = a.slice(l + 2, c);
-          n(), r.push(
+          const p = t.slice(i + 1, l), f = t.slice(l + 2, c);
+          r(), s.push(
             /* @__PURE__ */ e(
               "a",
               {
                 href: f,
                 target: "_blank",
                 rel: "noreferrer",
-                children: K(p, t)
+                children: X(p, a)
               },
-              j(t)
+              K(a)
             )
-          ), o = c + 1;
+          ), i = c + 1;
           continue;
         }
       }
     }
-    s.push(i), o++;
+    n.push(o), i++;
   }
-  return n(), r;
+  return r(), s;
 }
-function be(a, t) {
-  const r = [], s = a.split(`
+function Me(t, a) {
+  const s = [], n = t.split(`
 `);
-  let n = 0;
-  const o = (c) => c.trim() === "", i = (c) => /^#{1,6}\s+\S/.test(c.trim()), l = (c) => /^(?:[-*+]|\d+[.)])\s+\S/.test(c.trim());
-  for (; n < s.length; ) {
-    const c = s[n], p = c.trim();
-    if (o(c)) {
-      n++;
+  let r = 0;
+  const i = (c) => c.trim() === "", o = (c) => /^#{1,6}\s+\S/.test(c.trim()), l = (c) => /^(?:[-*+]|\d+[.)])\s+\S/.test(c.trim());
+  for (; r < n.length; ) {
+    const c = n[r], p = c.trim();
+    if (i(c)) {
+      r++;
       continue;
     }
-    if (i(c)) {
-      const u = p.match(/^(#{1,6})\s+(.*)$/);
-      if (u) {
-        const w = `h${Math.min(u[1].length, 6)}`;
-        r.push(
-          Y.createElement(
-            w,
-            { key: j(t) },
-            K(u[2], t)
+    if (o(c)) {
+      const h = p.match(/^(#{1,6})\s+(.*)$/);
+      if (h) {
+        const u = `h${Math.min(h[1].length, 6)}`;
+        s.push(
+          V.createElement(
+            u,
+            { key: K(a) },
+            X(h[2], a)
           )
         );
       }
-      n++;
+      r++;
       continue;
     }
     if (l(c)) {
-      const u = /^\d+[.)]/.test(p), h = [];
-      for (; n < s.length && l(s[n]); ) {
-        const w = s[n].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        w && h.push(
-          /* @__PURE__ */ e("li", { children: K(w[1], t) }, j(t))
-        ), n++;
+      const h = /^\d+[.)]/.test(p), w = [];
+      for (; r < n.length && l(n[r]); ) {
+        const u = n[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
+        u && w.push(
+          /* @__PURE__ */ e("li", { children: X(u[1], a) }, K(a))
+        ), r++;
       }
-      r.push(
-        u ? /* @__PURE__ */ e("ol", { className: "sa-list", children: h }, j(t)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: h }, j(t))
+      s.push(
+        h ? /* @__PURE__ */ e("ol", { className: "sa-list", children: w }, K(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: w }, K(a))
       );
       continue;
     }
     const f = [];
-    for (; n < s.length && !o(s[n]) && !i(s[n]) && !l(s[n]); )
-      f.push(s[n]), n++;
-    r.push(
-      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: K(f.join(" "), t) }, j(t))
+    for (; r < n.length && !i(n[r]) && !o(n[r]) && !l(n[r]); )
+      f.push(n[r]), r++;
+    s.push(
+      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: X(f.join(" "), a) }, K(a))
     );
   }
-  return r;
+  return s;
 }
-function xe(a) {
-  const t = { value: 0 }, r = [], s = a.split("```");
-  for (let n = 0; n < s.length; n++)
-    if (n % 2 === 0)
-      r.push(...be(s[n], t));
-    else if (s[n].trim() !== "") {
-      let o = s[n].replace(/^\r?\n/, "");
-      o = o.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), o = o.replace(/\r?\n$/, ""), r.push(
-        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: o }) }, j(t))
+function $e(t) {
+  const a = { value: 0 }, s = [], n = t.split("```");
+  for (let r = 0; r < n.length; r++)
+    if (r % 2 === 0)
+      s.push(...Me(n[r], a));
+    else if (n[r].trim() !== "") {
+      let i = n[r].replace(/^\r?\n/, "");
+      i = i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), i = i.replace(/\r?\n$/, ""), s.push(
+        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: i }) }, K(a))
       );
     }
-  return r;
+  return s;
 }
-function ve({ content: a }) {
-  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: xe(a) });
+function De({ content: t }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: $e(t) });
 }
-function we({ content: a }) {
-  const [t, r] = T(!1);
-  return /* @__PURE__ */ d("div", { className: "sa-thinking-part", onClick: () => r(!t), children: [
+function Le({ content: t }) {
+  const [a, s] = M(!1);
+  return /* @__PURE__ */ d("div", { className: "sa-thinking-part", onClick: () => s(!a), children: [
     /* @__PURE__ */ d("div", { className: "sa-thinking-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(C, { name: "brain", size: 14 }) }),
+      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(I, { name: "brain", size: 14 }) }),
       /* @__PURE__ */ e("span", { className: "sa-thinking-label", children: "思考过程" }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${t ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${a ? "expanded" : ""}`, children: /* @__PURE__ */ e(I, { name: "chevron-right", size: 12 }) })
     ] }),
-    t && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: a })
+    a && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: t })
   ] });
 }
-function ye({ toolName: a, toolCallId: t, args: r }) {
-  const [s, n] = T(!1);
-  let o = r;
+function Ee({ toolName: t, toolCallId: a, args: s }) {
+  const [n, r] = M(!1), [i, o] = M(!1);
+  let l = s;
   try {
-    o = JSON.stringify(JSON.parse(r), null, 2);
+    l = JSON.stringify(JSON.parse(s), null, 2);
   } catch {
   }
+  const c = C(() => {
+    var p;
+    (p = navigator.clipboard) == null || p.writeText(l).then(() => {
+      o(!0), setTimeout(() => o(!1), 2e3);
+    }).catch(() => {
+    });
+  }, [l]);
   return /* @__PURE__ */ d("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ d("div", { className: "sa-tool-call-header", onClick: () => n(!s), children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "zap", size: 14 }) }),
+    /* @__PURE__ */ d("div", { className: "sa-tool-call-header", onClick: () => r(!n), children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(I, { name: "zap", size: 14 }) }),
       /* @__PURE__ */ d("span", { className: "sa-tool-name", children: [
         "调用工具: ",
-        a
+        t
       ] }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${n ? "expanded" : ""}`, children: /* @__PURE__ */ e(I, { name: "chevron-right", size: 12 }) })
     ] }),
-    s && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: o })
+    n && /* @__PURE__ */ d(q, { children: [
+      /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: l }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: c, title: "复制", children: [
+        /* @__PURE__ */ e(I, { name: i ? "circle-check" : "copy", size: 14 }),
+        " ",
+        i ? "已复制" : "复制"
+      ] }) })
+    ] })
+  ] });
+}
+function re({ text: t }) {
+  const [a, s] = M(!1);
+  return /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: () => {
+    var r;
+    (r = navigator.clipboard) == null || r.writeText(t).then(() => {
+      s(!0), setTimeout(() => s(!1), 2e3);
+    }).catch(() => {
+    });
+  }, title: "复制", children: [
+    /* @__PURE__ */ e(I, { name: a ? "circle-check" : "copy", size: 14 }),
+    " ",
+    a ? "已复制" : "复制"
   ] });
 }
-function ke({ html: a }) {
-  const [t, r] = T(null);
-  return R(() => {
-    let s = !1;
-    return import("./purify.es-C-6FFqDW.js").then((n) => {
-      s || r(n.default.sanitize(a, { FORCE_BODY: !0 }));
+function Ae({ html: t }) {
+  const [a, s] = M(null);
+  return B(() => {
+    let n = !1;
+    return import("./purify.es-C-6FFqDW.js").then((r) => {
+      n || s(r.default.sanitize(t, { FORCE_BODY: !0, ADD_ATTR: ["target"] }));
     }), () => {
-      s = !0;
+      n = !0;
     };
-  }, [a]), t === null ? null : /* @__PURE__ */ e("div", { className: "sa-tool-result-html", children: /* @__PURE__ */ e("iframe", { srcDoc: t, className: "sa-tool-result-html-iframe", sandbox: "", title: "HTML 产物" }) });
+  }, [t]), a === null ? null : /* @__PURE__ */ e("div", { className: "sa-tool-result-html-scroll", children: /* @__PURE__ */ e("div", { className: "sa-tool-result-html sa-text-part", dangerouslySetInnerHTML: { __html: a } }) });
 }
-function Ce({ toolName: a, content: t, artifacts: r, renderMode: s, html: n, artifactPreview: o }) {
-  const { openArtifactPreview: i } = W(), l = ae(r);
+function Re({ toolName: t, content: a, artifacts: s, renderMode: n, html: r, artifactPreview: i }) {
+  const { openArtifactPreview: o } = Y(), l = ce(s);
   return /* @__PURE__ */ d("div", { className: "sa-tool-result-part", children: [
     /* @__PURE__ */ d("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: a || "工具返回" })
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(I, { name: "circle-check", size: 14, color: "#10b981" }) }),
+      /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: t || "工具返回" })
     ] }),
-    s === "html" && n ? /* @__PURE__ */ e(ke, { html: n }) : t ? /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: t }) : null,
+    n === "html" && r ? /* @__PURE__ */ d(q, { children: [
+      /* @__PURE__ */ e(Ae, { html: r }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(re, { text: r }) })
+    ] }) : a ? /* @__PURE__ */ d(q, { children: [
+      /* @__PURE__ */ e("pre", { className: "sa-tool-result-content", children: a }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(re, { text: a }) })
+    ] }) : /* @__PURE__ */ e("pre", { className: "sa-tool-result-content", children: "—" }),
     l.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: l.map((c, p) => /* @__PURE__ */ d(
       "li",
       {
         className: "sa-artifact-file-card",
-        onClick: o ? () => i(c) : void 0,
-        onKeyDown: o ? (f) => {
-          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), i(c));
+        onClick: i ? () => o(c) : void 0,
+        onKeyDown: i ? (f) => {
+          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), o(c));
         } : void 0,
-        tabIndex: o ? 0 : void 0,
-        role: o ? "button" : void 0,
-        "aria-label": o ? `预览 ${c.filename}` : void 0,
-        style: o ? { cursor: "pointer" } : void 0,
+        tabIndex: i ? 0 : void 0,
+        role: i ? "button" : void 0,
+        "aria-label": i ? `预览 ${c.filename}` : void 0,
+        style: i ? { cursor: "pointer" } : void 0,
         children: [
-          /* @__PURE__ */ e("div", { className: "sa-artifact-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: ee(c.type) }) }),
+          /* @__PURE__ */ e("div", { className: "sa-artifact-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: le(c.type) }) }),
           /* @__PURE__ */ d("div", { className: "sa-artifact-file-info", children: [
             /* @__PURE__ */ e("span", { className: "sa-artifact-file-name", children: c.filename }),
-            c.size != null && /* @__PURE__ */ e("span", { className: "sa-artifact-file-size", children: Q(c.size) })
+            c.size != null && /* @__PURE__ */ e("span", { className: "sa-artifact-file-size", children: oe(c.size) })
           ] }),
-          o && /* @__PURE__ */ e(
+          i && /* @__PURE__ */ e(
             "button",
             {
               className: "sa-artifact-file-download",
               title: "下载",
               "aria-label": `下载 ${c.filename}`,
               onClick: (f) => {
-                f.stopPropagation(), U(c);
+                f.stopPropagation(), Z(c);
               },
               children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) })
             }
@@ -748,270 +920,324 @@ function Ce({ toolName: a, content: t, artifacts: r, renderMode: s, html: n, art
     )) })
   ] });
 }
-function Ne({ content: a, onRetry: t }) {
+function Oe({ content: t, onRetry: a }) {
   return /* @__PURE__ */ d("div", { className: "sa-error-part", children: [
     /* @__PURE__ */ d("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: a })
+      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(I, { name: "triangle-alert", size: 14 }) }),
+      /* @__PURE__ */ e("span", { children: t })
     ] }),
-    t && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: t, children: "重试" })
+    a && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: a, children: "重试" })
   ] });
 }
-function ze({ interrupt: a, onRespond: t }) {
-  var o, i;
-  const r = a.options, s = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (o = r == null ? void 0 : r[0]) == null ? void 0 : o.label) || "确认", n = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (i = r == null ? void 0 : r[1]) == null ? void 0 : i.label) || "取消";
+function Pe({ interrupt: t, onRespond: a, disabled: s, answeredAction: n }) {
+  var l, c;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (l = r == null ? void 0 : r[0]) == null ? void 0 : l.label) || "确认", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (c = r == null ? void 0 : r[1]) == null ? void 0 : c.label) || "取消";
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(C, { name: "circle-alert", size: 16, color: "#f59e0b" }),
-      /* @__PURE__ */ e("span", { children: a.content })
+      /* @__PURE__ */ e(I, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+      /* @__PURE__ */ e("span", { children: t.content })
     ] }),
     /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "confirm" }), children: [
-        /* @__PURE__ */ e(C, { name: "check", size: 14 }),
-        " ",
-        s
-      ] }),
-      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: [
-        /* @__PURE__ */ e(C, { name: "x", size: 14 }),
-        " ",
-        n
-      ] })
-    ] })
+      /* @__PURE__ */ d(
+        "button",
+        {
+          className: `sa-interrupt-btn sa-interrupt-btn-primary ${n === "confirm" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: s,
+          onClick: () => a({ action: "confirm" }),
+          children: [
+            /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+            " ",
+            i
+          ]
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          className: `sa-interrupt-btn sa-interrupt-btn-secondary ${n === "cancel" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: s,
+          onClick: () => a({ action: "cancel" }),
+          children: [
+            /* @__PURE__ */ e(I, { name: "x", size: 14 }),
+            " ",
+            o
+          ]
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function Ie({ interrupt: a, onRespond: t }) {
-  var l, c, p, f;
-  const r = a.options, s = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (l = r == null ? void 0 : r[0]) == null ? void 0 : l.label) || "批准", n = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (c = r == null ? void 0 : r[1]) == null ? void 0 : c.label) || "拒绝", o = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (p = r == null ? void 0 : r[2]) == null ? void 0 : p.label) || "跳过", i = ((f = a.metadata) == null ? void 0 : f.showSkip) !== !1;
+function He({ interrupt: t, onRespond: a, disabled: s, answeredAction: n }) {
+  var p, f, h, w;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (p = r == null ? void 0 : r[0]) == null ? void 0 : p.label) || "批准", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (f = r == null ? void 0 : r[1]) == null ? void 0 : f.label) || "拒绝", l = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (h = r == null ? void 0 : r[2]) == null ? void 0 : h.label) || "跳过", c = ((w = t.metadata) == null ? void 0 : w.showSkip) !== !1;
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(C, { name: "circle-alert", size: 16, color: "#f59e0b" }),
-      /* @__PURE__ */ e("span", { children: a.content })
+      /* @__PURE__ */ e(I, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+      /* @__PURE__ */ e("span", { children: t.content })
     ] }),
     /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "approve" }), children: [
-        /* @__PURE__ */ e(C, { name: "check", size: 14 }),
-        " ",
-        s
-      ] }),
-      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-danger", onClick: () => t({ action: "reject" }), children: [
-        /* @__PURE__ */ e(C, { name: "x", size: 14 }),
-        " ",
-        n
-      ] }),
-      i && /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "skip" }), children: [
-        /* @__PURE__ */ e(C, { name: "chevron-right", size: 14 }),
-        " ",
-        o
-      ] })
-    ] })
+      /* @__PURE__ */ d(
+        "button",
+        {
+          className: `sa-interrupt-btn sa-interrupt-btn-primary ${n === "approve" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: s,
+          onClick: () => a({ action: "approve" }),
+          children: [
+            /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+            " ",
+            i
+          ]
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          className: `sa-interrupt-btn sa-interrupt-btn-danger ${n === "reject" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: s,
+          onClick: () => a({ action: "reject" }),
+          children: [
+            /* @__PURE__ */ e(I, { name: "x", size: 14 }),
+            " ",
+            o
+          ]
+        }
+      ),
+      c && /* @__PURE__ */ d(
+        "button",
+        {
+          className: `sa-interrupt-btn sa-interrupt-btn-secondary ${n === "skip" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: s,
+          onClick: () => a({ action: "skip" }),
+          children: [
+            /* @__PURE__ */ e(I, { name: "chevron-right", size: 14 }),
+            " ",
+            l
+          ]
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function Te(a) {
-  return typeof a == "string" ? { value: a, label: a } : a;
+function _e(t) {
+  return typeof t == "string" ? { value: t, label: t } : t;
 }
-function Se({ interrupt: a, onRespond: t }) {
-  const r = (a.options ?? []).map(Te);
+function Be({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
+  const r = (t.options ?? []).map(_e);
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(C, { name: "list", size: 16, color: "#6366f1" }),
-      /* @__PURE__ */ e("span", { children: a.content })
+      /* @__PURE__ */ e(I, { name: "list", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((s) => /* @__PURE__ */ d(
-      "button",
-      {
-        className: `sa-interrupt-option ${s.danger ? "sa-interrupt-option-danger" : ""}`,
-        onClick: () => t({ action: "select", value: s.value }),
-        children: [
-          s.icon && /* @__PURE__ */ e(C, { name: s.icon, size: 14 }),
-          /* @__PURE__ */ e("span", { children: s.label }),
-          s.description && /* @__PURE__ */ e("span", { className: "sa-interrupt-option-desc", children: s.description })
-        ]
-      },
-      s.value
-    )) })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((i) => {
+      const o = n === i.value;
+      return /* @__PURE__ */ d(
+        "button",
+        {
+          className: `sa-interrupt-option ${i.danger ? "sa-interrupt-option-danger" : ""} ${o ? "sa-interrupt-option-selected" : ""}`,
+          disabled: s,
+          onClick: () => a({ action: "select", value: i.value }),
+          children: [
+            /* @__PURE__ */ e(I, { name: o ? "circle-check" : "circle", size: 14 }),
+            i.icon && /* @__PURE__ */ e(I, { name: i.icon, size: 14 }),
+            /* @__PURE__ */ e("span", { children: i.label }),
+            i.description && /* @__PURE__ */ e("span", { className: "sa-interrupt-option-desc", children: i.description })
+          ]
+        },
+        i.value
+      );
+    }) }),
+    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function Me(a) {
-  return typeof a == "string" ? { value: a, label: a } : a;
+function je(t) {
+  return typeof t == "string" ? { value: t, label: t } : t;
 }
-function Le({ interrupt: a, onRespond: t }) {
-  const r = (a.options ?? []).map(Me), [s, n] = T(/* @__PURE__ */ new Set()), o = (i) => {
-    n((l) => {
-      const c = new Set(l);
-      return c.has(i) ? c.delete(i) : c.add(i), c;
+function Fe({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
+  const r = (t.options ?? []).map(je), [i, o] = M(
+    () => new Set(Array.isArray(n) ? n : [])
+  ), l = (c) => {
+    s || o((p) => {
+      const f = new Set(p);
+      return f.has(c) ? f.delete(c) : f.add(c), f;
     });
   };
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(C, { name: "list-checks", size: 16, color: "#6366f1" }),
-      /* @__PURE__ */ e("span", { children: a.content })
+      /* @__PURE__ */ e(I, { name: "list-checks", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((i) => /* @__PURE__ */ d(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((c) => /* @__PURE__ */ d(
       "button",
       {
-        className: `sa-interrupt-option ${s.has(i.value) ? "sa-interrupt-option-selected" : ""}`,
-        onClick: () => o(i.value),
+        className: `sa-interrupt-option ${i.has(c.value) ? "sa-interrupt-option-selected" : ""}`,
+        disabled: s,
+        onClick: () => l(c.value),
         children: [
-          /* @__PURE__ */ e(C, { name: s.has(i.value) ? "square-check" : "square", size: 14 }),
-          /* @__PURE__ */ e("span", { children: i.label })
+          /* @__PURE__ */ e(I, { name: i.has(c.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e("span", { children: c.label })
         ]
       },
-      i.value
+      c.value
     )) }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
+    !s && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
-        disabled: s.size === 0,
-        onClick: () => t({ action: "submit", value: Array.from(s) }),
+        disabled: i.size === 0,
+        onClick: () => a({ action: "submit", value: Array.from(i) }),
         children: [
-          /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+          /* @__PURE__ */ e(I, { name: "check", size: 14 }),
           " 确认 (",
-          s.size,
+          i.size,
           ")"
         ]
       }
-    ) })
+    ) }),
+    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function De({ interrupt: a, onRespond: t }) {
-  const [r, s] = T(""), n = a.inputType ?? "text", o = n === "textarea", i = () => {
-    a.required && !r.trim() || t({ action: "submit", value: r.trim() });
+function We({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
+  const [r, i] = M(n ?? ""), o = t.inputType ?? "text", l = o === "textarea", c = () => {
+    s || t.required && !r.trim() || a({ action: "submit", value: r.trim() });
   };
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(C, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
-      /* @__PURE__ */ e("span", { children: a.content })
+      /* @__PURE__ */ e(I, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: o ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: l ? /* @__PURE__ */ e(
       "textarea",
       {
         className: "sa-interrupt-textarea",
         value: r,
-        onChange: (l) => s(l.target.value),
-        placeholder: a.placeholder,
-        maxLength: a.maxLength,
-        rows: 3
+        onChange: (p) => i(p.target.value),
+        placeholder: t.placeholder,
+        maxLength: t.maxLength,
+        rows: 3,
+        disabled: s
       }
     ) : /* @__PURE__ */ e(
       "input",
       {
         className: "sa-interrupt-input",
-        type: n,
+        type: o,
         value: r,
-        onChange: (l) => s(l.target.value),
-        placeholder: a.placeholder,
-        maxLength: a.maxLength,
-        onKeyDown: (l) => l.key === "Enter" && i()
+        onChange: (p) => i(p.target.value),
+        placeholder: t.placeholder,
+        maxLength: t.maxLength,
+        onKeyDown: (p) => p.key === "Enter" && c(),
+        disabled: s
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
+    !s && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
-        disabled: a.required ? !r.trim() : !1,
-        onClick: i,
+        disabled: t.required ? !r.trim() : !1,
+        onClick: c,
         children: [
-          /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+          /* @__PURE__ */ e(I, { name: "check", size: 14 }),
           " 提交"
         ]
       }
-    ) })
+    ) }),
+    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function Ee({ interrupt: a, onRespond: t }) {
-  const r = a.fields ?? [], [s, n] = T(() => {
-    const c = {};
-    for (const p of r)
-      c[p.name] = p.defaultValue ?? "";
-    return c;
-  }), o = (c, p) => {
-    n((f) => ({ ...f, [c]: p }));
-  }, i = r.every((c) => !c.required || s[c.name]), l = () => {
-    i && t({ action: "submit", value: s });
+function Ke({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
+  const r = t.fields ?? [], [i, o] = M(() => {
+    const f = {};
+    for (const h of r)
+      f[h.name] = (n == null ? void 0 : n[h.name]) ?? h.defaultValue ?? "";
+    return f;
+  }), l = (f, h) => {
+    s || o((w) => ({ ...w, [f]: h }));
+  }, c = !s && r.every((f) => !f.required || i[f.name]), p = () => {
+    c && a({ action: "submit", value: i });
   };
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(C, { name: "file-text", size: 16, color: "#6366f1" }),
-      /* @__PURE__ */ e("span", { children: a.content })
+      /* @__PURE__ */ e(I, { name: "file-text", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: r.map((c) => /* @__PURE__ */ d("div", { className: "sa-interrupt-form-field", children: [
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: r.map((f) => /* @__PURE__ */ d("div", { className: "sa-interrupt-form-field", children: [
       /* @__PURE__ */ d("label", { className: "sa-interrupt-form-label", children: [
-        c.label,
-        c.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
+        f.label,
+        f.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
       ] }),
-      Ae(c, s[c.name], (p) => o(c.name, p))
-    ] }, c.name)) }),
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !i, onClick: l, children: [
-        /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+      Ye(f, i[f.name], (h) => l(f.name, h), s)
+    ] }, f.name)) }),
+    !s && /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !c, onClick: p, children: [
+        /* @__PURE__ */ e(I, { name: "check", size: 14 }),
         " 提交"
       ] }),
-      /* @__PURE__ */ e("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: "取消" })
-    ] })
+      /* @__PURE__ */ e("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => a({ action: "cancel" }), children: "取消" })
+    ] }),
+    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function Ae(a, t, r) {
-  switch (a.type) {
+function se(t) {
+  return typeof t == "string" ? { value: t, label: t } : t;
+}
+function Ye(t, a, s, n) {
+  switch (t.type) {
     case "textarea":
-      return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: t, onChange: (s) => r(s.target.value), placeholder: a.placeholder, rows: 3 });
-    case "select":
-      return /* @__PURE__ */ d("select", { className: "sa-interrupt-select", value: t, onChange: (s) => r(s.target.value), children: [
+      return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: a, onChange: (r) => s(r.target.value), placeholder: t.placeholder, rows: 3, disabled: n });
+    case "select": {
+      const r = (t.options ?? []).map(se);
+      return /* @__PURE__ */ d("select", { className: "sa-interrupt-select", value: a, onChange: (i) => s(i.target.value), disabled: n, children: [
         /* @__PURE__ */ e("option", { value: "", children: "请选择" }),
-        (a.options ?? []).map((s) => /* @__PURE__ */ e("option", { value: s, children: s }, s))
+        r.map((i) => /* @__PURE__ */ e("option", { value: i.value, children: i.label }, i.value))
       ] });
+    }
+    case "multiSelect": {
+      const r = (t.options ?? []).map(se), i = Array.isArray(a) ? a : [], o = (l) => {
+        n || s(i.includes(l) ? i.filter((c) => c !== l) : [...i, l]);
+      };
+      return /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((l) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `sa-interrupt-option ${i.includes(l.value) ? "sa-interrupt-option-selected" : ""}`,
+          disabled: n,
+          onClick: () => o(l.value),
+          children: l.label
+        },
+        l.value
+      )) });
+    }
+    case "password":
+      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: "password", value: a, onChange: (r) => s(r.target.value), placeholder: t.placeholder, disabled: n });
     default:
-      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: a.type, value: t, onChange: (s) => r(s.target.value), placeholder: a.placeholder });
+      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: t.type === "number" ? "number" : t.type === "date" ? "date" : "text", value: a, onChange: (r) => s(r.target.value), placeholder: t.placeholder, disabled: n });
   }
 }
-function $e({ interrupt: a, resolved: t, response: r, onRespond: s }) {
-  if (t)
-    return /* @__PURE__ */ d("div", { className: "sa-interrupt-resolved", children: [
-      /* @__PURE__ */ e(C, { name: "circle-check", size: 14, color: "#10b981" }),
-      /* @__PURE__ */ e("span", { children: Pe(a.interruptType, r) })
-    ] });
-  switch (a.interruptType) {
+function Ue({ interrupt: t, resolved: a, response: s, onRespond: n }) {
+  const r = a, i = s == null ? void 0 : s.value;
+  switch (t.interruptType) {
     case "confirm":
-      return /* @__PURE__ */ e(ze, { interrupt: a, onRespond: s });
+      return /* @__PURE__ */ e(Pe, { interrupt: t, onRespond: n, disabled: r, answeredAction: s == null ? void 0 : s.action });
     case "approve":
-      return /* @__PURE__ */ e(Ie, { interrupt: a, onRespond: s });
+      return /* @__PURE__ */ e(He, { interrupt: t, onRespond: n, disabled: r, answeredAction: s == null ? void 0 : s.action });
     case "select":
-      return /* @__PURE__ */ e(Se, { interrupt: a, onRespond: s });
+      return /* @__PURE__ */ e(Be, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
     case "multiSelect":
-      return /* @__PURE__ */ e(Le, { interrupt: a, onRespond: s });
+      return /* @__PURE__ */ e(Fe, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
     case "input":
-      return /* @__PURE__ */ e(De, { interrupt: a, onRespond: s });
+      return /* @__PURE__ */ e(We, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
     case "form":
-      return /* @__PURE__ */ e(Ee, { interrupt: a, onRespond: s });
+      return /* @__PURE__ */ e(Ke, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
     default:
       return /* @__PURE__ */ d("div", { className: "sa-interrupt-unknown", children: [
         "未知的交互类型: ",
-        a.interruptType
+        t.interruptType
       ] });
   }
 }
-function Pe(a, t) {
-  if (!t) return "已完成";
-  switch (t.action) {
-    case "confirm":
-      return "已确认";
-    case "cancel":
-      return "已取消";
-    case "select":
-      return `已选择: ${t.value}`;
-    case "submit":
-      return "已提交";
-    case "approve":
-      return "已批准";
-    case "reject":
-      return "已拒绝";
-    case "skip":
-      return "已跳过";
-    default:
-      return "已完成";
-  }
-}
-const Oe = [
+const qe = [
   { value: 1, label: "事实错误" },
   { value: 2, label: "逻辑问题" },
   { value: 3, label: "不相关" },
@@ -1019,78 +1245,78 @@ const Oe = [
   { value: 5, label: "冗长啰嗦" },
   { value: 6, label: "难以理解" }
 ];
-function Re({ message: a, onCopy: t, onRegenerate: r }) {
-  const { status: s, feedback: n, cancelFeedback: o } = W(), [i, l] = T(null), [c, p] = T(!1), [f, u] = T(!1), h = F(null);
-  if (s !== "ready" && s !== "error") return null;
-  const w = I(() => {
-    t(), p(!0), setTimeout(() => p(!1), 2e3);
-  }, [t]), k = I(() => {
-    i === "like" ? (l(null), o(a.id)) : (l("like"), u(!1), n(a.id, "like"));
-  }, [i, a.id, n, o]), b = I(() => {
-    i === "dislike" ? (l(null), u(!1), o(a.id)) : u(!0);
-  }, [i, a.id, o]), v = I((g, N) => {
-    l("dislike"), u(!1), n(a.id, "dislike", { reason: g, remark: (N == null ? void 0 : N.trim()) || void 0 });
-  }, [a.id, n]), m = I(() => {
-    u(!1);
+function Ve({ message: t, onCopy: a, onRegenerate: s, onFeedback: n }) {
+  const { status: r, cancelFeedback: i } = Y(), [o, l] = M(null), [c, p] = M(!1), [f, h] = M(!1), w = _(null), u = C(() => {
+    a(), p(!0), setTimeout(() => p(!1), 2e3);
+  }, [a]), m = C(() => {
+    o === "like" ? (l(null), i(t.id)) : (l("like"), h(!1), n == null || n(t.id, "like"));
+  }, [o, t.id, n, i]), v = C(() => {
+    o === "dislike" ? (l(null), h(!1), i(t.id)) : h(!0);
+  }, [o, t.id, i]), S = C((A, x) => {
+    l("dislike"), h(!1), n == null || n(t.id, "dislike", { reason: A, remark: (x == null ? void 0 : x.trim()) || void 0 });
+  }, [t.id, n]), T = C(() => {
+    h(!1);
   }, []);
-  return R(() => {
+  return B(() => {
     if (!f) return;
-    const g = (S) => {
-      h.current && !h.current.contains(S.target) && u(!1);
-    }, N = (S) => {
-      S.key === "Escape" && u(!1);
+    const A = (z) => {
+      w.current && !w.current.contains(z.target) && h(!1);
+    }, x = (z) => {
+      z.key === "Escape" && h(!1);
     };
-    return document.addEventListener("mousedown", g), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", g), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", A), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", x);
     };
-  }, [f]), /* @__PURE__ */ d("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: w, title: "复制", children: [
-      /* @__PURE__ */ e(C, { name: c ? "circle-check" : "copy", size: 14 }),
+  }, [f]), r !== "ready" && r !== "error" ? null : /* @__PURE__ */ d("div", { className: "sa-action-bar", children: [
+    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: u, title: "复制", children: [
+      /* @__PURE__ */ e(I, { name: c ? "circle-check" : "copy", size: 14 }),
       " ",
       c ? "已复制" : "复制"
     ] }),
-    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: r, title: "重新生成", children: [
-      /* @__PURE__ */ e(C, { name: "refresh-cw", size: 14 }),
+    s && /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: s, title: "重新生成", children: [
+      /* @__PURE__ */ e(I, { 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: k,
-        title: "有用",
-        "aria-label": "点赞",
-        children: /* @__PURE__ */ e(C, { name: "thumbs-up", size: 14 })
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        className: `sa-action-btn ${i === "dislike" ? "sa-action-btn-active" : ""}`,
-        onClick: b,
-        title: "无用",
-        "aria-label": "踩",
-        "aria-expanded": f,
-        "aria-haspopup": "dialog",
-        children: /* @__PURE__ */ e(C, { name: "thumbs-down", size: 14 })
-      }
-    ),
-    f && /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(Be, { onSubmit: v, onCancel: m }) })
+    n && /* @__PURE__ */ d(q, { children: [
+      /* @__PURE__ */ e("span", { className: "sa-action-divider" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `sa-action-btn ${o === "like" ? "sa-action-btn-active" : ""}`,
+          onClick: m,
+          title: "有用",
+          "aria-label": "点赞",
+          children: /* @__PURE__ */ e(I, { name: "thumbs-up", size: 14 })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: `sa-action-btn ${o === "dislike" ? "sa-action-btn-active" : ""}`,
+          onClick: v,
+          title: "无用",
+          "aria-label": "踩",
+          "aria-expanded": f,
+          "aria-haspopup": "dialog",
+          children: /* @__PURE__ */ e(I, { name: "thumbs-down", size: 14 })
+        }
+      )
+    ] }),
+    f && /* @__PURE__ */ e("div", { ref: w, children: /* @__PURE__ */ e(Xe, { onSubmit: S, onCancel: T }) })
   ] });
 }
-function Be({ onSubmit: a, onCancel: t }) {
-  const [r, s] = T(void 0), [n, o] = T("");
+function Xe({ onSubmit: t, onCancel: a }) {
+  const [s, n] = M(void 0), [r, i] = M("");
   return /* @__PURE__ */ d("div", { className: "sa-dislike-panel", children: [
     /* @__PURE__ */ e("div", { className: "sa-dislike-panel-title", children: "请选择不满意的原因（可选）" }),
-    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: Oe.map((i) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: qe.map((o) => /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-dislike-reason-btn ${r === i.value ? "active" : ""}`,
-        onClick: () => s(r === i.value ? void 0 : i.value),
-        children: i.label
+        className: `sa-dislike-reason-btn ${s === o.value ? "active" : ""}`,
+        onClick: () => n(s === o.value ? void 0 : o.value),
+        children: o.label
       },
-      i.value
+      o.value
     )) }),
     /* @__PURE__ */ e(
       "textarea",
@@ -1098,235 +1324,381 @@ function Be({ onSubmit: a, onCancel: t }) {
         className: "sa-dislike-remark",
         placeholder: "补充描述（选填，≤500 字）",
         maxLength: 500,
-        value: n,
-        onChange: (i) => o(i.target.value),
+        value: r,
+        onChange: (o) => i(o.target.value),
         rows: 2
       }
     ),
     /* @__PURE__ */ d("div", { className: "sa-dislike-actions", children: [
-      /* @__PURE__ */ e("button", { className: "sa-dislike-submit", onClick: () => a(r, n || void 0), children: "提交" }),
-      /* @__PURE__ */ e("button", { className: "sa-dislike-cancel", onClick: t, children: "取消" })
+      /* @__PURE__ */ e("button", { className: "sa-dislike-submit", onClick: () => t(s, r || void 0), children: "提交" }),
+      /* @__PURE__ */ e("button", { className: "sa-dislike-cancel", onClick: a, children: "取消" })
     ] })
   ] });
 }
-function Z({ src: a, role: t }) {
-  const r = 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: r });
+function ne({ src: t, role: a }) {
+  const s = 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: s });
 }
-function Fe({ message: a, isStreaming: t, isLast: r, slots: s, avatar: n, artifactPreview: o }) {
-  const { regenerate: i, feedback: l, respondToInterrupt: c } = W(), p = I(() => {
-    var N;
-    const g = a.parts.filter((S) => S.type === "text").map((S) => S.content).join(`
+function Ge({
+  message: t,
+  isStreaming: a,
+  isLast: s,
+  slots: n,
+  avatar: r,
+  artifactPreview: i
+}) {
+  const { regenerate: o, feedback: l, respondToInterrupt: c } = Y(), p = C(() => {
+    var z;
+    const x = t.parts.filter(($) => $.type === "text").map(($) => $.content).join(`
 `);
-    (N = navigator.clipboard) == null || N.writeText(g).catch(() => {
+    (z = navigator.clipboard) == null || z.writeText(x).catch(() => {
     });
-  }, [a]), f = a.role === "user", u = s.Message;
-  if (u)
+  }, [t]), f = t.role === "user", h = n.Message;
+  if (h)
     return /* @__PURE__ */ e(
-      u,
+      h,
       {
-        message: a,
-        isStreaming: t,
-        isLast: r,
-        avatar: n,
-        slots: s,
+        message: t,
+        isStreaming: a,
+        isLast: s,
+        avatar: r,
+        slots: n,
         onCopy: p,
-        onRegenerate: i,
+        onRegenerate: o,
         onFeedback: l
       }
     );
-  const h = s.TextPart ?? ve, w = s.ThinkingPart ?? we, k = s.ToolCallPart ?? ye, b = s.ToolResultPart ?? Ce, v = s.ErrorPart ?? Ne, m = s.ActionBar ?? Re;
-  return /* @__PURE__ */ d("div", { className: `sa-message ${f ? "sa-message-user" : "sa-message-assistant"}`, children: [
-    !f && /* @__PURE__ */ e(Z, { src: n == null ? void 0 : n.assistant, role: "assistant" }),
-    /* @__PURE__ */ d("div", { className: "sa-message-body", children: [
-      a.parts.map((g, N) => {
-        switch (g.type) {
-          case "text":
-            return /* @__PURE__ */ e(h, { content: g.content }, N);
-          case "thinking":
-            return /* @__PURE__ */ e(w, { content: g.content }, N);
-          case "tool_call":
-            return /* @__PURE__ */ e(k, { toolName: g.toolName, toolCallId: g.toolCallId, args: g.args }, N);
-          case "tool_result":
-            return /* @__PURE__ */ e(b, { toolName: g.toolName, toolCallId: g.toolCallId, content: g.content, artifacts: g.artifacts, renderMode: g.renderMode, html: g.html, artifactPreview: o }, N);
-          case "error":
-            return /* @__PURE__ */ e(v, { content: g.content, onRetry: i }, N);
-          case "interrupt":
-            return /* @__PURE__ */ e(
-              $e,
+  const w = n.TextPart ?? De, u = n.ThinkingPart ?? Le, m = n.ToolCallPart ?? Ee, v = n.ToolResultPart ?? Re, S = n.ErrorPart ?? Oe, T = n.ActionBar ?? Ve, A = !f && t.parts.some((x) => x.type === "text" && x.content);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `sa-message ${f ? "sa-message-user" : "sa-message-assistant"}`,
+      children: [
+        !f && /* @__PURE__ */ e(ne, { src: r == null ? void 0 : r.assistant, role: "assistant" }),
+        /* @__PURE__ */ d("div", { className: "sa-message-content", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `sa-message-time ${f ? "sa-message-time-right" : ""}`,
+              children: pe(t.timestamp)
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "sa-message-body", children: [
+            t.parts.map((x, z) => {
+              switch (x.type) {
+                case "text":
+                  return /* @__PURE__ */ e(w, { content: x.content }, z);
+                case "thinking":
+                  return /* @__PURE__ */ e(u, { content: x.content }, z);
+                case "tool_call":
+                  return /* @__PURE__ */ e(
+                    m,
+                    {
+                      toolName: x.toolName,
+                      toolCallId: x.toolCallId,
+                      args: x.args
+                    },
+                    z
+                  );
+                case "tool_result":
+                  return /* @__PURE__ */ e(
+                    v,
+                    {
+                      toolName: x.toolName,
+                      toolCallId: x.toolCallId,
+                      content: x.content,
+                      artifacts: x.artifacts,
+                      renderMode: x.renderMode,
+                      html: x.html,
+                      artifactPreview: i
+                    },
+                    z
+                  );
+                case "error":
+                  return /* @__PURE__ */ e(
+                    S,
+                    {
+                      content: x.content,
+                      onRetry: o
+                    },
+                    z
+                  );
+                case "interrupt":
+                  return /* @__PURE__ */ e(
+                    Ue,
+                    {
+                      interrupt: x.interrupt,
+                      resolved: x.resolved ?? !1,
+                      response: x.response,
+                      onRespond: ($) => c(x.interrupt.interruptId, $)
+                    },
+                    z
+                  );
+                default:
+                  return null;
+              }
+            }),
+            a && s && !f && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
+            !f && !a && A && /* @__PURE__ */ e(
+              T,
               {
-                interrupt: g.interrupt,
-                resolved: g.resolved ?? !1,
-                response: g.response,
-                onRespond: (S) => c(g.interrupt.interruptId, S)
-              },
-              N
-            );
-          default:
-            return null;
-        }
-      }),
-      t && r && !f && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
-      !f && !t && a.parts.length > 0 && /* @__PURE__ */ e(m, { message: a, onCopy: p, onRegenerate: i, onFeedback: l })
-    ] }),
-    f && /* @__PURE__ */ e(Z, { src: n == null ? void 0 : n.user, role: "user" })
-  ] });
+                message: t,
+                onCopy: p,
+                onRegenerate: s ? o : void 0,
+                onFeedback: l
+              }
+            )
+          ] })
+        ] }),
+        f && /* @__PURE__ */ e(ne, { src: r == null ? void 0 : r.user, role: "user" })
+      ]
+    }
+  );
 }
-function He({ message: a, suggestedPrompts: t, onPromptClick: r }) {
+function Je({ message: t, suggestedPrompts: a, onPromptClick: s }) {
   return /* @__PURE__ */ d("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: a || "你好！有什么可以帮你的？" }),
-    t && t.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: t.map((s, n) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ e(I, { 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((n, r) => /* @__PURE__ */ e(
       "button",
       {
         className: "sa-welcome-prompt",
-        onClick: () => r(s),
-        children: s
+        onClick: () => s(n),
+        children: n
       },
-      n
+      r
     )) })
   ] });
 }
-function re({ slots: a, welcomeMessage: t, suggestedPrompts: r, avatar: s, artifactPreview: n }) {
-  const { messages: o, status: i, sendMessage: l } = W(), { containerRef: c } = ge([o]), p = i === "streaming", f = a.WelcomeScreen ?? He;
-  return o.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: /* @__PURE__ */ e(
+function fe({ slots: t, welcomeMessage: a, suggestedPrompts: s, avatar: n, artifactPreview: r }) {
+  const { messages: i, status: o, sendMessage: l } = Y(), { containerRef: c } = Te([i]), p = o === "streaming", f = t.WelcomeScreen ?? Je;
+  return i.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: /* @__PURE__ */ e(
     f,
     {
-      message: t,
-      suggestedPrompts: r,
+      message: a,
+      suggestedPrompts: s,
       onPromptClick: l
     }
-  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: o.map((u, h) => /* @__PURE__ */ e(
-    Fe,
+  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: i.map((h, w) => /* @__PURE__ */ e(
+    Ge,
     {
-      message: u,
+      message: h,
       isStreaming: p,
-      isLast: h === o.length - 1,
-      slots: a,
-      avatar: s,
-      artifactPreview: n
+      isLast: w === i.length - 1,
+      slots: t,
+      avatar: n,
+      artifactPreview: r
+    },
+    h.id
+  )) });
+}
+function Ze({ items: t, activeIndex: a, onSelect: s }) {
+  const n = _(null);
+  return B(() => {
+    var i;
+    const r = (i = n.current) == null ? void 0 : i.children[a];
+    r == null || r.scrollIntoView({ block: "nearest" });
+  }, [a]), t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-slash-menu", children: /* @__PURE__ */ e("div", { className: "sa-slash-menu-empty", children: "没有匹配的技能" }) }) : /* @__PURE__ */ e("div", { className: "sa-slash-menu", ref: n, children: t.map((r, i) => /* @__PURE__ */ d(
+    "div",
+    {
+      className: `sa-slash-menu-item${i === a ? " sa-slash-menu-item--active" : ""}`,
+      onMouseDown: (o) => {
+        o.preventDefault(), s(r);
+      },
+      children: [
+        /* @__PURE__ */ d("span", { className: "sa-slash-menu-item-name", children: [
+          "/",
+          r.name
+        ] }),
+        (r.displayName || r.description) && /* @__PURE__ */ e("span", { className: "sa-slash-menu-item-desc", children: r.displayName || r.description })
+      ]
     },
-    u.id
+    r.code
   )) });
 }
-function se() {
-  const { status: a, sendMessage: t, stop: r } = W(), [s, n] = T(""), o = F(null), i = a === "streaming" || a === "submitted", l = I(() => {
-    const f = s.trim();
-    !f || i || (t(f), n(""), o.current && (o.current.style.height = "auto"));
-  }, [s, i, t]), c = I((f) => {
-    f.key === "Enter" && !f.shiftKey && (f.preventDefault(), l());
-  }, [l]), p = I((f) => {
-    n(f.target.value);
-    const u = f.target;
-    u.style.height = "auto", u.style.height = Math.min(u.scrollHeight, 120) + "px";
+function Qe({ sdk: t, input: a, onSelect: s }) {
+  const [n, r] = M([]), [i, o] = M(!1), [l, c] = M(0), p = _(!1);
+  B(() => {
+    p.current || (p.current = !0, t.listSkills().then(r).catch(() => r([])));
+  }, [t]);
+  const f = /^\/\S*$/.test(a);
+  B(() => {
+    o(f);
+  }, [f]), B(() => {
+    f && c(0);
+  }, [a, f]);
+  const h = a.startsWith("/") ? a.slice(1).toLowerCase() : "", w = J(
+    () => n.filter(
+      (x) => !h || x.code.toLowerCase().includes(h) || x.name.toLowerCase().includes(h) || x.displayName && x.displayName.toLowerCase().includes(h)
+    ),
+    [n, h]
+  ), u = _(i), m = _(w), v = _(l), S = _(s);
+  u.current = i, m.current = w, v.current = l, S.current = s;
+  const T = C((x) => {
+    if (!u.current || m.current.length === 0) return !1;
+    switch (x.key) {
+      case "ArrowDown":
+        return x.preventDefault(), c((z) => (z + 1) % m.current.length), !0;
+      case "ArrowUp":
+        return x.preventDefault(), c((z) => (z - 1 + m.current.length) % m.current.length), !0;
+      case "Enter":
+      case "Tab":
+        return x.preventDefault(), S.current(m.current[v.current]), o(!1), !0;
+      case "Escape":
+        return x.preventDefault(), o(!1), !0;
+      default:
+        return !1;
+    }
+  }, []), A = C(() => o(!1), []);
+  return { isOpen: i, items: w, activeIndex: l, handleKeyDown: T, close: A };
+}
+function ue() {
+  const { status: t, sendMessage: a, stop: s, sdk: n } = Y(), [r, i] = M(""), o = _(null), l = t === "streaming" || t === "submitted", c = C((u) => {
+    i(`/${u.name} `), setTimeout(() => {
+      const m = o.current;
+      m && (m.focus(), m.selectionStart = m.selectionEnd = m.value.length);
+    }, 0);
+  }, []), p = Qe({
+    sdk: n,
+    input: r,
+    onSelect: c
+  }), f = C(() => {
+    const u = r.trim();
+    !u || l || (a(u), i(""), o.current && (o.current.style.height = "auto"));
+  }, [r, l, a]), h = C((u) => {
+    p.handleKeyDown(u) || u.key === "Enter" && !u.shiftKey && (u.preventDefault(), f());
+  }, [f, p.handleKeyDown]), w = C((u) => {
+    i(u.target.value);
+    const m = u.target;
+    m.style.height = "auto", m.style.height = Math.min(m.scrollHeight, 120) + "px";
   }, []);
   return /* @__PURE__ */ d("div", { className: "sa-composer", children: [
+    p.isOpen && /* @__PURE__ */ e(
+      Ze,
+      {
+        items: p.items,
+        activeIndex: p.activeIndex,
+        onSelect: c
+      }
+    ),
     /* @__PURE__ */ e(
       "textarea",
       {
         ref: o,
         className: "sa-composer-input",
-        value: s,
-        onChange: p,
-        onKeyDown: c,
-        placeholder: "输入消息...",
+        value: r,
+        onChange: w,
+        onKeyDown: h,
+        placeholder: l ? "回答生成中..." : "输入消息，按 / 选择技能...",
         rows: 1,
-        disabled: a === "submitted"
+        disabled: l
       }
     ),
-    i ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: r, title: "停止", children: /* @__PURE__ */ e(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
+    l ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: s, title: "停止", children: /* @__PURE__ */ e(I, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
       "button",
       {
         className: "sa-composer-send",
-        onClick: l,
-        disabled: !s.trim(),
+        onClick: f,
+        disabled: !r.trim(),
         title: "发送",
-        children: /* @__PURE__ */ e(C, { name: "arrow-up", size: 16, color: "#fff" })
+        children: /* @__PURE__ */ e(I, { name: "arrow-up", size: 16, color: "#fff" })
       }
     )
   ] });
 }
-function je({ artifact: a }) {
-  const [t, r] = Y.useState(null), [s, n] = Y.useState(!0), [o, i] = Y.useState(null);
-  return Y.useEffect(() => {
+function et({ artifact: t }) {
+  const [a, s] = V.useState(null), [n, r] = V.useState(!0), [i, o] = V.useState(null);
+  return V.useEffect(() => {
     let l = !1;
-    n(!0), i(null), r(null);
+    r(!0), o(null), s(null);
     async function c() {
       try {
-        if (a.type === "pdf") {
-          l || n(!1);
+        if (t.type === "pdf") {
+          l || r(!1);
           return;
         }
-        if (a.type === "html") {
-          const p = await fetch(a.url);
+        if (t.type === "html") {
+          const p = await fetch(t.url);
           if (!p.ok) throw new Error(`HTTP ${p.status}`);
-          const f = await p.text(), u = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (r(u.sanitize(f, { FORCE_BODY: !0 })), n(!1));
+          const f = await p.text(), h = (await import("./purify.es-C-6FFqDW.js")).default;
+          l || (s(h.sanitize(f, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
           return;
         }
-        if (a.type === "docx") {
-          const p = await fetch(a.url);
+        if (t.type === "docx") {
+          const p = await fetch(t.url);
           if (!p.ok) throw new Error(`HTTP ${p.status}`);
-          const f = await p.arrayBuffer(), h = await (await import("./mammoth.browser-COPV53yV.js").then((k) => k.m)).convertToHtml({ arrayBuffer: f }), w = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (r(w.sanitize(h.value, { FORCE_BODY: !0 })), n(!1));
+          const f = await p.arrayBuffer(), w = await (await import("./mammoth.browser-COPV53yV.js").then((m) => m.m)).convertToHtml({ arrayBuffer: f }), u = (await import("./purify.es-C-6FFqDW.js")).default;
+          l || (s(u.sanitize(w.value, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
           return;
         }
-        l || (n(!1), i(`不支持预览「${a.type}」类型`));
+        l || (r(!1), o(`不支持预览「${t.type}」类型`));
       } catch (p) {
-        l || (n(!1), i(p instanceof Error ? p.message : "加载失败"));
+        l || (r(!1), o(p instanceof Error ? p.message : "加载失败"));
       }
     }
     return c(), () => {
       l = !0;
     };
-  }, [a]), s ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : o ? /* @__PURE__ */ d("div", { className: "sa-drawer-preview-error", children: [
-    o,
-    /* @__PURE__ */ e("button", { className: "sa-drawer-btn-sm", onClick: () => void U(a), children: "下载查看" })
-  ] }) : a.type === "pdf" ? /* @__PURE__ */ e("iframe", { src: a.url, title: a.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-scripts" }) : t !== null ? /* @__PURE__ */ e("iframe", { srcDoc: t, title: a.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-same-origin" }) : null;
+  }, [t]), n ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : i ? /* @__PURE__ */ d("div", { className: "sa-drawer-preview-error", children: [
+    i,
+    /* @__PURE__ */ e("button", { className: "sa-drawer-btn-sm", onClick: () => void Z(t), children: "下载查看" })
+  ] }) : t.type === "pdf" ? /* @__PURE__ */ e("iframe", { src: t.url, title: t.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-scripts" }) : a !== null ? /* @__PURE__ */ e("iframe", { srcDoc: a, title: t.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-same-origin" }) : null;
 }
-function ne({ artifacts: a, initialArtifact: t, onClose: r }) {
-  const [s, n] = T(
-    t ? { mode: "preview", artifact: t } : { mode: "list" }
-  ), [o, i] = T(!1), l = F(null), [c, p] = T(340), f = F(null);
-  R(() => {
-    t && (l.current && (clearTimeout(l.current), l.current = null, i(!1)), n({ mode: "preview", artifact: t }));
-  }, [t]);
-  const u = I(() => {
-    i(!0), l.current = setTimeout(() => {
-      l.current = null, r();
+function me({ artifacts: t, initialArtifact: a, onClose: s }) {
+  const [n, r] = M(
+    a ? { mode: "preview", artifact: a } : { mode: "list" }
+  ), [i, o] = M(!1), l = _(null), [c, p] = M(340), f = _(null);
+  B(() => {
+    a && (l.current && (clearTimeout(l.current), l.current = null, o(!1)), r({ mode: "preview", artifact: a }));
+  }, [a]);
+  const h = C(() => {
+    o(!0), l.current = setTimeout(() => {
+      l.current = null, s();
     }, 240);
-  }, [r]);
-  R(() => () => {
-    var b;
-    l.current && clearTimeout(l.current), (b = f.current) == null || b.call(f);
+  }, [s]);
+  B(() => () => {
+    var v;
+    l.current && clearTimeout(l.current), (v = f.current) == null || v.call(f);
   }, []);
-  const h = I((b) => {
-    n({ mode: "preview", artifact: b });
-  }, []), w = I(() => {
-    n({ mode: "list" });
+  const w = C((v) => {
+    r({ mode: "preview", artifact: v });
+  }, []), u = C(() => {
+    r({ mode: "list" });
   }, []);
-  R(() => {
-    const b = (v) => {
-      v.key === "Escape" && u();
+  B(() => {
+    const v = (S) => {
+      S.key === "Escape" && h();
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [u]);
-  const k = I((b) => {
-    b.preventDefault();
-    const v = b.clientX, m = c, g = (S) => {
-      const L = v - S.clientX;
-      p(Math.max(240, Math.min(window.innerWidth * 0.7, m + L)));
-    }, N = () => {
-      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", N), document.body.style.cursor = "", document.body.style.userSelect = "", f.current = null;
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+  }, [h]);
+  const m = C((v) => {
+    v.preventDefault();
+    const S = v.clientX, T = c, A = (z) => {
+      const $ = S - z.clientX;
+      p(Math.max(240, Math.min(window.innerWidth * 0.7, T + $)));
+    }, x = () => {
+      document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", x), document.body.style.cursor = "", document.body.style.userSelect = "", f.current = null;
     };
-    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", g), document.addEventListener("mouseup", N), f.current = N;
+    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", A), document.addEventListener("mouseup", x), f.current = x;
   }, [c]);
-  return /* @__PURE__ */ d("div", { className: `sa-artifact-drawer ${o ? "sa-drawer-closing" : ""}`, style: { width: c }, children: [
-    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: k }),
+  return /* @__PURE__ */ d("div", { className: `sa-artifact-drawer ${i ? "sa-drawer-closing" : ""}`, style: { width: c }, children: [
+    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: m }),
     /* @__PURE__ */ d("div", { className: "sa-artifact-drawer-header", children: [
-      s.mode === "preview" ? /* @__PURE__ */ d(q, { children: [
-        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: w, title: "返回列表", "aria-label": "返回列表", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M15 18l-6-6 6-6" }) }) }),
-        /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: s.artifact.filename })
+      n.mode === "preview" ? /* @__PURE__ */ d(q, { children: [
+        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: u, title: "返回列表", "aria-label": "返回列表", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M15 18l-6-6 6-6" }) }) }),
+        /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: n.artifact.filename })
       ] }) : /* @__PURE__ */ d(q, { children: [
         /* @__PURE__ */ d("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { flexShrink: 0 }, children: [
           /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
@@ -1335,255 +1707,419 @@ function ne({ artifacts: a, initialArtifact: t, onClose: r }) {
         /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: "会话产物" })
       ] }),
       /* @__PURE__ */ e("div", { style: { flex: 1 } }),
-      s.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void U(s.artifact), title: "下载", "aria-label": "下载", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) }) }),
-      /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: u, title: "关闭", "aria-label": "关闭", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
+      n.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void Z(n.artifact), title: "下载", "aria-label": "下载", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) }) }),
+      /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: h, title: "关闭", "aria-label": "关闭", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: s.mode === "list" ? a.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-drawer-empty", children: "暂无产物" }) : /* @__PURE__ */ e("ul", { className: "sa-drawer-file-list", role: "list", children: a.map((b, v) => /* @__PURE__ */ d(
+    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: n.mode === "list" ? t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-drawer-empty", children: "暂无产物" }) : /* @__PURE__ */ e("ul", { className: "sa-drawer-file-list", role: "list", children: t.map((v, S) => /* @__PURE__ */ d(
       "li",
       {
         className: "sa-drawer-file-card",
-        onClick: () => h(b),
-        onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), h(b));
+        onClick: () => w(v),
+        onKeyDown: (T) => {
+          (T.key === "Enter" || T.key === " ") && (T.preventDefault(), w(v));
         },
         tabIndex: 0,
         role: "button",
-        "aria-label": `预览 ${b.filename}`,
+        "aria-label": `预览 ${v.filename}`,
         children: [
-          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: ee(b.type) }) }),
+          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: le(v.type) }) }),
           /* @__PURE__ */ d("div", { className: "sa-drawer-file-info", children: [
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: b.filename }),
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: Q(b.size) })
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: v.filename }),
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: oe(v.size) })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
               className: "sa-drawer-btn",
               title: "下载",
-              "aria-label": `下载 ${b.filename}`,
-              onClick: (m) => {
-                m.stopPropagation(), U(b);
+              "aria-label": `下载 ${v.filename}`,
+              onClick: (T) => {
+                T.stopPropagation(), Z(v);
               },
               children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) })
             }
           )
         ]
       },
-      b.id || `artifact-${v}`
-    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(je, { artifact: s.artifact }) }) })
+      v.id || `artifact-${S}`
+    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(et, { artifact: n.artifact }) }) })
   ] });
 }
-function _e({ isOpen: a, onClose: t, title: r, slots: s, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }) {
-  const { status: c, sendMessage: p, stop: f, toggleThreadList: u, toggleArtifactDrawer: h, conversations: w, activeConversationId: k, switchConversation: b, newConversation: v, deleteConversation: m, renameConversation: g, isThreadListOpen: N, isArtifactDrawerOpen: S, allArtifacts: L, activePreviewArtifact: O } = W();
-  if (!a) return null;
-  const y = s.Header, D = s.Composer, P = s.ThreadList;
+function tt({ isOpen: t, onClose: a, title: s, slots: n, welcomeMessage: r, suggestedPrompts: i, avatar: o, artifactPreview: l }) {
+  const { status: c, sendMessage: p, stop: f, toggleThreadList: h, toggleArtifactDrawer: w, conversations: u, activeConversationId: m, switchConversation: v, newConversation: S, deleteConversation: T, renameConversation: A, isThreadListOpen: x, isArtifactDrawerOpen: z, allArtifacts: $, activePreviewArtifact: P, messagesLoading: N } = Y();
+  if (!t) return null;
+  const R = n.Header, y = n.Composer, g = n.ThreadList;
   return /* @__PURE__ */ d("div", { className: "sa-panel", children: [
-    y ? /* @__PURE__ */ e(y, { title: r, onClose: t, onToggleThreadList: u }) : /* @__PURE__ */ e(
-      ue,
+    R ? /* @__PURE__ */ e(R, { title: s, onClose: a, onToggleThreadList: h }) : /* @__PURE__ */ e(
+      ze,
       {
-        title: r,
-        onClose: t,
-        onToggleThreadList: u,
-        artifactCount: l ? L.length : 0,
-        onToggleArtifactDrawer: l ? h : void 0
+        title: s,
+        onClose: a,
+        onToggleThreadList: h,
+        artifactCount: l ? $.length : 0,
+        onToggleArtifactDrawer: l ? w : void 0
       }
     ),
-    P && N ? /* @__PURE__ */ e(
-      P,
+    g && x ? /* @__PURE__ */ e(
+      g,
       {
-        conversations: w,
-        activeSessionId: k,
-        onSwitch: b,
-        onNew: v,
-        onDelete: m,
-        onRename: g
+        conversations: u,
+        activeSessionId: m,
+        onSwitch: v,
+        onNew: S,
+        onDelete: T,
+        onRename: A
       }
-    ) : /* @__PURE__ */ e(he, {}),
+    ) : /* @__PURE__ */ e(Se, {}),
     /* @__PURE__ */ d("div", { className: "sa-panel-content", children: [
-      /* @__PURE__ */ e(re, { slots: s, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }),
-      l && S && /* @__PURE__ */ e(ne, { artifacts: L, initialArtifact: O, onClose: h })
+      N ? /* @__PURE__ */ d("div", { className: "sa-messages-loading", children: [
+        /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
+        "加载对话..."
+      ] }) : /* @__PURE__ */ e(fe, { slots: n, welcomeMessage: r, suggestedPrompts: i, avatar: o, artifactPreview: l }),
+      l && z && /* @__PURE__ */ e(me, { artifacts: $, initialArtifact: P, onClose: w })
     ] }),
-    D ? /* @__PURE__ */ e(D, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
+    y ? /* @__PURE__ */ e(y, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(ue, {})
   ] });
 }
-function We({
-  conversations: a,
-  activeSessionId: t,
-  onSwitch: r,
-  onNew: s,
-  onDelete: n,
+function at({
+  conversations: t,
+  activeSessionId: a,
+  onSwitch: s,
+  onNew: n,
+  onDelete: r,
+  onRename: i,
   isCollapsed: o,
-  onToggleCollapse: i
+  onToggleCollapse: l,
+  hasMore: c,
+  onLoadMore: p,
+  conversationsLoading: f
 }) {
-  const [l, c] = T(null), [p, f] = T(null), u = I((w, k) => {
-    k.stopPropagation(), p === w ? (n(w), f(null)) : (f(w), setTimeout(() => f(null), 3e3));
-  }, [p, n]), h = (() => {
-    const w = Date.now(), k = [], b = [], v = [];
-    for (const g of a) {
-      const N = w - new Date(g.updateTime).getTime();
-      N < 864e5 ? k.push(g) : N < 6048e5 ? b.push(g) : v.push(g);
+  const [h, w] = M(null), [u, m] = M(null), [v, S] = M(null), [T, A] = M(""), x = C(
+    (y, g) => {
+      g.stopPropagation(), u === y ? (r(y), m(null)) : (m(y), setTimeout(() => m(null), 3e3));
+    },
+    [u, r]
+  ), z = C(
+    (y, g, E) => {
+      E.stopPropagation(), S(y), A(g ?? "");
+    },
+    []
+  ), $ = C(
+    (y) => {
+      T.trim() && i(y, T.trim()), S(null);
+    },
+    [T, i]
+  ), P = _(null), N = C(() => {
+    const y = P.current;
+    !y || !c || !p || y.scrollHeight - y.scrollTop - y.clientHeight < 50 && p();
+  }, [c, p]), R = (() => {
+    const y = Date.now(), g = [], E = [], L = [];
+    for (const O of t) {
+      const b = y - new Date(O.updateTime).getTime();
+      b < 864e5 ? g.push(O) : b < 6048e5 ? E.push(O) : L.push(O);
     }
-    const m = [];
-    return k.length && m.push({ label: "今天", items: k }), b.length && m.push({ label: "最近 7 天", items: b }), v.length && m.push({ label: "更早", items: v }), m;
+    const k = [];
+    return g.length && k.push({ label: "今天", items: g }), E.length && k.push({ label: "最近 7 天", items: E }), L.length && k.push({ label: "更早", items: L }), k;
   })();
   return o ? /* @__PURE__ */ d("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
-    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: i, 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__ */ e(
+      "button",
+      {
+        className: "sa-fp-sidebar-toggle",
+        onClick: l,
+        title: "展开",
+        children: /* @__PURE__ */ e(I, { name: "panel-left", size: 18 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: "sa-fp-sidebar-toggle",
+        onClick: () => {
+          n(), l();
+        },
+        title: "新会话",
+        style: { marginTop: 4 },
+        children: /* @__PURE__ */ e(I, { name: "plus", size: 18 })
+      }
+    )
   ] }) : /* @__PURE__ */ d("div", { className: "sa-fp-sidebar", children: [
     /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-header", children: [
-      /* @__PURE__ */ d("button", { className: "sa-fp-sidebar-new", onClick: s, children: [
-        /* @__PURE__ */ e(C, { name: "plus", size: 15 }),
+      /* @__PURE__ */ d("button", { className: "sa-fp-sidebar-new", onClick: n, children: [
+        /* @__PURE__ */ e(I, { name: "plus", size: 15 }),
         " ",
         /* @__PURE__ */ e("span", { children: "新会话" })
       ] }),
-      /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: i, title: "收起侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left-close", size: 18 }) })
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "sa-fp-sidebar-toggle",
+          onClick: l,
+          title: "收起侧边栏",
+          children: /* @__PURE__ */ e(I, { name: "panel-left-close", size: 18 })
+        }
+      )
     ] }),
-    /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-list", children: [
-      a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
-      h.map((w) => /* @__PURE__ */ d("div", { children: [
-        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: w.label }),
-        w.items.map((k) => {
-          const b = k.sessionId === t, v = l === k.sessionId, m = p === k.sessionId;
+    /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-list", ref: P, onScroll: N, children: [
+      f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: "加载中..." }),
+      !f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
+      R.map((y) => /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: y.label }),
+        y.items.map((g) => {
+          const E = g.sessionId === a, L = h === g.sessionId, k = u === g.sessionId;
           return /* @__PURE__ */ d(
             "div",
             {
-              className: `sa-fp-sidebar-item ${b ? "active" : ""}`,
-              onClick: () => r(k.sessionId),
-              onMouseEnter: () => c(k.sessionId),
-              onMouseLeave: () => c(null),
+              className: `sa-fp-sidebar-item ${E ? "active" : ""}`,
+              onClick: () => {
+                v !== g.sessionId && s(g.sessionId);
+              },
+              onMouseEnter: () => w(g.sessionId),
+              onMouseLeave: () => w(null),
               children: [
-                /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: k.title || "新会话" }),
-                v && /* @__PURE__ */ e(
-                  "button",
+                v === g.sessionId ? /* @__PURE__ */ e(
+                  "input",
                   {
-                    className: `sa-fp-sidebar-item-action ${m ? "danger" : ""}`,
-                    onClick: (g) => u(k.sessionId, g),
-                    title: m ? "确认删除" : "删除",
-                    children: /* @__PURE__ */ e(C, { name: m ? "x" : "trash2", size: 14 })
+                    className: "sa-fp-sidebar-item-edit",
+                    value: T,
+                    onChange: (O) => A(O.target.value),
+                    onBlur: () => $(g.sessionId),
+                    onKeyDown: (O) => {
+                      O.key === "Enter" && $(g.sessionId), O.key === "Escape" && S(null);
+                    },
+                    onClick: (O) => O.stopPropagation(),
+                    autoFocus: !0
+                  }
+                ) : /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: g.title || "新会话" }),
+                /* @__PURE__ */ d(
+                  "div",
+                  {
+                    className: `sa-fp-sidebar-item-actions ${L && v !== g.sessionId ? "visible" : ""}`,
+                    children: [
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          className: "sa-fp-sidebar-item-action",
+                          onClick: (O) => z(g.sessionId, g.title, O),
+                          title: "重命名",
+                          children: /* @__PURE__ */ e(I, { name: "pen", size: 14 })
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          className: `sa-fp-sidebar-item-action ${k ? "danger" : ""}`,
+                          onClick: (O) => x(g.sessionId, O),
+                          title: k ? "确认删除" : "删除",
+                          children: /* @__PURE__ */ e(I, { name: k ? "x" : "trash2", size: 14 })
+                        }
+                      )
+                    ]
                   }
                 )
               ]
             },
-            k.sessionId
+            g.sessionId
           );
         })
-      ] }, w.label))
+      ] }, y.label)),
+      c && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: "加载更多..." })
     ] })
   ] });
 }
-function Ye({ title: a, slots: t, welcomeMessage: r, suggestedPrompts: s, sidebarDefaultOpen: n = !0, onClose: o, avatar: i, artifactPreview: l }) {
+function rt({
+  title: t,
+  slots: a,
+  welcomeMessage: s,
+  suggestedPrompts: n,
+  sidebarDefaultOpen: r = !0,
+  onClose: i,
+  avatar: o,
+  artifactPreview: l
+}) {
   const {
     status: c,
     sendMessage: p,
     stop: f,
-    conversations: u,
-    activeConversationId: h,
-    switchConversation: w,
-    newConversation: k,
-    deleteConversation: b,
-    renameConversation: v,
-    toggleArtifactDrawer: m,
-    isArtifactDrawerOpen: g,
-    allArtifacts: N,
-    activePreviewArtifact: S
-  } = W(), [L, O] = T(n), y = I(() => O((M) => !M), []), D = t.ThreadList, P = t.Composer;
+    conversations: h,
+    activeConversationId: w,
+    switchConversation: u,
+    newConversation: m,
+    deleteConversation: v,
+    renameConversation: S,
+    toggleArtifactDrawer: T,
+    isArtifactDrawerOpen: A,
+    allArtifacts: x,
+    activePreviewArtifact: z,
+    hasMore: $,
+    loadMoreConversations: P,
+    conversationsLoading: N,
+    messagesLoading: R
+  } = Y(), [y, g] = M(r), E = C(() => g((O) => !O), []), L = a.ThreadList, k = a.Composer;
   return /* @__PURE__ */ d("div", { className: "sa-fullpage", children: [
-    D ? /* @__PURE__ */ e("div", { className: `sa-fp-sidebar-wrapper ${L ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ e(
-      D,
+    L ? /* @__PURE__ */ e(
+      "div",
       {
-        conversations: u,
-        activeSessionId: h,
-        onSwitch: w,
-        onNew: k,
-        onDelete: b,
-        onRename: v
+        className: `sa-fp-sidebar-wrapper ${y ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
+        children: /* @__PURE__ */ e(
+          L,
+          {
+            conversations: h,
+            activeSessionId: w,
+            onSwitch: u,
+            onNew: m,
+            onDelete: v,
+            onRename: S,
+            hasMore: $,
+            onLoadMore: P
+          }
+        )
       }
-    ) }) : /* @__PURE__ */ e(
-      We,
+    ) : /* @__PURE__ */ e(
+      at,
       {
-        conversations: u,
-        activeSessionId: h,
-        onSwitch: w,
-        onNew: k,
-        onDelete: b,
-        onRename: v,
-        isCollapsed: !L,
-        onToggleCollapse: y
+        conversations: h,
+        activeSessionId: w,
+        onSwitch: u,
+        onNew: m,
+        onDelete: v,
+        onRename: S,
+        isCollapsed: !y,
+        onToggleCollapse: E,
+        hasMore: $,
+        onLoadMore: P,
+        conversationsLoading: N
       }
     ),
     /* @__PURE__ */ d("div", { className: "sa-fp-main", children: [
       /* @__PURE__ */ d("div", { className: "sa-fp-header", children: [
-        !L && !D && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: y, title: "展开侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
-        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: a }),
+        !y && !L && /* @__PURE__ */ e(
+          "button",
+          {
+            className: "sa-fp-header-btn",
+            onClick: E,
+            title: "展开侧边栏",
+            children: /* @__PURE__ */ e(I, { name: "panel-left", size: 18 })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: t }),
         /* @__PURE__ */ d("div", { className: "sa-fp-header-actions", children: [
-          l && N.length > 0 && /* @__PURE__ */ d("button", { className: "sa-fp-header-btn sa-header-btn-artifact", onClick: m, title: "会话产物", children: [
-            /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-              /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
-            ] }),
-            /* @__PURE__ */ e("span", { children: "产物" })
-          ] }),
-          o && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: o, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 18 }) })
+          l && x.length > 0 && /* @__PURE__ */ d(
+            "button",
+            {
+              className: "sa-fp-header-btn sa-header-btn-artifact",
+              onClick: T,
+              title: "会话产物",
+              children: [
+                /* @__PURE__ */ d(
+                  "svg",
+                  {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: [
+                      /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+                      /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e("span", { children: "产物" })
+              ]
+            }
+          ),
+          i && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "sa-fp-header-btn",
+              onClick: i,
+              title: "关闭",
+              children: /* @__PURE__ */ e(I, { name: "x", size: 18 })
+            }
+          )
         ] })
       ] }),
       /* @__PURE__ */ d("div", { className: "sa-fp-content-row", children: [
-        /* @__PURE__ */ e(re, { slots: t, welcomeMessage: r, suggestedPrompts: s, avatar: i, artifactPreview: l }),
-        l && g && /* @__PURE__ */ e(ne, { artifacts: N, initialArtifact: S, onClose: m })
+        R ? /* @__PURE__ */ d("div", { className: "sa-messages-loading", children: [
+          /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
+          "加载对话..."
+        ] }) : /* @__PURE__ */ e(
+          fe,
+          {
+            slots: a,
+            welcomeMessage: s,
+            suggestedPrompts: n,
+            avatar: o,
+            artifactPreview: l
+          }
+        ),
+        l && A && /* @__PURE__ */ e(
+          me,
+          {
+            artifacts: x,
+            initialArtifact: z,
+            onClose: T
+          }
+        )
       ] }),
-      P ? /* @__PURE__ */ e(P, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
+      k ? /* @__PURE__ */ e(k, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(ue, {})
     ] })
   ] });
 }
-function Ke(a) {
-  const { sdk: t, mode: r = "floating", slots: s = {}, hooks: n = {}, welcomeMessage: o, suggestedPrompts: i, title: l = "AI Assistant", initialOpen: c = !1, onOpenChange: p, sidebarDefaultOpen: f, avatar: u, artifactPreview: h } = a, [w, k] = T(c);
-  R(() => {
-    k(c);
+function st(t) {
+  const { sdk: a, mode: s = "floating", slots: n = {}, hooks: r = {}, welcomeMessage: i, suggestedPrompts: o, title: l = "AI Assistant", initialOpen: c = !1, onOpenChange: p, sidebarDefaultOpen: f, avatar: h, artifactPreview: w } = t, [u, m] = M(c);
+  B(() => {
+    m(c);
   }, [c]);
-  const b = I(() => {
-    var N, S;
-    const g = !w;
-    k(g), p == null || p(g), g ? (N = n.onOpen) == null || N.call(n) : (S = n.onClose) == null || S.call(n);
-  }, [w, n, p]), v = I(() => {
-    var g;
-    k(!1), p == null || p(!1), (g = n.onClose) == null || g.call(n);
-  }, [n, p]), m = s.Trigger ?? fe;
-  return r === "fullpage" ? w ? /* @__PURE__ */ e(G, { sdk: t, hooks: n, children: /* @__PURE__ */ e(
-    Ye,
+  const v = C(() => {
+    var x, z;
+    const A = !u;
+    m(A), p == null || p(A), A ? (x = r.onOpen) == null || x.call(r) : (z = r.onClose) == null || z.call(r);
+  }, [u, r, p]), S = C(() => {
+    var A;
+    m(!1), p == null || p(!1), (A = r.onClose) == null || A.call(r);
+  }, [r, p]), T = n.Trigger ?? Ce;
+  return s === "fullpage" ? u ? /* @__PURE__ */ e(te, { sdk: a, hooks: r, children: /* @__PURE__ */ e(
+    rt,
     {
       title: l,
-      slots: s,
-      welcomeMessage: o,
-      suggestedPrompts: i,
+      slots: n,
+      welcomeMessage: i,
+      suggestedPrompts: o,
       sidebarDefaultOpen: f,
-      onClose: v,
-      avatar: u,
-      artifactPreview: h
+      onClose: S,
+      avatar: h,
+      artifactPreview: w
     }
-  ) }) : null : /* @__PURE__ */ d(G, { sdk: t, hooks: n, children: [
-    /* @__PURE__ */ e(m, { isOpen: w, onClick: b }),
+  ) }) : null : /* @__PURE__ */ d(te, { sdk: a, hooks: r, children: [
+    /* @__PURE__ */ e(T, { isOpen: u, onClick: v }),
     /* @__PURE__ */ e(
-      _e,
+      tt,
       {
-        isOpen: w,
-        onClose: v,
+        isOpen: u,
+        onClose: S,
         title: l,
-        slots: s,
-        welcomeMessage: o,
-        suggestedPrompts: i,
-        avatar: u,
-        artifactPreview: h
+        slots: n,
+        welcomeMessage: i,
+        suggestedPrompts: o,
+        avatar: h,
+        artifactPreview: w
       }
     )
   ] });
 }
-const Ue = `
+const nt = `
   [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);
     --sa-text: #1f2937;
     --sa-text-muted: #6b7280;
+    --sa-text-light: #9ca3af;
     --sa-border: #e5e7eb;
     --sa-surface: #f9fafb;
+    --sa-hover: #f3f4f6;
 
     font-family: var(--sa-font);
     color: var(--sa-text);
@@ -1771,13 +2307,19 @@ const Ue = `
     justify-content: flex-end;
   }
 
-  .sa-message-body {
+  .sa-message-content {
     max-width: 78%;
     display: flex;
     flex-direction: column;
     gap: 4px;
   }
 
+  .sa-message-body {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
   .sa-message-user .sa-message-body {
     padding: 10px 14px;
     border-radius: 16px;
@@ -1801,6 +2343,16 @@ const Ue = `
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
   }
 
+  .sa-message-time {
+    font-size: 11px;
+    color: var(--sa-text-muted);
+    opacity: 0.7;
+  }
+
+  .sa-message-time-right {
+    text-align: right;
+  }
+
   .sa-avatar {
     width: 28px;
     height: 28px;
@@ -2046,12 +2598,24 @@ const Ue = `
   }
 
   .sa-tool-result-content {
+    max-height: 256px;
+    overflow: auto;
+    margin: 8px 0 0;
     padding: 10px 12px;
     color: #4b5563;
     font-size: 13px;
     line-height: 1.55;
     white-space: pre-wrap;
     word-break: break-word;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    background: #f9fafb;
+    border-radius: 8px;
+  }
+
+  .sa-tool-result-actions {
+    display: flex;
+    gap: 8px;
+    margin: 4px 0;
   }
 
   /* ── Error part ──────────────────────────────────────────── */
@@ -2098,12 +2662,21 @@ const Ue = `
 
   .sa-action-bar {
     display: flex;
+    align-items: center;
+    flex-wrap: wrap;
     gap: 6px;
     margin-top: 6px;
     position: relative;
   }
 
   .sa-action-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+    flex: none;
+    white-space: nowrap;
+    line-height: 1;
     padding: 4px 10px;
     border: none;
     border-radius: 6px;
@@ -2114,6 +2687,11 @@ const Ue = `
     transition: color 0.15s ease, background 0.15s ease;
   }
 
+  .sa-action-btn svg {
+    display: block;
+    flex: none;
+  }
+
   .sa-action-btn:hover {
     color: var(--sa-text);
     background: rgba(0, 0, 0, 0.05);
@@ -2173,6 +2751,7 @@ const Ue = `
   /* ── Composer ────────────────────────────────────────────── */
 
   .sa-composer {
+    position: relative;
     display: flex;
     align-items: flex-end;
     gap: 10px;
@@ -2248,6 +2827,62 @@ const Ue = `
     transform: scale(1.05);
   }
 
+  /* ── Slash Menu ─────────────────────────────────────────── */
+
+  .sa-slash-menu {
+    position: absolute;
+    bottom: 100%;
+    left: 14px;
+    right: 14px;
+    max-width: 400px;
+    max-height: 200px;
+    overflow-y: auto;
+    background: var(--sa-surface);
+    border: 1px solid var(--sa-border);
+    border-radius: 8px;
+    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
+    margin-bottom: 4px;
+    z-index: 10;
+  }
+
+  .sa-slash-menu-empty {
+    padding: 12px 14px;
+    color: #9ca3af;
+    font-size: 13px;
+    text-align: center;
+  }
+
+  .sa-slash-menu-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 14px;
+    cursor: pointer;
+    transition: background 0.15s ease;
+  }
+
+  .sa-slash-menu-item:hover,
+  .sa-slash-menu-item--active {
+    background: var(--sa-hover);
+  }
+
+  .sa-slash-menu-item-name {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--sa-text);
+    white-space: nowrap;
+  }
+
+  .sa-slash-menu-item-desc {
+    font-size: 12px;
+    color: #9ca3af;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+    min-width: 0;
+  }
+
   /* ── Thread list ─────────────────────────────────────────── */
 
   .sa-thread-list-overlay {
@@ -2318,6 +2953,45 @@ const Ue = `
     font-size: 14px;
   }
 
+  .sa-thread-list-loading {
+    padding: 12px 16px;
+    text-align: center;
+    color: #9ca3af;
+    font-size: 13px;
+  }
+
+  .sa-thread-list-hint {
+    padding: 8px 16px 12px;
+    text-align: center;
+    color: #d1d5db;
+    font-size: 12px;
+  }
+
+  /* 消息区加载态 */
+  .sa-messages-loading {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    color: #9ca3af;
+    font-size: 14px;
+  }
+
+  .sa-loading-spinner {
+    width: 16px;
+    height: 16px;
+    border: 2px solid var(--sa-border, #e5e7eb);
+    border-top-color: var(--sa-primary, #6366f1);
+    border-radius: 50%;
+    animation: sa-spin 0.8s linear infinite;
+    flex-shrink: 0;
+  }
+
+  @keyframes sa-spin {
+    to { transform: rotate(360deg); }
+  }
+
   .sa-thread-group-label {
     padding: 16px 8px 6px;
     font-size: 12px;
@@ -2349,13 +3023,26 @@ const Ue = `
     font-weight: 500;
   }
 
-  .sa-thread-item-title {
+  .sa-thread-item-info {
     flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .sa-thread-item-title {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
 
+  .sa-thread-item-time {
+    font-size: 11px;
+    color: var(--sa-text-light);
+    white-space: nowrap;
+  }
+
   .sa-thread-item-edit {
     width: 100%;
     padding: 4px 8px;
@@ -2367,22 +3054,33 @@ const Ue = `
     color: var(--sa-text);
   }
 
-  .sa-thread-item-delete {
+  /* 操作按钮组：始终占位（visibility 控制），hover 时显示，高度不变 */
+  .sa-thread-item-actions {
+    display: flex;
+    gap: 2px;
+    flex-shrink: 0;
+    visibility: hidden;
+  }
+
+  .sa-thread-item:hover .sa-thread-item-actions {
+    visibility: visible;
+  }
+
+  .sa-thread-item-action-btn {
     border: none;
     background: transparent;
     color: var(--sa-text-muted);
-    font-size: 14px;
     cursor: pointer;
-    opacity: 0;
-    transition: opacity 0.15s ease, color 0.15s ease;
-  }
-
-  .sa-thread-item:hover .sa-thread-item-delete {
-    opacity: 1;
+    padding: 2px;
+    border-radius: 4px;
+    display: inline-flex;
+    align-items: center;
+    transition: color 0.15s ease, background 0.15s ease;
   }
 
-  .sa-thread-item-delete:hover {
-    color: #ef4444;
+  .sa-thread-item-action-btn:hover {
+    color: var(--sa-primary);
+    background: rgba(99,102,241,0.08);
   }
 
   /* ── Welcome ─────────────────────────────────────────────── */
@@ -2618,16 +3316,34 @@ const Ue = `
     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-submitted {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #9ca3af;
+  }
+
+  .sa-interrupt-btn-answered {
+    background: var(--sa-primary) !important;
+    color: #fff !important;
+    opacity: 0.7;
+  }
+
+  .sa-interrupt-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .sa-interrupt-option:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  .sa-interrupt-input:disabled,
+  .sa-interrupt-textarea:disabled,
+  .sa-interrupt-select:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+    background: #f9fafb;
   }
 
   .sa-interrupt-unknown {
@@ -2676,13 +3392,11 @@ const Ue = `
   /* ── Fullpage Layout (DeepSeek-style) ────────────────────────── */
 
   .sa-fullpage {
-    position: fixed;
-    inset: 0;
-    width: 100vw;
-    height: 100vh;
+    position: relative;
+    width: 100%;
+    height: 100%;
     display: flex;
-    background: #f7f7f8;
-    z-index: var(--sa-z-index, 9999);
+    background: var(--sa-bg, #ffffff);
   }
 
   /* Sidebar */
@@ -2690,7 +3404,7 @@ const Ue = `
     width: 260px;
     display: flex;
     flex-direction: column;
-    background: #f2f2f3;
+    background: var(--sa-surface, #ffffff);
     flex-shrink: 0;
     transition: width 0.2s cubic-bezier(0.16,1,0.3,1);
     overflow: hidden;
@@ -2816,6 +3530,29 @@ const Ue = `
     text-overflow: ellipsis;
   }
 
+  .sa-fp-sidebar-item-edit {
+    flex: 1;
+    min-width: 0;
+    padding: 2px 6px;
+    border: 1px solid var(--sa-primary, #6366f1);
+    border-radius: 4px;
+    font-size: 13px;
+    color: #27272a;
+    background: #fff;
+    outline: none;
+  }
+
+  .sa-fp-sidebar-item-actions {
+    display: flex;
+    gap: 2px;
+    flex-shrink: 0;
+    visibility: hidden;
+  }
+
+  .sa-fp-sidebar-item-actions.visible {
+    visibility: visible;
+  }
+
   .sa-fp-sidebar-item-action {
     width: 24px;
     height: 24px;
@@ -2975,8 +3712,9 @@ const Ue = `
   .sa-artifact-file-download:active { transform: scale(0.9); }
 
   /* ── Inline HTML rendering (render_mode=html) ── */
-  .sa-tool-result-html { margin-top: 8px; border: 1px solid var(--sa-border); border-radius: 8px; overflow: hidden; }
-  .sa-tool-result-html-iframe { width: 100%; min-height: 120px; max-height: 400px; border: none; background: #fff; }
+  /* HTML 工具结果：外层滚动容器 + 内层内容层（与 Playground 一致，无 iframe） */
+  .sa-tool-result-html-scroll { margin-top: 8px; max-height: 60vh; overflow: auto; border: 1px solid var(--sa-border); border-radius: 8px; }
+  .sa-tool-result-html { padding: 12px; background: #fff; min-width: 100%; width: max-content; }
 
   /* ── Header artifact button ── */
   .sa-header-btn-artifact {
@@ -3105,7 +3843,7 @@ const Ue = `
     from { opacity: 0; transform: translateX(12px); }
     to { opacity: 1; transform: translateX(0); }
   }
-`, Ve = {
+`, it = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
@@ -3114,78 +3852,98 @@ const Ue = `
   panelHeight: 520,
   zIndex: 9999
 };
-function qe(a) {
-  const t = { ...Ve, ...a };
+function ot(t, a) {
+  const s = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16), i = 1 - a;
+  return `#${Math.round(s * i).toString(16).padStart(2, "0")}${Math.round(n * i).toString(16).padStart(2, "0")}${Math.round(r * i).toString(16).padStart(2, "0")}`;
+}
+function lt(t, a) {
+  const s = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16);
+  return `#${Math.round(s + (255 - s) * a).toString(16).padStart(2, "0")}${Math.round(n + (255 - n) * a).toString(16).padStart(2, "0")}${Math.round(r + (255 - r) * a).toString(16).padStart(2, "0")}`;
+}
+function ct(t) {
+  const a = { ...it, ...t }, s = a.primaryColor, n = a.backgroundColor;
   return [
-    `--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}`
+    // 用户直接配置的变量
+    `--sa-primary: ${s}`,
+    `--sa-bg: ${n}`,
+    `--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}`,
+    // 从 primaryColor 自动派生
+    `--sa-primary-dark: ${ot(s, 0.15)}`,
+    `--sa-primary-light: ${lt(s, 0.9)}`,
+    // 从 backgroundColor 自动派生的语义色
+    `--sa-surface: ${n}`,
+    "--sa-border: #e5e7eb",
+    "--sa-hover: #f4f4f5",
+    "--sa-text: #374151",
+    "--sa-text-muted: #9ca3af",
+    "--sa-text-light: #6b7280"
   ].join("; ");
 }
-function Ze(a, t) {
-  const r = typeof a == "string" ? document.querySelector(a) : a;
-  if (!r)
-    throw new Error(`Target element not found: ${a}`);
-  const s = document.createElement("div");
-  s.setAttribute("data-super-agent-widget", "");
-  const n = qe(t.theme ?? {});
-  if (s.setAttribute("style", n), r.appendChild(s), !document.getElementById("sa-widget-styles")) {
+function ut(t, a) {
+  const s = typeof t == "string" ? document.querySelector(t) : t;
+  if (!s)
+    throw new Error(`Target element not found: ${t}`);
+  const n = document.createElement("div");
+  n.setAttribute("data-super-agent-widget", "");
+  const r = ct(a.theme ?? {});
+  if (n.setAttribute("style", `${r}; height: 100%;`), s.appendChild(n), !document.getElementById("sa-widget-styles")) {
     const c = document.createElement("style");
-    c.id = "sa-widget-styles", c.textContent = Ue, document.head.appendChild(c);
+    c.id = "sa-widget-styles", c.textContent = nt, document.head.appendChild(c);
   }
-  let o = le(s), i = !1;
+  let i = be(n), o = !1;
   const l = (c) => {
-    o && o.render(
-      Y.createElement(Ke, {
-        ...t,
-        initialOpen: c ?? i,
+    i && i.render(
+      V.createElement(st, {
+        ...a,
+        initialOpen: c ?? o,
         onOpenChange: (p) => {
-          i = p;
+          o = p;
         }
       })
     );
   };
   return l(!1), {
     open() {
-      i = !0, l(!0);
+      o = !0, l(!0);
     },
     close() {
-      i = !1, l(!1);
+      o = !1, l(!1);
     },
     destroy() {
-      o && (o.unmount(), o = null), s.remove();
+      i && (i.unmount(), i = null), n.remove();
     }
   };
 }
 export {
-  Re as ActionBar,
-  G as ChatProvider,
-  Ke as ChatWidget,
-  se as Composer,
-  Ne as ErrorPart,
-  Ye as FullpageLayout,
-  ue as Header,
-  C as Icon,
-  $e as InterruptCard,
-  Fe as Message,
-  ve as TextPart,
-  we as ThinkingPart,
-  re as Thread,
-  he as ThreadList,
-  ye as ToolCallPart,
-  Ce as ToolResultPart,
-  fe as Trigger,
-  He as WelcomeScreen,
-  Ve as defaultTheme,
-  Ze as mount,
-  qe as themeToCSSVars,
-  ge as useAutoScroll,
-  ce as useChat,
-  W as useChatContext,
-  pe as useConversations,
-  Ue as widgetStyles
+  Ve as ActionBar,
+  te as ChatProvider,
+  st as ChatWidget,
+  ue as Composer,
+  Oe as ErrorPart,
+  rt as FullpageLayout,
+  ze as Header,
+  I as Icon,
+  Ue as InterruptCard,
+  Ge as Message,
+  De as TextPart,
+  Le as ThinkingPart,
+  fe as Thread,
+  Se as ThreadList,
+  Ee as ToolCallPart,
+  Re as ToolResultPart,
+  Ce as Trigger,
+  Je as WelcomeScreen,
+  it as defaultTheme,
+  Ne as ensureIconFont,
+  ut as mount,
+  ct as themeToCSSVars,
+  Te as useAutoScroll,
+  ve as useChat,
+  Y as useChatContext,
+  ye as useConversations,
+  nt as widgetStyles
 };