super-agent-sdk 1.0.2 → 1.0.3

package/dist/widget.mjs

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