super-agent-sdk 1.0.5 → 1.0.6

package/dist/widget.mjs

@@ -1,146 +1,146 @@
-import Y, { useState as T, useRef as _, useCallback as N, useEffect as B, createContext as ie, useMemo as V, useContext as oe } from "react";
+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 { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
 function ce(a) {
-  const { sdk: t, sessionId: s, onSessionCreated: r, onStreamStart: n, onStreamEnd: o, onError: i, onMessageSend: l } = a, [c, p] = T([]), [f, u] = T("ready"), [h, v] = T(null), k = _(null), g = _(!1), b = _(s);
-  b.current = s;
-  const m = N((M) => {
-    if (g.current) return;
-    g.current = !0, l == null || l(M);
+  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 = {
       id: `user_${Date.now()}`,
       role: "user",
-      parts: [{ type: "text", content: M }],
+      parts: [{ type: "text", content: L }],
       timestamp: Date.now()
-    }, y = `assistant_${Date.now()}`, L = {
+    }, y = `assistant_${Date.now()}`, D = {
       id: y,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
     };
-    p((S) => [...S, O, L]), u("submitted"), v(null);
-    const $ = (S) => {
+    p((M) => [...M, O, D]), u("submitted"), w(null);
+    const P = (M) => {
       let E = "", A = "", H = [], z = !1;
-      const P = () => {
-        const w = [...H];
+      const $ = () => {
+        const x = [...H];
         if (E) {
-          const W = w.findIndex((R) => R.type === "thinking");
-          W >= 0 ? w[W] = { type: "thinking", content: E } : w.unshift({ type: "thinking", content: E });
+          const _ = x.findIndex((B) => B.type === "thinking");
+          _ >= 0 ? x[_] = { type: "thinking", content: E } : x.unshift({ type: "thinking", content: E });
         }
         if (A) {
-          const W = w.findLastIndex((R) => R.type === "text");
-          W >= 0 ? w[W] = { type: "text", content: A } : w.push({ type: "text", content: A });
+          const _ = x.findLastIndex((B) => B.type === "text");
+          _ >= 0 ? x[_] = { type: "text", content: A } : x.push({ type: "text", content: A });
         }
         p(
-          (W) => W.map((R) => R.id === y ? { ...R, parts: w } : R)
+          (_) => _.map((B) => B.id === y ? { ...B, parts: x } : B)
         );
       };
       k.current = t.chat({
-        sessionId: S,
-        message: M,
+        sessionId: M,
+        message: L,
         stream: !0,
-        onMessage: (w) => {
-          switch (z || (z = !0, u("streaming")), w.type) {
+        onMessage: (x) => {
+          switch (z || (z = !0, u("streaming")), x.type) {
             case "thinking":
-              E += w.content;
+              E += x.content;
               break;
             case "ai":
-              A += w.content;
+              A += x.content;
               break;
             case "tool_call":
               H.push({
                 type: "tool_call",
-                toolName: w.toolName,
-                toolCallId: w.toolCallId,
-                args: w.args ?? "{}"
+                toolName: x.toolName,
+                toolCallId: x.toolCallId,
+                args: x.args ?? "{}"
               });
               break;
             case "tool_result":
               H.push({
                 type: "tool_result",
-                toolName: w.toolName ?? "",
-                toolCallId: w.toolCallId,
-                content: w.content,
-                artifacts: w.artifacts,
-                renderMode: w.renderMode,
-                html: w.html
+                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 = "");
               break;
             case "interrupt":
-              w.interrupt && H.push({
+              x.interrupt && H.push({
                 type: "interrupt",
-                interrupt: w.interrupt,
+                interrupt: x.interrupt,
                 resolved: !1
               });
               break;
           }
-          P();
+          $();
         },
-        onDone: (w) => {
-          (A || H.length > 0 || E) && P(), w.messageId && p(
-            (W) => W.map((R) => R.id === y ? { ...R, id: w.messageId } : R)
-          ), w.sessionId && w.sessionId !== b.current && (r == null || r(w.sessionId)), o == null || o(w.sessionId || S), u("ready"), g.current = !1, k.current = null;
+        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;
         },
-        onError: (w) => {
-          H.push({ type: "error", content: w.message }), P(), v(w), u("error"), i == null || i(w), g.current = !1, k.current = null;
+        onError: (x) => {
+          H.push({ type: "error", content: x.message }), $(), w(x), u("error"), i == null || i(x), b.current = !1, k.current = null;
         }
-      }), n == null || n(S);
+      }), n == null || n(M);
     };
-    b.current ? $(b.current) : t.createSession().then((S) => {
-      b.current = S, r == null || r(S), $(S);
-    }).catch((S) => {
-      v(S instanceof Error ? S : new Error(String(S))), u("error"), i == null || i(S instanceof Error ? S : new Error(String(S))), g.current = !1;
+    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, r, n, o, i, l]), x = N(() => {
-    var M;
-    (M = k.current) == null || M.abort(), k.current = null, u("ready"), g.current = !1;
-  }, []), I = N(() => {
-    if (g.current) return;
-    const M = c.findLastIndex((y) => y.role === "user");
-    if (M < 0) return;
-    const O = c[M].parts.filter((y) => y.type === "text").map((y) => y.content).join("");
-    p((y) => y.slice(0, M)), m(O);
-  }, [c, m]), D = N((M, O) => {
+  }, [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) => {
     p(
-      (z) => z.map((P) => ({
-        ...P,
-        parts: P.parts.map(
-          (w) => w.type === "interrupt" && w.interrupt.interruptId === M ? { ...w, resolved: !0, response: O } : w
+      (z) => z.map(($) => ({
+        ...$,
+        parts: $.parts.map(
+          (x) => x.type === "interrupt" && x.interrupt.interruptId === L ? { ...x, resolved: !0, response: O } : x
         )
       }))
     );
-    const y = b.current;
+    const y = v.current;
     if (!y) return;
-    const L = `assistant_${Date.now()}`, $ = {
-      id: L,
+    const D = `assistant_${Date.now()}`, P = {
+      id: D,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
     };
-    p((z) => [...z, $]), u("streaming");
-    let S = "", E = "", A = [];
+    p((z) => [...z, P]), u("streaming");
+    let M = "", E = "", A = [];
     const H = () => {
       const z = [...A];
-      if (S) {
-        const P = z.findIndex((w) => w.type === "thinking");
-        P >= 0 ? z[P] = { type: "thinking", content: S } : z.unshift({ type: "thinking", content: S });
+      if (M) {
+        const $ = z.findIndex((x) => x.type === "thinking");
+        $ >= 0 ? z[$] = { type: "thinking", content: M } : z.unshift({ type: "thinking", content: M });
       }
       if (E) {
-        const P = z.findLastIndex((w) => w.type === "text");
-        P >= 0 ? z[P] = { type: "text", content: E } : z.push({ type: "text", content: E });
+        const $ = z.findLastIndex((x) => x.type === "text");
+        $ >= 0 ? z[$] = { type: "text", content: E } : z.push({ type: "text", content: E });
       }
       p(
-        (P) => P.map((w) => w.id === L ? { ...w, parts: z } : w)
+        ($) => $.map((x) => x.id === D ? { ...x, parts: z } : x)
       );
     };
     t.respondInterrupt(
-      M,
+      L,
       y,
       O,
       (z) => {
         switch (z.type) {
           case "thinking":
-            S += z.content;
+            M += z.content;
             break;
           case "ai":
             E += z.content;
@@ -168,19 +168,21 @@ function ce(a) {
             z.interrupt && A.push({ type: "interrupt", interrupt: z.interrupt, resolved: !1 });
             break;
           case "done":
-            u("ready");
+            z.messageId && p(
+              ($) => $.map((x) => x.id === D ? { ...x, id: z.messageId } : x)
+            ), u("ready");
             break;
         }
         H();
       },
       (z) => {
-        A.push({ type: "error", content: z.message }), H(), v(z), u("error"), i == null || i(z);
+        A.push({ type: "error", content: z.message }), H(), w(z), u("error"), i == null || i(z);
       }
     ).catch((z) => {
       i == null || i(z instanceof Error ? z : new Error(String(z))), u("error");
     });
   }, [t, i]);
-  return { messages: c, status: f, error: h, sendMessage: m, stop: x, regenerate: I, setMessages: p, respondToInterrupt: D };
+  return { messages: c, status: f, error: h, sendMessage: m, stop: g, regenerate: N, setMessages: p, respondToInterrupt: S };
 }
 const X = "sa_active_conversation";
 function J() {
@@ -197,46 +199,46 @@ function de(a) {
   }
 }
 function pe(a) {
-  const { sdk: t, onConversationChange: s } = a, [r, n] = T([]), [o, i] = T(
+  const { sdk: t, onConversationChange: r } = a, [s, n] = T([]), [o, i] = T(
     () => J()
-  ), [l, c] = T(!1), p = _(!0);
-  B(() => () => {
+  ), [l, c] = T(!1), p = F(!0);
+  R(() => () => {
     p.current = !1;
   }, []);
-  const f = N((m) => {
-    i(m), de(m), m && (s == null || s(m));
-  }, [s]), u = N(async () => {
+  const f = I((m) => {
+    i(m), de(m), m && (r == null || r(m));
+  }, [r]), u = I(async () => {
     c(!0);
     try {
       const m = await t.listConversations({ page: 1, size: 100 });
       if (!p.current) return;
       n(m.items);
-      const x = J();
-      x && !m.items.find((I) => I.sessionId === x) && f(null);
+      const g = J();
+      g && !m.items.find((N) => N.sessionId === g) && f(null);
     } catch {
     } finally {
       p.current && c(!1);
     }
-  }, [t, f]), h = N(async (m) => (f(m), await t.getMessages(m)), [t, f]), v = N(() => {
+  }, [t, f]), h = I(async (m) => (f(m), await t.getMessages(m)), [t, f]), w = I(() => {
     f(null);
-  }, [f]), k = N(async (m) => {
-    await t.deleteConversation(m), n((x) => x.filter((I) => I.sessionId !== m)), o === m && f(null);
-  }, [t, o, f]), g = N(async (m, x) => {
-    await t.renameConversation(m, x), n(
-      (I) => I.map((D) => D.sessionId === m ? { ...D, title: x } : D)
+  }, [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)
     );
-  }, [t]), { enabled: b = !0 } = a;
-  return B(() => {
-    b && u();
-  }, [b, u]), {
-    conversations: r,
+  }, [t]), { enabled: v = !0 } = a;
+  return R(() => {
+    v && u();
+  }, [v, u]), {
+    conversations: s,
     activeConversationId: o,
     loading: l,
     loadConversations: u,
     switchConversation: h,
-    newConversation: v,
+    newConversation: w,
     deleteConversation: k,
-    renameConversation: g,
+    renameConversation: b,
     setActiveConversationId: f
   };
 }
@@ -249,15 +251,15 @@ function ee(a) {
 function ae(a) {
   if (!a) return [];
   const t = [];
-  for (const s of a)
-    s.type === "file" && s.data && t.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
+  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
     });
   return t;
 }
@@ -265,22 +267,22 @@ async function U(a) {
   try {
     const t = await fetch(a.url);
     if (!t.ok) throw new Error(`HTTP ${t.status}`);
-    const s = await t.blob(), r = URL.createObjectURL(s), n = document.createElement("a");
-    n.href = r, n.download = a.filename, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(r), 4e3);
+    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);
   } 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 te = ie(null);
-function F() {
+function W() {
   const a = oe(te);
   if (!a) throw new Error("useChatContext must be used within ChatProvider");
   return a;
 }
-function G({ sdk: a, hooks: t, children: s }) {
-  const [r, n] = T(!1), [o, i] = T(!1), [l, c] = T(null), [p, f] = T(!1);
-  B(() => {
+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(() => {
       f(!0);
     }).catch(() => {
@@ -299,45 +301,45 @@ function G({ sdk: a, hooks: t, children: s }) {
     },
     onStreamStart: t == null ? void 0 : t.onStreamStart,
     onStreamEnd: (y) => {
-      var L;
-      (L = t == null ? void 0 : t.onStreamEnd) == null || L.call(t, y), u.loadConversations();
+      var D;
+      (D = t == null ? void 0 : t.onStreamEnd) == null || D.call(t, y), u.loadConversations();
     },
     onError: t == null ? void 0 : t.onError,
     onMessageSend: t == null ? void 0 : t.onMessageSend
-  }), v = N(async (y) => {
-    const L = await u.switchConversation(y);
-    h.setMessages(L), n(!1);
-  }, [u, h]), k = N(() => {
+  }), 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]), g = N(async (y) => {
+  }, [u, h]), b = I(async (y) => {
     await u.deleteConversation(y), u.activeConversationId === y && h.setMessages([]);
   }, [u, h]);
-  B(() => {
+  R(() => {
     u.activeConversationId && h.messages.length === 0 && a.getMessages(u.activeConversationId).then((y) => {
       h.setMessages(y);
     }).catch(() => {
     });
   }, []);
-  const b = N(() => {
+  const v = I(() => {
     n((y) => !y);
-  }, []), m = N(() => {
+  }, []), m = I(() => {
     i((y) => !y), c((y) => null);
-  }, []), x = N((y) => {
+  }, []), g = I((y) => {
     c(y), i(!0);
-  }, []), I = V(() => {
-    const y = /* @__PURE__ */ new Set(), L = [];
-    for (const $ of h.messages)
-      for (const S of $.parts)
-        if (S.type === "tool_result" && S.artifacts)
-          for (const E of ae(S.artifacts)) {
+  }, []), 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), L.push(E));
+            y.has(A) || (y.add(A), D.push(E));
           }
-    return L;
-  }, [h.messages]), D = N((y, L, $) => {
-    a.feedback(y, L, $).catch(() => {
+    return D;
+  }, [h.messages]), S = I((y, D, P) => {
+    a.feedback(y, D, P).catch(() => {
     });
-  }, [a]), M = N((y) => {
+  }, [a]), L = I((y) => {
     a.cancelFeedback(y).catch(() => {
     });
   }, [a]), O = V(() => ({
@@ -346,22 +348,22 @@ function G({ sdk: a, hooks: t, children: s }) {
     messages: h.messages,
     conversations: u.conversations,
     activeConversationId: u.activeConversationId,
-    isThreadListOpen: r,
+    isThreadListOpen: s,
     isArtifactDrawerOpen: o,
-    allArtifacts: I,
+    allArtifacts: N,
     activePreviewArtifact: l,
     sendMessage: h.sendMessage,
     stop: h.stop,
     regenerate: h.regenerate,
-    switchConversation: v,
+    switchConversation: w,
     newConversation: k,
-    deleteConversation: g,
+    deleteConversation: b,
     renameConversation: u.renameConversation,
-    toggleThreadList: b,
+    toggleThreadList: v,
     toggleArtifactDrawer: m,
-    openArtifactPreview: x,
-    feedback: D,
-    cancelFeedback: M,
+    openArtifactPreview: g,
+    feedback: S,
+    cancelFeedback: L,
     respondToInterrupt: h.respondToInterrupt
   }), [
     h.status,
@@ -374,27 +376,27 @@ function G({ sdk: a, hooks: t, children: s }) {
     u.conversations,
     u.activeConversationId,
     u.renameConversation,
-    r,
+    s,
     o,
-    I,
+    N,
     l,
-    v,
+    w,
     k,
-    g,
     b,
+    v,
     m,
-    x,
-    D,
-    M
+    g,
+    S,
+    L
   ]);
-  return /* @__PURE__ */ e(te.Provider, { value: O, children: s });
+  return /* @__PURE__ */ e(te.Provider, { value: O, children: r });
 }
-function C({ name: a, size: t = 16, color: s = "currentColor", className: r, style: n }) {
+function C({ name: a, size: t = 16, color: r = "currentColor", className: s, style: n }) {
   return /* @__PURE__ */ e(
     "svg",
     {
-      className: r,
-      style: { width: t, height: t, fill: s, verticalAlign: "middle", ...n },
+      className: s,
+      style: { width: t, height: t, fill: r, verticalAlign: "middle", ...n },
       "aria-hidden": "true",
       children: /* @__PURE__ */ e("use", { href: `#icon-${a}` })
     }
@@ -403,7 +405,7 @@ function C({ name: a, size: t = 16, color: s = "currentColor", className: r, sty
 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 ue({ title: a, onClose: t, onToggleThreadList: s, showClose: r = !0, artifactCount: n = 0, onToggleArtifactDrawer: o }) {
+function ue({ title: a, onClose: t, onToggleThreadList: r, showClose: s = !0, artifactCount: n = 0, onToggleArtifactDrawer: o }) {
   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" }),
@@ -420,16 +422,16 @@ function ue({ title: a, onClose: t, onToggleThreadList: s, showClose: r = !0, ar
         ] }),
         /* @__PURE__ */ e("span", { children: "产物" })
       ] }),
-      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: s, title: "会话列表", children: /* @__PURE__ */ e(C, { name: "menu", size: 16 }) }),
-      r && /* @__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: 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 }) })
     ] })
   ] });
 }
 function me(a) {
-  const t = /* @__PURE__ */ new Date(), s = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), r = s - 6 * 864e5, n = [], o = [], i = [];
+  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 p = new Date(c.updateTime).getTime();
-    p >= s ? n.push(c) : p >= r ? o.push(c) : i.push(c);
+    p >= r ? n.push(c) : p >= s ? o.push(c) : i.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;
@@ -438,46 +440,46 @@ function he() {
   const {
     conversations: a,
     activeConversationId: t,
-    switchConversation: s,
-    newConversation: r,
+    switchConversation: r,
+    newConversation: s,
     deleteConversation: n,
     renameConversation: o,
     isThreadListOpen: i,
     toggleThreadList: l
-  } = F(), [c, p] = T(null), [f, u] = T(""), h = N((g, b) => {
-    p(g), u(b ?? "");
-  }, []), v = N((g) => {
-    f.trim() && o(g, f.trim()), p(null);
+  } = 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: [
     /* @__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: r, children: [
+        /* @__PURE__ */ d("button", { className: "sa-thread-list-new", onClick: s, children: [
           /* @__PURE__ */ e(C, { 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((g) => /* @__PURE__ */ d("div", { className: "sa-thread-group", children: [
-          /* @__PURE__ */ e("div", { className: "sa-thread-group-label", children: g.label }),
-          g.items.map((b) => /* @__PURE__ */ d(
+        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 ${b.sessionId === t ? "active" : ""}`,
-              onClick: () => s(b.sessionId),
+              className: `sa-thread-item ${v.sessionId === t ? "active" : ""}`,
+              onClick: () => r(v.sessionId),
               children: [
-                c === b.sessionId ? /* @__PURE__ */ e(
+                c === v.sessionId ? /* @__PURE__ */ e(
                   "input",
                   {
                     className: "sa-thread-item-edit",
                     value: f,
                     onChange: (m) => u(m.target.value),
-                    onBlur: () => v(b.sessionId),
+                    onBlur: () => w(v.sessionId),
                     onKeyDown: (m) => {
-                      m.key === "Enter" && v(b.sessionId), m.key === "Escape" && p(null);
+                      m.key === "Enter" && w(v.sessionId), m.key === "Escape" && p(null);
                     },
                     onClick: (m) => m.stopPropagation(),
                     autoFocus: !0
@@ -487,9 +489,9 @@ function he() {
                   {
                     className: "sa-thread-item-title",
                     onDoubleClick: (m) => {
-                      m.stopPropagation(), h(b.sessionId, b.title);
+                      m.stopPropagation(), h(v.sessionId, v.title);
                     },
-                    children: b.title || "新会话"
+                    children: v.title || "新会话"
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -497,7 +499,7 @@ function he() {
                   {
                     className: "sa-thread-item-delete",
                     onClick: (m) => {
-                      m.stopPropagation(), n(b.sessionId);
+                      m.stopPropagation(), n(v.sessionId);
                     },
                     title: "删除",
                     children: /* @__PURE__ */ e(C, { name: "trash2", size: 14 })
@@ -505,33 +507,33 @@ function he() {
                 )
               ]
             },
-            b.sessionId
+            v.sessionId
           ))
-        ] }, g.label))
+        ] }, b.label))
       ] })
     ] })
   ] }) : null;
 }
 function ge(a) {
-  const t = _(null), s = _(!1), r = _(0), n = N(() => {
+  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 < r.current && !f && (s.current = !0), f && (s.current = !1), r.current = l;
+    l < s.current && !f && (r.current = !0), f && (r.current = !1), s.current = l;
   }, []);
-  B(() => {
+  R(() => {
     const i = t.current;
     if (i)
       return i.addEventListener("scroll", n, { passive: !0 }), () => i.removeEventListener("scroll", n);
-  }, [n]), B(() => {
-    if (s.current) return;
+  }, [n]), R(() => {
+    if (r.current) return;
     const i = t.current;
     i && requestAnimationFrame(() => {
       i.scrollTop = i.scrollHeight;
     });
   }, a);
-  const o = N(() => {
-    s.current = !1;
+  const o = I(() => {
+    r.current = !1;
     const i = t.current;
     i && (i.scrollTop = i.scrollHeight);
   }, []);
@@ -541,8 +543,8 @@ function j(a) {
   return a.value++;
 }
 function K(a, t) {
-  const s = [], r = [], n = () => {
-    r.length > 0 && (s.push(r.join("")), r.length = 0);
+  const r = [], s = [], n = () => {
+    s.length > 0 && (r.push(s.join("")), s.length = 0);
   };
   let o = 0;
   for (; o < a.length; ) {
@@ -550,7 +552,7 @@ function K(a, t) {
     if (i === "`") {
       const l = a.indexOf("`", o + 1);
       if (l !== -1) {
-        n(), s.push(
+        n(), r.push(
           /* @__PURE__ */ e("code", { className: "sa-inline-code", children: a.slice(o + 1, l) }, j(t))
         ), o = l + 1;
         continue;
@@ -558,7 +560,7 @@ function K(a, t) {
     } else if (i === "*" && a[o + 1] === "*") {
       const l = a.indexOf("**", o + 2);
       if (l !== -1) {
-        n(), s.push(
+        n(), r.push(
           /* @__PURE__ */ e("strong", { children: K(a.slice(o + 2, l), t) }, j(t))
         ), o = l + 2;
         continue;
@@ -566,7 +568,7 @@ function K(a, t) {
     } else if (i === "*") {
       const l = a.indexOf("*", o + 1);
       if (l !== -1) {
-        n(), s.push(
+        n(), r.push(
           /* @__PURE__ */ e("em", { children: K(a.slice(o + 1, l), t) }, j(t))
         ), o = l + 1;
         continue;
@@ -577,7 +579,7 @@ function K(a, t) {
         const c = a.indexOf(")", l + 2);
         if (c !== -1) {
           const p = a.slice(o + 1, l), f = a.slice(l + 2, c);
-          n(), s.push(
+          n(), r.push(
             /* @__PURE__ */ e(
               "a",
               {
@@ -593,17 +595,17 @@ function K(a, t) {
         }
       }
     }
-    r.push(i), o++;
+    s.push(i), o++;
   }
-  return n(), s;
+  return n(), r;
 }
-function xe(a, t) {
-  const s = [], r = a.split(`
+function be(a, t) {
+  const r = [], s = a.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 < r.length; ) {
-    const c = r[n], p = c.trim();
+  for (; n < s.length; ) {
+    const c = s[n], p = c.trim();
     if (o(c)) {
       n++;
       continue;
@@ -611,10 +613,10 @@ function xe(a, t) {
     if (i(c)) {
       const u = p.match(/^(#{1,6})\s+(.*)$/);
       if (u) {
-        const v = `h${Math.min(u[1].length, 6)}`;
-        s.push(
+        const w = `h${Math.min(u[1].length, 6)}`;
+        r.push(
           Y.createElement(
-            v,
+            w,
             { key: j(t) },
             K(u[2], t)
           )
@@ -625,45 +627,45 @@ function xe(a, t) {
     }
     if (l(c)) {
       const u = /^\d+[.)]/.test(p), h = [];
-      for (; n < r.length && l(r[n]); ) {
-        const v = r[n].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        v && h.push(
-          /* @__PURE__ */ e("li", { children: K(v[1], t) }, j(t))
+      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++;
       }
-      s.push(
+      r.push(
         u ? /* @__PURE__ */ e("ol", { className: "sa-list", children: h }, j(t)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: h }, j(t))
       );
       continue;
     }
     const f = [];
-    for (; n < r.length && !o(r[n]) && !i(r[n]) && !l(r[n]); )
-      f.push(r[n]), n++;
-    s.push(
+    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))
     );
   }
-  return s;
+  return r;
 }
-function be(a) {
-  const t = { value: 0 }, s = [], r = a.split("```");
-  for (let n = 0; n < r.length; n++)
+function xe(a) {
+  const t = { value: 0 }, r = [], s = a.split("```");
+  for (let n = 0; n < s.length; n++)
     if (n % 2 === 0)
-      s.push(...xe(r[n], t));
-    else if (r[n].trim() !== "") {
-      let o = r[n].replace(/^\r?\n/, "");
-      o = o.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), o = o.replace(/\r?\n$/, ""), s.push(
+      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))
       );
     }
-  return s;
+  return r;
 }
 function ve({ content: a }) {
-  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: be(a) });
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: xe(a) });
 }
 function we({ content: a }) {
-  const [t, s] = T(!1);
-  return /* @__PURE__ */ d("div", { className: "sa-thinking-part", onClick: () => s(!t), children: [
+  const [t, r] = T(!1);
+  return /* @__PURE__ */ d("div", { className: "sa-thinking-part", onClick: () => r(!t), 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-label", children: "思考过程" }),
@@ -672,44 +674,44 @@ function we({ content: a }) {
     t && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: a })
   ] });
 }
-function ye({ toolName: a, toolCallId: t, args: s }) {
-  const [r, n] = T(!1);
-  let o = s;
+function ye({ toolName: a, toolCallId: t, args: r }) {
+  const [s, n] = T(!1);
+  let o = r;
   try {
-    o = JSON.stringify(JSON.parse(s), null, 2);
+    o = JSON.stringify(JSON.parse(r), null, 2);
   } catch {
   }
   return /* @__PURE__ */ d("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ d("div", { className: "sa-tool-call-header", onClick: () => n(!r), 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("span", { className: "sa-tool-name", children: [
         "调用工具: ",
         a
       ] }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${r ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
     ] }),
-    r && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: o })
+    s && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: o })
   ] });
 }
 function ke({ html: a }) {
-  const [t, s] = T(null);
-  return B(() => {
-    let r = !1;
+  const [t, r] = T(null);
+  return R(() => {
+    let s = !1;
     return import("./purify.es-C-6FFqDW.js").then((n) => {
-      r || s(n.default.sanitize(a, { FORCE_BODY: !0 }));
+      s || r(n.default.sanitize(a, { FORCE_BODY: !0 }));
     }), () => {
-      r = !0;
+      s = !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 产物" }) });
 }
-function Ce({ toolName: a, content: t, artifacts: s, renderMode: r, html: n, artifactPreview: o }) {
-  const { openArtifactPreview: i } = F(), l = ae(s);
+function Ce({ toolName: a, content: t, artifacts: r, renderMode: s, html: n, artifactPreview: o }) {
+  const { openArtifactPreview: i } = W(), l = ae(r);
   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 || "工具返回" })
     ] }),
-    r === "html" && n ? /* @__PURE__ */ e(ke, { html: n }) : t ? /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: t }) : null,
+    s === "html" && n ? /* @__PURE__ */ e(ke, { html: n }) : t ? /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: t }) : null,
     l.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: l.map((c, p) => /* @__PURE__ */ d(
       "li",
       {
@@ -757,7 +759,7 @@ function Ne({ content: a, onRetry: t }) {
 }
 function ze({ interrupt: a, onRespond: t }) {
   var o, i;
-  const s = a.options, r = (typeof (s == null ? void 0 : s[0]) == "string" ? s[0] : (o = s == null ? void 0 : s[0]) == null ? void 0 : o.label) || "确认", n = (typeof (s == null ? void 0 : s[1]) == "string" ? s[1] : (i = s == null ? void 0 : s[1]) == null ? void 0 : i.label) || "取消";
+  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) || "取消";
   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" }),
@@ -767,7 +769,7 @@ function ze({ interrupt: a, onRespond: t }) {
       /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "confirm" }), children: [
         /* @__PURE__ */ e(C, { name: "check", size: 14 }),
         " ",
-        r
+        s
       ] }),
       /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: [
         /* @__PURE__ */ e(C, { name: "x", size: 14 }),
@@ -779,7 +781,7 @@ function ze({ interrupt: a, onRespond: t }) {
 }
 function Ie({ interrupt: a, onRespond: t }) {
   var l, c, p, f;
-  const s = a.options, r = (typeof (s == null ? void 0 : s[0]) == "string" ? s[0] : (l = s == null ? void 0 : s[0]) == null ? void 0 : l.label) || "批准", n = (typeof (s == null ? void 0 : s[1]) == "string" ? s[1] : (c = s == null ? void 0 : s[1]) == null ? void 0 : c.label) || "拒绝", o = (typeof (s == null ? void 0 : s[2]) == "string" ? s[2] : (p = s == null ? void 0 : s[2]) == null ? void 0 : p.label) || "跳过", i = ((f = a.metadata) == null ? void 0 : f.showSkip) !== !1;
+  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;
   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" }),
@@ -789,7 +791,7 @@ function Ie({ interrupt: a, onRespond: t }) {
       /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "approve" }), children: [
         /* @__PURE__ */ e(C, { name: "check", size: 14 }),
         " ",
-        r
+        s
       ] }),
       /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-danger", onClick: () => t({ action: "reject" }), children: [
         /* @__PURE__ */ e(C, { name: "x", size: 14 }),
@@ -808,32 +810,32 @@ function Te(a) {
   return typeof a == "string" ? { value: a, label: a } : a;
 }
 function Se({ interrupt: a, onRespond: t }) {
-  const s = (a.options ?? []).map(Te);
+  const r = (a.options ?? []).map(Te);
   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("div", { className: "sa-interrupt-options", children: s.map((r) => /* @__PURE__ */ d(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((s) => /* @__PURE__ */ d(
       "button",
       {
-        className: `sa-interrupt-option ${r.danger ? "sa-interrupt-option-danger" : ""}`,
-        onClick: () => t({ action: "select", value: r.value }),
+        className: `sa-interrupt-option ${s.danger ? "sa-interrupt-option-danger" : ""}`,
+        onClick: () => t({ action: "select", value: s.value }),
         children: [
-          r.icon && /* @__PURE__ */ e(C, { name: r.icon, size: 14 }),
-          /* @__PURE__ */ e("span", { children: r.label }),
-          r.description && /* @__PURE__ */ e("span", { className: "sa-interrupt-option-desc", children: r.description })
+          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 })
         ]
       },
-      r.value
+      s.value
     )) })
   ] });
 }
 function Me(a) {
   return typeof a == "string" ? { value: a, label: a } : a;
 }
-function De({ interrupt: a, onRespond: t }) {
-  const s = (a.options ?? []).map(Me), [r, n] = T(/* @__PURE__ */ new Set()), o = (i) => {
+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;
@@ -844,13 +846,13 @@ function De({ interrupt: a, onRespond: t }) {
       /* @__PURE__ */ e(C, { name: "list-checks", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: s.map((i) => /* @__PURE__ */ d(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((i) => /* @__PURE__ */ d(
       "button",
       {
-        className: `sa-interrupt-option ${r.has(i.value) ? "sa-interrupt-option-selected" : ""}`,
+        className: `sa-interrupt-option ${s.has(i.value) ? "sa-interrupt-option-selected" : ""}`,
         onClick: () => o(i.value),
         children: [
-          /* @__PURE__ */ e(C, { name: r.has(i.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e(C, { name: s.has(i.value) ? "square-check" : "square", size: 14 }),
           /* @__PURE__ */ e("span", { children: i.label })
         ]
       },
@@ -860,21 +862,21 @@ function De({ interrupt: a, onRespond: t }) {
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
-        disabled: r.size === 0,
-        onClick: () => t({ action: "submit", value: Array.from(r) }),
+        disabled: s.size === 0,
+        onClick: () => t({ action: "submit", value: Array.from(s) }),
         children: [
           /* @__PURE__ */ e(C, { name: "check", size: 14 }),
           " 确认 (",
-          r.size,
+          s.size,
           ")"
         ]
       }
     ) })
   ] });
 }
-function Le({ interrupt: a, onRespond: t }) {
-  const [s, r] = T(""), n = a.inputType ?? "text", o = n === "textarea", i = () => {
-    a.required && !s.trim() || t({ action: "submit", value: s.trim() });
+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() });
   };
   return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
     /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
@@ -885,8 +887,8 @@ function Le({ interrupt: a, onRespond: t }) {
       "textarea",
       {
         className: "sa-interrupt-textarea",
-        value: s,
-        onChange: (l) => r(l.target.value),
+        value: r,
+        onChange: (l) => s(l.target.value),
         placeholder: a.placeholder,
         maxLength: a.maxLength,
         rows: 3
@@ -896,8 +898,8 @@ function Le({ interrupt: a, onRespond: t }) {
       {
         className: "sa-interrupt-input",
         type: n,
-        value: s,
-        onChange: (l) => r(l.target.value),
+        value: r,
+        onChange: (l) => s(l.target.value),
         placeholder: a.placeholder,
         maxLength: a.maxLength,
         onKeyDown: (l) => l.key === "Enter" && i()
@@ -907,7 +909,7 @@ function Le({ interrupt: a, onRespond: t }) {
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
-        disabled: a.required ? !s.trim() : !1,
+        disabled: a.required ? !r.trim() : !1,
         onClick: i,
         children: [
           /* @__PURE__ */ e(C, { name: "check", size: 14 }),
@@ -918,27 +920,27 @@ function Le({ interrupt: a, onRespond: t }) {
   ] });
 }
 function Ee({ interrupt: a, onRespond: t }) {
-  const s = a.fields ?? [], [r, n] = T(() => {
+  const r = a.fields ?? [], [s, n] = T(() => {
     const c = {};
-    for (const p of s)
+    for (const p of r)
       c[p.name] = p.defaultValue ?? "";
     return c;
   }), o = (c, p) => {
     n((f) => ({ ...f, [c]: p }));
-  }, i = s.every((c) => !c.required || r[c.name]), l = () => {
-    i && t({ action: "submit", value: r });
+  }, i = r.every((c) => !c.required || s[c.name]), l = () => {
+    i && t({ action: "submit", value: s });
   };
   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("div", { className: "sa-interrupt-form", children: s.map((c) => /* @__PURE__ */ d("div", { className: "sa-interrupt-form-field", children: [
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: r.map((c) => /* @__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: "*" })
       ] }),
-      Ae(c, r[c.name], (p) => o(c.name, p))
+      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: [
@@ -949,38 +951,38 @@ function Ee({ interrupt: a, onRespond: t }) {
     ] })
   ] });
 }
-function Ae(a, t, s) {
+function Ae(a, t, r) {
   switch (a.type) {
     case "textarea":
-      return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: t, onChange: (r) => s(r.target.value), placeholder: a.placeholder, rows: 3 });
+      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: (r) => s(r.target.value), children: [
+      return /* @__PURE__ */ d("select", { className: "sa-interrupt-select", value: t, onChange: (s) => r(s.target.value), children: [
         /* @__PURE__ */ e("option", { value: "", children: "请选择" }),
-        (a.options ?? []).map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
+        (a.options ?? []).map((s) => /* @__PURE__ */ e("option", { value: s, children: s }, s))
       ] });
     default:
-      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: a.type, value: t, onChange: (r) => s(r.target.value), placeholder: a.placeholder });
+      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: a.type, value: t, onChange: (s) => r(s.target.value), placeholder: a.placeholder });
   }
 }
-function $e({ interrupt: a, resolved: t, response: s, onRespond: r }) {
+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, s) })
+      /* @__PURE__ */ e("span", { children: Pe(a.interruptType, r) })
     ] });
   switch (a.interruptType) {
     case "confirm":
-      return /* @__PURE__ */ e(ze, { interrupt: a, onRespond: r });
+      return /* @__PURE__ */ e(ze, { interrupt: a, onRespond: s });
     case "approve":
-      return /* @__PURE__ */ e(Ie, { interrupt: a, onRespond: r });
+      return /* @__PURE__ */ e(Ie, { interrupt: a, onRespond: s });
     case "select":
-      return /* @__PURE__ */ e(Se, { interrupt: a, onRespond: r });
+      return /* @__PURE__ */ e(Se, { interrupt: a, onRespond: s });
     case "multiSelect":
-      return /* @__PURE__ */ e(De, { interrupt: a, onRespond: r });
+      return /* @__PURE__ */ e(Le, { interrupt: a, onRespond: s });
     case "input":
-      return /* @__PURE__ */ e(Le, { interrupt: a, onRespond: r });
+      return /* @__PURE__ */ e(De, { interrupt: a, onRespond: s });
     case "form":
-      return /* @__PURE__ */ e(Ee, { interrupt: a, onRespond: r });
+      return /* @__PURE__ */ e(Ee, { interrupt: a, onRespond: s });
     default:
       return /* @__PURE__ */ d("div", { className: "sa-interrupt-unknown", children: [
         "未知的交互类型: ",
@@ -1017,25 +1019,37 @@ const Oe = [
   { value: 5, label: "冗长啰嗦" },
   { value: 6, label: "难以理解" }
 ];
-function Re({ message: a, onCopy: t, onRegenerate: s, onFeedback: r }) {
-  const { status: n, feedback: o, cancelFeedback: i } = F(), [l, c] = T(null), [p, f] = T(!1), [u, h] = T(!1);
-  if (n !== "ready" && n !== "error") return null;
-  const v = N(() => {
-    t(), f(!0), setTimeout(() => f(!1), 2e3);
-  }, [t]), k = N(() => {
-    l === "like" ? (c(null), i(a.id)) : (c("like"), h(!1), o(a.id, "like"), r == null || r(a.id, "like"));
-  }, [l, a.id, o, i, r]), g = N(() => {
-    l === "dislike" ? (c(null), h(!1), i(a.id)) : h(!0);
-  }, [l, a.id, i]), b = N((m, x) => {
-    c("dislike"), h(!1), o(a.id, "dislike", { reason: m, remark: x }), r == null || r(a.id, "dislike");
-  }, [a.id, o, r]);
-  return /* @__PURE__ */ d("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: v, title: "复制", children: [
-      /* @__PURE__ */ e(C, { name: p ? "circle-check" : "copy", size: 14 }),
+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);
+  }, []);
+  return R(() => {
+    if (!f) return;
+    const g = (S) => {
+      h.current && !h.current.contains(S.target) && u(!1);
+    }, N = (S) => {
+      S.key === "Escape" && u(!1);
+    };
+    return document.addEventListener("mousedown", g), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", g), document.removeEventListener("keydown", N);
+    };
+  }, [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 }),
       " ",
-      p ? "已复制" : "复制"
+      c ? "已复制" : "复制"
     ] }),
-    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: s, title: "重新生成", children: [
+    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: r, title: "重新生成", children: [
       /* @__PURE__ */ e(C, { name: "refresh-cw", size: 14 }),
       " 重新生成"
     ] }),
@@ -1043,7 +1057,7 @@ function Re({ message: a, onCopy: t, onRegenerate: s, onFeedback: r }) {
     /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-action-btn ${l === "like" ? "sa-action-btn-active" : ""}`,
+        className: `sa-action-btn ${i === "like" ? "sa-action-btn-active" : ""}`,
         onClick: k,
         title: "有用",
         "aria-label": "点赞",
@@ -1053,31 +1067,27 @@ function Re({ message: a, onCopy: t, onRegenerate: s, onFeedback: r }) {
     /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-action-btn ${l === "dislike" ? "sa-action-btn-active" : ""}`,
-        onClick: g,
+        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 })
       }
     ),
-    u && /* @__PURE__ */ e(
-      Be,
-      {
-        onSubmit: b,
-        onCancel: () => h(!1)
-      }
-    )
+    f && /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(Be, { onSubmit: v, onCancel: m }) })
   ] });
 }
 function Be({ onSubmit: a, onCancel: t }) {
-  const [s, r] = T(void 0), [n, o] = T("");
+  const [r, s] = T(void 0), [n, o] = T("");
   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(
       "button",
       {
-        className: `sa-dislike-reason-btn ${s === i.value ? "active" : ""}`,
-        onClick: () => r(s === i.value ? void 0 : i.value),
+        className: `sa-dislike-reason-btn ${r === i.value ? "active" : ""}`,
+        onClick: () => s(r === i.value ? void 0 : i.value),
         children: i.label
       },
       i.value
@@ -1094,118 +1104,118 @@ function Be({ onSubmit: a, onCancel: t }) {
       }
     ),
     /* @__PURE__ */ d("div", { className: "sa-dislike-actions", children: [
-      /* @__PURE__ */ e("button", { className: "sa-dislike-submit", onClick: () => a(s, n || void 0), 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: "取消" })
     ] })
   ] });
 }
 function Z({ src: a, role: t }) {
-  const s = 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: s });
+  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 He({ message: a, isStreaming: t, isLast: s, slots: r, avatar: n, artifactPreview: o }) {
-  const { regenerate: i, feedback: l, respondToInterrupt: c } = F(), p = N(() => {
-    var I;
-    const x = a.parts.filter((D) => D.type === "text").map((D) => D.content).join(`
+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(`
 `);
-    (I = navigator.clipboard) == null || I.writeText(x).catch(() => {
+    (N = navigator.clipboard) == null || N.writeText(g).catch(() => {
     });
-  }, [a]), f = a.role === "user", u = r.Message;
+  }, [a]), f = a.role === "user", u = s.Message;
   if (u)
     return /* @__PURE__ */ e(
       u,
       {
         message: a,
         isStreaming: t,
-        isLast: s,
+        isLast: r,
         avatar: n,
-        slots: r,
+        slots: s,
         onCopy: p,
         onRegenerate: i,
         onFeedback: l
       }
     );
-  const h = r.TextPart ?? ve, v = r.ThinkingPart ?? we, k = r.ToolCallPart ?? ye, g = r.ToolResultPart ?? Ce, b = r.ErrorPart ?? Ne, m = r.ActionBar ?? Re;
+  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((x, I) => {
-        switch (x.type) {
+      a.parts.map((g, N) => {
+        switch (g.type) {
           case "text":
-            return /* @__PURE__ */ e(h, { content: x.content }, I);
+            return /* @__PURE__ */ e(h, { content: g.content }, N);
           case "thinking":
-            return /* @__PURE__ */ e(v, { content: x.content }, I);
+            return /* @__PURE__ */ e(w, { content: g.content }, N);
           case "tool_call":
-            return /* @__PURE__ */ e(k, { toolName: x.toolName, toolCallId: x.toolCallId, args: x.args }, I);
+            return /* @__PURE__ */ e(k, { toolName: g.toolName, toolCallId: g.toolCallId, args: g.args }, N);
           case "tool_result":
-            return /* @__PURE__ */ e(g, { toolName: x.toolName, toolCallId: x.toolCallId, content: x.content, artifacts: x.artifacts, renderMode: x.renderMode, html: x.html, artifactPreview: o }, I);
+            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(b, { content: x.content, onRetry: i }, I);
+            return /* @__PURE__ */ e(v, { content: g.content, onRetry: i }, N);
           case "interrupt":
             return /* @__PURE__ */ e(
               $e,
               {
-                interrupt: x.interrupt,
-                resolved: x.resolved ?? !1,
-                response: x.response,
-                onRespond: (D) => c(x.interrupt.interruptId, D)
+                interrupt: g.interrupt,
+                resolved: g.resolved ?? !1,
+                response: g.response,
+                onRespond: (S) => c(g.interrupt.interruptId, S)
               },
-              I
+              N
             );
           default:
             return null;
         }
       }),
-      t && s && !f && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
+      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" })
   ] });
 }
-function je({ message: a, suggestedPrompts: t, onPromptClick: s }) {
+function He({ message: a, suggestedPrompts: t, onPromptClick: r }) {
   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((r, n) => /* @__PURE__ */ e(
+    t && t.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: t.map((s, n) => /* @__PURE__ */ e(
       "button",
       {
         className: "sa-welcome-prompt",
-        onClick: () => s(r),
-        children: r
+        onClick: () => r(s),
+        children: s
       },
       n
     )) })
   ] });
 }
-function re({ slots: a, welcomeMessage: t, suggestedPrompts: s, avatar: r, artifactPreview: n }) {
-  const { messages: o, status: i, sendMessage: l } = F(), { containerRef: c } = ge([o]), p = i === "streaming", f = a.WelcomeScreen ?? je;
+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(
     f,
     {
       message: t,
-      suggestedPrompts: s,
+      suggestedPrompts: r,
       onPromptClick: l
     }
   ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: o.map((u, h) => /* @__PURE__ */ e(
-    He,
+    Fe,
     {
       message: u,
       isStreaming: p,
       isLast: h === o.length - 1,
       slots: a,
-      avatar: r,
+      avatar: s,
       artifactPreview: n
     },
     u.id
   )) });
 }
 function se() {
-  const { status: a, sendMessage: t, stop: s } = F(), [r, n] = T(""), o = _(null), i = a === "streaming" || a === "submitted", l = N(() => {
-    const f = r.trim();
+  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"));
-  }, [r, i, t]), c = N((f) => {
+  }, [s, i, t]), c = I((f) => {
     f.key === "Enter" && !f.shiftKey && (f.preventDefault(), l());
-  }, [l]), p = N((f) => {
+  }, [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";
@@ -1216,7 +1226,7 @@ function se() {
       {
         ref: o,
         className: "sa-composer-input",
-        value: r,
+        value: s,
         onChange: p,
         onKeyDown: c,
         placeholder: "输入消息...",
@@ -1224,23 +1234,23 @@ function se() {
         disabled: a === "submitted"
       }
     ),
-    i ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: s, title: "停止", children: /* @__PURE__ */ e(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
+    i ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: r, title: "停止", children: /* @__PURE__ */ e(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
       "button",
       {
         className: "sa-composer-send",
         onClick: l,
-        disabled: !r.trim(),
+        disabled: !s.trim(),
         title: "发送",
         children: /* @__PURE__ */ e(C, { name: "arrow-up", size: 16, color: "#fff" })
       }
     )
   ] });
 }
-function _e({ artifact: a }) {
-  const [t, s] = Y.useState(null), [r, n] = Y.useState(!0), [o, i] = Y.useState(null);
+function je({ artifact: a }) {
+  const [t, r] = Y.useState(null), [s, n] = Y.useState(!0), [o, i] = Y.useState(null);
   return Y.useEffect(() => {
     let l = !1;
-    n(!0), i(null), s(null);
+    n(!0), i(null), r(null);
     async function c() {
       try {
         if (a.type === "pdf") {
@@ -1251,14 +1261,14 @@ function _e({ artifact: a }) {
           const p = await fetch(a.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 || (s(u.sanitize(f, { FORCE_BODY: !0 })), n(!1));
+          l || (r(u.sanitize(f, { FORCE_BODY: !0 })), n(!1));
           return;
         }
         if (a.type === "docx") {
           const p = await fetch(a.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 }), v = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (s(v.sanitize(h.value, { FORCE_BODY: !0 })), n(!1));
+          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));
           return;
         }
         l || (n(!1), i(`不支持预览「${a.type}」类型`));
@@ -1269,54 +1279,54 @@ function _e({ artifact: a }) {
     return c(), () => {
       l = !0;
     };
-  }, [a]), r ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : o ? /* @__PURE__ */ d("div", { className: "sa-drawer-preview-error", children: [
+  }, [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;
 }
-function ne({ artifacts: a, initialArtifact: t, onClose: s }) {
-  const [r, n] = T(
+function ne({ artifacts: a, initialArtifact: t, onClose: r }) {
+  const [s, n] = T(
     t ? { mode: "preview", artifact: t } : { mode: "list" }
-  ), [o, i] = T(!1), l = _(null), [c, p] = T(340), f = _(null);
-  B(() => {
+  ), [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 = N(() => {
+  const u = I(() => {
     i(!0), l.current = setTimeout(() => {
-      l.current = null, s();
+      l.current = null, r();
     }, 240);
-  }, [s]);
-  B(() => () => {
-    var g;
-    l.current && clearTimeout(l.current), (g = f.current) == null || g.call(f);
+  }, [r]);
+  R(() => () => {
+    var b;
+    l.current && clearTimeout(l.current), (b = f.current) == null || b.call(f);
   }, []);
-  const h = N((g) => {
-    n({ mode: "preview", artifact: g });
-  }, []), v = N(() => {
+  const h = I((b) => {
+    n({ mode: "preview", artifact: b });
+  }, []), w = I(() => {
     n({ mode: "list" });
   }, []);
-  B(() => {
-    const g = (b) => {
-      b.key === "Escape" && u();
+  R(() => {
+    const b = (v) => {
+      v.key === "Escape" && u();
     };
-    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [u]);
-  const k = N((g) => {
-    g.preventDefault();
-    const b = g.clientX, m = c, x = (D) => {
-      const M = b - D.clientX;
-      p(Math.max(240, Math.min(window.innerWidth * 0.7, m + M)));
-    }, I = () => {
-      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", I), document.body.style.cursor = "", document.body.style.userSelect = "", f.current = null;
+  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;
     };
-    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", x), document.addEventListener("mouseup", I), f.current = I;
+    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", g), document.addEventListener("mouseup", N), f.current = N;
   }, [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 }),
     /* @__PURE__ */ d("div", { className: "sa-artifact-drawer-header", children: [
-      r.mode === "preview" ? /* @__PURE__ */ d(q, { children: [
-        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: v, 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: r.artifact.filename })
+      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 })
       ] }) : /* @__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" }),
@@ -1325,103 +1335,103 @@ function ne({ artifacts: a, initialArtifact: t, onClose: s }) {
         /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: "会话产物" })
       ] }),
       /* @__PURE__ */ e("div", { style: { flex: 1 } }),
-      r.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void U(r.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" }) }) }),
+      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" }) }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: r.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((g, b) => /* @__PURE__ */ d(
+    /* @__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(
       "li",
       {
         className: "sa-drawer-file-card",
-        onClick: () => h(g),
+        onClick: () => h(b),
         onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), h(g));
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), h(b));
         },
         tabIndex: 0,
         role: "button",
-        "aria-label": `预览 ${g.filename}`,
+        "aria-label": `预览 ${b.filename}`,
         children: [
-          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: ee(g.type) }) }),
+          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: ee(b.type) }) }),
           /* @__PURE__ */ d("div", { className: "sa-drawer-file-info", children: [
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: g.filename }),
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: Q(g.size) })
+            /* @__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(
             "button",
             {
               className: "sa-drawer-btn",
               title: "下载",
-              "aria-label": `下载 ${g.filename}`,
+              "aria-label": `下载 ${b.filename}`,
               onClick: (m) => {
-                m.stopPropagation(), U(g);
+                m.stopPropagation(), U(b);
               },
               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" }) })
             }
           )
         ]
       },
-      g.id || `artifact-${b}`
-    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(_e, { artifact: r.artifact }) }) })
+      b.id || `artifact-${v}`
+    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(je, { artifact: s.artifact }) }) })
   ] });
 }
-function We({ isOpen: a, onClose: t, title: s, slots: r, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }) {
-  const { status: c, sendMessage: p, stop: f, toggleThreadList: u, toggleArtifactDrawer: h, conversations: v, activeConversationId: k, switchConversation: g, newConversation: b, deleteConversation: m, renameConversation: x, isThreadListOpen: I, isArtifactDrawerOpen: D, allArtifacts: M, activePreviewArtifact: O } = F();
+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 = r.Header, L = r.Composer, $ = r.ThreadList;
+  const y = s.Header, D = s.Composer, P = s.ThreadList;
   return /* @__PURE__ */ d("div", { className: "sa-panel", children: [
-    y ? /* @__PURE__ */ e(y, { title: s, onClose: t, onToggleThreadList: u }) : /* @__PURE__ */ e(
+    y ? /* @__PURE__ */ e(y, { title: r, onClose: t, onToggleThreadList: u }) : /* @__PURE__ */ e(
       ue,
       {
-        title: s,
+        title: r,
         onClose: t,
         onToggleThreadList: u,
-        artifactCount: l ? M.length : 0,
+        artifactCount: l ? L.length : 0,
         onToggleArtifactDrawer: l ? h : void 0
       }
     ),
-    $ && I ? /* @__PURE__ */ e(
-      $,
+    P && N ? /* @__PURE__ */ e(
+      P,
       {
-        conversations: v,
+        conversations: w,
         activeSessionId: k,
-        onSwitch: g,
-        onNew: b,
+        onSwitch: b,
+        onNew: v,
         onDelete: m,
-        onRename: x
+        onRename: g
       }
     ) : /* @__PURE__ */ e(he, {}),
     /* @__PURE__ */ d("div", { className: "sa-panel-content", children: [
-      /* @__PURE__ */ e(re, { slots: r, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }),
-      l && D && /* @__PURE__ */ e(ne, { artifacts: M, initialArtifact: O, onClose: h })
+      /* @__PURE__ */ e(re, { slots: s, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }),
+      l && S && /* @__PURE__ */ e(ne, { artifacts: L, initialArtifact: O, onClose: h })
     ] }),
-    L ? /* @__PURE__ */ e(L, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
+    D ? /* @__PURE__ */ e(D, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
   ] });
 }
-function Fe({
+function We({
   conversations: a,
   activeSessionId: t,
-  onSwitch: s,
-  onNew: r,
+  onSwitch: r,
+  onNew: s,
   onDelete: n,
   isCollapsed: o,
   onToggleCollapse: i
 }) {
-  const [l, c] = T(null), [p, f] = T(null), u = N((v, k) => {
-    k.stopPropagation(), p === v ? (n(v), f(null)) : (f(v), setTimeout(() => f(null), 3e3));
+  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 v = Date.now(), k = [], g = [], b = [];
-    for (const x of a) {
-      const I = v - new Date(x.updateTime).getTime();
-      I < 864e5 ? k.push(x) : I < 6048e5 ? g.push(x) : b.push(x);
+    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 m = [];
-    return k.length && m.push({ label: "今天", items: k }), g.length && m.push({ label: "最近 7 天", items: g }), b.length && m.push({ label: "更早", items: b }), 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;
   })();
   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: r, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ e(C, { name: "plus", 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__ */ 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: r, children: [
+      /* @__PURE__ */ d("button", { className: "sa-fp-sidebar-new", onClick: s, children: [
         /* @__PURE__ */ e(C, { name: "plus", size: 15 }),
         " ",
         /* @__PURE__ */ e("span", { children: "新会话" })
@@ -1430,24 +1440,24 @@ function Fe({
     ] }),
     /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-list", children: [
       a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
-      h.map((v) => /* @__PURE__ */ d("div", { children: [
-        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: v.label }),
-        v.items.map((k) => {
-          const g = k.sessionId === t, b = l === k.sessionId, m = p === k.sessionId;
+      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;
           return /* @__PURE__ */ d(
             "div",
             {
-              className: `sa-fp-sidebar-item ${g ? "active" : ""}`,
-              onClick: () => s(k.sessionId),
+              className: `sa-fp-sidebar-item ${b ? "active" : ""}`,
+              onClick: () => r(k.sessionId),
               onMouseEnter: () => c(k.sessionId),
               onMouseLeave: () => c(null),
               children: [
                 /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: k.title || "新会话" }),
-                b && /* @__PURE__ */ e(
+                v && /* @__PURE__ */ e(
                   "button",
                   {
                     className: `sa-fp-sidebar-item-action ${m ? "danger" : ""}`,
-                    onClick: (x) => u(k.sessionId, x),
+                    onClick: (g) => u(k.sessionId, g),
                     title: m ? "确认删除" : "删除",
                     children: /* @__PURE__ */ e(C, { name: m ? "x" : "trash2", size: 14 })
                   }
@@ -1457,56 +1467,56 @@ function Fe({
             k.sessionId
           );
         })
-      ] }, v.label))
+      ] }, w.label))
     ] })
   ] });
 }
-function Ye({ title: a, slots: t, welcomeMessage: s, suggestedPrompts: r, sidebarDefaultOpen: n = !0, onClose: o, avatar: i, artifactPreview: l }) {
+function Ye({ title: a, slots: t, welcomeMessage: r, suggestedPrompts: s, sidebarDefaultOpen: n = !0, onClose: o, avatar: i, artifactPreview: l }) {
   const {
     status: c,
     sendMessage: p,
     stop: f,
     conversations: u,
     activeConversationId: h,
-    switchConversation: v,
+    switchConversation: w,
     newConversation: k,
-    deleteConversation: g,
-    renameConversation: b,
+    deleteConversation: b,
+    renameConversation: v,
     toggleArtifactDrawer: m,
-    isArtifactDrawerOpen: x,
-    allArtifacts: I,
-    activePreviewArtifact: D
-  } = F(), [M, O] = T(n), y = N(() => O((S) => !S), []), L = t.ThreadList, $ = t.Composer;
+    isArtifactDrawerOpen: g,
+    allArtifacts: N,
+    activePreviewArtifact: S
+  } = W(), [L, O] = T(n), y = I(() => O((M) => !M), []), D = t.ThreadList, P = t.Composer;
   return /* @__PURE__ */ d("div", { className: "sa-fullpage", children: [
-    L ? /* @__PURE__ */ e("div", { className: `sa-fp-sidebar-wrapper ${M ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ e(
-      L,
+    D ? /* @__PURE__ */ e("div", { className: `sa-fp-sidebar-wrapper ${L ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ e(
+      D,
       {
         conversations: u,
         activeSessionId: h,
-        onSwitch: v,
+        onSwitch: w,
         onNew: k,
-        onDelete: g,
-        onRename: b
+        onDelete: b,
+        onRename: v
       }
     ) }) : /* @__PURE__ */ e(
-      Fe,
+      We,
       {
         conversations: u,
         activeSessionId: h,
-        onSwitch: v,
+        onSwitch: w,
         onNew: k,
-        onDelete: g,
-        onRename: b,
-        isCollapsed: !M,
+        onDelete: b,
+        onRename: v,
+        isCollapsed: !L,
         onToggleCollapse: y
       }
     ),
     /* @__PURE__ */ d("div", { className: "sa-fp-main", children: [
       /* @__PURE__ */ d("div", { className: "sa-fp-header", children: [
-        !M && !L && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: y, title: "展开侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
+        !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 }),
         /* @__PURE__ */ d("div", { className: "sa-fp-header-actions", children: [
-          l && I.length > 0 && /* @__PURE__ */ d("button", { className: "sa-fp-header-btn sa-header-btn-artifact", onClick: m, title: "会话产物", 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" })
@@ -1517,47 +1527,47 @@ function Ye({ title: a, slots: t, welcomeMessage: s, suggestedPrompts: r, sideba
         ] })
       ] }),
       /* @__PURE__ */ d("div", { className: "sa-fp-content-row", children: [
-        /* @__PURE__ */ e(re, { slots: t, welcomeMessage: s, suggestedPrompts: r, avatar: i, artifactPreview: l }),
-        l && x && /* @__PURE__ */ e(ne, { artifacts: I, initialArtifact: D, onClose: m })
+        /* @__PURE__ */ e(re, { slots: t, welcomeMessage: r, suggestedPrompts: s, avatar: i, artifactPreview: l }),
+        l && g && /* @__PURE__ */ e(ne, { artifacts: N, initialArtifact: S, onClose: m })
       ] }),
-      $ ? /* @__PURE__ */ e($, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
+      P ? /* @__PURE__ */ e(P, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
     ] })
   ] });
 }
 function Ke(a) {
-  const { sdk: t, mode: s = "floating", slots: r = {}, hooks: n = {}, welcomeMessage: o, suggestedPrompts: i, title: l = "AI Assistant", initialOpen: c = !1, onOpenChange: p, sidebarDefaultOpen: f, avatar: u, artifactPreview: h } = a, [v, k] = T(c);
-  B(() => {
+  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);
   }, [c]);
-  const g = N(() => {
-    var I, D;
-    const x = !v;
-    k(x), p == null || p(x), x ? (I = n.onOpen) == null || I.call(n) : (D = n.onClose) == null || D.call(n);
-  }, [v, n, p]), b = N(() => {
-    var x;
-    k(!1), p == null || p(!1), (x = n.onClose) == null || x.call(n);
-  }, [n, p]), m = r.Trigger ?? fe;
-  return s === "fullpage" ? v ? /* @__PURE__ */ e(G, { sdk: t, hooks: n, children: /* @__PURE__ */ e(
+  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,
     {
       title: l,
-      slots: r,
+      slots: s,
       welcomeMessage: o,
       suggestedPrompts: i,
       sidebarDefaultOpen: f,
-      onClose: b,
+      onClose: v,
       avatar: u,
       artifactPreview: h
     }
   ) }) : null : /* @__PURE__ */ d(G, { sdk: t, hooks: n, children: [
-    /* @__PURE__ */ e(m, { isOpen: v, onClick: g }),
+    /* @__PURE__ */ e(m, { isOpen: w, onClick: b }),
     /* @__PURE__ */ e(
-      We,
+      _e,
       {
-        isOpen: v,
-        onClose: b,
+        isOpen: w,
+        onClose: v,
         title: l,
-        slots: r,
+        slots: s,
         welcomeMessage: o,
         suggestedPrompts: i,
         avatar: u,
@@ -2124,8 +2134,8 @@ const Ue = `
 
   /* ── Dislike Panel ── */
   .sa-dislike-panel {
-    position: absolute; bottom: 100%; left: 0; right: 0;
-    margin-bottom: 6px; padding: 12px;
+    position: absolute; top: 100%; left: 0; right: 0;
+    margin-top: 6px; padding: 12px;
     background: #fff; border: 1px solid var(--sa-border); border-radius: 10px;
     box-shadow: 0 4px 16px rgba(0,0,0,0.08);
     animation: sa-fade-in-up 0.2s cubic-bezier(0.16,1,0.3,1) both;
@@ -3117,17 +3127,17 @@ function qe(a) {
   ].join("; ");
 }
 function Ze(a, t) {
-  const s = typeof a == "string" ? document.querySelector(a) : a;
-  if (!s)
+  const r = typeof a == "string" ? document.querySelector(a) : a;
+  if (!r)
     throw new Error(`Target element not found: ${a}`);
-  const r = document.createElement("div");
-  r.setAttribute("data-super-agent-widget", "");
+  const s = document.createElement("div");
+  s.setAttribute("data-super-agent-widget", "");
   const n = qe(t.theme ?? {});
-  if (r.setAttribute("style", n), s.appendChild(r), !document.getElementById("sa-widget-styles")) {
+  if (s.setAttribute("style", n), r.appendChild(s), !document.getElementById("sa-widget-styles")) {
     const c = document.createElement("style");
     c.id = "sa-widget-styles", c.textContent = Ue, document.head.appendChild(c);
   }
-  let o = le(r), i = !1;
+  let o = le(s), i = !1;
   const l = (c) => {
     o && o.render(
       Y.createElement(Ke, {
@@ -3147,7 +3157,7 @@ function Ze(a, t) {
       i = !1, l(!1);
     },
     destroy() {
-      o && (o.unmount(), o = null), r.remove();
+      o && (o.unmount(), o = null), s.remove();
     }
   };
 }
@@ -3161,7 +3171,7 @@ export {
   ue as Header,
   C as Icon,
   $e as InterruptCard,
-  He as Message,
+  Fe as Message,
   ve as TextPart,
   we as ThinkingPart,
   re as Thread,
@@ -3169,13 +3179,13 @@ export {
   ye as ToolCallPart,
   Ce as ToolResultPart,
   fe as Trigger,
-  je as WelcomeScreen,
+  He as WelcomeScreen,
   Ve as defaultTheme,
   Ze as mount,
   qe as themeToCSSVars,
   ge as useAutoScroll,
   ce as useChat,
-  F as useChatContext,
+  W as useChatContext,
   pe as useConversations,
   Ue as widgetStyles
 };