super-agent-sdk 1.0.9 → 1.0.10

package/dist/widget.mjs

@@ -1,299 +1,299 @@
-import Q, { useState as E, useRef as R, useCallback as N, useEffect as P, createContext as je, useMemo as re, useContext as Pe } from "react";
-import { createRoot as We } from "react-dom/client";
-import { jsx as e, jsxs as c, Fragment as V } from "react/jsx-runtime";
-function Ye(t) {
-  const { sdk: a, sessionId: n, onSessionCreated: s, onStreamStart: r, onStreamEnd: i, onError: o, onMessageSend: l } = t, [d, p] = E([]), [u, g] = E("ready"), [b, m] = E(null), x = R(null), f = R(!1), y = R(null), z = R(n), H = R(!0);
-  z.current = n, H.current = d.length === 0;
-  const k = N((w) => {
-    if (f.current) return;
-    f.current = !0, l == null || l(w);
-    const M = {
+import Q, { useState as E, useRef as _, useCallback as k, useEffect as j, createContext as Ve, useMemo as re, useContext as Ke, isValidElement as qe, cloneElement as Ze, createElement as Je } from "react";
+import { createRoot as Qe } from "react-dom/client";
+import { jsx as e, jsxs as g, Fragment as K } from "react/jsx-runtime";
+function et(t) {
+  const { sdk: a, sessionId: n, onSessionCreated: s, onStreamStart: r, onStreamEnd: i, onError: d, onMessageSend: o } = t, [l, c] = E([]), [f, h] = E("ready"), [x, b] = E(null), y = _(null), p = _(!1), m = _(null), C = _(n), A = _(!0);
+  C.current = n, A.current = l.length === 0;
+  const v = k((w) => {
+    if (p.current) return;
+    p.current = !0, o == null || o(w);
+    const I = {
       id: `user_${Date.now()}`,
       role: "user",
       parts: [{ type: "text", content: w }],
       timestamp: Date.now()
-    }, $ = `assistant_${Date.now()}`, L = {
-      id: $,
+    }, L = `assistant_${Date.now()}`, R = {
+      id: L,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
-    }, v = H.current;
-    p((I) => [...I, M, L]), g("submitted"), m(null);
-    const A = (I) => {
-      let F = "", h = "", _ = [], O = !1;
-      const W = () => {
-        const T = [..._];
-        if (F) {
-          const Y = T.findIndex((j) => j.type === "thinking");
-          Y >= 0 ? T[Y] = { type: "thinking", content: F } : T.unshift({ type: "thinking", content: F });
+    }, F = A.current;
+    c((D) => [...D, I, R]), h("submitted"), b(null);
+    const P = (D) => {
+      let S = "", u = "", T = [], B = !1;
+      const O = () => {
+        const z = [...T];
+        if (S) {
+          const Y = z.findIndex((W) => W.type === "thinking");
+          Y >= 0 ? z[Y] = { type: "thinking", content: S } : z.unshift({ type: "thinking", content: S });
         }
-        if (h) {
-          const Y = T[T.length - 1];
-          (Y == null ? void 0 : Y.type) === "text" ? T[T.length - 1] = { type: "text", content: h } : T.push({ type: "text", content: h });
+        if (u) {
+          const Y = z[z.length - 1];
+          (Y == null ? void 0 : Y.type) === "text" ? z[z.length - 1] = { type: "text", content: u } : z.push({ type: "text", content: u });
         }
-        p(
-          (Y) => Y.map((j) => j.id === $ ? { ...j, parts: T } : j)
+        c(
+          (Y) => Y.map((W) => W.id === L ? { ...W, parts: z } : W)
         );
       };
-      x.current = a.chat({
-        sessionId: I,
+      y.current = a.chat({
+        sessionId: D,
         message: w,
         stream: !0,
-        onMessage: (T) => {
-          switch (O || (O = !0, g("streaming")), T.type) {
+        onMessage: (z) => {
+          switch (B || (B = !0, h("streaming")), z.type) {
             case "thinking":
-              F += T.content;
+              S += z.content;
               break;
             case "ai":
-              h += T.content;
+              u += z.content;
               break;
             case "tool_call":
-              h && (_.push({ type: "text", content: h }), h = ""), _.push({
+              u && (T.push({ type: "text", content: u }), u = ""), T.push({
                 type: "tool_call",
-                toolName: T.toolName,
-                toolCallId: T.toolCallId,
-                args: T.args ?? "{}"
+                toolName: z.toolName,
+                toolCallId: z.toolCallId,
+                args: z.args ?? "{}"
               });
               break;
             case "tool_result":
-              h && (_.push({ type: "text", content: h }), h = ""), _.push({
+              u && (T.push({ type: "text", content: u }), u = ""), T.push({
                 type: "tool_result",
-                toolName: T.toolName ?? "",
-                toolCallId: T.toolCallId,
-                content: T.content,
-                artifacts: T.artifacts,
-                renderMode: T.renderMode,
-                html: T.html
+                toolName: z.toolName ?? "",
+                toolCallId: z.toolCallId,
+                content: z.content,
+                artifacts: z.artifacts,
+                renderMode: z.renderMode,
+                html: z.html
               });
               break;
             case "interrupt":
-              h && (_.push({ type: "text", content: h }), h = ""), T.interrupt && _.push({
+              u && (T.push({ type: "text", content: u }), u = ""), z.interrupt && T.push({
                 type: "interrupt",
-                interrupt: T.interrupt,
+                interrupt: z.interrupt,
                 resolved: !1
               });
               break;
             case "stop":
-              T.content && (h = T.content), W();
+              z.content && (u = z.content), O();
               return;
           }
-          W();
+          O();
         },
-        onDone: (T) => {
-          (h || _.length > 0 || F) && W(), T.sessionId && T.sessionId !== z.current && (s == null || s(T.sessionId));
+        onDone: (z) => {
+          (u || T.length > 0 || S) && O(), z.sessionId && z.sessionId !== C.current && (s == null || s(z.sessionId));
           const Y = () => {
-            y.current && (clearTimeout(y.current), y.current = null), i == null || i(T.sessionId || I), g("ready"), f.current = !1, x.current = null;
+            m.current && (clearTimeout(m.current), m.current = null), i == null || i(z.sessionId || D), h("ready"), p.current = !1, y.current = null;
           };
-          if (v) {
-            const j = w.slice(0, 30), q = T.sessionId || I;
-            a.renameConversation(q, j).catch(() => {
+          if (F) {
+            const W = w.slice(0, 30), V = z.sessionId || D;
+            a.renameConversation(V, W).catch(() => {
             }).finally(Y);
           } else
             Y();
         },
-        onError: (T) => {
-          _.push({ type: "error", content: T.message }), W(), y.current && (clearTimeout(y.current), y.current = null), m(T), g("error"), o == null || o(T), f.current = !1, x.current = null;
+        onError: (z) => {
+          T.push({ type: "error", content: z.message }), O(), m.current && (clearTimeout(m.current), m.current = null), b(z), h("error"), d == null || d(z), p.current = !1, y.current = null;
         }
-      }), r == null || r(I);
+      }), r == null || r(D);
     };
-    z.current ? A(z.current) : a.createSession().then((I) => {
-      z.current = I, s == null || s(I), A(I);
-    }).catch((I) => {
-      m(I instanceof Error ? I : new Error(String(I))), g("error"), o == null || o(I instanceof Error ? I : new Error(String(I))), f.current = !1;
+    C.current ? P(C.current) : a.createSession().then((D) => {
+      C.current = D, s == null || s(D), P(D);
+    }).catch((D) => {
+      b(D instanceof Error ? D : new Error(String(D))), h("error"), d == null || d(D instanceof Error ? D : new Error(String(D))), p.current = !1;
     });
-  }, [a, s, r, i, o, l]), C = N(() => {
-    const w = z.current;
-    w && (y.current && clearTimeout(y.current), y.current = setTimeout(() => {
-      var M;
-      y.current = null, (M = x.current) == null || M.abort(), x.current = null, f.current = !1, g("ready");
+  }, [a, s, r, i, d, o]), N = k(() => {
+    const w = C.current;
+    w && (m.current && clearTimeout(m.current), m.current = setTimeout(() => {
+      var I;
+      m.current = null, (I = y.current) == null || I.abort(), y.current = null, p.current = !1, h("ready");
     }, 8e3), a.stopGeneration(w).catch(() => {
     }));
-  }, [a]), S = N(() => {
-    if (f.current) return;
-    const w = d.findLastIndex(($) => $.role === "user");
+  }, [a]), $ = k(() => {
+    if (p.current) return;
+    const w = l.findLastIndex((L) => L.role === "user");
     if (w < 0) return;
-    const M = d[w].parts.filter(($) => $.type === "text").map(($) => $.content).join("");
-    p(($) => $.slice(0, w)), k(M);
-  }, [d, k]), D = N((w, M) => {
-    p(
-      (h) => h.map((_) => ({
-        ..._,
-        parts: _.parts.map(
-          (O) => O.type === "interrupt" && O.interrupt.interruptId === w ? { ...O, resolved: !0, response: M } : O
+    const I = l[w].parts.filter((L) => L.type === "text").map((L) => L.content).join("");
+    c((L) => L.slice(0, w)), v(I);
+  }, [l, v]), M = k((w, I) => {
+    c(
+      (u) => u.map((T) => ({
+        ...T,
+        parts: T.parts.map(
+          (B) => B.type === "interrupt" && B.interrupt.interruptId === w ? { ...B, resolved: !0, response: I } : B
         )
       }))
     );
-    const $ = z.current;
-    if (!$) return;
-    let L = 0;
-    p((h) => h.length > 0 && h[h.length - 1].role === "assistant" ? (L = h[h.length - 1].parts.length, h) : (L = 0, [...h, { id: `assistant_${Date.now()}`, role: "assistant", parts: [], timestamp: Date.now() }])), g("streaming");
-    let v = "", A = "", I = [];
-    const F = () => {
-      const h = [...I];
-      if (v) {
-        const _ = h.findIndex((O) => O.type === "thinking");
-        _ >= 0 ? h[_] = { type: "thinking", content: v } : h.unshift({ type: "thinking", content: v });
+    const L = C.current;
+    if (!L) return;
+    let R = 0;
+    c((u) => u.length > 0 && u[u.length - 1].role === "assistant" ? (R = u[u.length - 1].parts.length, u) : (R = 0, [...u, { id: `assistant_${Date.now()}`, role: "assistant", parts: [], timestamp: Date.now() }])), h("streaming");
+    let F = "", P = "", D = [];
+    const S = () => {
+      const u = [...D];
+      if (F) {
+        const T = u.findIndex((B) => B.type === "thinking");
+        T >= 0 ? u[T] = { type: "thinking", content: F } : u.unshift({ type: "thinking", content: F });
       }
-      if (A) {
-        const _ = h[h.length - 1];
-        (_ == null ? void 0 : _.type) === "text" ? h[h.length - 1] = { type: "text", content: A } : h.push({ type: "text", content: A });
+      if (P) {
+        const T = u[u.length - 1];
+        (T == null ? void 0 : T.type) === "text" ? u[u.length - 1] = { type: "text", content: P } : u.push({ type: "text", content: P });
       }
-      p((_) => {
-        const O = _.findLastIndex((W) => W.role === "assistant");
-        return O < 0 ? _ : _.map(
-          (W, T) => T === O ? { ...W, parts: [...W.parts.slice(0, L), ...h] } : W
+      c((T) => {
+        const B = T.findLastIndex((O) => O.role === "assistant");
+        return B < 0 ? T : T.map(
+          (O, z) => z === B ? { ...O, parts: [...O.parts.slice(0, R), ...u] } : O
         );
       });
     };
     a.respondInterrupt(
       w,
-      $,
-      M,
-      (h) => {
-        switch (h.type) {
+      L,
+      I,
+      (u) => {
+        switch (u.type) {
           case "thinking":
-            v += h.content;
+            F += u.content;
             break;
           case "ai":
-            A += h.content;
+            P += u.content;
             break;
           case "tool_call":
-            A && (I.push({ type: "text", content: A }), A = ""), I.push({
+            P && (D.push({ type: "text", content: P }), P = ""), D.push({
               type: "tool_call",
-              toolName: h.toolName,
-              toolCallId: h.toolCallId,
-              args: h.args ?? "{}"
+              toolName: u.toolName,
+              toolCallId: u.toolCallId,
+              args: u.args ?? "{}"
             });
             break;
           case "tool_result":
-            A && (I.push({ type: "text", content: A }), A = ""), I.push({
+            P && (D.push({ type: "text", content: P }), P = ""), D.push({
               type: "tool_result",
-              toolName: h.toolName ?? "",
-              toolCallId: h.toolCallId,
-              content: h.content,
-              artifacts: h.artifacts,
-              renderMode: h.renderMode,
-              html: h.html
+              toolName: u.toolName ?? "",
+              toolCallId: u.toolCallId,
+              content: u.content,
+              artifacts: u.artifacts,
+              renderMode: u.renderMode,
+              html: u.html
             });
             break;
           case "interrupt":
-            A && (I.push({ type: "text", content: A }), A = ""), h.interrupt && I.push({ type: "interrupt", interrupt: h.interrupt, resolved: !1 });
+            P && (D.push({ type: "text", content: P }), P = ""), u.interrupt && D.push({ type: "interrupt", interrupt: u.interrupt, resolved: !1 });
             break;
           case "done":
-            i == null || i($), g("ready");
+            i == null || i(L), h("ready");
             break;
         }
-        F();
+        S();
       },
-      (h) => {
-        I.push({ type: "error", content: h.message }), F(), m(h), g("error"), o == null || o(h);
+      (u) => {
+        D.push({ type: "error", content: u.message }), S(), b(u), h("error"), d == null || d(u);
       }
-    ).catch((h) => {
-      o == null || o(h instanceof Error ? h : new Error(String(h))), g("error");
+    ).catch((u) => {
+      d == null || d(u instanceof Error ? u : new Error(String(u))), h("error");
     });
-  }, [a, o, i]);
-  return { messages: d, status: u, error: b, sendMessage: k, stop: C, regenerate: S, setMessages: p, respondToInterrupt: D };
+  }, [a, d, i]);
+  return { messages: l, status: f, error: x, sendMessage: v, stop: N, regenerate: $, setMessages: c, respondToInterrupt: M };
 }
-const Te = "sa_active_conversation", de = 20;
-function ve(t) {
+const $e = "sa_active_conversation", ue = 20;
+function ze(t) {
   try {
-    return localStorage.getItem(`${Te}_${t}`);
+    return localStorage.getItem(`${$e}_${t}`);
   } catch {
     return null;
   }
 }
-function Ge(t, a) {
+function tt(t, a) {
   try {
-    const n = `${Te}_${t}`;
+    const n = `${$e}_${t}`;
     a ? localStorage.setItem(n, a) : localStorage.removeItem(n);
   } catch {
   }
 }
-function Xe(t) {
-  const { sdk: a, onConversationChange: n } = t, s = a.botId, [r, i] = E([]), [o, l] = E(
-    () => ve(s)
-  ), [d, p] = E(!1), [u, g] = E(!0), b = R(!0), m = R(1), x = R(!1);
-  P(() => () => {
-    b.current = !1;
+function at(t) {
+  const { sdk: a, onConversationChange: n } = t, s = a.botId, [r, i] = E([]), [d, o] = E(
+    () => ze(s)
+  ), [l, c] = E(!1), [f, h] = E(!0), x = _(!0), b = _(1), y = _(!1);
+  j(() => () => {
+    x.current = !1;
   }, []);
-  const f = N((w) => {
-    l(w), Ge(s, w), w && (n == null || n(w));
-  }, [s, n]), y = N(async () => {
-    if (!x.current) {
-      x.current = !0, p(!0);
+  const p = k((w) => {
+    o(w), tt(s, w), w && (n == null || n(w));
+  }, [s, n]), m = k(async () => {
+    if (!y.current) {
+      y.current = !0, c(!0);
       try {
-        m.current = 1;
-        const w = await a.listConversations({ page: 1, size: de });
-        if (!b.current) return;
-        i(w.items), g(w.items.length < w.total);
-        const M = ve(s);
-        M && !w.items.find(($) => $.sessionId === M) && f(null);
+        b.current = 1;
+        const w = await a.listConversations({ page: 1, size: ue });
+        if (!x.current) return;
+        i(w.items), h(w.items.length < w.total);
+        const I = ze(s);
+        I && !w.items.find((L) => L.sessionId === I) && p(null);
       } catch {
       } finally {
-        x.current = !1, b.current && p(!1);
+        y.current = !1, x.current && c(!1);
       }
     }
-  }, [a, f]), z = N(async () => {
-    if (!(x.current || !u)) {
-      x.current = !0, p(!0);
+  }, [a, p]), C = k(async () => {
+    if (!(y.current || !f)) {
+      y.current = !0, c(!0);
       try {
-        const w = m.current + 1, M = await a.listConversations({ page: w, size: de });
-        if (!b.current) return;
-        m.current = w, i((L) => {
-          const v = new Set(L.map((I) => I.sessionId)), A = M.items.filter((I) => !v.has(I.sessionId));
-          return [...L, ...A];
+        const w = b.current + 1, I = await a.listConversations({ page: w, size: ue });
+        if (!x.current) return;
+        b.current = w, i((R) => {
+          const F = new Set(R.map((D) => D.sessionId)), P = I.items.filter((D) => !F.has(D.sessionId));
+          return [...R, ...P];
         });
-        const $ = m.current * de;
-        g($ < M.total);
+        const L = b.current * ue;
+        h(L < I.total);
       } catch {
       } finally {
-        x.current = !1, b.current && p(!1);
+        y.current = !1, x.current && c(!1);
       }
     }
-  }, [a, u]), H = N(async (w) => (f(w), await a.getMessages(w)), [a, f]), k = N(async () => {
+  }, [a, f]), A = k(async (w) => (p(w), await a.getMessages(w)), [a, p]), v = k(async () => {
     try {
-      const w = await a.createSession(), M = (/* @__PURE__ */ new Date()).toISOString();
-      i(($) => [
-        { sessionId: w, botId: 0, title: "新对话", createTime: M, updateTime: M },
-        ...$
-      ]), f(w);
+      const w = await a.createSession(), I = (/* @__PURE__ */ new Date()).toISOString();
+      i((L) => [
+        { sessionId: w, botId: 0, title: "新对话", createTime: I, updateTime: I },
+        ...L
+      ]), p(w);
     } catch {
-      f(null);
+      p(null);
     }
-  }, [a, f]), C = N(async (w) => {
-    i((M) => M.filter(($) => $.sessionId !== w)), o === w && f(null);
+  }, [a, p]), N = k(async (w) => {
+    i((I) => I.filter((L) => L.sessionId !== w)), d === w && p(null);
     try {
       await a.deleteConversation(w);
     } catch {
     }
-  }, [a, o, f]), S = N(async (w, M) => {
-    await a.renameConversation(w, M), i(
-      ($) => $.map((L) => L.sessionId === w ? { ...L, title: M } : L)
+  }, [a, d, p]), $ = k(async (w, I) => {
+    await a.renameConversation(w, I), i(
+      (L) => L.map((R) => R.sessionId === w ? { ...R, title: I } : R)
     );
-  }, [a]), { enabled: D = !0 } = t;
-  return P(() => {
-    D && y();
-  }, [D, y]), {
+  }, [a]), { enabled: M = !0 } = t;
+  return j(() => {
+    M && m();
+  }, [M, m]), {
     conversations: r,
-    activeConversationId: o,
-    loading: d,
-    hasMore: u,
-    loadConversations: y,
-    loadMore: z,
-    switchConversation: H,
-    newConversation: k,
-    deleteConversation: C,
-    renameConversation: S,
-    setActiveConversationId: f
+    activeConversationId: d,
+    loading: l,
+    hasMore: f,
+    loadConversations: m,
+    loadMore: C,
+    switchConversation: A,
+    newConversation: v,
+    deleteConversation: N,
+    renameConversation: $,
+    setActiveConversationId: p
   };
 }
-function Me(t) {
+function De(t) {
   return !t && t !== 0 ? "" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / 1024 / 1024).toFixed(1)} MB`;
 }
-function Ee(t) {
+function Le(t) {
   return t === "pdf" ? "PDF" : t === "docx" ? "DOC" : t === "html" ? "HTM" : t.slice(0, 3).toUpperCase() || "FILE";
 }
-function Se(t) {
+function Re(t) {
   if (!t) return [];
   const a = [];
   for (const n of t)
@@ -308,7 +308,7 @@ function Se(t) {
     });
   return a;
 }
-async function ie(t) {
+async function de(t) {
   try {
     const a = await fetch(t.url);
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -319,168 +319,180 @@ async function ie(t) {
     a.href = t.url, a.download = t.filename, a.target = "_blank", document.body.appendChild(a), a.click(), a.remove();
   }
 }
-const Ae = je(null);
-function Z() {
-  const t = Pe(Ae);
+const _e = Ve(null);
+function J() {
+  const t = Ke(_e);
   if (!t) throw new Error("useChatContext must be used within ChatProvider");
   return t;
 }
-function ye({ sdk: t, hooks: a, children: n }) {
-  const [s, r] = E(!1), [i, o] = E(!1), [l, d] = E(null), [p, u] = E(!1), [g, b] = E(!1);
-  P(() => {
+function Te({ sdk: t, hooks: a, children: n }) {
+  const [s, r] = E(!1), [i, d] = E(!1), [o, l] = E(null), [c, f] = E(null), [h, x] = E(!1), [b, y] = E(!1);
+  j(() => {
     t.getToken().then(() => {
-      u(!0);
+      x(!0);
     }).catch(() => {
-      u(!0);
+      x(!0);
     });
   }, [t]);
-  const m = Xe({
+  const p = at({
     sdk: t,
     onConversationChange: a == null ? void 0 : a.onConversationChange,
-    enabled: p
-  }), x = Ye({
+    enabled: h
+  }), m = et({
     sdk: t,
-    sessionId: m.activeConversationId,
-    onSessionCreated: (v) => {
-      m.setActiveConversationId(v);
+    sessionId: p.activeConversationId,
+    onSessionCreated: (u) => {
+      p.setActiveConversationId(u);
     },
     onStreamStart: a == null ? void 0 : a.onStreamStart,
-    onStreamEnd: (v) => {
-      var A;
-      (A = a == null ? void 0 : a.onStreamEnd) == null || A.call(a, v), m.loadConversations();
+    onStreamEnd: (u) => {
+      var T;
+      (T = a == null ? void 0 : a.onStreamEnd) == null || T.call(a, u), p.loadConversations();
     },
     onError: a == null ? void 0 : a.onError,
     onMessageSend: a == null ? void 0 : a.onMessageSend
-  }), f = N(async (v) => {
-    b(!0);
+  }), C = k((u) => {
+    if (u.type === "link") {
+      window.open(u.url, u.target ?? "_blank", "noopener");
+      return;
+    }
+    f(u);
+  }, []), A = k(() => f(null), []), v = k(async (u) => {
+    y(!0);
     try {
-      const A = await m.switchConversation(v);
-      x.setMessages(A);
+      const T = await p.switchConversation(u);
+      m.setMessages(T);
     } finally {
-      b(!1);
+      y(!1);
     }
-  }, [m, x]), y = N(async () => {
-    x.setMessages([]), await m.newConversation();
-  }, [m, x]), z = N(async (v) => {
-    m.activeConversationId === v && x.setMessages([]), await m.deleteConversation(v);
-  }, [m, x]);
-  P(() => {
-    m.activeConversationId && x.messages.length === 0 && (b(!0), t.getMessages(m.activeConversationId).then((v) => {
-      x.setMessages(v);
+  }, [p, m]), N = k(async () => {
+    m.setMessages([]), await p.newConversation();
+  }, [p, m]), $ = k(async (u) => {
+    p.activeConversationId === u && m.setMessages([]), await p.deleteConversation(u);
+  }, [p, m]);
+  j(() => {
+    p.activeConversationId && m.messages.length === 0 && (y(!0), t.getMessages(p.activeConversationId).then((u) => {
+      m.setMessages(u);
     }).catch(() => {
-    }).finally(() => b(!1)));
+    }).finally(() => y(!1)));
   }, []);
-  const H = N(() => {
-    r((v) => !v);
-  }, []), k = N((v) => {
-    r(v);
-  }, []), C = N(() => {
-    o((v) => !v), d((v) => null);
-  }, []), S = N((v) => {
-    d(v), o(!0);
-  }, []), D = re(() => {
-    const v = /* @__PURE__ */ new Set(), A = [];
-    for (const I of x.messages)
-      for (const F of I.parts)
-        if (F.type === "tool_result" && F.artifacts)
-          for (const h of Se(F.artifacts)) {
-            const _ = h.id || `${h.url}:${h.filename}`;
-            v.has(_) || (v.add(_), A.push(h));
+  const M = k(() => {
+    r((u) => !u);
+  }, []), w = k((u) => {
+    r(u);
+  }, []), I = k(() => {
+    d((u) => !u), l((u) => null);
+  }, []), L = k((u) => {
+    l(u), d(!0);
+  }, []), R = re(() => {
+    const u = /* @__PURE__ */ new Set(), T = [];
+    for (const B of m.messages)
+      for (const O of B.parts)
+        if (O.type === "tool_result" && O.artifacts)
+          for (const z of Re(O.artifacts)) {
+            const Y = z.id || `${z.url}:${z.filename}`;
+            u.has(Y) || (u.add(Y), T.push(z));
           }
-    return A;
-  }, [x.messages]), w = N(async () => {
-    const v = m.activeConversationId;
-    if (!v) return null;
+    return T;
+  }, [m.messages]), F = k(async () => {
+    const u = p.activeConversationId;
+    if (!u) return null;
     try {
-      const A = await t.getMessages(v);
-      x.setMessages(A);
-      const I = A.findLast((F) => F.role === "assistant");
-      return (I == null ? void 0 : I.id) ?? null;
+      const T = await t.getMessages(u);
+      m.setMessages(T);
+      const B = T.findLast((O) => O.role === "assistant");
+      return (B == null ? void 0 : B.id) ?? null;
     } catch {
       return null;
     }
-  }, [t, m.activeConversationId, x]), M = N((v, A, I) => {
-    if (/^\d+$/.test(v)) {
-      t.feedback(v, A, I).catch(() => {
+  }, [t, p.activeConversationId, m]), P = k((u, T, B) => {
+    if (/^\d+$/.test(u)) {
+      t.feedback(u, T, B).catch(() => {
       });
       return;
     }
-    w().then((F) => {
-      F && t.feedback(F, A, I).catch(() => {
+    F().then((O) => {
+      O && t.feedback(O, T, B).catch(() => {
       });
     });
-  }, [t, w]), $ = N((v) => {
-    if (/^\d+$/.test(v)) {
-      t.cancelFeedback(v).catch(() => {
+  }, [t, F]), D = k((u) => {
+    if (/^\d+$/.test(u)) {
+      t.cancelFeedback(u).catch(() => {
       });
       return;
     }
-    w().then((A) => {
-      A && t.cancelFeedback(A).catch(() => {
+    F().then((T) => {
+      T && t.cancelFeedback(T).catch(() => {
       });
     });
-  }, [t, w]), L = re(() => ({
+  }, [t, F]), S = re(() => ({
     sdk: t,
-    status: x.status,
-    error: x.error,
-    messages: x.messages,
-    conversations: m.conversations,
-    activeConversationId: m.activeConversationId,
+    status: m.status,
+    error: m.error,
+    messages: m.messages,
+    conversations: p.conversations,
+    activeConversationId: p.activeConversationId,
     isThreadListOpen: s,
     isArtifactDrawerOpen: i,
-    allArtifacts: D,
-    activePreviewArtifact: l,
-    hasMore: m.hasMore,
-    conversationsLoading: m.loading,
-    messagesLoading: g,
-    sendMessage: x.sendMessage,
-    stop: x.stop,
-    regenerate: x.regenerate,
-    switchConversation: f,
-    newConversation: y,
-    deleteConversation: z,
-    renameConversation: m.renameConversation,
-    loadMoreConversations: m.loadMore,
-    toggleThreadList: H,
-    setThreadListOpen: k,
-    toggleArtifactDrawer: C,
-    openArtifactPreview: S,
-    feedback: M,
-    cancelFeedback: $,
-    respondToInterrupt: x.respondToInterrupt
+    allArtifacts: R,
+    activePreviewArtifact: o,
+    activePanel: c,
+    hasMore: p.hasMore,
+    conversationsLoading: p.loading,
+    messagesLoading: b,
+    sendMessage: m.sendMessage,
+    stop: m.stop,
+    regenerate: m.regenerate,
+    switchConversation: v,
+    newConversation: N,
+    deleteConversation: $,
+    renameConversation: p.renameConversation,
+    loadMoreConversations: p.loadMore,
+    toggleThreadList: M,
+    setThreadListOpen: w,
+    toggleArtifactDrawer: I,
+    openArtifactPreview: L,
+    openPanel: C,
+    closePanel: A,
+    feedback: P,
+    cancelFeedback: D,
+    respondToInterrupt: m.respondToInterrupt
   }), [
     t,
-    x.status,
-    x.error,
-    x.messages,
-    x.sendMessage,
-    x.stop,
-    x.regenerate,
-    x.respondToInterrupt,
-    m.conversations,
-    m.activeConversationId,
-    m.renameConversation,
-    m.hasMore,
-    m.loadMore,
-    m.loading,
+    m.status,
+    m.error,
+    m.messages,
+    m.sendMessage,
+    m.stop,
+    m.regenerate,
+    m.respondToInterrupt,
+    p.conversations,
+    p.activeConversationId,
+    p.renameConversation,
+    p.hasMore,
+    p.loadMore,
+    p.loading,
     s,
     i,
-    D,
-    l,
-    g,
-    f,
-    y,
-    z,
-    H,
-    k,
-    C,
-    S,
+    R,
+    o,
+    c,
+    b,
+    v,
+    N,
+    $,
     M,
-    $
+    w,
+    I,
+    L,
+    C,
+    A,
+    P,
+    D
   ]);
-  return /* @__PURE__ */ e(Ae.Provider, { value: L, children: n });
+  return /* @__PURE__ */ e(_e.Provider, { value: S, children: n });
 }
-const G = "https://ehr-web.netease.com/ehr-web/erh-super-agent", X = {
+const G = "https://ehr-web.netease.com/ehr-web/erh-super-agent", U = {
   recently: `${G}/recently.svg`,
   home: `${G}/home.svg`,
   mergeWindow: `${G}/merge_window.svg`,
@@ -499,7 +511,7 @@ const G = "https://ehr-web.netease.com/ehr-web/erh-super-agent", X = {
   logo: `${G}/HRlogo2.png`,
   assistantAvatarGenerating: `${G}/profile0.gif`,
   assistantAvatar: `${G}/profile1.png`
-}, U = {
+}, X = {
   TRIGGER_SIZE: 56,
   TRIGGER_RIGHT: 20,
   TRIGGER_BOTTOM: 80,
@@ -510,123 +522,156 @@ const G = "https://ehr-web.netease.com/ehr-web/erh-super-agent", X = {
   /** 高度上限占视口比例（渲染钳制与默认定位统一使用） */
   MAX_HEIGHT_RATIO: 0.95
 };
-function Ue({ defaultWidth: t = U.DEFAULT_WIDTH, defaultHeight: a = U.DEFAULT_HEIGHT, sidebarWidth: n = 0 } = {}) {
-  const [s, r] = E(t), [i, o] = E({ x: 0, y: 0 }), [l, d] = E(!1), [p, u] = E(!1), [g, b] = E(null), [m, x] = E(() => typeof window > "u" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }), f = R(!1), y = R(0), z = R(s), H = R("right"), k = R(!1), C = R({ x: 0, y: 0 }), S = R({ x: 0, y: 0 }), D = R(!1), w = R(null);
-  P(() => {
-    const h = () => x({ width: window.innerWidth, height: window.innerHeight });
-    return window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
-  }, []), P(() => () => {
-    var h;
-    (h = w.current) == null || h.call(w);
+function rt({ defaultWidth: t = X.DEFAULT_WIDTH, defaultHeight: a = X.DEFAULT_HEIGHT, sidebarWidth: n = 0 } = {}) {
+  const [s, r] = E(t), [i, d] = E({ x: 0, y: 0 }), [o, l] = E(!1), [c, f] = E(!1), [h, x] = E(null), [b, y] = E(() => typeof window > "u" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }), p = _(!1), m = _(0), C = _(s), A = _(!1), v = _({ x: 0, y: 0 }), N = _({ x: 0, y: 0 }), $ = _(!1), M = _(null);
+  j(() => {
+    const S = () => y({ width: window.innerWidth, height: window.innerHeight });
+    return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
+  }, []), j(() => () => {
+    var S;
+    (S = M.current) == null || S.call(M);
   }, []);
-  const M = Math.floor(m.height * U.MAX_HEIGHT_RATIO), $ = Math.min(g || a, M), L = s + n;
-  P(() => {
-    if (!l) {
-      const h = m.width - L - 20, _ = m.height - $ - 20;
-      o((O) => O.x === h && O.y === _ ? O : { x: h, y: _ });
+  const w = Math.floor(b.height * X.MAX_HEIGHT_RATIO), I = Math.min(h || a, w), L = s + n;
+  j(() => {
+    if (!o) {
+      const S = b.width - L - 20, u = b.height - I - 20;
+      d((T) => T.x === S && T.y === u ? T : { x: S, y: u });
     }
-  }, [l, L, $, m]);
-  const v = N((h) => {
-    if (p || h.target.closest("button, input, textarea")) return;
-    k.current = !0, D.current = !1, C.current = { x: h.clientX, y: h.clientY }, S.current = { ...i };
-    const _ = (T) => {
-      if (!k.current) return;
-      const Y = T.clientX - C.current.x, j = T.clientY - C.current.y;
-      (Math.abs(Y) > 3 || Math.abs(j) > 3) && (D.current = !0), D.current && (d(!0), o({
-        x: Math.max(-200, Math.min(S.current.x + Y, window.innerWidth - 100)),
-        y: Math.max(0, Math.min(S.current.y + j, window.innerHeight - 48))
+  }, [o, L, I, b]);
+  const R = k((S) => {
+    if (c || S.target.closest("button, input, textarea")) return;
+    A.current = !0, $.current = !1, v.current = { x: S.clientX, y: S.clientY }, N.current = { ...i };
+    const u = (O) => {
+      if (!A.current) return;
+      const z = O.clientX - v.current.x, Y = O.clientY - v.current.y;
+      (Math.abs(z) > 3 || Math.abs(Y) > 3) && ($.current = !0), $.current && (l(!0), d({
+        x: Math.max(-200, Math.min(N.current.x + z, window.innerWidth - 100)),
+        y: Math.max(0, Math.min(N.current.y + Y, window.innerHeight - 48))
       }));
-    }, O = () => {
-      k.current = !1, W();
-    }, W = () => {
-      document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", O), w.current = null;
+    }, T = () => {
+      A.current = !1, B();
+    }, B = () => {
+      document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", T), M.current = null;
     };
-    document.addEventListener("mousemove", _), document.addEventListener("mouseup", O), w.current = W;
-  }, [p, i]), A = N((h, _) => {
-    h.preventDefault(), h.stopPropagation(), f.current = !0, y.current = h.clientX, z.current = s, H.current = _;
-    const O = (Y) => {
-      if (!f.current) return;
-      const j = Y.clientX - y.current;
-      let q = H.current === "right" ? z.current + j : z.current - j;
-      if (q > U.MAX_WIDTH) {
-        f.current = !1, u(!0), T();
+    document.addEventListener("mousemove", u), document.addEventListener("mouseup", T), M.current = B;
+  }, [c, i]), F = k((S) => {
+    S.preventDefault(), S.stopPropagation(), p.current = !0, m.current = S.clientX, C.current = s;
+    const u = i.x + s, T = i.y, B = (Y) => {
+      if (!p.current) return;
+      const W = Y.clientX - m.current;
+      let V = C.current - W;
+      if (V > X.MAX_WIDTH) {
+        p.current = !1, f(!0), z();
         return;
       }
-      q = Math.max(U.MIN_WIDTH, q), r(q);
-    }, W = () => {
-      f.current = !1, T();
-    }, T = () => {
-      document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", W), w.current = null;
+      V = Math.max(X.MIN_WIDTH, V), r(V), d({ x: u - V, y: T });
+    }, O = () => {
+      p.current = !1, z();
+    }, z = () => {
+      document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", O), M.current = null;
     };
-    document.addEventListener("mousemove", O), document.addEventListener("mouseup", W), w.current = T;
-  }, [s]), I = N(() => {
-    p && r(t), u((h) => !h);
-  }, [p, t]), F = N(() => {
-    u(!1), r(t), d(!1), b(null);
+    document.addEventListener("mousemove", B), document.addEventListener("mouseup", O), M.current = z;
+  }, [s, i]), P = k(() => {
+    c && r(t), f((S) => !S);
+  }, [c, t]), D = k(() => {
+    f(!1), r(t), l(!1), x(null);
   }, [t]);
   return {
     // 状态
     width: s,
     position: i,
-    hasCustomPosition: l,
-    isMaximized: p,
-    lockedHeight: g,
-    viewport: m,
+    hasCustomPosition: o,
+    isMaximized: c,
+    lockedHeight: h,
+    viewport: b,
     defaultHeight: a,
     /** 真实渲染几何（含侧边栏宽度 / 自适应高度，统一在 hook 内钳制） */
     totalWidth: L,
-    windowHeight: $,
+    windowHeight: I,
     // 交互
-    startWindowDrag: v,
-    startResize: A,
-    toggleMaximize: I,
-    setIsMaximized: u,
-    setLockedHeight: b,
-    setHasCustomPosition: d,
-    reset: F
+    startWindowDrag: R,
+    startResize: F,
+    toggleMaximize: P,
+    setIsMaximized: f,
+    setLockedHeight: x,
+    setHasCustomPosition: l,
+    reset: D
   };
 }
-function Ke(t) {
-  const { enabled: a, contentSelector: n, defaultHeight: s, onHeightChange: r } = t, i = R(null);
-  return P(() => {
+function nt(t) {
+  const { enabled: a, contentSelector: n, defaultHeight: s, onHeightChange: r } = t, i = _(null);
+  return j(() => {
     if (!a || !i.current) return;
-    const l = i.current.querySelector(n);
-    if (!l) return;
-    const d = () => {
-      const g = i.current;
-      if (!g) return;
-      const b = g.querySelector(n);
-      if (!b) return;
-      const m = g.offsetHeight - b.clientHeight, x = b.scrollHeight + m, f = Math.floor(window.innerHeight * U.MAX_HEIGHT_RATIO), y = Math.max(s, Math.min(x, f));
-      r((z) => z === y ? z : y);
+    const o = i.current.querySelector(n);
+    if (!o) return;
+    const l = () => {
+      const h = i.current;
+      if (!h) return;
+      const x = h.querySelector(n);
+      if (!x) return;
+      const b = h.offsetHeight - x.clientHeight, y = x.scrollHeight + b, p = Math.floor(window.innerHeight * X.MAX_HEIGHT_RATIO), m = Math.max(s, Math.min(y, p));
+      r((C) => C === m ? C : m);
     };
-    d();
-    const p = new ResizeObserver(() => d());
-    Array.from(l.children).forEach((g) => p.observe(g));
-    const u = new MutationObserver(() => {
-      Array.from(l.children).forEach((g) => p.observe(g)), d();
+    l();
+    const c = new ResizeObserver(() => l());
+    Array.from(o.children).forEach((h) => c.observe(h));
+    const f = new MutationObserver(() => {
+      Array.from(o.children).forEach((h) => c.observe(h)), l();
     });
-    return u.observe(l, { childList: !0, subtree: !0, characterData: !0 }), () => {
-      p.disconnect(), u.disconnect();
+    return f.observe(o, { childList: !0, subtree: !0, characterData: !0 }), () => {
+      c.disconnect(), f.disconnect();
     };
   }, [a, n, s, r]), i;
 }
-function Ve({ isOpen: t, onClick: a, triggerLogo: n }) {
+function st(t, a) {
+  const n = X.TRIGGER_SIZE;
+  return {
+    x: Math.max(8, Math.min(t, window.innerWidth - n - 8)),
+    y: Math.max(8, Math.min(a, window.innerHeight - n - 8))
+  };
+}
+function it({ isOpen: t, onClick: a, triggerLogo: n }) {
+  const [s, r] = E(null), i = _(!1), d = _(!1), o = _({ x: 0, y: 0 }), l = _({ x: 0, y: 0 }), c = _(null);
+  j(() => () => {
+    var b;
+    (b = c.current) == null || b.call(c);
+  }, []);
+  const f = k((b) => {
+    if (b.button !== 0) return;
+    i.current = !0, d.current = !1, o.current = { x: b.clientX, y: b.clientY };
+    const y = b.currentTarget.getBoundingClientRect();
+    l.current = { x: y.left, y: y.top };
+    const p = (C) => {
+      if (!i.current) return;
+      const A = C.clientX - o.current.x, v = C.clientY - o.current.y;
+      (Math.abs(A) > 4 || Math.abs(v) > 4) && (d.current = !0), d.current && r(st(l.current.x + A, l.current.y + v));
+    }, m = () => {
+      i.current = !1, document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", m), c.current = null;
+    };
+    document.addEventListener("mousemove", p), document.addEventListener("mouseup", m), c.current = m;
+  }, []), h = k(() => {
+    if (d.current) {
+      d.current = !1;
+      return;
+    }
+    a();
+  }, [a]), x = s ? { left: s.x, top: s.y, width: X.TRIGGER_SIZE, height: X.TRIGGER_SIZE } : {
+    right: X.TRIGGER_RIGHT,
+    bottom: X.TRIGGER_BOTTOM,
+    width: X.TRIGGER_SIZE,
+    height: X.TRIGGER_SIZE
+  };
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       className: `fixed z-[10000] flex items-center justify-center border-none bg-transparent p-0 transition-transform duration-200 ease-out hover:scale-[1.08] active:scale-95 ${t ? "pointer-events-none scale-50 opacity-0" : "opacity-100"}`,
-      style: {
-        right: U.TRIGGER_RIGHT,
-        bottom: U.TRIGGER_BOTTOM,
-        width: U.TRIGGER_SIZE,
-        height: U.TRIGGER_SIZE
-      },
-      onClick: a,
+      style: x,
+      onMouseDown: f,
+      onClick: h,
       "aria-label": "打开 AI 助手",
       title: "AI 助手",
-      children: /* @__PURE__ */ e("img", { src: n || X.triggerLogo, alt: "AI 助手", className: "block h-14 w-14", draggable: !1 })
+      children: /* @__PURE__ */ e("img", { src: n || U.triggerLogo, alt: "AI 助手", className: "block h-full w-full", draggable: !1 })
     }
   );
 }
@@ -647,133 +692,133 @@ function te({
     }
   );
 }
-function qe({
+function ot({
   onClose: t,
   onToggleThreadList: a,
   isMaximized: n = !1,
   onToggleMaximize: s,
   showHome: r = !1,
   onHome: i,
-  showClose: o = !0,
-  artifactCount: l = 0,
-  onToggleArtifactDrawer: d
+  showClose: d = !0,
+  artifactCount: o = 0,
+  onToggleArtifactDrawer: l
 }) {
-  return /* @__PURE__ */ c("div", { className: "relative z-20 flex h-9 shrink-0 select-none items-center justify-between px-[15px]", children: [
-    /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e(te, { tooltip: "历史记录", onClick: a, children: /* @__PURE__ */ e("img", { src: X.recently, alt: "", width: 20, height: 20 }) }),
-      r && i && /* @__PURE__ */ e(te, { tooltip: "回到首页", onClick: i, children: /* @__PURE__ */ e("img", { src: X.home, alt: "", width: 20, height: 20 }) })
+  return /* @__PURE__ */ g("div", { className: "relative z-20 flex h-9 shrink-0 select-none items-center justify-between px-[15px]", children: [
+    /* @__PURE__ */ g("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(te, { tooltip: "历史记录", onClick: a, children: /* @__PURE__ */ e("img", { src: U.recently, alt: "", width: 20, height: 20 }) }),
+      r && i && /* @__PURE__ */ e(te, { tooltip: "回到首页", onClick: i, children: /* @__PURE__ */ e("img", { src: U.home, alt: "", width: 20, height: 20 }) })
     ] }),
-    /* @__PURE__ */ c("div", { className: "flex items-center gap-2.5", children: [
-      l > 0 && d && /* @__PURE__ */ e(te, { tooltip: "会话产物", onClick: d, children: /* @__PURE__ */ c("span", { className: "relative flex items-center gap-1", children: [
-        /* @__PURE__ */ c("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ g("div", { className: "flex items-center gap-2.5", children: [
+      o > 0 && l && /* @__PURE__ */ e(te, { tooltip: "会话产物", onClick: l, children: /* @__PURE__ */ g("span", { className: "relative flex items-center gap-1", children: [
+        /* @__PURE__ */ g("svg", { width: 16, height: 16, 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" })
         ] }),
-        l > 0 && /* @__PURE__ */ e("span", { className: "absolute -right-2 -top-1.5 min-w-[14px] rounded-full bg-[var(--sa-primary)] px-0.5 text-center text-[9px] font-medium leading-[14px] text-white", children: l > 99 ? "99+" : l })
+        o > 0 && /* @__PURE__ */ e("span", { className: "absolute -right-2 -top-1.5 min-w-[14px] rounded-full bg-[var(--sa-primary)] px-0.5 text-center text-[9px] font-medium leading-[14px] text-white", children: o > 99 ? "99+" : o })
       ] }) }),
-      s && /* @__PURE__ */ e(te, { tooltip: n ? "小窗" : "大窗", onClick: s, children: /* @__PURE__ */ e("img", { src: n ? X.spiltWindow : X.mergeWindow, alt: "", width: 20, height: 20 }) }),
-      o && /* @__PURE__ */ e(te, { tooltip: "关闭", onClick: t, children: /* @__PURE__ */ e("img", { src: X.close, alt: "", width: 20, height: 20 }) })
+      s && /* @__PURE__ */ e(te, { tooltip: n ? "小窗" : "大窗", onClick: s, children: /* @__PURE__ */ e("img", { src: n ? U.spiltWindow : U.mergeWindow, alt: "", width: 20, height: 20 }) }),
+      d && /* @__PURE__ */ e(te, { tooltip: "关闭", onClick: t, children: /* @__PURE__ */ e("img", { src: U.close, alt: "", width: 20, height: 20 }) })
     ] })
   ] });
 }
 const ae = (t) => String(t).padStart(2, "0");
-function Ze(t) {
+function lt(t) {
   if (!t) return "";
   const a = new Date(t);
   return isNaN(a.getTime()) ? "" : `${a.getFullYear()}-${ae(a.getMonth() + 1)}-${ae(a.getDate())} ${ae(a.getHours())}:${ae(a.getMinutes())}:${ae(a.getSeconds())}`;
 }
-function De(t) {
-  const a = /* @__PURE__ */ new Date(), n = new Date(a.getFullYear(), a.getMonth(), a.getDate()).getTime(), s = n - 6 * 864e5, r = [], i = [], o = [];
-  for (const d of t) {
-    const p = new Date(d.updateTime).getTime();
-    p >= n ? r.push(d) : p >= s ? i.push(d) : o.push(d);
-  }
-  const l = [];
-  return r.length && l.push({ label: "今天", items: r }), i.length && l.push({ label: "最近 7 天", items: i }), o.length && l.push({ label: "更早", items: o }), l;
+function Fe(t) {
+  const a = /* @__PURE__ */ new Date(), n = new Date(a.getFullYear(), a.getMonth(), a.getDate()).getTime(), s = n - 6 * 864e5, r = [], i = [], d = [];
+  for (const l of t) {
+    const c = new Date(l.updateTime).getTime();
+    c >= n ? r.push(l) : c >= s ? i.push(l) : d.push(l);
+  }
+  const o = [];
+  return r.length && o.push({ label: "今天", items: r }), i.length && o.push({ label: "最近 7 天", items: i }), d.length && o.push({ label: "更早", items: d }), o;
 }
-function ke({ width: t }) {
+function Ie({ width: t }) {
   const {
     conversations: a,
     activeConversationId: n,
     switchConversation: s,
     newConversation: r,
     deleteConversation: i,
-    renameConversation: o,
-    hasMore: l,
-    loadMoreConversations: d,
-    conversationsLoading: p
-  } = Z(), [u, g] = E(null), [b, m] = E(""), [x, f] = E(null), y = R(null), z = N((S, D) => {
-    g(S), m(D ?? "");
-  }, []), H = N((S) => {
-    b.trim() && o(S, b.trim()), g(null);
-  }, [b, o]), k = N(() => {
-    const S = y.current;
-    !S || !l || S.scrollHeight - S.scrollTop - S.clientHeight < 50 && d();
-  }, [l, d]), C = re(() => De(a), [a]);
-  return /* @__PURE__ */ c(
+    renameConversation: d,
+    hasMore: o,
+    loadMoreConversations: l,
+    conversationsLoading: c
+  } = J(), [f, h] = E(null), [x, b] = E(""), [y, p] = E(null), m = _(null), C = k(($, M) => {
+    h($), b(M ?? "");
+  }, []), A = k(($) => {
+    x.trim() && d($, x.trim()), h(null);
+  }, [x, d]), v = k(() => {
+    const $ = m.current;
+    !$ || !o || $.scrollHeight - $.scrollTop - $.clientHeight < 50 && l();
+  }, [o, l]), N = re(() => Fe(a), [a]);
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: "relative z-[5] flex shrink-0 flex-col overflow-visible border-r border-[#ECECEC] bg-[#FAFAFA] p-3 animate-sa-history-in",
+      className: "relative z-[5] flex h-full shrink-0 flex-col overflow-visible border-r border-[#ECECEC] bg-[#FAFAFA] p-3 animate-sa-history-in",
       style: { width: t ?? 200 },
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             className: "sa-new-chat mb-4 flex h-8 w-full shrink-0 items-center justify-center gap-2 rounded-md text-[14px] font-medium transition-colors",
             onClick: r,
             children: [
-              /* @__PURE__ */ e("img", { src: X.messageCreate, alt: "", width: 18, height: 18 }),
+              /* @__PURE__ */ e("img", { src: U.messageCreate, alt: "", width: 18, height: 18 }),
               /* @__PURE__ */ e("span", { className: "sa-new-chat-text whitespace-nowrap", children: "新建对话" })
             ]
           }
         ),
-        /* @__PURE__ */ c("div", { className: "px-1 pb-2.5", children: [
+        /* @__PURE__ */ g("div", { className: "px-1 pb-2.5", children: [
           /* @__PURE__ */ e("div", { className: "mb-1 text-[14px] font-semibold text-[#333]", children: "历史对话" }),
           /* @__PURE__ */ e("div", { className: "text-[11px] text-[#999]", children: "展示最近的会话记录" })
         ] }),
-        /* @__PURE__ */ c("div", { ref: y, className: "flex-1 overflow-y-auto", onScroll: k, children: [
-          p && a.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "加载中..." }),
-          !p && a.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "暂无记录" }),
-          C.map((S) => /* @__PURE__ */ c("div", { className: "mb-1", children: [
-            /* @__PURE__ */ e("div", { className: "px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]", children: S.label }),
-            S.items.map((D) => /* @__PURE__ */ e(
+        /* @__PURE__ */ g("div", { ref: m, className: "flex-1 overflow-y-auto", onScroll: v, children: [
+          c && a.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "加载中..." }),
+          !c && a.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "暂无记录" }),
+          N.map(($) => /* @__PURE__ */ g("div", { className: "mb-1", children: [
+            /* @__PURE__ */ e("div", { className: "px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]", children: $.label }),
+            $.items.map((M) => /* @__PURE__ */ e(
               "div",
               {
-                className: `group relative mb-0.5 flex h-8 w-full cursor-pointer items-center gap-1 rounded-md px-0.5 text-[13px] transition-colors ${D.sessionId === n ? "bg-[#E8F1FE]" : "hover:bg-[#E8F1FE]"}`,
+                className: `group relative mb-0.5 flex h-8 w-full cursor-pointer items-center gap-1 rounded-md px-0.5 text-[13px] transition-colors ${M.sessionId === n ? "bg-[#E8F1FE]" : "hover:bg-[#E8F1FE]"}`,
                 onClick: () => {
-                  u !== D.sessionId && s(D.sessionId);
+                  f !== M.sessionId && s(M.sessionId);
                 },
                 onMouseEnter: (w) => {
-                  if (u === D.sessionId) return;
-                  const M = w.currentTarget.getBoundingClientRect();
-                  f({ text: D.title || "新会话", x: M.right + 8, y: M.top + M.height / 2 });
+                  if (f === M.sessionId) return;
+                  const I = w.currentTarget.getBoundingClientRect();
+                  p({ text: M.title || "新会话", x: I.right + 8, y: I.top + I.height / 2 });
                 },
-                onMouseLeave: () => f(null),
-                children: u === D.sessionId ? /* @__PURE__ */ e(
+                onMouseLeave: () => p(null),
+                children: f === M.sessionId ? /* @__PURE__ */ e(
                   "input",
                   {
                     className: "w-full rounded border border-[var(--sa-primary)] bg-white px-1.5 py-0.5 text-[12px] outline-none",
-                    value: b,
-                    onChange: (w) => m(w.target.value),
-                    onBlur: () => H(D.sessionId),
+                    value: x,
+                    onChange: (w) => b(w.target.value),
+                    onBlur: () => A(M.sessionId),
                     onKeyDown: (w) => {
-                      w.key === "Enter" && H(D.sessionId), w.key === "Escape" && g(null);
+                      w.key === "Enter" && A(M.sessionId), w.key === "Escape" && h(null);
                     },
                     onClick: (w) => w.stopPropagation(),
                     autoFocus: !0
                   }
-                ) : /* @__PURE__ */ c(V, { children: [
-                  /* @__PURE__ */ e("img", { src: X.message, alt: "", width: 16, height: 16, className: "shrink-0 opacity-60" }),
-                  /* @__PURE__ */ e("span", { className: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-[#333]", children: D.title || "新会话" }),
-                  /* @__PURE__ */ c("span", { className: "hidden shrink-0 items-center gap-0.5 group-hover:flex", children: [
+                ) : /* @__PURE__ */ g(K, { children: [
+                  /* @__PURE__ */ e("img", { src: U.message, alt: "", width: 16, height: 16, className: "shrink-0 opacity-60" }),
+                  /* @__PURE__ */ e("span", { className: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-[#333]", children: M.title || "新会话" }),
+                  /* @__PURE__ */ g("span", { className: "hidden shrink-0 items-center gap-0.5 group-hover:flex", children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         className: "flex h-5 w-5 items-center justify-center rounded text-[#999] hover:bg-white/70 hover:text-[var(--sa-primary)]",
                         onClick: (w) => {
-                          w.stopPropagation(), z(D.sessionId, D.title);
+                          w.stopPropagation(), C(M.sessionId, M.title);
                         },
                         title: "重命名",
                         children: /* @__PURE__ */ e("svg", { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }) })
@@ -785,7 +830,7 @@ function ke({ width: t }) {
                         type: "button",
                         className: "flex h-5 w-5 items-center justify-center rounded text-[#999] hover:bg-white/70 hover:text-[#ef4444]",
                         onClick: (w) => {
-                          w.stopPropagation(), i(D.sessionId);
+                          w.stopPropagation(), i(M.sessionId);
                         },
                         title: "删除",
                         children: /* @__PURE__ */ e("svg", { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }) })
@@ -794,50 +839,50 @@ function ke({ width: t }) {
                   ] })
                 ] })
               },
-              D.sessionId
+              M.sessionId
             ))
-          ] }, S.label)),
-          p && a.length > 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: l ? "加载更多..." : "加载中..." }),
-          !p && l && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
+          ] }, $.label)),
+          c && a.length > 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: o ? "加载更多..." : "加载中..." }),
+          !c && o && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
         ] }),
-        x && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           "div",
           {
             className: "pointer-events-none fixed z-[10001] whitespace-nowrap rounded border border-[#E8E8E8] bg-white px-2.5 py-1.5 text-[12px] leading-[1.4] text-[#333] shadow-[0_2px_8px_rgba(0,0,0,0.12)]",
-            style: { left: x.x, top: x.y, transform: "translateY(-50%)" },
-            children: x.text
+            style: { left: y.x, top: y.y, transform: "translateY(-50%)" },
+            children: y.text
           }
         )
       ]
     }
   );
 }
-function Je(t) {
-  const a = R(null), n = R(!1), s = R(0), r = N(() => {
-    const o = a.current;
-    if (!o) return;
-    const { scrollTop: l, scrollHeight: d, clientHeight: p } = o, u = d - l - p < 40;
-    l < s.current && !u && (n.current = !0), u && (n.current = !1), s.current = l;
+function dt(t) {
+  const a = _(null), n = _(!1), s = _(0), r = k(() => {
+    const d = a.current;
+    if (!d) return;
+    const { scrollTop: o, scrollHeight: l, clientHeight: c } = d, f = l - o - c < 40;
+    o < s.current && !f && (n.current = !0), f && (n.current = !1), s.current = o;
   }, []);
-  P(() => {
-    const o = a.current;
-    if (o)
-      return o.addEventListener("scroll", r, { passive: !0 }), () => o.removeEventListener("scroll", r);
-  }, [r]), P(() => {
+  j(() => {
+    const d = a.current;
+    if (d)
+      return d.addEventListener("scroll", r, { passive: !0 }), () => d.removeEventListener("scroll", r);
+  }, [r]), j(() => {
     if (n.current) return;
-    const o = a.current;
-    o && requestAnimationFrame(() => {
-      o.scrollTop = o.scrollHeight;
+    const d = a.current;
+    d && requestAnimationFrame(() => {
+      d.scrollTop = d.scrollHeight;
     });
   }, t);
-  const i = N(() => {
+  const i = k(() => {
     n.current = !1;
-    const o = a.current;
-    o && (o.scrollTop = o.scrollHeight);
+    const d = a.current;
+    d && (d.scrollTop = d.scrollHeight);
   }, []);
   return { containerRef: a, scrollToBottom: i };
 }
-function K(t) {
+function Z(t) {
   return t.value++;
 }
 function ee(t, a) {
@@ -846,133 +891,133 @@ function ee(t, a) {
   };
   let i = 0;
   for (; i < t.length; ) {
-    const o = t[i];
-    if (o === "`") {
-      const l = t.indexOf("`", i + 1);
-      if (l !== -1) {
+    const d = t[i];
+    if (d === "`") {
+      const o = t.indexOf("`", i + 1);
+      if (o !== -1) {
         r(), n.push(
-          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: t.slice(i + 1, l) }, K(a))
-        ), i = l + 1;
+          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: t.slice(i + 1, o) }, Z(a))
+        ), i = o + 1;
         continue;
       }
-    } else if (o === "*" && t[i + 1] === "*") {
-      const l = t.indexOf("**", i + 2);
-      if (l !== -1) {
+    } else if (d === "*" && t[i + 1] === "*") {
+      const o = t.indexOf("**", i + 2);
+      if (o !== -1) {
         r(), n.push(
-          /* @__PURE__ */ e("strong", { children: ee(t.slice(i + 2, l), a) }, K(a))
-        ), i = l + 2;
+          /* @__PURE__ */ e("strong", { children: ee(t.slice(i + 2, o), a) }, Z(a))
+        ), i = o + 2;
         continue;
       }
-    } else if (o === "*") {
-      const l = t.indexOf("*", i + 1);
-      if (l !== -1) {
+    } else if (d === "*") {
+      const o = t.indexOf("*", i + 1);
+      if (o !== -1) {
         r(), n.push(
-          /* @__PURE__ */ e("em", { children: ee(t.slice(i + 1, l), a) }, K(a))
-        ), i = l + 1;
+          /* @__PURE__ */ e("em", { children: ee(t.slice(i + 1, o), a) }, Z(a))
+        ), i = o + 1;
         continue;
       }
-    } else if (o === "[") {
-      const l = t.indexOf("]", i + 1);
-      if (l !== -1 && t[l + 1] === "(") {
-        const d = t.indexOf(")", l + 2);
-        if (d !== -1) {
-          const p = t.slice(i + 1, l), u = t.slice(l + 2, d);
+    } else if (d === "[") {
+      const o = t.indexOf("]", i + 1);
+      if (o !== -1 && t[o + 1] === "(") {
+        const l = t.indexOf(")", o + 2);
+        if (l !== -1) {
+          const c = t.slice(i + 1, o), f = t.slice(o + 2, l);
           r(), n.push(
             /* @__PURE__ */ e(
               "a",
               {
-                href: u,
+                href: f,
                 target: "_blank",
                 rel: "noreferrer",
-                children: ee(p, a)
+                children: ee(c, a)
               },
-              K(a)
+              Z(a)
             )
-          ), i = d + 1;
+          ), i = l + 1;
           continue;
         }
       }
     }
-    s.push(o), i++;
+    s.push(d), i++;
   }
   return r(), n;
 }
-function Qe(t, a) {
+function ct(t, a) {
   const n = [], s = t.split(`
 `);
   let r = 0;
-  const i = (d) => d.trim() === "", o = (d) => /^#{1,6}\s+\S/.test(d.trim()), l = (d) => /^(?:[-*+]|\d+[.)])\s+\S/.test(d.trim());
+  const i = (l) => l.trim() === "", d = (l) => /^#{1,6}\s+\S/.test(l.trim()), o = (l) => /^(?:[-*+]|\d+[.)])\s+\S/.test(l.trim());
   for (; r < s.length; ) {
-    const d = s[r], p = d.trim();
-    if (i(d)) {
+    const l = s[r], c = l.trim();
+    if (i(l)) {
       r++;
       continue;
     }
-    if (o(d)) {
-      const g = p.match(/^(#{1,6})\s+(.*)$/);
-      if (g) {
-        const m = `h${Math.min(g[1].length, 6)}`;
+    if (d(l)) {
+      const h = c.match(/^(#{1,6})\s+(.*)$/);
+      if (h) {
+        const b = `h${Math.min(h[1].length, 6)}`;
         n.push(
           Q.createElement(
-            m,
-            { key: K(a) },
-            ee(g[2], a)
+            b,
+            { key: Z(a) },
+            ee(h[2], a)
           )
         );
       }
       r++;
       continue;
     }
-    if (l(d)) {
-      const g = /^\d+[.)]/.test(p), b = [];
-      for (; r < s.length && l(s[r]); ) {
-        const m = s[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        m && b.push(
-          /* @__PURE__ */ e("li", { children: ee(m[1], a) }, K(a))
+    if (o(l)) {
+      const h = /^\d+[.)]/.test(c), x = [];
+      for (; r < s.length && o(s[r]); ) {
+        const b = s[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
+        b && x.push(
+          /* @__PURE__ */ e("li", { children: ee(b[1], a) }, Z(a))
         ), r++;
       }
       n.push(
-        g ? /* @__PURE__ */ e("ol", { className: "sa-list", children: b }, K(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: b }, K(a))
+        h ? /* @__PURE__ */ e("ol", { className: "sa-list", children: x }, Z(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: x }, Z(a))
       );
       continue;
     }
-    const u = [];
-    for (; r < s.length && !i(s[r]) && !o(s[r]) && !l(s[r]); )
-      u.push(s[r]), r++;
+    const f = [];
+    for (; r < s.length && !i(s[r]) && !d(s[r]) && !o(s[r]); )
+      f.push(s[r]), r++;
     n.push(
-      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: ee(u.join(" "), a) }, K(a))
+      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: ee(f.join(" "), a) }, Z(a))
     );
   }
   return n;
 }
-function et(t) {
+function pt(t) {
   const a = { value: 0 }, n = [], s = t.split("```");
   for (let r = 0; r < s.length; r++)
     if (r % 2 === 0)
-      n.push(...Qe(s[r], a));
+      n.push(...ct(s[r], a));
     else if (s[r].trim() !== "") {
       let i = s[r].replace(/^\r?\n/, "");
       i = i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), i = i.replace(/\r?\n$/, ""), n.push(
-        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: i }) }, K(a))
+        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: i }) }, Z(a))
       );
     }
   return n;
 }
-function tt({ content: t }) {
-  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: et(t) });
+function ut({ content: t }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: pt(t) });
 }
-const at = "https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";
-let Ce = !1;
-function rt(t = at) {
-  if (Ce || typeof document > "u") return;
-  Ce = !0;
+const gt = "https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";
+let Ee = !1;
+function ft(t = gt) {
+  if (Ee || typeof document > "u") return;
+  Ee = !0;
   const a = t.split("?")[0].split("/").pop();
   if (a && document.querySelector(`script[src*="${a}"]`)) return;
   const n = document.createElement("script");
   n.src = t, document.head.appendChild(n);
 }
-rt();
-function B({ name: t, size: a = 16, color: n = "currentColor", className: s, style: r }) {
+ft();
+function H({ name: t, size: a = 16, color: n = "currentColor", className: s, style: r }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -983,67 +1028,67 @@ function B({ name: t, size: a = 16, color: n = "currentColor", className: s, sty
     }
   );
 }
-function nt({ content: t }) {
+function ht({ content: t }) {
   const [a, n] = E(!1);
-  return /* @__PURE__ */ c("div", { className: "sa-thinking-part", onClick: () => n(!a), children: [
-    /* @__PURE__ */ c("div", { className: "sa-thinking-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(B, { name: "brain", size: 14 }) }),
+  return /* @__PURE__ */ g("div", { className: "sa-thinking-part", onClick: () => n(!a), children: [
+    /* @__PURE__ */ g("div", { className: "sa-thinking-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(H, { name: "brain", size: 14 }) }),
       /* @__PURE__ */ e("span", { className: "sa-thinking-label", children: "思考过程" }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${a ? "expanded" : ""}`, children: /* @__PURE__ */ e(B, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${a ? "expanded" : ""}`, children: /* @__PURE__ */ e(H, { name: "chevron-right", size: 12 }) })
     ] }),
     a && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: t })
   ] });
 }
-function st({ toolName: t, toolCallId: a, args: n }) {
-  const [s, r] = E(!1), [i, o] = E(!1);
-  let l = n;
+function mt({ toolName: t, toolCallId: a, args: n }) {
+  const [s, r] = E(!1), [i, d] = E(!1);
+  let o = n;
   try {
-    l = JSON.stringify(JSON.parse(n), null, 2);
+    o = JSON.stringify(JSON.parse(n), null, 2);
   } catch {
   }
-  const d = N(() => {
-    var p;
-    (p = navigator.clipboard) == null || p.writeText(l).then(() => {
-      o(!0), setTimeout(() => o(!1), 2e3);
+  const l = k(() => {
+    var c;
+    (c = navigator.clipboard) == null || c.writeText(o).then(() => {
+      d(!0), setTimeout(() => d(!1), 2e3);
     }).catch(() => {
     });
-  }, [l]);
-  return /* @__PURE__ */ c("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ c("div", { className: "sa-tool-call-header", onClick: () => r(!s), children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(B, { name: "zap", size: 14 }) }),
-      /* @__PURE__ */ c("span", { className: "sa-tool-name", children: [
+  }, [o]);
+  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(H, { name: "zap", size: 14 }) }),
+      /* @__PURE__ */ g("span", { className: "sa-tool-name", children: [
         "调用工具: ",
         t
       ] }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(B, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(H, { name: "chevron-right", size: 12 }) })
     ] }),
-    s && /* @__PURE__ */ c(V, { children: [
-      /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: l }),
-      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: d, title: "复制", children: [
-        /* @__PURE__ */ e(B, { name: i ? "circle-check" : "copy", size: 14 }),
+    s && /* @__PURE__ */ g(K, { children: [
+      /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: o }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: l, title: "复制", children: [
+        /* @__PURE__ */ e(H, { name: i ? "circle-check" : "copy", size: 14 }),
         " ",
         i ? "已复制" : "复制"
       ] }) })
     ] })
   ] });
 }
-function Ne({ text: t }) {
+function Me({ text: t }) {
   const [a, n] = E(!1);
-  return /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: () => {
+  return /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: () => {
     var r;
     (r = navigator.clipboard) == null || r.writeText(t).then(() => {
       n(!0), setTimeout(() => n(!1), 2e3);
     }).catch(() => {
     });
   }, title: "复制", children: [
-    /* @__PURE__ */ e(B, { name: a ? "circle-check" : "copy", size: 14 }),
+    /* @__PURE__ */ e(H, { name: a ? "circle-check" : "copy", size: 14 }),
     " ",
     a ? "已复制" : "复制"
   ] });
 }
-function it({ html: t }) {
+function xt({ html: t }) {
   const [a, n] = E(null);
-  return P(() => {
+  return j(() => {
     let s = !1;
     return import("./purify.es-C-6FFqDW.js").then((r) => {
       s || n(r.default.sanitize(t, { FORCE_BODY: !0, ADD_ATTR: ["target"] }));
@@ -1052,97 +1097,97 @@ function it({ html: t }) {
     };
   }, [t]), a === null ? null : /* @__PURE__ */ e("div", { className: "sa-tool-result-html-scroll", children: /* @__PURE__ */ e("div", { className: "sa-tool-result-html sa-text-part", dangerouslySetInnerHTML: { __html: a } }) });
 }
-function ot({ toolName: t, content: a, artifacts: n, renderMode: s, html: r, artifactPreview: i }) {
-  const { openArtifactPreview: o } = Z(), l = Se(n);
-  return /* @__PURE__ */ c("div", { className: "sa-tool-result-part", children: [
-    /* @__PURE__ */ c("div", { className: "sa-tool-result-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(B, { name: "circle-check", size: 14, color: "#10b981" }) }),
+function wt({ toolName: t, content: a, artifacts: n, renderMode: s, html: r, artifactPreview: i }) {
+  const { openArtifactPreview: d } = J(), o = Re(n);
+  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(H, { name: "circle-check", size: 14, color: "#10b981" }) }),
       /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: t || "工具返回" })
     ] }),
-    s === "html" && r ? /* @__PURE__ */ c(V, { children: [
-      /* @__PURE__ */ e(it, { html: r }),
-      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(Ne, { text: r }) })
-    ] }) : a ? /* @__PURE__ */ c(V, { children: [
+    s === "html" && r ? /* @__PURE__ */ g(K, { children: [
+      /* @__PURE__ */ e(xt, { html: r }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(Me, { text: r }) })
+    ] }) : a ? /* @__PURE__ */ g(K, { children: [
       /* @__PURE__ */ e("pre", { className: "sa-tool-result-content", children: a }),
-      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(Ne, { text: a }) })
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(Me, { text: a }) })
     ] }) : /* @__PURE__ */ e("pre", { className: "sa-tool-result-content", children: "—" }),
-    l.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: l.map((d, p) => /* @__PURE__ */ c(
+    o.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: o.map((l, c) => /* @__PURE__ */ g(
       "li",
       {
         className: "sa-artifact-file-card",
-        onClick: i ? () => o(d) : void 0,
-        onKeyDown: i ? (u) => {
-          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), o(d));
+        onClick: i ? () => d(l) : void 0,
+        onKeyDown: i ? (f) => {
+          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), d(l));
         } : void 0,
         tabIndex: i ? 0 : void 0,
         role: i ? "button" : void 0,
-        "aria-label": i ? `预览 ${d.filename}` : void 0,
+        "aria-label": i ? `预览 ${l.filename}` : void 0,
         style: i ? { cursor: "pointer" } : void 0,
         children: [
-          /* @__PURE__ */ e("div", { className: "sa-artifact-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: Ee(d.type) }) }),
-          /* @__PURE__ */ c("div", { className: "sa-artifact-file-info", children: [
-            /* @__PURE__ */ e("span", { className: "sa-artifact-file-name", children: d.filename }),
-            d.size != null && /* @__PURE__ */ e("span", { className: "sa-artifact-file-size", children: Me(d.size) })
+          /* @__PURE__ */ e("div", { className: "sa-artifact-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: Le(l.type) }) }),
+          /* @__PURE__ */ g("div", { className: "sa-artifact-file-info", children: [
+            /* @__PURE__ */ e("span", { className: "sa-artifact-file-name", children: l.filename }),
+            l.size != null && /* @__PURE__ */ e("span", { className: "sa-artifact-file-size", children: De(l.size) })
           ] }),
           i && /* @__PURE__ */ e(
             "button",
             {
               className: "sa-artifact-file-download",
               title: "下载",
-              "aria-label": `下载 ${d.filename}`,
-              onClick: (u) => {
-                u.stopPropagation(), ie(d);
+              "aria-label": `下载 ${l.filename}`,
+              onClick: (f) => {
+                f.stopPropagation(), de(l);
               },
               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" }) })
             }
           )
         ]
       },
-      d.id || `art-${p}`
+      l.id || `art-${c}`
     )) })
   ] });
 }
-function lt({ content: t, onRetry: a }) {
-  return /* @__PURE__ */ c("div", { className: "sa-error-part", children: [
-    /* @__PURE__ */ c("div", { className: "sa-error-content", children: [
-      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(B, { name: "triangle-alert", size: 14 }) }),
+function bt({ 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(H, { name: "triangle-alert", size: 14 }) }),
       /* @__PURE__ */ e("span", { children: t || "发生错误" })
     ] }),
     a && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: a, children: "重试" })
   ] });
 }
-function dt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
-  var l, d;
-  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (l = r == null ? void 0 : r[0]) == null ? void 0 : l.label) || "确认", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (d = r == null ? void 0 : r[1]) == null ? void 0 : d.label) || "取消";
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(B, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+function vt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
+  var o, l;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (o = r == null ? void 0 : r[0]) == null ? void 0 : o.label) || "确认", d = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (l = r == null ? void 0 : r[1]) == null ? void 0 : l.label) || "取消";
+  return /* @__PURE__ */ g("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(H, { name: "circle-alert", size: 16, color: "#f59e0b" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ g(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-primary ${s === "confirm" ? "sa-interrupt-btn-answered" : ""}`,
           disabled: n,
           onClick: () => a({ action: "confirm" }),
           children: [
-            /* @__PURE__ */ e(B, { name: "check", size: 14 }),
+            /* @__PURE__ */ e(H, { name: "check", size: 14 }),
             " ",
             i
           ]
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ g(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-secondary ${s === "cancel" ? "sa-interrupt-btn-answered" : ""}`,
           disabled: n,
           onClick: () => a({ action: "cancel" }),
           children: [
-            /* @__PURE__ */ e(B, { name: "x", size: 14 }),
+            /* @__PURE__ */ e(H, { name: "x", size: 14 }),
             " ",
-            o
+            d
           ]
         }
       )
@@ -1150,51 +1195,51 @@ function dt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
-  var p, u, g, b;
-  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (p = r == null ? void 0 : r[0]) == null ? void 0 : p.label) || "批准", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (u = r == null ? void 0 : r[1]) == null ? void 0 : u.label) || "拒绝", l = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (g = r == null ? void 0 : r[2]) == null ? void 0 : g.label) || "跳过", d = ((b = t.metadata) == null ? void 0 : b.showSkip) !== !1;
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(B, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+function yt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
+  var c, f, h, x;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (c = r == null ? void 0 : r[0]) == null ? void 0 : c.label) || "批准", d = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (f = r == null ? void 0 : r[1]) == null ? void 0 : f.label) || "拒绝", o = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (h = r == null ? void 0 : r[2]) == null ? void 0 : h.label) || "跳过", l = ((x = t.metadata) == null ? void 0 : x.showSkip) !== !1;
+  return /* @__PURE__ */ g("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(H, { name: "circle-alert", size: 16, color: "#f59e0b" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ g(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-primary ${s === "approve" ? "sa-interrupt-btn-answered" : ""}`,
           disabled: n,
           onClick: () => a({ action: "approve" }),
           children: [
-            /* @__PURE__ */ e(B, { name: "check", size: 14 }),
+            /* @__PURE__ */ e(H, { name: "check", size: 14 }),
             " ",
             i
           ]
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ g(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-danger ${s === "reject" ? "sa-interrupt-btn-answered" : ""}`,
           disabled: n,
           onClick: () => a({ action: "reject" }),
           children: [
-            /* @__PURE__ */ e(B, { name: "x", size: 14 }),
+            /* @__PURE__ */ e(H, { name: "x", size: 14 }),
             " ",
-            o
+            d
           ]
         }
       ),
-      d && /* @__PURE__ */ c(
+      l && /* @__PURE__ */ g(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-secondary ${s === "skip" ? "sa-interrupt-btn-answered" : ""}`,
           disabled: n,
           onClick: () => a({ action: "skip" }),
           children: [
-            /* @__PURE__ */ e(B, { name: "chevron-right", size: 14 }),
+            /* @__PURE__ */ e(H, { name: "chevron-right", size: 14 }),
             " ",
-            l
+            o
           ]
         }
       )
@@ -1202,27 +1247,27 @@ function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function pt(t) {
+function kt(t) {
   return typeof t == "string" ? { value: t, label: t } : t;
 }
-function ut({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
-  const r = (t.options ?? []).map(pt);
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(B, { name: "list", size: 16, color: "#6366f1" }),
+function Ct({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = (t.options ?? []).map(kt);
+  return /* @__PURE__ */ g("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(H, { name: "list", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
     /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((i) => {
-      const o = s === i.value;
-      return /* @__PURE__ */ c(
+      const d = s === i.value;
+      return /* @__PURE__ */ g(
         "button",
         {
-          className: `sa-interrupt-option ${i.danger ? "sa-interrupt-option-danger" : ""} ${o ? "sa-interrupt-option-selected" : ""}`,
+          className: `sa-interrupt-option ${i.danger ? "sa-interrupt-option-danger" : ""} ${d ? "sa-interrupt-option-selected" : ""}`,
           disabled: n,
           onClick: () => a({ action: "select", value: i.value }),
           children: [
-            /* @__PURE__ */ e(B, { name: o ? "circle-check" : "circle", size: 14 }),
-            i.icon && /* @__PURE__ */ e(B, { name: i.icon, size: 14 }),
+            /* @__PURE__ */ e(H, { name: d ? "circle-check" : "circle", size: 14 }),
+            i.icon && /* @__PURE__ */ e(H, { name: i.icon, size: 14 }),
             /* @__PURE__ */ e("span", { children: i.label }),
             i.description && /* @__PURE__ */ e("span", { className: "sa-interrupt-option-desc", children: i.description })
           ]
@@ -1233,44 +1278,44 @@ function ut({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function gt(t) {
+function Nt(t) {
   return typeof t == "string" ? { value: t, label: t } : t;
 }
-function ft({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
-  const r = (t.options ?? []).map(gt), [i, o] = E(
+function zt({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = (t.options ?? []).map(Nt), [i, d] = E(
     () => new Set(Array.isArray(s) ? s : [])
-  ), l = (d) => {
-    n || o((p) => {
-      const u = new Set(p);
-      return u.has(d) ? u.delete(d) : u.add(d), u;
+  ), o = (l) => {
+    n || d((c) => {
+      const f = new Set(c);
+      return f.has(l) ? f.delete(l) : f.add(l), f;
     });
   };
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(B, { name: "list-checks", size: 16, color: "#6366f1" }),
+  return /* @__PURE__ */ g("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(H, { name: "list-checks", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((d) => /* @__PURE__ */ c(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((l) => /* @__PURE__ */ g(
       "button",
       {
-        className: `sa-interrupt-option ${i.has(d.value) ? "sa-interrupt-option-selected" : ""}`,
+        className: `sa-interrupt-option ${i.has(l.value) ? "sa-interrupt-option-selected" : ""}`,
         disabled: n,
-        onClick: () => l(d.value),
+        onClick: () => o(l.value),
         children: [
-          /* @__PURE__ */ e(B, { name: i.has(d.value) ? "square-check" : "square", size: 14 }),
-          /* @__PURE__ */ e("span", { children: d.label })
+          /* @__PURE__ */ e(H, { name: i.has(l.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e("span", { children: l.label })
         ]
       },
-      d.value
+      l.value
     )) }),
-    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ c(
+    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ g(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
         disabled: i.size === 0,
         onClick: () => a({ action: "submit", value: Array.from(i) }),
         children: [
-          /* @__PURE__ */ e(B, { name: "check", size: 14 }),
+          /* @__PURE__ */ e(H, { name: "check", size: 14 }),
           " 确认 (",
           i.size,
           ")"
@@ -1280,21 +1325,21 @@ function ft({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function ht({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
-  const [r, i] = E(s ?? ""), o = t.inputType ?? "text", l = o === "textarea", d = () => {
+function Tt({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const [r, i] = E(s ?? ""), d = t.inputType ?? "text", o = d === "textarea", l = () => {
     n || t.required && !r.trim() || a({ action: "submit", value: r.trim() });
   };
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(B, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
+  return /* @__PURE__ */ g("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(H, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: l ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: o ? /* @__PURE__ */ e(
       "textarea",
       {
         className: "sa-interrupt-textarea",
         value: r,
-        onChange: (p) => i(p.target.value),
+        onChange: (c) => i(c.target.value),
         placeholder: t.placeholder,
         maxLength: t.maxLength,
         rows: 3,
@@ -1304,23 +1349,23 @@ function ht({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
       "input",
       {
         className: "sa-interrupt-input",
-        type: o,
+        type: d,
         value: r,
-        onChange: (p) => i(p.target.value),
+        onChange: (c) => i(c.target.value),
         placeholder: t.placeholder,
         maxLength: t.maxLength,
-        onKeyDown: (p) => p.key === "Enter" && d(),
+        onKeyDown: (c) => c.key === "Enter" && l(),
         disabled: n
       }
     ) }),
-    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ c(
+    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ g(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
         disabled: t.required ? !r.trim() : !1,
-        onClick: d,
+        onClick: l,
         children: [
-          /* @__PURE__ */ e(B, { name: "check", size: 14 }),
+          /* @__PURE__ */ e(H, { name: "check", size: 14 }),
           " 提交"
         ]
       }
@@ -1328,32 +1373,32 @@ function ht({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function mt({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
-  const r = t.fields ?? [], [i, o] = E(() => {
-    const u = {};
-    for (const g of r)
-      u[g.name] = (s == null ? void 0 : s[g.name]) ?? g.defaultValue ?? "";
-    return u;
-  }), l = (u, g) => {
-    n || o((b) => ({ ...b, [u]: g }));
-  }, d = !n && r.every((u) => !u.required || i[u.name]), p = () => {
-    d && a({ action: "submit", value: i });
+function It({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = t.fields ?? [], [i, d] = E(() => {
+    const f = {};
+    for (const h of r)
+      f[h.name] = (s == null ? void 0 : s[h.name]) ?? h.defaultValue ?? "";
+    return f;
+  }), o = (f, h) => {
+    n || d((x) => ({ ...x, [f]: h }));
+  }, l = !n && r.every((f) => !f.required || i[f.name]), c = () => {
+    l && a({ action: "submit", value: i });
   };
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(B, { name: "file-text", size: 16, color: "#6366f1" }),
+  return /* @__PURE__ */ g("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ g("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(H, { name: "file-text", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: r.map((u) => /* @__PURE__ */ c("div", { className: "sa-interrupt-form-field", children: [
-      /* @__PURE__ */ c("label", { className: "sa-interrupt-form-label", children: [
-        u.label,
-        u.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: r.map((f) => /* @__PURE__ */ g("div", { className: "sa-interrupt-form-field", children: [
+      /* @__PURE__ */ g("label", { className: "sa-interrupt-form-label", children: [
+        f.label,
+        f.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
       ] }),
-      xt(u, i[u.name], (g) => l(u.name, g), n)
-    ] }, u.name)) }),
-    !n && /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ c("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !d, onClick: p, children: [
-        /* @__PURE__ */ e(B, { name: "check", size: 14 }),
+      Et(f, i[f.name], (h) => o(f.name, h), n)
+    ] }, f.name)) }),
+    !n && /* @__PURE__ */ g("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ g("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !l, onClick: c, children: [
+        /* @__PURE__ */ e(H, { name: "check", size: 14 }),
         " 提交"
       ] }),
       /* @__PURE__ */ e("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => a({ action: "cancel" }), children: "取消" })
@@ -1361,34 +1406,34 @@ function mt({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function ze(t) {
+function Se(t) {
   return typeof t == "string" ? { value: t, label: t } : t;
 }
-function xt(t, a, n, s) {
+function Et(t, a, n, s) {
   switch (t.type) {
     case "textarea":
       return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: a, onChange: (r) => n(r.target.value), placeholder: t.placeholder, rows: 3, disabled: s });
     case "select": {
-      const r = (t.options ?? []).map(ze);
-      return /* @__PURE__ */ c("select", { className: "sa-interrupt-select", value: a, onChange: (i) => n(i.target.value), disabled: s, children: [
+      const r = (t.options ?? []).map(Se);
+      return /* @__PURE__ */ g("select", { className: "sa-interrupt-select", value: a, onChange: (i) => n(i.target.value), disabled: s, children: [
         /* @__PURE__ */ e("option", { value: "", children: "请选择" }),
         r.map((i) => /* @__PURE__ */ e("option", { value: i.value, children: i.label }, i.value))
       ] });
     }
     case "multiSelect": {
-      const r = (t.options ?? []).map(ze), i = Array.isArray(a) ? a : [], o = (l) => {
-        s || n(i.includes(l) ? i.filter((d) => d !== l) : [...i, l]);
+      const r = (t.options ?? []).map(Se), i = Array.isArray(a) ? a : [], d = (o) => {
+        s || n(i.includes(o) ? i.filter((l) => l !== o) : [...i, o]);
       };
-      return /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((l) => /* @__PURE__ */ e(
+      return /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((o) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: `sa-interrupt-option ${i.includes(l.value) ? "sa-interrupt-option-selected" : ""}`,
+          className: `sa-interrupt-option ${i.includes(o.value) ? "sa-interrupt-option-selected" : ""}`,
           disabled: s,
-          onClick: () => o(l.value),
-          children: l.label
+          onClick: () => d(o.value),
+          children: o.label
         },
-        l.value
+        o.value
       )) });
     }
     case "password":
@@ -1397,29 +1442,29 @@ function xt(t, a, n, s) {
       return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: t.type === "number" ? "number" : t.type === "date" ? "date" : "text", value: a, onChange: (r) => n(r.target.value), placeholder: t.placeholder, disabled: s });
   }
 }
-function wt({ interrupt: t, resolved: a, response: n, onRespond: s }) {
+function Mt({ interrupt: t, resolved: a, response: n, onRespond: s }) {
   const r = a, i = n == null ? void 0 : n.value;
   switch (t.interruptType) {
     case "confirm":
-      return /* @__PURE__ */ e(dt, { interrupt: t, onRespond: s, disabled: r, answeredAction: n == null ? void 0 : n.action });
+      return /* @__PURE__ */ e(vt, { interrupt: t, onRespond: s, disabled: r, answeredAction: n == null ? void 0 : n.action });
     case "approve":
-      return /* @__PURE__ */ e(ct, { interrupt: t, onRespond: s, disabled: r, answeredAction: n == null ? void 0 : n.action });
+      return /* @__PURE__ */ e(yt, { interrupt: t, onRespond: s, disabled: r, answeredAction: n == null ? void 0 : n.action });
     case "select":
-      return /* @__PURE__ */ e(ut, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(Ct, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     case "multiSelect":
-      return /* @__PURE__ */ e(ft, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(zt, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     case "input":
-      return /* @__PURE__ */ e(ht, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(Tt, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     case "form":
-      return /* @__PURE__ */ e(mt, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(It, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     default:
-      return /* @__PURE__ */ c("div", { className: "sa-interrupt-unknown", children: [
+      return /* @__PURE__ */ g("div", { className: "sa-interrupt-unknown", children: [
         "未知的交互类型: ",
         t.interruptType
       ] });
   }
 }
-const bt = [
+const St = [
   { value: 1, label: "事实错误" },
   { value: 2, label: "逻辑问题" },
   { value: 3, label: "不相关" },
@@ -1427,78 +1472,78 @@ const bt = [
   { value: 5, label: "冗长啰嗦" },
   { value: 6, label: "难以理解" }
 ];
-function vt({ message: t, onCopy: a, onRegenerate: n, onFeedback: s }) {
-  const { status: r, cancelFeedback: i } = Z(), [o, l] = E(null), [d, p] = E(!1), [u, g] = E(!1), b = R(null), m = N(() => {
-    a(), p(!0), setTimeout(() => p(!1), 2e3);
-  }, [a]), x = N(() => {
-    o === "like" ? (l(null), i(t.id)) : (l("like"), g(!1), s == null || s(t.id, "like"));
-  }, [o, t.id, s, i]), f = N(() => {
-    o === "dislike" ? (l(null), g(!1), i(t.id)) : g(!0);
-  }, [o, t.id, i]), y = N((H, k) => {
-    l("dislike"), g(!1), s == null || s(t.id, "dislike", { reason: H, remark: (k == null ? void 0 : k.trim()) || void 0 });
-  }, [t.id, s]), z = N(() => {
-    g(!1);
+function At({ message: t, onCopy: a, onRegenerate: n, onFeedback: s }) {
+  const { status: r, cancelFeedback: i } = J(), [d, o] = E(null), [l, c] = E(!1), [f, h] = E(!1), x = _(null), b = k(() => {
+    a(), c(!0), setTimeout(() => c(!1), 2e3);
+  }, [a]), y = k(() => {
+    d === "like" ? (o(null), i(t.id)) : (o("like"), h(!1), s == null || s(t.id, "like"));
+  }, [d, t.id, s, i]), p = k(() => {
+    d === "dislike" ? (o(null), h(!1), i(t.id)) : h(!0);
+  }, [d, t.id, i]), m = k((A, v) => {
+    o("dislike"), h(!1), s == null || s(t.id, "dislike", { reason: A, remark: (v == null ? void 0 : v.trim()) || void 0 });
+  }, [t.id, s]), C = k(() => {
+    h(!1);
   }, []);
-  return P(() => {
-    if (!u) return;
-    const H = (C) => {
-      b.current && !b.current.contains(C.target) && g(!1);
-    }, k = (C) => {
-      C.key === "Escape" && g(!1);
+  return j(() => {
+    if (!f) return;
+    const A = (N) => {
+      x.current && !x.current.contains(N.target) && h(!1);
+    }, v = (N) => {
+      N.key === "Escape" && h(!1);
     };
-    return document.addEventListener("mousedown", H), document.addEventListener("keydown", k), () => {
-      document.removeEventListener("mousedown", H), document.removeEventListener("keydown", k);
+    return document.addEventListener("mousedown", A), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", v);
     };
-  }, [u]), r !== "ready" && r !== "error" ? null : /* @__PURE__ */ c("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: m, title: "复制", children: [
-      /* @__PURE__ */ e(B, { name: d ? "circle-check" : "copy", size: 14 }),
+  }, [f]), r !== "ready" && r !== "error" ? null : /* @__PURE__ */ g("div", { className: "sa-action-bar", children: [
+    /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: b, title: "复制", children: [
+      /* @__PURE__ */ e(H, { name: l ? "circle-check" : "copy", size: 14 }),
       " ",
-      d ? "已复制" : "复制"
+      l ? "已复制" : "复制"
     ] }),
-    n && /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: n, title: "重新生成", children: [
-      /* @__PURE__ */ e(B, { name: "refresh-cw", size: 14 }),
+    n && /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: n, title: "重新生成", children: [
+      /* @__PURE__ */ e(H, { name: "refresh-cw", size: 14 }),
       " 重新生成"
     ] }),
-    s && /* @__PURE__ */ c(V, { children: [
+    s && /* @__PURE__ */ g(K, { children: [
       /* @__PURE__ */ e("span", { className: "sa-action-divider" }),
       /* @__PURE__ */ e(
         "button",
         {
-          className: `sa-action-btn ${o === "like" ? "sa-action-btn-active" : ""}`,
-          onClick: x,
+          className: `sa-action-btn ${d === "like" ? "sa-action-btn-active" : ""}`,
+          onClick: y,
           title: "有用",
           "aria-label": "点赞",
-          children: /* @__PURE__ */ e(B, { name: "thumbs-up", size: 14 })
+          children: /* @__PURE__ */ e(H, { name: "thumbs-up", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
-          className: `sa-action-btn ${o === "dislike" ? "sa-action-btn-active" : ""}`,
-          onClick: f,
+          className: `sa-action-btn ${d === "dislike" ? "sa-action-btn-active" : ""}`,
+          onClick: p,
           title: "无用",
           "aria-label": "踩",
-          "aria-expanded": u,
+          "aria-expanded": f,
           "aria-haspopup": "dialog",
-          children: /* @__PURE__ */ e(B, { name: "thumbs-down", size: 14 })
+          children: /* @__PURE__ */ e(H, { name: "thumbs-down", size: 14 })
         }
       )
     ] }),
-    u && /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(yt, { onSubmit: y, onCancel: z }) })
+    f && /* @__PURE__ */ e("div", { ref: x, children: /* @__PURE__ */ e($t, { onSubmit: m, onCancel: C }) })
   ] });
 }
-function yt({ onSubmit: t, onCancel: a }) {
+function $t({ onSubmit: t, onCancel: a }) {
   const [n, s] = E(void 0), [r, i] = E("");
-  return /* @__PURE__ */ c("div", { className: "sa-dislike-panel", children: [
+  return /* @__PURE__ */ g("div", { className: "sa-dislike-panel", children: [
     /* @__PURE__ */ e("div", { className: "sa-dislike-panel-title", children: "请选择不满意的原因（可选）" }),
-    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: bt.map((o) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: St.map((d) => /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-dislike-reason-btn ${n === o.value ? "active" : ""}`,
-        onClick: () => s(n === o.value ? void 0 : o.value),
-        children: o.label
+        className: `sa-dislike-reason-btn ${n === d.value ? "active" : ""}`,
+        onClick: () => s(n === d.value ? void 0 : d.value),
+        children: d.label
       },
-      o.value
+      d.value
     )) }),
     /* @__PURE__ */ e(
       "textarea",
@@ -1507,233 +1552,247 @@ function yt({ onSubmit: t, onCancel: a }) {
         placeholder: "补充描述（选填，≤500 字）",
         maxLength: 500,
         value: r,
-        onChange: (o) => i(o.target.value),
+        onChange: (d) => i(d.target.value),
         rows: 2
       }
     ),
-    /* @__PURE__ */ c("div", { className: "sa-dislike-actions", children: [
+    /* @__PURE__ */ g("div", { className: "sa-dislike-actions", children: [
       /* @__PURE__ */ e("button", { className: "sa-dislike-submit", onClick: () => t(n, r || void 0), children: "提交" }),
       /* @__PURE__ */ e("button", { className: "sa-dislike-cancel", onClick: a, children: "取消" })
     ] })
   ] });
 }
-const kt = /^(https?:\/\/|data:|blob:|\/\/|\/|\.\/|\.\.\/)/;
-function Ie({ src: t, alt: a }) {
-  return t ? kt.test(t) ? /* @__PURE__ */ e("img", { src: t, alt: a ?? "", className: "sa-msg-avatar", draggable: !1 }) : /* @__PURE__ */ e("span", { className: "sa-msg-avatar sa-msg-avatar-text", children: t }) : null;
+const Dt = /^(https?:\/\/|data:|blob:|\/\/|\/|\.\/|\.\.\/)/;
+function Ae({ src: t, alt: a }) {
+  return t ? Dt.test(t) ? /* @__PURE__ */ e("img", { src: t, alt: a ?? "", className: "sa-msg-avatar", draggable: !1 }) : /* @__PURE__ */ e("span", { className: "sa-msg-avatar sa-msg-avatar-text", children: t }) : null;
 }
-function Ct({
+function Lt({
   message: t,
   isStreaming: a,
   isLast: n,
   slots: s,
   avatar: r,
   artifactPreview: i,
-  showTimestamp: o
+  showTimestamp: d
 }) {
-  const { regenerate: l, feedback: d, respondToInterrupt: p } = Z(), u = N(() => {
-    var S;
-    const C = t.parts.filter((D) => D.type === "text").map((D) => D.content).join(`
+  const { regenerate: o, feedback: l, respondToInterrupt: c } = J(), f = k(() => {
+    var $;
+    const N = t.parts.filter((M) => M.type === "text").map((M) => M.content).join(`
 `);
-    (S = navigator.clipboard) == null || S.writeText(C).catch(() => {
+    ($ = navigator.clipboard) == null || $.writeText(N).catch(() => {
     });
-  }, [t]), g = t.role === "user", b = s.Message;
-  if (b)
+  }, [t]), h = t.role === "user", x = s.Message;
+  if (x)
     return /* @__PURE__ */ e(
-      b,
+      x,
       {
         message: t,
         isStreaming: a,
         isLast: n,
         avatar: r,
         slots: s,
-        onCopy: u,
-        onRegenerate: l,
-        onFeedback: d,
-        showTimestamp: o
+        onCopy: f,
+        onRegenerate: o,
+        onFeedback: l,
+        showTimestamp: d
       }
     );
-  const m = s.TextPart ?? tt, x = s.ThinkingPart ?? nt, f = s.ToolCallPart ?? st, y = s.ToolResultPart ?? ot, z = s.ErrorPart ?? lt, H = s.ActionBar ?? vt, k = !g && t.parts.some((C) => C.type === "text" && C.content);
-  return /* @__PURE__ */ c(
+  const b = s.TextPart ?? ut, y = s.ThinkingPart ?? ht, p = s.ToolCallPart ?? mt, m = s.ToolResultPart ?? wt, C = s.ErrorPart ?? bt, A = s.ActionBar ?? At, v = !h && t.parts.some((N) => N.type === "text" && N.content);
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: `sa-message ${g ? "sa-message-user" : "sa-message-assistant"}`,
+      className: `sa-message ${h ? "sa-message-user" : "sa-message-assistant"}`,
       children: [
-        !g && /* @__PURE__ */ e(
-          Ie,
+        !h && /* @__PURE__ */ e(
+          Ae,
           {
-            src: (r == null ? void 0 : r.assistant) || (a && n ? X.assistantAvatarGenerating : X.assistantAvatar),
+            src: (r == null ? void 0 : r.assistant) || (a && n ? U.assistantAvatarGenerating : U.assistantAvatar),
             alt: "AI"
           }
         ),
-        /* @__PURE__ */ c("div", { className: "sa-message-content", children: [
-          o && /* @__PURE__ */ e(
+        /* @__PURE__ */ g("div", { className: "sa-message-content", children: [
+          d && /* @__PURE__ */ e(
             "span",
             {
-              className: `sa-message-time ${g ? "sa-message-time-right" : ""}`,
-              children: Ze(t.timestamp)
+              className: `sa-message-time ${h ? "sa-message-time-right" : ""}`,
+              children: lt(t.timestamp)
             }
           ),
-          /* @__PURE__ */ c("div", { className: "sa-message-body", children: [
-            t.parts.map((C, S) => {
-              switch (C.type) {
+          /* @__PURE__ */ g("div", { className: "sa-message-body", children: [
+            t.parts.map((N, $) => {
+              switch (N.type) {
                 case "text":
-                  return /* @__PURE__ */ e(m, { content: C.content }, S);
+                  return /* @__PURE__ */ e(b, { content: N.content }, $);
                 case "thinking":
-                  return /* @__PURE__ */ e(x, { content: C.content }, S);
+                  return /* @__PURE__ */ e(y, { content: N.content }, $);
                 case "tool_call":
                   return /* @__PURE__ */ e(
-                    f,
+                    p,
                     {
-                      toolName: C.toolName,
-                      toolCallId: C.toolCallId,
-                      args: C.args
+                      toolName: N.toolName,
+                      toolCallId: N.toolCallId,
+                      args: N.args
                     },
-                    S
+                    $
                   );
                 case "tool_result":
                   return /* @__PURE__ */ e(
-                    y,
+                    m,
                     {
-                      toolName: C.toolName,
-                      toolCallId: C.toolCallId,
-                      content: C.content,
-                      artifacts: C.artifacts,
-                      renderMode: C.renderMode,
-                      html: C.html,
+                      toolName: N.toolName,
+                      toolCallId: N.toolCallId,
+                      content: N.content,
+                      artifacts: N.artifacts,
+                      renderMode: N.renderMode,
+                      html: N.html,
                       artifactPreview: i
                     },
-                    S
+                    $
                   );
                 case "error":
                   return /* @__PURE__ */ e(
-                    z,
+                    C,
                     {
-                      content: C.content,
-                      onRetry: l
+                      content: N.content,
+                      onRetry: o
                     },
-                    S
+                    $
                   );
                 case "interrupt":
                   return /* @__PURE__ */ e(
-                    wt,
+                    Mt,
                     {
-                      interrupt: C.interrupt,
-                      resolved: C.resolved ?? !1,
-                      response: C.response,
-                      onRespond: (D) => p(C.interrupt.interruptId, D)
+                      interrupt: N.interrupt,
+                      resolved: N.resolved ?? !1,
+                      response: N.response,
+                      onRespond: (M) => c(N.interrupt.interruptId, M)
                     },
-                    S
+                    $
                   );
                 default:
                   return null;
               }
             }),
-            a && n && !g && !k && /* @__PURE__ */ e("span", { className: "sa-thinking-indicator", children: "思考中…" }),
-            !g && !a && k && /* @__PURE__ */ e(
-              H,
+            a && n && !h && !v && /* @__PURE__ */ e("span", { className: "sa-thinking-indicator", children: "思考中…" }),
+            !h && !a && v && /* @__PURE__ */ e(
+              A,
               {
                 message: t,
-                onCopy: u,
-                onRegenerate: n ? l : void 0,
-                onFeedback: d
+                onCopy: f,
+                onRegenerate: n ? o : void 0,
+                onFeedback: l
               }
             )
           ] })
         ] }),
-        g && (r == null ? void 0 : r.user) && /* @__PURE__ */ e(Ie, { src: r.user, alt: "用户" })
+        h && (r == null ? void 0 : r.user) && /* @__PURE__ */ e(Ae, { src: r.user, alt: "用户" })
       ]
     }
   );
 }
-function Nt({ message: t, suggestedPrompts: a, onPromptClick: n, capabilities: s, quickLinks: r, logo: i }) {
-  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-8 py-2", children: [
-    /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-1 opacity-0 animate-sa-home-fade-in", children: [
-      /* @__PURE__ */ e("img", { src: i || X.logo, alt: "AI 助手", className: "block max-w-16 shrink-0 animate-sa-logo-float", draggable: !1 }),
+function Rt({ message: t, suggestedPrompts: a, onPromptClick: n, capabilities: s, quickLinks: r, logo: i, openPanel: d }) {
+  const o = (l) => {
+    if (l.onClick) {
+      l.onClick();
+      return;
+    }
+    const c = l.action;
+    if (!c) {
+      l.prompt && n(l.prompt);
+      return;
+    }
+    d == null || d(c.type === "link" ? c : { ...c, title: c.title ?? l.label });
+  };
+  return /* @__PURE__ */ g("div", { className: "flex flex-col gap-8 py-2", children: [
+    /* @__PURE__ */ g("div", { className: "flex flex-col items-center gap-1 opacity-0 animate-sa-home-fade-in", children: [
+      /* @__PURE__ */ e("img", { src: i || U.logo, alt: "AI 助手", className: "block max-w-16 shrink-0 animate-sa-logo-float", draggable: !1 }),
       /* @__PURE__ */ e("h3", { className: "sa-shimmer-text m-0 mb-1 text-[18px] font-bold leading-[1.3] text-[#333] animate-sa-title-shimmer", children: t || "你好！有什么可以帮你的？" })
     ] }),
-    s && s.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-4 opacity-0 animate-sa-home-fade-in", style: { animationDelay: "150ms" }, children: s.map((o) => /* @__PURE__ */ c("div", { className: "inline-flex w-full max-w-full min-w-0 items-center gap-[7px]", children: [
-      o.icon && /* @__PURE__ */ e("img", { src: o.icon, alt: "", className: "h-[18px] w-[18px] shrink-0 object-contain", draggable: !1 }),
-      /* @__PURE__ */ e("span", { className: "shrink-0 text-[14px] leading-[1.4] text-[#333]", children: o.label }),
-      o.desc && /* @__PURE__ */ c(V, { children: [
+    s && s.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-4 opacity-0 animate-sa-home-fade-in", style: { animationDelay: "150ms" }, children: s.map((l) => /* @__PURE__ */ g("div", { className: "inline-flex w-full max-w-full min-w-0 items-center gap-[7px]", children: [
+      l.icon && /* @__PURE__ */ e("img", { src: l.icon, alt: "", className: "h-[18px] w-[18px] shrink-0 object-contain", draggable: !1 }),
+      /* @__PURE__ */ e("span", { className: "shrink-0 text-[14px] leading-[1.4] text-[#333]", children: l.label }),
+      l.desc && /* @__PURE__ */ g(K, { children: [
         /* @__PURE__ */ e("span", { className: "h-[13px] w-px shrink-0 bg-[#DCDCDC]" }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[1.4] text-[#9A9A9A]", children: o.desc })
+        /* @__PURE__ */ e("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[1.4] text-[#9A9A9A]", children: l.desc })
       ] })
-    ] }, o.label)) }),
-    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-3", children: a.map((o, l) => /* @__PURE__ */ c(
+    ] }, l.label)) }),
+    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-3", children: a.map((l, c) => /* @__PURE__ */ g(
       "button",
       {
         type: "button",
         className: "sa-chip inline-flex h-7 items-center gap-1 rounded-md px-3 text-[14px] leading-none text-[#333] opacity-0 transition-colors animate-sa-chip-in",
-        style: { animationDelay: `${300 + l * 130}ms` },
-        onClick: () => n(o),
+        style: { animationDelay: `${300 + c * 130}ms` },
+        onClick: () => n(l),
         children: [
-          /* @__PURE__ */ e("span", { className: "sa-chip-text overflow-hidden text-ellipsis whitespace-nowrap", children: o }),
+          /* @__PURE__ */ e("span", { className: "sa-chip-text overflow-hidden text-ellipsis whitespace-nowrap", children: l }),
           /* @__PURE__ */ e("svg", { width: 13, height: 13, viewBox: "0 0 14 14", fill: "none", className: "shrink-0 text-[#9A9A9A]", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M5 3L9 7L5 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
         ]
       },
-      `${o}-${l}`
+      `${l}-${c}`
     )) }),
-    r && r.length > 0 && /* @__PURE__ */ c("div", { className: "opacity-0 animate-sa-home-fade-in", style: { animationDelay: "420ms" }, children: [
+    r && r.length > 0 && /* @__PURE__ */ g("div", { className: "opacity-0 animate-sa-home-fade-in", style: { animationDelay: "420ms" }, children: [
       /* @__PURE__ */ e("div", { className: "mb-3 text-[14px] leading-none text-[#A0A0A0]", children: "快速查看" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-[22px]", children: r.map((o) => /* @__PURE__ */ c(
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-[22px]", children: r.map((l) => /* @__PURE__ */ g(
         "button",
         {
           type: "button",
           className: "inline-flex items-center gap-[7px] rounded-md px-1 py-1 transition-colors hover:bg-[#F5F5F5]",
-          onClick: () => {
-            o.onClick ? o.onClick() : o.prompt && n(o.prompt);
-          },
+          onClick: () => o(l),
           children: [
-            o.icon && /* @__PURE__ */ e("span", { className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center opacity-70", children: /* @__PURE__ */ e("img", { src: o.icon, alt: "", width: 18, height: 18, draggable: !1 }) }),
-            /* @__PURE__ */ e("span", { className: "text-[14px] leading-none text-[#333] transition-colors hover:text-[#1881F0]", children: o.label })
+            l.icon && /* @__PURE__ */ e("span", { className: "flex h-[18px] w-[18px] shrink-0 items-center justify-center opacity-70", children: /* @__PURE__ */ e("img", { src: l.icon, alt: "", width: 18, height: 18, draggable: !1 }) }),
+            /* @__PURE__ */ e("span", { className: "text-[14px] leading-none text-[#333] transition-colors hover:text-[#1881F0]", children: l.label })
           ]
         },
-        o.label
+        l.label
       )) })
     ] })
   ] });
 }
-function $e({ slots: t, welcomeMessage: a, suggestedPrompts: n, avatar: s, artifactPreview: r, capabilities: i, quickLinks: o, logo: l, showTimestamp: d }) {
-  const { messages: p, status: u, sendMessage: g } = Z(), { containerRef: b } = Je([p]), m = u === "streaming", x = t.WelcomeScreen ?? Nt;
-  return p.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: b, children: /* @__PURE__ */ e(
-    x,
-    {
-      message: a,
-      suggestedPrompts: n,
-      onPromptClick: g,
-      capabilities: i,
-      quickLinks: o,
-      logo: l
-    }
-  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: b, children: p.map((f, y) => /* @__PURE__ */ e(
-    Ct,
+function He({ slots: t, welcomeMessage: a, suggestedPrompts: n, avatar: s, artifactPreview: r, capabilities: i, quickLinks: d, logo: o, showTimestamp: l }) {
+  const { messages: c, status: f, sendMessage: h, openPanel: x } = J(), { containerRef: b } = dt([c]), y = f === "streaming", p = t.WelcomeScreen ?? Rt, m = t.AppendContainer;
+  return c.length === 0 ? /* @__PURE__ */ g("div", { className: "sa-thread", ref: b, children: [
+    /* @__PURE__ */ e(
+      p,
+      {
+        message: a,
+        suggestedPrompts: n,
+        onPromptClick: h,
+        capabilities: i,
+        quickLinks: d,
+        logo: o,
+        openPanel: x
+      }
+    ),
+    m && /* @__PURE__ */ e(m, { openPanel: x })
+  ] }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: b, children: c.map((C, A) => /* @__PURE__ */ e(
+    Lt,
     {
-      message: f,
-      isStreaming: m,
-      isLast: y === p.length - 1,
+      message: C,
+      isStreaming: y,
+      isLast: A === c.length - 1,
       slots: t,
       avatar: s,
       artifactPreview: r,
-      showTimestamp: d
+      showTimestamp: l
     },
-    f.id
+    C.id
   )) });
 }
-function zt({ items: t, activeIndex: a, onSelect: n }) {
-  const s = R(null);
-  return P(() => {
+function _t({ items: t, activeIndex: a, onSelect: n }) {
+  const s = _(null);
+  return j(() => {
     var i;
     const r = (i = s.current) == null ? void 0 : i.children[a];
     r == null || r.scrollIntoView({ block: "nearest" });
-  }, [a]), t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-slash-menu", children: /* @__PURE__ */ e("div", { className: "sa-slash-menu-empty", children: "没有匹配的技能" }) }) : /* @__PURE__ */ e("div", { className: "sa-slash-menu", ref: s, children: t.map((r, i) => /* @__PURE__ */ c(
+  }, [a]), t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-slash-menu", children: /* @__PURE__ */ e("div", { className: "sa-slash-menu-empty", children: "没有匹配的技能" }) }) : /* @__PURE__ */ e("div", { className: "sa-slash-menu", ref: s, children: t.map((r, i) => /* @__PURE__ */ g(
     "div",
     {
       className: `sa-slash-menu-item${i === a ? " sa-slash-menu-item--active" : ""}`,
-      onMouseDown: (o) => {
-        o.preventDefault(), n(r);
+      onMouseDown: (d) => {
+        d.preventDefault(), n(r);
       },
       children: [
-        /* @__PURE__ */ c("span", { className: "sa-slash-menu-item-name", children: [
+        /* @__PURE__ */ g("span", { className: "sa-slash-menu-item-name", children: [
           "/",
           r.name
         ] }),
@@ -1743,97 +1802,97 @@ function zt({ items: t, activeIndex: a, onSelect: n }) {
     r.code
   )) });
 }
-function It({ sdk: t, input: a, onSelect: n }) {
-  const [s, r] = E([]), [i, o] = E(!1), [l, d] = E(0), p = R(!1);
-  P(() => {
-    p.current || (p.current = !0, t.listSkills().then(r).catch(() => r([])));
+function Ft({ sdk: t, input: a, onSelect: n }) {
+  const [s, r] = E([]), [i, d] = E(!1), [o, l] = E(0), c = _(!1);
+  j(() => {
+    c.current || (c.current = !0, t.listSkills().then(r).catch(() => r([])));
   }, [t]);
-  const u = /^\/\S*$/.test(a);
-  P(() => {
-    o(u);
-  }, [u]), P(() => {
-    u && d(0);
-  }, [a, u]);
-  const g = a.startsWith("/") ? a.slice(1).toLowerCase() : "", b = re(
+  const f = /^\/\S*$/.test(a);
+  j(() => {
+    d(f);
+  }, [f]), j(() => {
+    f && l(0);
+  }, [a, f]);
+  const h = a.startsWith("/") ? a.slice(1).toLowerCase() : "", x = re(
     () => s.filter(
-      (k) => !g || k.code.toLowerCase().includes(g) || k.name.toLowerCase().includes(g) || k.displayName && k.displayName.toLowerCase().includes(g)
+      (v) => !h || v.code.toLowerCase().includes(h) || v.name.toLowerCase().includes(h) || v.displayName && v.displayName.toLowerCase().includes(h)
     ),
-    [s, g]
-  ), m = R(i), x = R(b), f = R(l), y = R(n);
-  m.current = i, x.current = b, f.current = l, y.current = n;
-  const z = N((k) => {
-    if (!m.current || x.current.length === 0) return !1;
-    switch (k.key) {
+    [s, h]
+  ), b = _(i), y = _(x), p = _(o), m = _(n);
+  b.current = i, y.current = x, p.current = o, m.current = n;
+  const C = k((v) => {
+    if (!b.current || y.current.length === 0) return !1;
+    switch (v.key) {
       case "ArrowDown":
-        return k.preventDefault(), d((C) => (C + 1) % x.current.length), !0;
+        return v.preventDefault(), l((N) => (N + 1) % y.current.length), !0;
       case "ArrowUp":
-        return k.preventDefault(), d((C) => (C - 1 + x.current.length) % x.current.length), !0;
+        return v.preventDefault(), l((N) => (N - 1 + y.current.length) % y.current.length), !0;
       case "Enter":
       case "Tab":
-        return k.preventDefault(), y.current(x.current[f.current]), o(!1), !0;
+        return v.preventDefault(), m.current(y.current[p.current]), d(!1), !0;
       case "Escape":
-        return k.preventDefault(), o(!1), !0;
+        return v.preventDefault(), d(!1), !0;
       default:
         return !1;
     }
-  }, []), H = N(() => o(!1), []);
-  return { isOpen: i, items: b, activeIndex: l, handleKeyDown: z, close: H };
-}
-function Le() {
-  const { status: t, sendMessage: a, stop: n, sdk: s } = Z(), [r, i] = E(""), o = R(null), l = t === "streaming" || t === "submitted", d = !!r.trim() || l, p = N((f) => {
-    i(`/${f.name} `), setTimeout(() => {
-      const y = o.current;
-      y && (y.focus(), y.selectionStart = y.selectionEnd = y.value.length);
+  }, []), A = k(() => d(!1), []);
+  return { isOpen: i, items: x, activeIndex: o, handleKeyDown: C, close: A };
+}
+function Pe() {
+  const { status: t, sendMessage: a, stop: n, sdk: s } = J(), [r, i] = E(""), d = _(null), o = t === "streaming" || t === "submitted", l = !!r.trim() || o, c = k((p) => {
+    i(`/${p.name} `), setTimeout(() => {
+      const m = d.current;
+      m && (m.focus(), m.selectionStart = m.selectionEnd = m.value.length);
     }, 0);
-  }, []), u = It({
+  }, []), f = Ft({
     sdk: s,
     input: r,
-    onSelect: p
-  }), g = N(() => {
-    const f = r.trim();
-    !f || l || (a(f), i(""), o.current && (o.current.style.height = "auto"));
-  }, [r, l, a]), b = N((f) => {
-    u.handleKeyDown(f) || f.key === "Enter" && !f.shiftKey && (f.preventDefault(), g());
-  }, [g, u.handleKeyDown]), m = N((f) => {
-    i(f.target.value);
-    const y = f.target;
-    y.style.height = "auto", y.style.height = Math.min(y.scrollHeight, 90) + "px";
-  }, []), x = N(() => {
-    var f;
-    l || (f = o.current) == null || f.focus();
-  }, [l]);
-  return /* @__PURE__ */ c("div", { className: "relative z-[2] shrink-0 px-[15px] pb-2.5", children: [
-    u.isOpen && /* @__PURE__ */ e(
-      zt,
+    onSelect: c
+  }), h = k(() => {
+    const p = r.trim();
+    !p || o || (a(p), i(""), d.current && (d.current.style.height = "auto"));
+  }, [r, o, a]), x = k((p) => {
+    f.handleKeyDown(p) || p.key === "Enter" && !p.shiftKey && (p.preventDefault(), h());
+  }, [h, f.handleKeyDown]), b = k((p) => {
+    i(p.target.value);
+    const m = p.target;
+    m.style.height = "auto", m.style.height = Math.min(m.scrollHeight, 90) + "px";
+  }, []), y = k(() => {
+    var p;
+    o || (p = d.current) == null || p.focus();
+  }, [o]);
+  return /* @__PURE__ */ g("div", { className: "relative z-[2] shrink-0 px-[15px] pb-2.5", children: [
+    f.isOpen && /* @__PURE__ */ e(
+      _t,
       {
-        items: u.items,
-        activeIndex: u.activeIndex,
-        onSelect: p
+        items: f.items,
+        activeIndex: f.activeIndex,
+        onSelect: c
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ g(
       "form",
       {
-        className: `sa-input-form flex min-h-[70px] cursor-text items-start gap-2 rounded-[5px] p-2 ${d ? "sa-input-form-active" : ""}`,
-        onClick: x,
-        onSubmit: (f) => {
-          f.preventDefault(), g();
+        className: `sa-input-form flex min-h-[70px] cursor-text items-start gap-2 rounded-[5px] p-2 ${l ? "sa-input-form-active" : ""}`,
+        onClick: y,
+        onSubmit: (p) => {
+          p.preventDefault(), h();
         },
         children: [
           /* @__PURE__ */ e(
             "textarea",
             {
-              ref: o,
+              ref: d,
               className: "sa-input-field flex-1 resize-none border-none bg-transparent p-0 text-[14px] leading-[1.5] text-[#333] outline-none placeholder:text-[#B8B8B8]",
               value: r,
-              onChange: m,
-              onKeyDown: b,
+              onChange: b,
+              onKeyDown: x,
               placeholder: "请输入你想要了解的关键词",
               rows: 1,
-              disabled: l
+              disabled: o
             }
           ),
-          l ? /* @__PURE__ */ e(
+          o ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -1850,7 +1909,7 @@ function Le() {
               className: `sa-send-btn ${r.trim() ? "sa-send-btn-active" : ""}`,
               "aria-label": "发送",
               title: "发送",
-              children: /* @__PURE__ */ e("img", { src: X.sendSolid, alt: "发送", width: 14, height: 14, draggable: !1 })
+              children: /* @__PURE__ */ e("img", { src: U.sendSolid, alt: "发送", width: 14, height: 14, draggable: !1 })
             }
           )
         ]
@@ -1859,353 +1918,426 @@ function Le() {
     /* @__PURE__ */ e("div", { className: "mt-3 text-center text-[11px] leading-none text-[#B8B8B8]", children: "所有内容均由AI生成仅供参考" })
   ] });
 }
-function Tt({ artifact: t }) {
-  const [a, n] = Q.useState(null), [s, r] = Q.useState(!0), [i, o] = Q.useState(null);
+function Ht({ artifact: t }) {
+  const [a, n] = Q.useState(null), [s, r] = Q.useState(!0), [i, d] = Q.useState(null);
   return Q.useEffect(() => {
-    let l = !1;
-    r(!0), o(null), n(null);
-    async function d() {
+    let o = !1;
+    r(!0), d(null), n(null);
+    async function l() {
       try {
         if (t.type === "pdf") {
-          l || r(!1);
+          o || r(!1);
           return;
         }
         if (t.type === "html") {
-          const p = await fetch(t.url);
-          if (!p.ok) throw new Error(`HTTP ${p.status}`);
-          const u = await p.text(), g = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (n(g.sanitize(u, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
+          const c = await fetch(t.url);
+          if (!c.ok) throw new Error(`HTTP ${c.status}`);
+          const f = await c.text(), h = (await import("./purify.es-C-6FFqDW.js")).default;
+          o || (n(h.sanitize(f, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
           return;
         }
         if (t.type === "docx") {
-          const p = await fetch(t.url);
-          if (!p.ok) throw new Error(`HTTP ${p.status}`);
-          const u = await p.arrayBuffer(), b = await (await import("./mammoth.browser-COPV53yV.js").then((x) => x.m)).convertToHtml({ arrayBuffer: u }), m = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (n(m.sanitize(b.value, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
+          const c = await fetch(t.url);
+          if (!c.ok) throw new Error(`HTTP ${c.status}`);
+          const f = await c.arrayBuffer(), x = await (await import("./mammoth.browser-COPV53yV.js").then((y) => y.m)).convertToHtml({ arrayBuffer: f }), b = (await import("./purify.es-C-6FFqDW.js")).default;
+          o || (n(b.sanitize(x.value, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
           return;
         }
-        l || (r(!1), o(`不支持预览「${t.type}」类型`));
-      } catch (p) {
-        l || (r(!1), o(p instanceof Error ? p.message : "加载失败"));
+        o || (r(!1), d(`不支持预览「${t.type}」类型`));
+      } catch (c) {
+        o || (r(!1), d(c instanceof Error ? c.message : "加载失败"));
       }
     }
-    return d(), () => {
-      l = !0;
+    return l(), () => {
+      o = !0;
     };
-  }, [t]), s ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : i ? /* @__PURE__ */ c("div", { className: "sa-drawer-preview-error", children: [
+  }, [t]), s ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : i ? /* @__PURE__ */ g("div", { className: "sa-drawer-preview-error", children: [
     i,
-    /* @__PURE__ */ e("button", { className: "sa-drawer-btn-sm", onClick: () => void ie(t), children: "下载查看" })
-  ] }) : t.type === "pdf" ? /* @__PURE__ */ e("iframe", { src: t.url, title: t.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-scripts" }) : a !== null ? /* @__PURE__ */ e("iframe", { srcDoc: a, title: t.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-same-origin" }) : null;
+    /* @__PURE__ */ e("button", { className: "sa-drawer-btn-sm", onClick: () => void de(t), children: "下载查看" })
+  ] }) : t.type === "pdf" ? /* @__PURE__ */ e("iframe", { src: t.url, title: t.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-scripts" }) : a !== null ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-html-scroll", children: /* @__PURE__ */ e("div", { className: "sa-drawer-preview-html sa-text-part", dangerouslySetInnerHTML: { __html: a } }) }) : null;
 }
-function _e({ artifacts: t, initialArtifact: a, onClose: n }) {
+function Pt({ artifacts: t, initialArtifact: a, onClose: n }) {
   const [s, r] = E(
     a ? { mode: "preview", artifact: a } : { mode: "list" }
-  ), [i, o] = E(!1), l = R(null), [d, p] = E(340), u = R(null);
-  P(() => {
-    a && (l.current && (clearTimeout(l.current), l.current = null, o(!1)), r({ mode: "preview", artifact: a }));
+  ), [i, d] = E(!1), o = _(null), [l, c] = E(340), f = _(null);
+  j(() => {
+    a && (o.current && (clearTimeout(o.current), o.current = null, d(!1)), r({ mode: "preview", artifact: a }));
   }, [a]);
-  const g = N(() => {
-    o(!0), l.current = setTimeout(() => {
-      l.current = null, n();
+  const h = k(() => {
+    d(!0), o.current = setTimeout(() => {
+      o.current = null, n();
     }, 240);
   }, [n]);
-  P(() => () => {
-    var f;
-    l.current && clearTimeout(l.current), (f = u.current) == null || f.call(u);
+  j(() => () => {
+    var p;
+    o.current && clearTimeout(o.current), (p = f.current) == null || p.call(f);
   }, []);
-  const b = N((f) => {
-    r({ mode: "preview", artifact: f });
-  }, []), m = N(() => {
+  const x = k((p) => {
+    r({ mode: "preview", artifact: p });
+  }, []), b = k(() => {
     r({ mode: "list" });
   }, []);
-  P(() => {
-    const f = (y) => {
-      y.key === "Escape" && g();
+  j(() => {
+    const p = (m) => {
+      m.key === "Escape" && h();
     };
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [g]);
-  const x = N((f) => {
-    f.preventDefault();
-    const y = f.clientX, z = d, H = (C) => {
-      const S = y - C.clientX;
-      p(Math.max(240, Math.min(window.innerWidth * 0.7, z + S)));
-    }, k = () => {
-      document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", k), document.body.style.cursor = "", document.body.style.userSelect = "", u.current = null;
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+  }, [h]);
+  const y = k((p) => {
+    p.preventDefault();
+    const m = p.clientX, C = l, A = (N) => {
+      const $ = m - N.clientX;
+      c(Math.max(240, Math.min(window.innerWidth * 0.7, C + $)));
+    }, v = () => {
+      document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", v), 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", H), document.addEventListener("mouseup", k), u.current = k;
-  }, [d]);
-  return /* @__PURE__ */ c("div", { className: `sa-artifact-drawer ${i ? "sa-drawer-closing" : ""}`, style: { width: d }, children: [
-    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: x }),
-    /* @__PURE__ */ c("div", { className: "sa-artifact-drawer-header", children: [
-      s.mode === "preview" ? /* @__PURE__ */ c(V, { children: [
-        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: m, 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" }) }) }),
+    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", A), document.addEventListener("mouseup", v), f.current = v;
+  }, [l]);
+  return /* @__PURE__ */ g("div", { className: `sa-artifact-drawer ${i ? "sa-drawer-closing" : ""}`, style: { width: l }, children: [
+    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: y }),
+    /* @__PURE__ */ g("div", { className: "sa-artifact-drawer-header", children: [
+      s.mode === "preview" ? /* @__PURE__ */ g(K, { children: [
+        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: b, 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__ */ c(V, { children: [
-        /* @__PURE__ */ c("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { flexShrink: 0 }, children: [
+      ] }) : /* @__PURE__ */ g(K, { children: [
+        /* @__PURE__ */ g("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" }),
           /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
         ] }),
         /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: "会话产物" })
       ] }),
       /* @__PURE__ */ e("div", { style: { flex: 1 } }),
-      s.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void ie(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: g, 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" }) }) })
+      s.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void de(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: h, title: "关闭", "aria-label": "关闭", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: s.mode === "list" ? t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-drawer-empty", children: "暂无产物" }) : /* @__PURE__ */ e("ul", { className: "sa-drawer-file-list", role: "list", children: t.map((f, y) => /* @__PURE__ */ c(
+    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: s.mode === "list" ? t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-drawer-empty", children: "暂无产物" }) : /* @__PURE__ */ e("ul", { className: "sa-drawer-file-list", role: "list", children: t.map((p, m) => /* @__PURE__ */ g(
       "li",
       {
         className: "sa-drawer-file-card",
-        onClick: () => b(f),
-        onKeyDown: (z) => {
-          (z.key === "Enter" || z.key === " ") && (z.preventDefault(), b(f));
+        onClick: () => x(p),
+        onKeyDown: (C) => {
+          (C.key === "Enter" || C.key === " ") && (C.preventDefault(), x(p));
         },
         tabIndex: 0,
         role: "button",
-        "aria-label": `预览 ${f.filename}`,
+        "aria-label": `预览 ${p.filename}`,
         children: [
-          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: Ee(f.type) }) }),
-          /* @__PURE__ */ c("div", { className: "sa-drawer-file-info", children: [
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: f.filename }),
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: Me(f.size) })
+          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: Le(p.type) }) }),
+          /* @__PURE__ */ g("div", { className: "sa-drawer-file-info", children: [
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: p.filename }),
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: De(p.size) })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
               className: "sa-drawer-btn",
               title: "下载",
-              "aria-label": `下载 ${f.filename}`,
-              onClick: (z) => {
-                z.stopPropagation(), ie(f);
+              "aria-label": `下载 ${p.filename}`,
+              onClick: (C) => {
+                C.stopPropagation(), de(p);
               },
               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" }) })
             }
           )
         ]
       },
-      f.id || `artifact-${y}`
-    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(Tt, { artifact: s.artifact }) }) })
+      p.id || `artifact-${m}`
+    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(Ht, { artifact: s.artifact }) }) })
+  ] });
+}
+function Bt({ page: t, onBack: a, centered: n }) {
+  j(() => {
+    const r = (i) => {
+      i.key === "Escape" && a();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [a]);
+  const s = qe(t.component) ? Ze(t.component, { close: a }) : Je(t.component, { close: a });
+  return /* @__PURE__ */ g("div", { className: `sa-page-overlay ${n ? "sa-page-overlay-centered" : ""}`, children: [
+    /* @__PURE__ */ g("div", { className: "sa-page-overlay-bar", children: [
+      /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: a, 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" }) }) }),
+      t.title && /* @__PURE__ */ e("span", { className: "sa-page-overlay-title", children: t.title })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "sa-page-overlay-body", children: s })
   ] });
 }
-function Mt({
+const Ot = "mx-auto w-full max-w-[800px]";
+function Be({
+  contentClassName: t,
+  centered: a,
+  composerClassName: n,
+  thread: s,
+  composer: r,
+  artifactPreview: i
+}) {
+  const {
+    activePanel: d,
+    closePanel: o,
+    messagesLoading: l,
+    isArtifactDrawerOpen: c,
+    allArtifacts: f,
+    activePreviewArtifact: h,
+    toggleArtifactDrawer: x
+  } = J();
+  if (d)
+    return /* @__PURE__ */ e(Bt, { page: d, onBack: o, centered: a });
+  const b = a ? Ot : "";
+  return /* @__PURE__ */ g(K, { children: [
+    /* @__PURE__ */ g("div", { className: `${t} ${b}`, children: [
+      l ? /* @__PURE__ */ g("div", { className: "sa-messages-loading", children: [
+        /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
+        "加载对话..."
+      ] }) : s,
+      i && c && /* @__PURE__ */ e(
+        Pt,
+        {
+          artifacts: f,
+          initialArtifact: h,
+          onClose: x
+        }
+      )
+    ] }),
+    n ? /* @__PURE__ */ e("div", { className: `${n} ${b}`, children: r }) : r
+  ] });
+}
+function jt({
   isOpen: t,
   onClose: a,
   title: n,
   slots: s,
   welcomeMessage: r,
   suggestedPrompts: i,
-  avatar: o,
-  artifactPreview: l,
-  capabilities: d,
-  quickLinks: p,
-  logo: u,
-  defaultWidth: g,
-  defaultHeight: b,
-  showTimestamp: m
+  avatar: d,
+  artifactPreview: o,
+  capabilities: l,
+  quickLinks: c,
+  logo: f,
+  defaultWidth: h,
+  defaultHeight: x,
+  showTimestamp: b
 }) {
   const {
-    status: x,
-    sendMessage: f,
-    stop: y,
-    toggleThreadList: z,
-    setThreadListOpen: H,
-    isThreadListOpen: k,
-    toggleArtifactDrawer: C,
-    isArtifactDrawerOpen: S,
-    allArtifacts: D,
-    activePreviewArtifact: w,
-    messages: M,
-    messagesLoading: $,
-    conversations: L,
-    activeConversationId: v,
-    switchConversation: A,
-    newConversation: I,
-    deleteConversation: F,
-    renameConversation: h,
-    hasMore: _,
-    loadMoreConversations: O
-  } = Z(), {
-    width: W,
-    position: T,
+    status: y,
+    sendMessage: p,
+    stop: m,
+    toggleThreadList: C,
+    setThreadListOpen: A,
+    isThreadListOpen: v,
+    toggleArtifactDrawer: N,
+    allArtifacts: $,
+    activePanel: M,
+    closePanel: w,
+    messages: I,
+    messagesLoading: L,
+    conversations: R,
+    activeConversationId: F,
+    switchConversation: P,
+    newConversation: D,
+    deleteConversation: S,
+    renameConversation: u,
+    hasMore: T,
+    loadMoreConversations: B
+  } = J(), {
+    width: O,
+    position: z,
     hasCustomPosition: Y,
-    isMaximized: j,
+    isMaximized: W,
     // 统一由 hook 计算的真实渲染几何（含侧边栏宽度、自适应高度、视口钳制）
-    totalWidth: q,
-    windowHeight: ce,
-    startWindowDrag: He,
-    startResize: pe,
-    toggleMaximize: Fe,
-    reset: ue,
-    setLockedHeight: oe
-  } = Ue({
-    defaultWidth: g ?? U.DEFAULT_WIDTH,
-    defaultHeight: b ?? U.DEFAULT_HEIGHT,
+    totalWidth: V,
+    windowHeight: ge,
+    startWindowDrag: Oe,
+    startResize: je,
+    toggleMaximize: We,
+    reset: fe,
+    setLockedHeight: ce
+  } = rt({
+    defaultWidth: h ?? X.DEFAULT_WIDTH,
+    defaultHeight: x ?? X.DEFAULT_HEIGHT,
     // 大窗不消费窗口几何，无需区分 isMaximized（避免与 hook 状态循环依赖）
-    sidebarWidth: k ? 200 : 0
-  }), ge = R(null), fe = R(null), le = !$ && M.length === 0, ne = !$ && M.length > 0;
-  P(() => {
-    t || ue();
-  }, [t, ue]), P(() => {
-    H(j ? ge.current ?? !0 : fe.current ?? !1);
-  }, [j, H]), P(() => {
-    ne || oe(null);
-  }, [ne, oe]);
-  const Re = Ke({
-    enabled: t && ne && !j,
+    sidebarWidth: 0
+  }), he = _(null), me = _(null), pe = !L && I.length === 0, ne = !L && I.length > 0, se = !!M;
+  j(() => {
+    t || (fe(), w());
+  }, [t, fe, w]), j(() => {
+    A(W ? he.current ?? !0 : me.current ?? !1);
+  }, [W, A]), j(() => {
+    ne || ce(null);
+  }, [ne, ce]);
+  const Ye = nt({
+    enabled: t && ne && !W && !se,
     contentSelector: ".sa-panel-content",
-    defaultHeight: b ?? U.DEFAULT_HEIGHT,
-    onHeightChange: oe
+    defaultHeight: x ?? X.DEFAULT_HEIGHT,
+    onHeightChange: ce
   });
   if (!t) return null;
-  const he = s.Header, me = s.Composer, se = s.ThreadList, Be = () => {
-    const J = !k;
-    z(), j ? ge.current = J : fe.current = J;
-  }, Oe = Y ? { width: `${q}px`, height: `${ce}px`, left: `${T.x}px`, top: `${T.y}px` } : { width: `${q}px`, height: `${ce}px`, right: "20px", bottom: "20px" }, xe = {
+  const xe = s.Header, we = s.Composer, ie = s.ThreadList, Ge = () => {
+    const le = !v;
+    C(), W ? he.current = le : me.current = le;
+  }, be = 200, ve = v && !W, q = "var(--sa-radius, 16px)", ye = ve ? `0px ${q} ${q} 0px` : `${q} ${q} ${q} ${q}`, Xe = Y ? z.x : window.innerWidth - V - 20, oe = Math.min(be, Math.max(0, Xe - 1)), Ue = Y ? { width: `${V}px`, height: `${ge}px`, left: `${z.x}px`, top: `${z.y}px` } : { width: `${V}px`, height: `${ge}px`, right: "20px", bottom: "20px" }, ke = {
     title: n,
     onClose: a,
-    onToggleThreadList: Be,
-    isMaximized: j,
-    onToggleMaximize: Fe,
-    showHome: ne,
-    onHome: I,
-    artifactCount: l ? D.length : 0,
-    onToggleArtifactDrawer: l ? C : void 0
-  }, we = {
-    conversations: L,
-    activeSessionId: v,
-    onSwitch: A,
-    onNew: I,
-    onDelete: F,
-    onRename: h,
-    hasMore: _,
-    onLoadMore: O
-  }, be = /* @__PURE__ */ c(
+    onToggleThreadList: Ge,
+    isMaximized: W,
+    onToggleMaximize: We,
+    // 整屏容器态隐藏「回到首页」与产物入口：返回按钮已接管退出，抽屉也随内容区一并被替换
+    showHome: ne && !se,
+    onHome: D,
+    artifactCount: se || !o ? 0 : $.length,
+    onToggleArtifactDrawer: se || !o ? void 0 : N
+  }, Ce = {
+    conversations: R,
+    activeSessionId: F,
+    onSwitch: P,
+    onNew: D,
+    onDelete: S,
+    onRename: u,
+    hasMore: T,
+    onLoadMore: B
+  }, Ne = /* @__PURE__ */ g(
     "div",
     {
-      className: `relative flex min-w-0 flex-col bg-white ${j ? "flex-1" : "h-full shrink-0"}`,
-      style: j ? void 0 : { width: `${W}px` },
+      className: `relative flex min-w-0 flex-col bg-white ${W ? "flex-1" : "h-full shrink-0"}`,
+      style: W ? void 0 : { width: `${O}px`, borderRadius: ye, overflow: "hidden" },
       children: [
-        le && /* @__PURE__ */ c(V, { children: [
+        pe && /* @__PURE__ */ g(K, { children: [
           /* @__PURE__ */ e("div", { className: "sa-home-gradient pointer-events-none absolute inset-x-0 top-0 z-0 h-[238px] opacity-10" }),
           /* @__PURE__ */ e("div", { className: "sa-home-gradient-fade pointer-events-none absolute inset-x-0 top-0 z-[1] h-[238px]" })
         ] }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: `relative z-20 ${le || j ? "" : "bg-white"} ${j ? "cursor-default" : "cursor-grab active:cursor-grabbing"}`,
-            onMouseDown: j ? void 0 : He,
-            children: he ? /* @__PURE__ */ e(he, { ...xe }) : /* @__PURE__ */ e(qe, { ...xe })
+            className: `relative z-20 ${pe || W ? "" : "bg-white"} ${W ? "cursor-default" : "cursor-grab active:cursor-grabbing"}`,
+            onMouseDown: W ? void 0 : Oe,
+            children: xe ? /* @__PURE__ */ e(xe, { ...ke }) : /* @__PURE__ */ e(ot, { ...ke })
           }
         ),
-        /* @__PURE__ */ c("div", { className: `sa-panel-content relative z-[2] ${le ? "sa-home-view" : ""} ${j ? "mx-auto w-full max-w-[800px]" : ""}`, children: [
-          $ ? /* @__PURE__ */ c("div", { className: "sa-messages-loading", children: [
-            /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
-            "加载对话..."
-          ] }) : /* @__PURE__ */ e(
-            $e,
-            {
-              slots: s,
-              welcomeMessage: r,
-              suggestedPrompts: i,
-              avatar: o,
-              artifactPreview: l,
-              capabilities: d,
-              quickLinks: p,
-              logo: u,
-              showTimestamp: m
-            }
-          ),
-          l && S && /* @__PURE__ */ e(_e, { artifacts: D, initialArtifact: w, onClose: C })
-        ] }),
-        /* @__PURE__ */ e("div", { className: `shrink-0 ${j ? "mx-auto w-full max-w-[800px]" : ""}`, children: me ? /* @__PURE__ */ e(me, { status: x, onSend: f, onStop: y }) : /* @__PURE__ */ e(Le, {}) })
+        /* @__PURE__ */ e(
+          Be,
+          {
+            contentClassName: `sa-panel-content relative z-[2] ${pe ? "sa-home-view" : ""}`,
+            centered: W,
+            composerClassName: "shrink-0",
+            artifactPreview: o,
+            thread: /* @__PURE__ */ e(
+              He,
+              {
+                slots: s,
+                welcomeMessage: r,
+                suggestedPrompts: i,
+                avatar: d,
+                artifactPreview: o,
+                capabilities: l,
+                quickLinks: c,
+                logo: f,
+                showTimestamp: b
+              }
+            ),
+            composer: we ? /* @__PURE__ */ e(we, { status: y, onSend: p, onStop: m }) : /* @__PURE__ */ e(Pe, {})
+          }
+        )
       ]
     }
   );
-  return j ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--sa-z-index,9999)] flex animate-sa-fade-in flex-col justify-end bg-black/30", children: /* @__PURE__ */ c("div", { className: "flex h-[calc(100%_-_48px)] w-full animate-sa-slide-up-full flex-row overflow-hidden rounded-t-2xl bg-[#F5F5F5] shadow-[0_-12px_48px_rgba(0,0,0,0.25)]", children: [
-    k && (se ? /* @__PURE__ */ e(se, { ...we }) : /* @__PURE__ */ e(ke, { width: 220 })),
-    be
-  ] }) }) : /* @__PURE__ */ c(
+  return W ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--sa-z-index,9999)] flex animate-sa-fade-in flex-col justify-end bg-black/30", children: /* @__PURE__ */ g(
+    "div",
+    {
+      className: "flex h-[calc(100%_-_48px)] w-full animate-sa-slide-up-full flex-row overflow-hidden bg-[#F5F5F5] shadow-[0_-12px_48px_rgba(0,0,0,0.25)]",
+      style: { borderRadius: "var(--sa-radius, 16px) var(--sa-radius, 16px) 0px 0px" },
+      children: [
+        v && (ie ? /* @__PURE__ */ e(ie, { ...Ce }) : /* @__PURE__ */ e(Ie, { width: 220 })),
+        Ne
+      ]
+    }
+  ) }) : /* @__PURE__ */ g(
     "div",
     {
-      ref: Re,
-      className: "fixed z-[var(--sa-z-index,9999)] flex animate-sa-window-in flex-row overflow-hidden rounded-xl border border-[#DADADA] bg-white shadow-[0_12px_36px_rgba(0,0,0,0.18)]",
-      style: Oe,
+      ref: Ye,
+      className: "fixed z-[var(--sa-z-index,9999)] flex animate-sa-window-in flex-row overflow-visible border border-[#DADADA] bg-white shadow-[0_12px_36px_rgba(0,0,0,0.18)]",
+      style: { ...Ue, borderRadius: ye },
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: "sa-resize-handle absolute bottom-0 left-[-3px] top-0 z-10 w-[6px] cursor-col-resize",
-            onMouseDown: (J) => pe(J, "left")
+            className: "sa-resize-handle absolute bottom-0 left-[-3px] top-0 z-20 w-[6px] cursor-col-resize",
+            onMouseDown: (le) => je(le)
           }
         ),
-        /* @__PURE__ */ e(
+        ve && (ie ? /* @__PURE__ */ e(
           "div",
           {
-            className: "sa-resize-handle absolute bottom-0 right-[-3px] top-0 z-10 w-[6px] cursor-col-resize",
-            onMouseDown: (J) => pe(J, "right")
+            className: "absolute -top-px -bottom-px -left-px z-10 overflow-hidden border border-r-0 border-[#DADADA] bg-[#FAFAFA] shadow-[0_12px_36px_rgba(0,0,0,0.18)]",
+            style: { width: oe, transform: `translateX(-${oe}px)`, borderRadius: `${q} 0px 0px ${q}` },
+            children: /* @__PURE__ */ e(ie, { ...Ce })
           }
-        ),
-        k && (se ? /* @__PURE__ */ e(se, { ...we }) : /* @__PURE__ */ e(ke, { width: 200 })),
-        be
+        ) : /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute -top-px -bottom-px -left-px z-10 overflow-hidden border border-r-0 border-[#DADADA] bg-[#FAFAFA] shadow-[0_12px_36px_rgba(0,0,0,0.18)]",
+            style: { width: oe, transform: `translateX(-${oe}px)`, borderRadius: `${q} 0px 0px ${q}` },
+            children: /* @__PURE__ */ e(Ie, { width: be })
+          }
+        )),
+        Ne
       ]
     }
   );
 }
-const Et = () => {
+const Wt = () => {
 };
-function St({
+function Yt({
   conversations: t,
   activeSessionId: a,
   onSwitch: n,
   onNew: s,
   onDelete: r,
   onRename: i,
-  isCollapsed: o,
-  onToggleCollapse: l,
-  hasMore: d,
-  onLoadMore: p,
-  conversationsLoading: u
+  isCollapsed: d,
+  onToggleCollapse: o,
+  hasMore: l,
+  onLoadMore: c,
+  conversationsLoading: f
 }) {
-  const [g, b] = E(null), [m, x] = E(null), [f, y] = E(""), [z, H] = E(null), k = R(null);
-  P(
+  const [h, x] = E(null), [b, y] = E(null), [p, m] = E(""), [C, A] = E(null), v = _(null);
+  j(
     () => () => {
-      k.current && clearTimeout(k.current);
+      v.current && clearTimeout(v.current);
     },
     []
   );
-  const C = N(
-    (L, v) => {
-      v.stopPropagation(), g === L ? (r(L), b(null)) : (b(L), k.current && clearTimeout(k.current), k.current = setTimeout(
-        () => b(null),
+  const N = k(
+    (R, F) => {
+      F.stopPropagation(), h === R ? (r(R), x(null)) : (x(R), v.current && clearTimeout(v.current), v.current = setTimeout(
+        () => x(null),
         3e3
       ));
     },
-    [g, r]
-  ), S = N(
-    (L, v, A) => {
-      A.stopPropagation(), x(L), y(v ?? "");
+    [h, r]
+  ), $ = k(
+    (R, F, P) => {
+      P.stopPropagation(), y(R), m(F ?? "");
     },
     []
-  ), D = N(
-    (L) => {
-      f.trim() && i(L, f.trim()), x(null);
+  ), M = k(
+    (R) => {
+      p.trim() && i(R, p.trim()), y(null);
     },
-    [f, i]
-  ), w = R(null), M = N(() => {
-    const L = w.current;
-    !L || !d || !p || L.scrollHeight - L.scrollTop - L.clientHeight < 50 && p();
-  }, [d, p]), $ = re(
-    () => De(t),
+    [p, i]
+  ), w = _(null), I = k(() => {
+    const R = w.current;
+    !R || !l || !c || R.scrollHeight - R.scrollTop - R.clientHeight < 50 && c();
+  }, [l, c]), L = re(
+    () => Fe(t),
     [t]
   );
-  return o ? /* @__PURE__ */ c("div", { className: "flex w-12 shrink-0 flex-col items-center gap-1 border-r border-[#ECECEC] bg-[#FAFAFA] py-3", children: [
+  return d ? /* @__PURE__ */ g("div", { className: "flex w-12 shrink-0 flex-col items-center gap-1 border-r border-[#ECECEC] bg-[#FAFAFA] py-3", children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         className: "sa-tip relative flex h-7 w-7 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white",
         "data-tooltip": "展开",
-        onClick: l,
-        children: /* @__PURE__ */ e(B, { name: "panel-left", size: 18 })
+        onClick: o,
+        children: /* @__PURE__ */ e(H, { name: "panel-left", size: 18 })
       }
     ),
     /* @__PURE__ */ e(
@@ -2215,21 +2347,21 @@ function St({
         className: "sa-tip relative flex h-7 w-7 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white",
         "data-tooltip": "新建对话",
         onClick: () => {
-          s(), l();
+          s(), o();
         },
-        children: /* @__PURE__ */ e("img", { src: X.messageCreate, alt: "", width: 18, height: 18 })
+        children: /* @__PURE__ */ e("img", { src: U.messageCreate, alt: "", width: 18, height: 18 })
       }
     )
-  ] }) : /* @__PURE__ */ c("div", { className: "relative flex w-[220px] shrink-0 flex-col border-r border-[#ECECEC] bg-[#FAFAFA] p-3", children: [
-    /* @__PURE__ */ c("div", { className: "mb-4 flex shrink-0 items-center gap-1.5", children: [
-      /* @__PURE__ */ c(
+  ] }) : /* @__PURE__ */ g("div", { className: "relative flex w-[220px] shrink-0 flex-col border-r border-[#ECECEC] bg-[#FAFAFA] p-3", children: [
+    /* @__PURE__ */ g("div", { className: "mb-4 flex shrink-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
           className: "sa-new-chat flex h-8 flex-1 items-center justify-center gap-2 rounded-md text-[14px] font-medium transition-colors",
           onClick: s,
           children: [
-            /* @__PURE__ */ e("img", { src: X.messageCreate, alt: "", width: 18, height: 18 }),
+            /* @__PURE__ */ e("img", { src: U.messageCreate, alt: "", width: 18, height: 18 }),
             /* @__PURE__ */ e("span", { className: "sa-new-chat-text whitespace-nowrap", children: "新建对话" })
           ]
         }
@@ -2240,92 +2372,92 @@ function St({
           type: "button",
           className: "sa-tip relative flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white",
           "data-tooltip": "收起侧边栏",
-          onClick: l,
-          children: /* @__PURE__ */ e(B, { name: "panel-left-close", size: 16 })
+          onClick: o,
+          children: /* @__PURE__ */ e(H, { name: "panel-left-close", size: 16 })
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "px-1 pb-2.5", children: [
+    /* @__PURE__ */ g("div", { className: "px-1 pb-2.5", children: [
       /* @__PURE__ */ e("div", { className: "mb-1 text-[14px] font-semibold text-[#333]", children: "历史对话" }),
       /* @__PURE__ */ e("div", { className: "text-[11px] text-[#999]", children: "展示最近的会话记录" })
     ] }),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ g(
       "div",
       {
         ref: w,
         className: "flex-1 overflow-y-auto",
-        onScroll: M,
+        onScroll: I,
         children: [
-          u && t.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "加载中..." }),
-          !u && t.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "暂无记录" }),
-          $.map((L) => /* @__PURE__ */ c("div", { className: "mb-1", children: [
-            /* @__PURE__ */ e("div", { className: "px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]", children: L.label }),
-            L.items.map((v) => {
-              const A = v.sessionId === a, I = g === v.sessionId;
+          f && t.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "加载中..." }),
+          !f && t.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "暂无记录" }),
+          L.map((R) => /* @__PURE__ */ g("div", { className: "mb-1", children: [
+            /* @__PURE__ */ e("div", { className: "px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]", children: R.label }),
+            R.items.map((F) => {
+              const P = F.sessionId === a, D = h === F.sessionId;
               return /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `group relative mb-0.5 flex h-8 w-full cursor-pointer items-center gap-1 rounded-md px-0.5 text-[13px] transition-colors ${A ? "bg-[#E8F1FE]" : "hover:bg-[#E8F1FE]"}`,
+                  className: `group relative mb-0.5 flex h-8 w-full cursor-pointer items-center gap-1 rounded-md px-0.5 text-[13px] transition-colors ${P ? "bg-[#E8F1FE]" : "hover:bg-[#E8F1FE]"}`,
                   onClick: () => {
-                    m !== v.sessionId && n(v.sessionId);
+                    b !== F.sessionId && n(F.sessionId);
                   },
-                  onMouseEnter: (F) => {
-                    if (m === v.sessionId) return;
-                    const h = F.currentTarget.getBoundingClientRect();
-                    H({
-                      text: v.title || "新会话",
-                      x: h.right + 8,
-                      y: h.top + h.height / 2
+                  onMouseEnter: (S) => {
+                    if (b === F.sessionId) return;
+                    const u = S.currentTarget.getBoundingClientRect();
+                    A({
+                      text: F.title || "新会话",
+                      x: u.right + 8,
+                      y: u.top + u.height / 2
                     });
                   },
-                  onMouseLeave: () => H(null),
-                  children: m === v.sessionId ? /* @__PURE__ */ e(
+                  onMouseLeave: () => A(null),
+                  children: b === F.sessionId ? /* @__PURE__ */ e(
                     "input",
                     {
                       className: "w-full rounded border border-[var(--sa-primary)] bg-white px-1.5 py-0.5 text-[12px] outline-none",
-                      value: f,
-                      onChange: (F) => y(F.target.value),
-                      onBlur: () => D(v.sessionId),
-                      onKeyDown: (F) => {
-                        F.key === "Enter" && D(v.sessionId), F.key === "Escape" && x(null);
+                      value: p,
+                      onChange: (S) => m(S.target.value),
+                      onBlur: () => M(F.sessionId),
+                      onKeyDown: (S) => {
+                        S.key === "Enter" && M(F.sessionId), S.key === "Escape" && y(null);
                       },
-                      onClick: (F) => F.stopPropagation(),
+                      onClick: (S) => S.stopPropagation(),
                       autoFocus: !0
                     }
-                  ) : /* @__PURE__ */ c(V, { children: [
+                  ) : /* @__PURE__ */ g(K, { children: [
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: X.message,
+                        src: U.message,
                         alt: "",
                         width: 16,
                         height: 16,
                         className: "shrink-0 opacity-60"
                       }
                     ),
-                    /* @__PURE__ */ e("span", { className: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-[#333]", children: v.title || "新会话" }),
-                    /* @__PURE__ */ c("span", { className: "hidden shrink-0 items-center gap-0.5 group-hover:flex", children: [
+                    /* @__PURE__ */ e("span", { className: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-[#333]", children: F.title || "新会话" }),
+                    /* @__PURE__ */ g("span", { className: "hidden shrink-0 items-center gap-0.5 group-hover:flex", children: [
                       /* @__PURE__ */ e(
                         "button",
                         {
                           type: "button",
                           className: "flex h-5 w-5 items-center justify-center rounded text-[#999] hover:bg-white/70 hover:text-[var(--sa-primary)]",
-                          onClick: (F) => S(v.sessionId, v.title, F),
+                          onClick: (S) => $(F.sessionId, F.title, S),
                           title: "重命名",
-                          children: /* @__PURE__ */ e(B, { name: "pen", size: 12 })
+                          children: /* @__PURE__ */ e(H, { name: "pen", size: 12 })
                         }
                       ),
                       /* @__PURE__ */ e(
                         "button",
                         {
                           type: "button",
-                          className: `flex h-5 w-5 items-center justify-center rounded ${I ? "bg-[#fee2e2] text-[#ef4444]" : "text-[#999] hover:bg-white/70 hover:text-[#ef4444]"}`,
-                          onClick: (F) => C(v.sessionId, F),
-                          title: I ? "确认删除" : "删除",
+                          className: `flex h-5 w-5 items-center justify-center rounded ${D ? "bg-[#fee2e2] text-[#ef4444]" : "text-[#999] hover:bg-white/70 hover:text-[#ef4444]"}`,
+                          onClick: (S) => N(F.sessionId, S),
+                          title: D ? "确认删除" : "删除",
                           children: /* @__PURE__ */ e(
-                            B,
+                            H,
                             {
-                              name: I ? "x" : "trash2",
+                              name: D ? "x" : "trash2",
                               size: 12
                             }
                           )
@@ -2334,116 +2466,117 @@ function St({
                     ] })
                   ] })
                 },
-                v.sessionId
+                F.sessionId
               );
             })
-          ] }, L.label)),
-          d && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
+          ] }, R.label)),
+          l && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
         ]
       }
     ),
-    z && /* @__PURE__ */ e(
+    C && /* @__PURE__ */ e(
       "div",
       {
         className: "pointer-events-none fixed z-[10001] whitespace-nowrap rounded border border-[#E8E8E8] bg-white px-2.5 py-1.5 text-[12px] leading-[1.4] text-[#333] shadow-[0_2px_8px_rgba(0,0,0,0.12)]",
         style: {
-          left: z.x,
-          top: z.y,
+          left: C.x,
+          top: C.y,
           transform: "translateY(-50%)"
         },
-        children: z.text
+        children: C.text
       }
     )
   ] });
 }
-function At({
+function Gt({
   title: t,
   slots: a,
   welcomeMessage: n,
   suggestedPrompts: s,
   capabilities: r,
   quickLinks: i,
-  logo: o,
-  sidebarDefaultOpen: l = !0,
-  onClose: d,
-  avatar: p,
-  artifactPreview: u,
-  showTimestamp: g
+  logo: d,
+  sidebarDefaultOpen: o = !0,
+  onClose: l,
+  avatar: c,
+  artifactPreview: f,
+  showTimestamp: h
 }) {
   const {
-    status: b,
-    sendMessage: m,
-    stop: x,
-    conversations: f,
-    activeConversationId: y,
-    switchConversation: z,
-    newConversation: H,
-    deleteConversation: k,
-    renameConversation: C,
-    toggleArtifactDrawer: S,
-    isArtifactDrawerOpen: D,
-    allArtifacts: w,
-    activePreviewArtifact: M,
-    hasMore: $,
-    loadMoreConversations: L,
-    conversationsLoading: v,
-    messagesLoading: A
-  } = Z(), [I, F] = E(l), h = N(() => F((T) => !T), []), _ = a.ThreadList, O = a.Composer, W = a.Header;
-  return /* @__PURE__ */ c("div", { className: "sa-fullpage", children: [
-    _ ? /* @__PURE__ */ e(
+    status: x,
+    sendMessage: b,
+    stop: y,
+    conversations: p,
+    activeConversationId: m,
+    switchConversation: C,
+    newConversation: A,
+    deleteConversation: v,
+    renameConversation: N,
+    toggleArtifactDrawer: $,
+    allArtifacts: M,
+    activePanel: w,
+    closePanel: I,
+    hasMore: L,
+    loadMoreConversations: R,
+    conversationsLoading: F
+  } = J(), [P, D] = E(o), S = k(() => D((z) => !z), []), u = !!w;
+  j(() => () => I(), [I]);
+  const T = a.ThreadList, B = a.Composer, O = a.Header;
+  return /* @__PURE__ */ g("div", { className: "sa-fullpage", children: [
+    T ? /* @__PURE__ */ e(
       "div",
       {
-        className: `sa-fp-sidebar-wrapper ${I ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
+        className: `sa-fp-sidebar-wrapper ${P ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
         children: /* @__PURE__ */ e(
-          _,
+          T,
           {
-            conversations: f,
-            activeSessionId: y,
-            onSwitch: z,
-            onNew: H,
-            onDelete: k,
-            onRename: C,
-            hasMore: $,
-            onLoadMore: L
+            conversations: p,
+            activeSessionId: m,
+            onSwitch: C,
+            onNew: A,
+            onDelete: v,
+            onRename: N,
+            hasMore: L,
+            onLoadMore: R
           }
         )
       }
     ) : /* @__PURE__ */ e(
-      St,
+      Yt,
       {
-        conversations: f,
-        activeSessionId: y,
-        onSwitch: z,
-        onNew: H,
-        onDelete: k,
-        onRename: C,
-        isCollapsed: !I,
-        onToggleCollapse: h,
-        hasMore: $,
-        onLoadMore: L,
-        conversationsLoading: v
+        conversations: p,
+        activeSessionId: m,
+        onSwitch: C,
+        onNew: A,
+        onDelete: v,
+        onRename: N,
+        isCollapsed: !P,
+        onToggleCollapse: S,
+        hasMore: L,
+        onLoadMore: R,
+        conversationsLoading: F
       }
     ),
-    /* @__PURE__ */ c("div", { className: "sa-fp-main", children: [
-      W ? /* @__PURE__ */ e(
-        W,
+    /* @__PURE__ */ g("div", { className: "sa-fp-main", children: [
+      O ? /* @__PURE__ */ e(
+        O,
         {
           title: t,
-          onClose: d ?? Et,
-          onToggleThreadList: h,
-          artifactCount: u ? w.length : 0,
-          onToggleArtifactDrawer: u ? S : void 0
+          onClose: l ?? Wt,
+          onToggleThreadList: S,
+          artifactCount: u || !f ? 0 : M.length,
+          onToggleArtifactDrawer: u || !f ? void 0 : $
         }
-      ) : /* @__PURE__ */ c("div", { className: "sa-fp-header", children: [
+      ) : /* @__PURE__ */ g("div", { className: "sa-fp-header", children: [
         /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: t }),
-        /* @__PURE__ */ e("div", { className: "sa-fp-header-actions", children: u && w.length > 0 && /* @__PURE__ */ c(
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-actions", children: !u && f && M.length > 0 && /* @__PURE__ */ g(
           "button",
           {
             className: "sa-fp-header-btn sa-header-btn-artifact",
-            onClick: S,
+            onClick: $,
             title: "会话产物",
             children: [
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ g(
                 "svg",
                 {
                   width: "14",
@@ -2463,109 +2596,103 @@ function At({
           }
         ) })
       ] }),
-      /* @__PURE__ */ c("div", { className: "sa-fp-content-row", children: [
-        A ? /* @__PURE__ */ c("div", { className: "sa-messages-loading", children: [
-          /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
-          "加载对话..."
-        ] }) : /* @__PURE__ */ e(
-          $e,
-          {
-            slots: a,
-            welcomeMessage: n,
-            suggestedPrompts: s,
-            capabilities: r,
-            quickLinks: i,
-            logo: o,
-            avatar: p,
-            artifactPreview: u,
-            showTimestamp: g
-          }
-        ),
-        u && D && /* @__PURE__ */ e(
-          _e,
-          {
-            artifacts: w,
-            initialArtifact: M,
-            onClose: S
-          }
-        )
-      ] }),
-      O ? /* @__PURE__ */ e(O, { status: b, onSend: m, onStop: x }) : /* @__PURE__ */ e(Le, {})
+      /* @__PURE__ */ e(
+        Be,
+        {
+          contentClassName: "sa-fp-content-row",
+          artifactPreview: f,
+          thread: /* @__PURE__ */ e(
+            He,
+            {
+              slots: a,
+              welcomeMessage: n,
+              suggestedPrompts: s,
+              capabilities: r,
+              quickLinks: i,
+              logo: d,
+              avatar: c,
+              artifactPreview: f,
+              showTimestamp: h
+            }
+          ),
+          composer: B ? /* @__PURE__ */ e(B, { status: x, onSend: b, onStop: y }) : /* @__PURE__ */ e(Pe, {})
+        }
+      )
     ] })
   ] });
 }
-function Dt(t) {
+function Xt(t) {
   const {
     sdk: a,
     mode: n = "floating",
     slots: s = {},
     hooks: r = {},
     welcomeMessage: i,
-    suggestedPrompts: o,
-    title: l = "AI Assistant",
-    initialOpen: d = !1,
-    onOpenChange: p,
-    sidebarDefaultOpen: u,
-    avatar: g,
-    artifactPreview: b,
-    capabilities: m,
-    quickLinks: x,
-    logo: f,
-    triggerLogo: y,
-    theme: z,
-    showTimestamp: H
-  } = t, [k, C] = E(d);
-  P(() => {
-    C(d);
-  }, [d]);
-  const S = N(() => {
-    var $, L;
-    const M = !k;
-    C(M), p == null || p(M), M ? ($ = r.onOpen) == null || $.call(r) : (L = r.onClose) == null || L.call(r);
-  }, [k, r, p]), D = N(() => {
-    var M;
-    C(!1), p == null || p(!1), (M = r.onClose) == null || M.call(r);
-  }, [r, p]), w = s.Trigger ?? Ve;
-  return n === "fullpage" ? k ? /* @__PURE__ */ e(ye, { sdk: a, hooks: r, children: /* @__PURE__ */ e(
-    At,
+    suggestedPrompts: d,
+    title: o = "AI Assistant",
+    initialOpen: l = !1,
+    onOpenChange: c,
+    sidebarDefaultOpen: f,
+    avatar: h,
+    artifactPreview: x,
+    capabilities: b,
+    quickLinks: y,
+    logo: p,
+    triggerLogo: m,
+    theme: C,
+    showTimestamp: A
+  } = t, [v, N] = E(l);
+  j(() => {
+    N(l);
+  }, [l]);
+  const $ = k(() => {
+    var L, R;
+    const I = !v;
+    N(I), c == null || c(I), I ? (L = r.onOpen) == null || L.call(r) : (R = r.onClose) == null || R.call(r);
+  }, [v, r, c]), M = k(() => {
+    var I;
+    N(!1), c == null || c(!1), (I = r.onClose) == null || I.call(r);
+  }, [r, c]), w = s.Trigger ?? it;
+  return n === "fullpage" ? v ? /* @__PURE__ */ e(Te, { sdk: a, hooks: r, children: /* @__PURE__ */ e(
+    Gt,
     {
-      title: l,
+      title: o,
       slots: s,
       welcomeMessage: i,
-      suggestedPrompts: o,
-      capabilities: m,
-      quickLinks: x,
-      logo: f,
-      sidebarDefaultOpen: u,
-      onClose: D,
-      avatar: g,
-      artifactPreview: b,
-      showTimestamp: H
+      suggestedPrompts: d,
+      capabilities: b,
+      quickLinks: y,
+      logo: p,
+      sidebarDefaultOpen: f,
+      onClose: M,
+      avatar: h,
+      artifactPreview: x,
+      showTimestamp: A
     }
-  ) }) : null : /* @__PURE__ */ c(ye, { sdk: a, hooks: r, children: [
-    /* @__PURE__ */ e(w, { isOpen: k, onClick: S, triggerLogo: y }),
+  ) }) : null : /* @__PURE__ */ g(Te, { sdk: a, hooks: r, children: [
+    /* @__PURE__ */ e(w, { isOpen: v, onClick: $, triggerLogo: m }),
     /* @__PURE__ */ e(
-      Mt,
+      jt,
       {
-        isOpen: k,
-        onClose: D,
-        title: l,
+        isOpen: v,
+        onClose: M,
+        title: o,
         slots: s,
         welcomeMessage: i,
-        suggestedPrompts: o,
-        avatar: g,
-        artifactPreview: b,
-        capabilities: m,
-        quickLinks: x,
-        logo: f,
-        defaultWidth: z == null ? void 0 : z.panelWidth,
-        defaultHeight: z == null ? void 0 : z.panelHeight,
-        showTimestamp: H
+        suggestedPrompts: d,
+        avatar: h,
+        artifactPreview: x,
+        capabilities: b,
+        quickLinks: y,
+        logo: p,
+        defaultWidth: C == null ? void 0 : C.panelWidth,
+        defaultHeight: C == null ? void 0 : C.panelHeight,
+        showTimestamp: A
       }
     )
   ] });
 }
-const $t = `
+const Ut = `
   [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);
@@ -2583,16 +2710,32 @@ const $t = `
     text-rendering: optimizeLegibility;
   }
 
+  /* 迷你 preflight（scoped）：Tailwind preflight 已禁用（避免污染宿主页），
+     但 border 工具类只输出 border-width、无 border-style（CSS 初始值 none → 边框不渲染），
+     button/ul 也会吃到浏览器原生样式。此处补齐等价复位：
+     - 特异性 (0,1,0)，低于 scoped utility (0,2,0)，靠源顺序让位于后置的 sa-* plain 类
+     - 两条注入顺序固定为 widgetStyles + tailwindStyles（mount.ts），utility 恒在其后 */
   [data-super-agent-widget] *,
   [data-super-agent-widget] *::before,
   [data-super-agent-widget] *::after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
+    border-width: 0;
+    border-style: solid;
+    border-color: var(--sa-border, #e5e7eb);
   }
 
-  [data-super-agent-widget] button {
+  /* :where() 零特异性贡献：plain-CSS 组件类（如 .sa-new-chat 的渐变底）不受影响 */
+  [data-super-agent-widget] :where(button) {
     font-family: inherit;
+    background-color: transparent;
+    background-image: none;
+    cursor: pointer;
+  }
+
+  [data-super-agent-widget] :where(ul, ol) {
+    list-style: none;
   }
 
   /* ── Trigger / Panel / Header（浮窗框架已改用 Tailwind 实现，见 tailwind.css） ── */
@@ -3543,26 +3686,6 @@ const $t = `
     padding: 24px 24px;
   }
 
-  .sa-fp-main .sa-composer {
-    margin: 0 auto;
-    width: 100%;
-    padding: 12px 24px 20px;
-    border-top: none;
-    background: transparent;
-  }
-
-  .sa-fp-main .sa-composer-input {
-    background: #f7f7f8;
-    border: 1px solid #e4e4e7;
-    box-shadow: none;
-  }
-
-  .sa-fp-main .sa-composer-input:focus {
-    background: #fff;
-    border-color: #d4d4d8;
-    box-shadow: 0 0 0 3px rgba(99,102,241,0.08);
-  }
-
   /* ── Artifact file cards (in ToolResultPart) ── */
   .sa-artifact-file-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
   .sa-artifact-file-card {
@@ -3648,7 +3771,8 @@ const $t = `
     transition: background 0.15s ease, border-color 0.15s ease;
   }
   .sa-drawer-btn-sm:hover { background: var(--sa-surface); border-color: var(--sa-primary); }
-  .sa-artifact-drawer-body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; }
+  /* flex 列容器：让 .sa-drawer-view-enter（flex:1）与内层滚动/iframe 有真实高度链 */
+  .sa-artifact-drawer-body { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; }
   .sa-drawer-empty { padding: 48px 24px; text-align: center; color: var(--sa-text-muted); font-size: 14px; }
   .sa-drawer-file-list { list-style: none; margin: 0; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
   .sa-drawer-file-card {
@@ -3671,6 +3795,9 @@ const $t = `
 
   /* ── Drawer preview ── */
   .sa-drawer-preview-iframe { width: 100%; height: 100%; border: none; background: #fff; animation: sa-fade-in 0.3s ease both; }
+  /* html/docx 内联预览：与消息流 ToolResultPart 一致（无 iframe） */
+  .sa-drawer-preview-html-scroll { flex: 1; min-height: 0; overflow: auto; padding: 12px; background: #fff; animation: sa-fade-in 0.3s ease both; }
+  .sa-drawer-preview-html { max-width: none; }
   .sa-drawer-preview-loading {
     display: flex; flex-direction: column; align-items: center; justify-content: center;
     height: 100%; gap: 12px; color: var(--sa-text-muted); font-size: 14px;
@@ -3687,7 +3814,9 @@ const $t = `
   }
 
   /* ── Drawer view transition ── */
-  .sa-drawer-view-enter { animation: sa-drawer-view-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) both; }
+  /* flex 列 + flex:1 撑满 drawer body，让内层 .sa-drawer-preview-html-scroll 的
+     flex:1/min-height:0 与 pdf iframe 的 height:100% 有真实高度链 */
+  .sa-drawer-view-enter { display: flex; flex-direction: column; flex: 1; min-height: 0; animation: sa-drawer-view-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) both; }
 
   /* ── Layout helpers for drawer alongside thread ── */
   .sa-panel-content { display: flex; flex: 1; min-height: 0; overflow: hidden; }
@@ -3696,6 +3825,24 @@ const $t = `
   .sa-fp-content-row { display: flex; flex: 1; min-height: 0; overflow: hidden; }
   .sa-fp-content-row .sa-thread { flex: 1; min-width: 0; transition: flex 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
 
+  /* ── Page overlay（面板级整屏页面：替换内容区 + 输入区，Header 保留） ── */
+  .sa-page-overlay {
+    display: flex; flex-direction: column; flex: 1; min-height: 0;
+    position: relative; z-index: 2; background: #fff; overflow: hidden;
+    animation: sa-page-in 0.24s cubic-bezier(0.16, 1, 0.3, 1) both;
+  }
+  /* 大窗态与内容区/输入区一致的 800px 居中 */
+  .sa-page-overlay-centered { width: 100%; max-width: 800px; margin: 0 auto; }
+  .sa-page-overlay-bar {
+    display: flex; align-items: center; gap: 8px; flex-shrink: 0;
+    padding: 10px 14px; border-bottom: 1px solid var(--sa-border);
+    background: var(--sa-surface); color: var(--sa-text);
+    font-size: 15px; font-weight: 600;
+  }
+  .sa-page-overlay-back-label { font-size: 13px; font-weight: 400; }
+  .sa-page-overlay-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  /* 滚动归 SDK，业务页不写滚动容器 */
+  .sa-page-overlay-body { flex: 1; min-height: 0; overflow-y: auto; }
   /* ── Artifact keyframes ── */
   @keyframes sa-slide-in-right {
     from { opacity: 0; transform: translateX(100%); }
@@ -3724,7 +3871,11 @@ const $t = `
     from { opacity: 0; transform: translateX(12px); }
     to { opacity: 1; transform: translateX(0); }
   }
-`, Lt = '[data-super-agent-widget] .pointer-events-none{pointer-events:none}[data-super-agent-widget] .collapse{visibility:collapse}[data-super-agent-widget] .fixed{position:fixed}[data-super-agent-widget] .absolute{position:absolute}[data-super-agent-widget] .relative{position:relative}[data-super-agent-widget] .inset-0{top:0;right:0;bottom:0;left:0}[data-super-agent-widget] .inset-x-0{left:0;right:0}[data-super-agent-widget] .-right-2{right:-.5rem}[data-super-agent-widget] .-top-1\\.5{top:-.375rem}[data-super-agent-widget] .bottom-0{bottom:0}[data-super-agent-widget] .left-\\[-3px\\]{left:-3px}[data-super-agent-widget] .right-\\[-3px\\]{right:-3px}[data-super-agent-widget] .top-0{top:0}[data-super-agent-widget] .z-0{z-index:0}[data-super-agent-widget] .z-10{z-index:10}[data-super-agent-widget] .z-20{z-index:20}[data-super-agent-widget] .z-\\[10000\\]{z-index:10000}[data-super-agent-widget] .z-\\[10001\\]{z-index:10001}[data-super-agent-widget] .z-\\[1\\]{z-index:1}[data-super-agent-widget] .z-\\[2\\]{z-index:2}[data-super-agent-widget] .z-\\[5\\]{z-index:5}[data-super-agent-widget] .z-\\[var\\(--sa-z-index\\,9999\\)\\]{z-index:var(--sa-z-index,9999)}[data-super-agent-widget] .m-0{margin:0}[data-super-agent-widget] .mx-auto{margin-left:auto;margin-right:auto}[data-super-agent-widget] .mb-0\\.5{margin-bottom:.125rem}[data-super-agent-widget] .mb-1{margin-bottom:.25rem}[data-super-agent-widget] .mb-3{margin-bottom:.75rem}[data-super-agent-widget] .mb-4{margin-bottom:1rem}[data-super-agent-widget] .mt-3{margin-top:.75rem}[data-super-agent-widget] .block{display:block}[data-super-agent-widget] .inline{display:inline}[data-super-agent-widget] .flex{display:flex}[data-super-agent-widget] .inline-flex{display:inline-flex}[data-super-agent-widget] .table{display:table}[data-super-agent-widget] .hidden{display:none}[data-super-agent-widget] .h-14{height:3.5rem}[data-super-agent-widget] .h-5{height:1.25rem}[data-super-agent-widget] .h-7{height:1.75rem}[data-super-agent-widget] .h-8{height:2rem}[data-super-agent-widget] .h-9{height:2.25rem}[data-super-agent-widget] .h-\\[13px\\]{height:13px}[data-super-agent-widget] .h-\\[18px\\]{height:18px}[data-super-agent-widget] .h-\\[238px\\]{height:238px}[data-super-agent-widget] .h-\\[calc\\(100\\%_-_48px\\)\\]{height:calc(100% - 48px)}[data-super-agent-widget] .h-full{height:100%}[data-super-agent-widget] .min-h-\\[70px\\]{min-height:70px}[data-super-agent-widget] .w-12{width:3rem}[data-super-agent-widget] .w-14{width:3.5rem}[data-super-agent-widget] .w-5{width:1.25rem}[data-super-agent-widget] .w-7{width:1.75rem}[data-super-agent-widget] .w-\\[18px\\]{width:18px}[data-super-agent-widget] .w-\\[220px\\]{width:220px}[data-super-agent-widget] .w-\\[6px\\]{width:6px}[data-super-agent-widget] .w-full{width:100%}[data-super-agent-widget] .w-px{width:1px}[data-super-agent-widget] .min-w-0{min-width:0px}[data-super-agent-widget] .min-w-\\[14px\\]{min-width:14px}[data-super-agent-widget] .max-w-16{max-width:4rem}[data-super-agent-widget] .max-w-\\[800px\\]{max-width:800px}[data-super-agent-widget] .max-w-full{max-width:100%}[data-super-agent-widget] .flex-1{flex:1 1 0%}[data-super-agent-widget] .flex-shrink{flex-shrink:1}[data-super-agent-widget] .shrink-0{flex-shrink:0}[data-super-agent-widget] .border-collapse{border-collapse:collapse}[data-super-agent-widget] .scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .cursor-col-resize{cursor:col-resize}[data-super-agent-widget] .cursor-default{cursor:default}[data-super-agent-widget] .cursor-grab{cursor:grab}[data-super-agent-widget] .cursor-pointer{cursor:pointer}[data-super-agent-widget] .cursor-text{cursor:text}[data-super-agent-widget] .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-super-agent-widget] .resize-none{resize:none}[data-super-agent-widget] .resize{resize:both}[data-super-agent-widget] .flex-row{flex-direction:row}[data-super-agent-widget] .flex-col{flex-direction:column}[data-super-agent-widget] .flex-wrap{flex-wrap:wrap}[data-super-agent-widget] .items-start{align-items:flex-start}[data-super-agent-widget] .items-center{align-items:center}[data-super-agent-widget] .justify-end{justify-content:flex-end}[data-super-agent-widget] .justify-center{justify-content:center}[data-super-agent-widget] .justify-between{justify-content:space-between}[data-super-agent-widget] .gap-0\\.5{gap:.125rem}[data-super-agent-widget] .gap-1{gap:.25rem}[data-super-agent-widget] .gap-1\\.5{gap:.375rem}[data-super-agent-widget] .gap-2{gap:.5rem}[data-super-agent-widget] .gap-2\\.5{gap:.625rem}[data-super-agent-widget] .gap-3{gap:.75rem}[data-super-agent-widget] .gap-4{gap:1rem}[data-super-agent-widget] .gap-8{gap:2rem}[data-super-agent-widget] .gap-\\[22px\\]{gap:22px}[data-super-agent-widget] .gap-\\[7px\\]{gap:7px}[data-super-agent-widget] .overflow-hidden{overflow:hidden}[data-super-agent-widget] .overflow-visible{overflow:visible}[data-super-agent-widget] .overflow-y-auto{overflow-y:auto}[data-super-agent-widget] .text-ellipsis{text-overflow:ellipsis}[data-super-agent-widget] .whitespace-nowrap{white-space:nowrap}[data-super-agent-widget] .rounded{border-radius:.25rem}[data-super-agent-widget] .rounded-\\[5px\\]{border-radius:5px}[data-super-agent-widget] .rounded-full{border-radius:9999px}[data-super-agent-widget] .rounded-md{border-radius:.375rem}[data-super-agent-widget] .rounded-xl{border-radius:.75rem}[data-super-agent-widget] .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}[data-super-agent-widget] .border{border-width:1px}[data-super-agent-widget] .border-r{border-right-width:1px}[data-super-agent-widget] .border-none{border-style:none}[data-super-agent-widget] .border-\\[\\#DADADA\\]{--tw-border-opacity: 1;border-color:rgb(218 218 218 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[\\#E8E8E8\\]{--tw-border-opacity: 1;border-color:rgb(232 232 232 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[\\#ECECEC\\]{--tw-border-opacity: 1;border-color:rgb(236 236 236 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[var\\(--sa-primary\\)\\]{border-color:var(--sa-primary)}[data-super-agent-widget] .bg-\\[\\#DCDCDC\\]{--tw-bg-opacity: 1;background-color:rgb(220 220 220 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#E8F1FE\\]{--tw-bg-opacity: 1;background-color:rgb(232 241 254 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#F5F5F5\\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#FAFAFA\\]{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#fee2e2\\]{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[var\\(--sa-primary\\)\\]{background-color:var(--sa-primary)}[data-super-agent-widget] .bg-black\\/30{background-color:#0000004d}[data-super-agent-widget] .bg-transparent{background-color:transparent}[data-super-agent-widget] .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .object-contain{-o-object-fit:contain;object-fit:contain}[data-super-agent-widget] .p-0{padding:0}[data-super-agent-widget] .p-2{padding:.5rem}[data-super-agent-widget] .p-3{padding:.75rem}[data-super-agent-widget] .px-0\\.5{padding-left:.125rem;padding-right:.125rem}[data-super-agent-widget] .px-1{padding-left:.25rem;padding-right:.25rem}[data-super-agent-widget] .px-1\\.5{padding-left:.375rem;padding-right:.375rem}[data-super-agent-widget] .px-2\\.5{padding-left:.625rem;padding-right:.625rem}[data-super-agent-widget] .px-3{padding-left:.75rem;padding-right:.75rem}[data-super-agent-widget] .px-\\[15px\\]{padding-left:15px;padding-right:15px}[data-super-agent-widget] .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}[data-super-agent-widget] .py-1{padding-top:.25rem;padding-bottom:.25rem}[data-super-agent-widget] .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}[data-super-agent-widget] .py-2{padding-top:.5rem;padding-bottom:.5rem}[data-super-agent-widget] .py-3{padding-top:.75rem;padding-bottom:.75rem}[data-super-agent-widget] .pb-1{padding-bottom:.25rem}[data-super-agent-widget] .pb-2\\.5{padding-bottom:.625rem}[data-super-agent-widget] .pt-2{padding-top:.5rem}[data-super-agent-widget] .text-left{text-align:left}[data-super-agent-widget] .text-center{text-align:center}[data-super-agent-widget] .text-\\[11px\\]{font-size:11px}[data-super-agent-widget] .text-\\[12px\\]{font-size:12px}[data-super-agent-widget] .text-\\[13px\\]{font-size:13px}[data-super-agent-widget] .text-\\[14px\\]{font-size:14px}[data-super-agent-widget] .text-\\[18px\\]{font-size:18px}[data-super-agent-widget] .text-\\[9px\\]{font-size:9px}[data-super-agent-widget] .font-bold{font-weight:700}[data-super-agent-widget] .font-medium{font-weight:500}[data-super-agent-widget] .font-semibold{font-weight:600}[data-super-agent-widget] .italic{font-style:italic}[data-super-agent-widget] .leading-\\[1\\.3\\]{line-height:1.3}[data-super-agent-widget] .leading-\\[1\\.4\\]{line-height:1.4}[data-super-agent-widget] .leading-\\[1\\.5\\]{line-height:1.5}[data-super-agent-widget] .leading-\\[14px\\]{line-height:14px}[data-super-agent-widget] .leading-none{line-height:1}[data-super-agent-widget] .text-\\[\\#333\\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#666\\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#999\\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#9A9A9A\\]{--tw-text-opacity: 1;color:rgb(154 154 154 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#A0A0A0\\]{--tw-text-opacity: 1;color:rgb(160 160 160 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#B8B8B8\\]{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#C0C0C0\\]{--tw-text-opacity: 1;color:rgb(192 192 192 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#ef4444\\]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .underline{text-decoration-line:underline}[data-super-agent-widget] .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-super-agent-widget] .opacity-0{opacity:0}[data-super-agent-widget] .opacity-10{opacity:.1}[data-super-agent-widget] .opacity-100{opacity:1}[data-super-agent-widget] .opacity-60{opacity:.6}[data-super-agent-widget] .opacity-70{opacity:.7}[data-super-agent-widget] .shadow-\\[0_-12px_48px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow: 0 -12px 48px rgba(0,0,0,.25);--tw-shadow-colored: 0 -12px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .shadow-\\[0_12px_36px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow: 0 12px 36px rgba(0,0,0,.18);--tw-shadow-colored: 0 12px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow: 0 2px 8px rgba(0,0,0,.12);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .outline-none{outline:2px solid transparent;outline-offset:2px}[data-super-agent-widget] .outline{outline-style:solid}[data-super-agent-widget] .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-super-agent-widget] .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-super-agent-widget] .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .duration-200{transition-duration:.2s}[data-super-agent-widget] .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-super-agent-widget] .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes sa-window-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sa-slide-up-full{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sa-home-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-chip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sa-title-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes sa-history-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[data-super-agent-widget] .animate-sa-window-in{animation:sa-window-in .3s cubic-bezier(.16,1,.3,1)}[data-super-agent-widget] .animate-sa-slide-up-full{animation:sa-slide-up-full .3s cubic-bezier(.16,1,.3,1)}[data-super-agent-widget] .animate-sa-fade-in{animation:sa-fade-in .2s ease}[data-super-agent-widget] .animate-sa-home-fade-in{animation:sa-home-fade-in .4s ease forwards}[data-super-agent-widget] .animate-sa-chip-in{animation:sa-chip-in .4s cubic-bezier(.22,1,.36,1) forwards}[data-super-agent-widget] .animate-sa-logo-float{animation:sa-logo-float 3s ease-in-out infinite}[data-super-agent-widget] .animate-sa-title-shimmer{animation:sa-title-shimmer 2.5s ease forwards}[data-super-agent-widget] .animate-sa-history-in{animation:sa-history-in .2s ease}[data-super-agent-widget] .sa-tip{position:relative}[data-super-agent-widget] .sa-tip:before,[data-super-agent-widget] .sa-tip:after{position:absolute;top:100%;left:50%;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}[data-super-agent-widget] .sa-tip:before{content:attr(data-tooltip);transform:translate(-50%);margin-top:6px;padding:4px 8px;background:#fff;color:#333;font-size:12px;line-height:1.4;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px #0000001f;border:1px solid #e8e8e8}[data-super-agent-widget] .sa-tip:after{content:"";transform:translate(-50%);margin-top:2px;border:4px solid transparent;border-bottom-color:#fff;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.06))}[data-super-agent-widget] .sa-tip:hover:before,[data-super-agent-widget] .sa-tip:hover:after{opacity:1}[data-super-agent-widget] .sa-chip{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#e0e0e0,#e0e0e0) border-box;border:1px solid transparent}[data-super-agent-widget] .sa-chip:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7) border-box}[data-super-agent-widget] .sa-chip:hover .sa-chip-text{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-shimmer-text{background:linear-gradient(90deg,#333,#333 35%,#00d4ff 40%,#1881f0,#2b52ee,#d116ea,#ff2e7e 56%,#333 61%,#333);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-new-chat{background:linear-gradient(258deg,#ff2e7e1a -4%,#d116ea1a 16%,#2b52ee1a 53%,#1881f01a 81%,#00d4ff1a 106%)}[data-super-agent-widget] .sa-new-chat:hover{background:linear-gradient(258deg,#ff2e7e29 -4%,#d116ea29 16%,#2b52ee29 53%,#1881f029 81%,#00d4ff29 106%)}[data-super-agent-widget] .sa-new-chat .sa-new-chat-text{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-home-gradient{background:linear-gradient(239deg,#ff2e7e -3%,#d116ea 17%,#2b52ee 54%,#1881f0 82%,#00d4ff 107%)}[data-super-agent-widget] .sa-home-gradient-fade{background:linear-gradient(180deg,#fff0,#fff)}[data-super-agent-widget] .sa-home-view .sa-thread{background:transparent}[data-super-agent-widget] .sa-resize-handle:hover{background:color-mix(in srgb,var(--sa-primary) 30%,transparent)}[data-super-agent-widget] .sa-input-form{border:1px solid transparent;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#03b5ff80,#285cff80 47%,#ff28a780);background-origin:border-box;background-clip:padding-box,border-box;transition:background .15s ease}[data-super-agent-widget] .sa-input-form-active,[data-super-agent-widget] .sa-input-form:focus-within{background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7)}[data-super-agent-widget] .sa-send-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:9999px;background:linear-gradient(110deg,#03b5ff80,#285cff80 47%,#ff28a780);cursor:pointer;flex-shrink:0;align-self:flex-end;transition:background .15s ease,opacity .15s ease}[data-super-agent-widget] .sa-send-btn-active,[data-super-agent-widget] .sa-input-form:focus-within .sa-send-btn{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7)}[data-super-agent-widget] .sa-send-btn:hover{opacity:.9}[data-super-agent-widget] .sa-send-btn:active{opacity:.7}[data-super-agent-widget] .sa-send-btn img{display:block;width:14px;height:14px;filter:brightness(0) invert(1)}[data-super-agent-widget] .sa-stop-icon{display:block;width:8px;height:8px;border-radius:2px;background:#fff}[data-super-agent-widget] .placeholder\\:text-\\[\\#B8B8B8\\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .placeholder\\:text-\\[\\#B8B8B8\\]::placeholder{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:scale-\\[1\\.08\\]:hover{--tw-scale-x: 1.08;--tw-scale-y: 1.08;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .hover\\:bg-\\[\\#E8F1FE\\]:hover{--tw-bg-opacity: 1;background-color:rgb(232 241 254 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-\\[\\#F5F5F5\\]:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-white\\/70:hover{background-color:#ffffffb3}[data-super-agent-widget] .hover\\:text-\\[\\#1881F0\\]:hover{--tw-text-opacity: 1;color:rgb(24 129 240 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:text-\\[\\#ef4444\\]:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:text-\\[var\\(--sa-primary\\)\\]:hover{color:var(--sa-primary)}[data-super-agent-widget] .active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .active\\:cursor-grabbing:active{cursor:grabbing}[data-super-agent-widget] .active\\:bg-\\[\\#F5F5F5\\]:active{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] :is(.group:hover .group-hover\\:flex){display:flex}', _t = {
+  @keyframes sa-page-in {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+`, Vt = '[data-super-agent-widget] .pointer-events-none{pointer-events:none}[data-super-agent-widget] .collapse{visibility:collapse}[data-super-agent-widget] .fixed{position:fixed}[data-super-agent-widget] .absolute{position:absolute}[data-super-agent-widget] .relative{position:relative}[data-super-agent-widget] .inset-0{top:0;right:0;bottom:0;left:0}[data-super-agent-widget] .inset-x-0{left:0;right:0}[data-super-agent-widget] .-bottom-px{bottom:-1px}[data-super-agent-widget] .-left-px{left:-1px}[data-super-agent-widget] .-right-2{right:-.5rem}[data-super-agent-widget] .-top-1\\.5{top:-.375rem}[data-super-agent-widget] .-top-px{top:-1px}[data-super-agent-widget] .bottom-0{bottom:0}[data-super-agent-widget] .left-\\[-3px\\]{left:-3px}[data-super-agent-widget] .top-0{top:0}[data-super-agent-widget] .z-0{z-index:0}[data-super-agent-widget] .z-10{z-index:10}[data-super-agent-widget] .z-20{z-index:20}[data-super-agent-widget] .z-\\[10000\\]{z-index:10000}[data-super-agent-widget] .z-\\[10001\\]{z-index:10001}[data-super-agent-widget] .z-\\[1\\]{z-index:1}[data-super-agent-widget] .z-\\[2\\]{z-index:2}[data-super-agent-widget] .z-\\[5\\]{z-index:5}[data-super-agent-widget] .z-\\[var\\(--sa-z-index\\,9999\\)\\]{z-index:var(--sa-z-index,9999)}[data-super-agent-widget] .m-0{margin:0}[data-super-agent-widget] .mx-auto{margin-left:auto;margin-right:auto}[data-super-agent-widget] .mb-0\\.5{margin-bottom:.125rem}[data-super-agent-widget] .mb-1{margin-bottom:.25rem}[data-super-agent-widget] .mb-3{margin-bottom:.75rem}[data-super-agent-widget] .mb-4{margin-bottom:1rem}[data-super-agent-widget] .mt-3{margin-top:.75rem}[data-super-agent-widget] .block{display:block}[data-super-agent-widget] .inline{display:inline}[data-super-agent-widget] .flex{display:flex}[data-super-agent-widget] .inline-flex{display:inline-flex}[data-super-agent-widget] .table{display:table}[data-super-agent-widget] .hidden{display:none}[data-super-agent-widget] .h-5{height:1.25rem}[data-super-agent-widget] .h-7{height:1.75rem}[data-super-agent-widget] .h-8{height:2rem}[data-super-agent-widget] .h-9{height:2.25rem}[data-super-agent-widget] .h-\\[13px\\]{height:13px}[data-super-agent-widget] .h-\\[18px\\]{height:18px}[data-super-agent-widget] .h-\\[238px\\]{height:238px}[data-super-agent-widget] .h-\\[calc\\(100\\%_-_48px\\)\\]{height:calc(100% - 48px)}[data-super-agent-widget] .h-full{height:100%}[data-super-agent-widget] .min-h-\\[70px\\]{min-height:70px}[data-super-agent-widget] .w-12{width:3rem}[data-super-agent-widget] .w-5{width:1.25rem}[data-super-agent-widget] .w-7{width:1.75rem}[data-super-agent-widget] .w-\\[18px\\]{width:18px}[data-super-agent-widget] .w-\\[220px\\]{width:220px}[data-super-agent-widget] .w-\\[6px\\]{width:6px}[data-super-agent-widget] .w-full{width:100%}[data-super-agent-widget] .w-px{width:1px}[data-super-agent-widget] .min-w-0{min-width:0px}[data-super-agent-widget] .min-w-\\[14px\\]{min-width:14px}[data-super-agent-widget] .max-w-16{max-width:4rem}[data-super-agent-widget] .max-w-\\[800px\\]{max-width:800px}[data-super-agent-widget] .max-w-full{max-width:100%}[data-super-agent-widget] .flex-1{flex:1 1 0%}[data-super-agent-widget] .flex-shrink{flex-shrink:1}[data-super-agent-widget] .shrink-0{flex-shrink:0}[data-super-agent-widget] .border-collapse{border-collapse:collapse}[data-super-agent-widget] .scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .cursor-col-resize{cursor:col-resize}[data-super-agent-widget] .cursor-default{cursor:default}[data-super-agent-widget] .cursor-grab{cursor:grab}[data-super-agent-widget] .cursor-pointer{cursor:pointer}[data-super-agent-widget] .cursor-text{cursor:text}[data-super-agent-widget] .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-super-agent-widget] .resize-none{resize:none}[data-super-agent-widget] .resize{resize:both}[data-super-agent-widget] .flex-row{flex-direction:row}[data-super-agent-widget] .flex-col{flex-direction:column}[data-super-agent-widget] .flex-wrap{flex-wrap:wrap}[data-super-agent-widget] .items-start{align-items:flex-start}[data-super-agent-widget] .items-center{align-items:center}[data-super-agent-widget] .justify-end{justify-content:flex-end}[data-super-agent-widget] .justify-center{justify-content:center}[data-super-agent-widget] .justify-between{justify-content:space-between}[data-super-agent-widget] .gap-0\\.5{gap:.125rem}[data-super-agent-widget] .gap-1{gap:.25rem}[data-super-agent-widget] .gap-1\\.5{gap:.375rem}[data-super-agent-widget] .gap-2{gap:.5rem}[data-super-agent-widget] .gap-2\\.5{gap:.625rem}[data-super-agent-widget] .gap-3{gap:.75rem}[data-super-agent-widget] .gap-4{gap:1rem}[data-super-agent-widget] .gap-8{gap:2rem}[data-super-agent-widget] .gap-\\[22px\\]{gap:22px}[data-super-agent-widget] .gap-\\[7px\\]{gap:7px}[data-super-agent-widget] .overflow-hidden{overflow:hidden}[data-super-agent-widget] .overflow-visible{overflow:visible}[data-super-agent-widget] .overflow-y-auto{overflow-y:auto}[data-super-agent-widget] .text-ellipsis{text-overflow:ellipsis}[data-super-agent-widget] .whitespace-nowrap{white-space:nowrap}[data-super-agent-widget] .rounded{border-radius:.25rem}[data-super-agent-widget] .rounded-\\[5px\\]{border-radius:5px}[data-super-agent-widget] .rounded-full{border-radius:9999px}[data-super-agent-widget] .rounded-md{border-radius:.375rem}[data-super-agent-widget] .border{border-width:1px}[data-super-agent-widget] .border-r{border-right-width:1px}[data-super-agent-widget] .border-r-0{border-right-width:0px}[data-super-agent-widget] .border-none{border-style:none}[data-super-agent-widget] .border-\\[\\#DADADA\\]{--tw-border-opacity: 1;border-color:rgb(218 218 218 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[\\#E8E8E8\\]{--tw-border-opacity: 1;border-color:rgb(232 232 232 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[\\#ECECEC\\]{--tw-border-opacity: 1;border-color:rgb(236 236 236 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[var\\(--sa-primary\\)\\]{border-color:var(--sa-primary)}[data-super-agent-widget] .bg-\\[\\#DCDCDC\\]{--tw-bg-opacity: 1;background-color:rgb(220 220 220 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#E8F1FE\\]{--tw-bg-opacity: 1;background-color:rgb(232 241 254 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#F5F5F5\\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#FAFAFA\\]{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#fee2e2\\]{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[var\\(--sa-primary\\)\\]{background-color:var(--sa-primary)}[data-super-agent-widget] .bg-black\\/30{background-color:#0000004d}[data-super-agent-widget] .bg-transparent{background-color:transparent}[data-super-agent-widget] .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .object-contain{-o-object-fit:contain;object-fit:contain}[data-super-agent-widget] .p-0{padding:0}[data-super-agent-widget] .p-2{padding:.5rem}[data-super-agent-widget] .p-3{padding:.75rem}[data-super-agent-widget] .px-0\\.5{padding-left:.125rem;padding-right:.125rem}[data-super-agent-widget] .px-1{padding-left:.25rem;padding-right:.25rem}[data-super-agent-widget] .px-1\\.5{padding-left:.375rem;padding-right:.375rem}[data-super-agent-widget] .px-2\\.5{padding-left:.625rem;padding-right:.625rem}[data-super-agent-widget] .px-3{padding-left:.75rem;padding-right:.75rem}[data-super-agent-widget] .px-\\[15px\\]{padding-left:15px;padding-right:15px}[data-super-agent-widget] .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}[data-super-agent-widget] .py-1{padding-top:.25rem;padding-bottom:.25rem}[data-super-agent-widget] .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}[data-super-agent-widget] .py-2{padding-top:.5rem;padding-bottom:.5rem}[data-super-agent-widget] .py-3{padding-top:.75rem;padding-bottom:.75rem}[data-super-agent-widget] .pb-1{padding-bottom:.25rem}[data-super-agent-widget] .pb-2\\.5{padding-bottom:.625rem}[data-super-agent-widget] .pt-2{padding-top:.5rem}[data-super-agent-widget] .text-left{text-align:left}[data-super-agent-widget] .text-center{text-align:center}[data-super-agent-widget] .text-\\[11px\\]{font-size:11px}[data-super-agent-widget] .text-\\[12px\\]{font-size:12px}[data-super-agent-widget] .text-\\[13px\\]{font-size:13px}[data-super-agent-widget] .text-\\[14px\\]{font-size:14px}[data-super-agent-widget] .text-\\[18px\\]{font-size:18px}[data-super-agent-widget] .text-\\[9px\\]{font-size:9px}[data-super-agent-widget] .font-bold{font-weight:700}[data-super-agent-widget] .font-medium{font-weight:500}[data-super-agent-widget] .font-semibold{font-weight:600}[data-super-agent-widget] .italic{font-style:italic}[data-super-agent-widget] .leading-\\[1\\.3\\]{line-height:1.3}[data-super-agent-widget] .leading-\\[1\\.4\\]{line-height:1.4}[data-super-agent-widget] .leading-\\[1\\.5\\]{line-height:1.5}[data-super-agent-widget] .leading-\\[14px\\]{line-height:14px}[data-super-agent-widget] .leading-none{line-height:1}[data-super-agent-widget] .text-\\[\\#333\\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#666\\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#999\\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#9A9A9A\\]{--tw-text-opacity: 1;color:rgb(154 154 154 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#A0A0A0\\]{--tw-text-opacity: 1;color:rgb(160 160 160 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#B8B8B8\\]{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#C0C0C0\\]{--tw-text-opacity: 1;color:rgb(192 192 192 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#ef4444\\]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .underline{text-decoration-line:underline}[data-super-agent-widget] .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-super-agent-widget] .opacity-0{opacity:0}[data-super-agent-widget] .opacity-10{opacity:.1}[data-super-agent-widget] .opacity-100{opacity:1}[data-super-agent-widget] .opacity-60{opacity:.6}[data-super-agent-widget] .opacity-70{opacity:.7}[data-super-agent-widget] .shadow-\\[0_-12px_48px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow: 0 -12px 48px rgba(0,0,0,.25);--tw-shadow-colored: 0 -12px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .shadow-\\[0_12px_36px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow: 0 12px 36px rgba(0,0,0,.18);--tw-shadow-colored: 0 12px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow: 0 2px 8px rgba(0,0,0,.12);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .outline-none{outline:2px solid transparent;outline-offset:2px}[data-super-agent-widget] .outline{outline-style:solid}[data-super-agent-widget] .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-super-agent-widget] .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-super-agent-widget] .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .duration-200{transition-duration:.2s}[data-super-agent-widget] .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-super-agent-widget] .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes sa-window-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sa-slide-up-full{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sa-home-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-chip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sa-title-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes sa-history-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[data-super-agent-widget] .animate-sa-window-in{animation:sa-window-in .3s cubic-bezier(.16,1,.3,1)}[data-super-agent-widget] .animate-sa-slide-up-full{animation:sa-slide-up-full .3s cubic-bezier(.16,1,.3,1)}[data-super-agent-widget] .animate-sa-fade-in{animation:sa-fade-in .2s ease}[data-super-agent-widget] .animate-sa-home-fade-in{animation:sa-home-fade-in .4s ease forwards}[data-super-agent-widget] .animate-sa-chip-in{animation:sa-chip-in .4s cubic-bezier(.22,1,.36,1) forwards}[data-super-agent-widget] .animate-sa-logo-float{animation:sa-logo-float 3s ease-in-out infinite}[data-super-agent-widget] .animate-sa-title-shimmer{animation:sa-title-shimmer 2.5s ease forwards}[data-super-agent-widget] .animate-sa-history-in{animation:sa-history-in .2s ease}[data-super-agent-widget] .sa-tip{position:relative}[data-super-agent-widget] .sa-tip:before,[data-super-agent-widget] .sa-tip:after{position:absolute;top:100%;left:50%;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}[data-super-agent-widget] .sa-tip:before{content:attr(data-tooltip);transform:translate(-50%);margin-top:6px;padding:4px 8px;background:#fff;color:#333;font-size:12px;line-height:1.4;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px #0000001f;border:1px solid #e8e8e8}[data-super-agent-widget] .sa-tip:after{content:"";transform:translate(-50%);margin-top:2px;border:4px solid transparent;border-bottom-color:#fff;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.06))}[data-super-agent-widget] .sa-tip:hover:before,[data-super-agent-widget] .sa-tip:hover:after{opacity:1}[data-super-agent-widget] .sa-chip{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#e0e0e0,#e0e0e0) border-box;border:1px solid transparent}[data-super-agent-widget] .sa-chip:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7) border-box}[data-super-agent-widget] .sa-chip:hover .sa-chip-text{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-shimmer-text{background:linear-gradient(90deg,#333,#333 35%,#00d4ff 40%,#1881f0,#2b52ee,#d116ea,#ff2e7e 56%,#333 61%,#333);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-new-chat{background:linear-gradient(258deg,#ff2e7e1a -4%,#d116ea1a 16%,#2b52ee1a 53%,#1881f01a 81%,#00d4ff1a 106%)}[data-super-agent-widget] .sa-new-chat:hover{background:linear-gradient(258deg,#ff2e7e29 -4%,#d116ea29 16%,#2b52ee29 53%,#1881f029 81%,#00d4ff29 106%)}[data-super-agent-widget] .sa-new-chat .sa-new-chat-text{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-home-gradient{background:linear-gradient(239deg,#ff2e7e -3%,#d116ea 17%,#2b52ee 54%,#1881f0 82%,#00d4ff 107%)}[data-super-agent-widget] .sa-home-gradient-fade{background:linear-gradient(180deg,#fff0,#fff)}[data-super-agent-widget] .sa-home-view .sa-thread{background:transparent}[data-super-agent-widget] .sa-resize-handle:hover{background:color-mix(in srgb,var(--sa-primary) 30%,transparent)}[data-super-agent-widget] .sa-input-form{border:1px solid transparent;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#03b5ff80,#285cff80 47%,#ff28a780);background-origin:border-box;background-clip:padding-box,border-box;transition:background .15s ease}[data-super-agent-widget] .sa-input-form-active,[data-super-agent-widget] .sa-input-form:focus-within{background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7)}[data-super-agent-widget] .sa-send-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:9999px;background:linear-gradient(110deg,#03b5ff80,#285cff80 47%,#ff28a780);cursor:pointer;flex-shrink:0;align-self:flex-end;transition:background .15s ease,opacity .15s ease}[data-super-agent-widget] .sa-send-btn-active,[data-super-agent-widget] .sa-input-form:focus-within .sa-send-btn{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7)}[data-super-agent-widget] .sa-send-btn:hover{opacity:.9}[data-super-agent-widget] .sa-send-btn:active{opacity:.7}[data-super-agent-widget] .sa-send-btn img{display:block;width:14px;height:14px;filter:brightness(0) invert(1)}[data-super-agent-widget] .sa-stop-icon{display:block;width:8px;height:8px;border-radius:2px;background:#fff}[data-super-agent-widget] .placeholder\\:text-\\[\\#B8B8B8\\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .placeholder\\:text-\\[\\#B8B8B8\\]::placeholder{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:scale-\\[1\\.08\\]:hover{--tw-scale-x: 1.08;--tw-scale-y: 1.08;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .hover\\:bg-\\[\\#E8F1FE\\]:hover{--tw-bg-opacity: 1;background-color:rgb(232 241 254 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-\\[\\#F5F5F5\\]:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-white\\/70:hover{background-color:#ffffffb3}[data-super-agent-widget] .hover\\:text-\\[\\#1881F0\\]:hover{--tw-text-opacity: 1;color:rgb(24 129 240 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:text-\\[\\#ef4444\\]:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:text-\\[var\\(--sa-primary\\)\\]:hover{color:var(--sa-primary)}[data-super-agent-widget] .active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .active\\:cursor-grabbing:active{cursor:grabbing}[data-super-agent-widget] .active\\:bg-\\[\\#F5F5F5\\]:active{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] :is(.group:hover .group-hover\\:flex){display:flex}', Kt = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
@@ -3734,16 +3885,16 @@ const $t = `
   panelHeight: 648,
   zIndex: 9999
 };
-function Ht(t, a) {
+function qt(t, a) {
   const n = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16), i = 1 - a;
   return `#${Math.round(n * i).toString(16).padStart(2, "0")}${Math.round(s * i).toString(16).padStart(2, "0")}${Math.round(r * i).toString(16).padStart(2, "0")}`;
 }
-function Ft(t, a) {
+function Zt(t, a) {
   const n = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16);
   return `#${Math.round(n + (255 - n) * a).toString(16).padStart(2, "0")}${Math.round(s + (255 - s) * a).toString(16).padStart(2, "0")}${Math.round(r + (255 - r) * a).toString(16).padStart(2, "0")}`;
 }
-function Rt(t) {
-  const a = { ..._t, ...t }, n = a.primaryColor, s = a.backgroundColor;
+function Jt(t) {
+  const a = { ...Kt, ...t }, n = a.primaryColor, s = a.backgroundColor;
   return [
     // 用户直接配置的变量
     `--sa-primary: ${n}`,
@@ -3754,8 +3905,8 @@ function Rt(t) {
     `--sa-panel-height: ${a.panelHeight}px`,
     `--sa-z-index: ${a.zIndex}`,
     // 从 primaryColor 自动派生
-    `--sa-primary-dark: ${Ht(n, 0.15)}`,
-    `--sa-primary-light: ${Ft(n, 0.9)}`,
+    `--sa-primary-dark: ${qt(n, 0.15)}`,
+    `--sa-primary-light: ${Zt(n, 0.9)}`,
     // 从 backgroundColor 自动派生的语义色
     `--sa-surface: ${s}`,
     "--sa-border: #e5e7eb",
@@ -3765,36 +3916,36 @@ function Rt(t) {
     "--sa-text-light: #6b7280"
   ].join("; ");
 }
-function Pt(t, a) {
+function aa(t, a) {
   const n = typeof t == "string" ? document.querySelector(t) : t;
   if (!n)
     throw new Error(`Target element not found: ${t}`);
   const s = document.createElement("div");
   s.setAttribute("data-super-agent-widget", "");
-  const r = Rt(a.theme ?? {});
+  const r = Jt(a.theme ?? {});
   if (s.setAttribute("style", `${r}; height: 100%;`), n.appendChild(s), !document.getElementById("sa-widget-styles")) {
-    const d = document.createElement("style");
-    d.id = "sa-widget-styles", d.textContent = `${$t}
-${Lt}`, document.head.appendChild(d);
+    const l = document.createElement("style");
+    l.id = "sa-widget-styles", l.textContent = `${Ut}
+${Vt}`, document.head.appendChild(l);
   }
-  let i = We(s), o = !1;
-  const l = (d) => {
+  let i = Qe(s), d = !1;
+  const o = (l) => {
     i && i.render(
-      Q.createElement(Dt, {
+      Q.createElement(Xt, {
         ...a,
-        initialOpen: d ?? o,
-        onOpenChange: (p) => {
-          o = p;
+        initialOpen: l ?? d,
+        onOpenChange: (c) => {
+          d = c;
         }
       })
     );
   };
-  return l(!1), {
+  return o(!1), {
     open() {
-      o = !0, l(!0);
+      d = !0, o(!0);
     },
     close() {
-      o = !1, l(!1);
+      d = !1, o(!1);
     },
     destroy() {
       i && (i.unmount(), i = null), s.remove();
@@ -3802,32 +3953,33 @@ ${Lt}`, document.head.appendChild(d);
   };
 }
 export {
-  X as ASSETS,
-  vt as ActionBar,
-  ye as ChatProvider,
-  Dt as ChatWidget,
-  Le as Composer,
-  lt as ErrorPart,
-  At as FullpageLayout,
-  qe as Header,
-  B as Icon,
-  wt as InterruptCard,
-  Ct as Message,
-  tt as TextPart,
-  nt as ThinkingPart,
-  $e as Thread,
-  ke as ThreadList,
-  st as ToolCallPart,
-  ot as ToolResultPart,
-  Ve as Trigger,
-  Nt as WelcomeScreen,
-  _t as defaultTheme,
-  rt as ensureIconFont,
-  Pt as mount,
-  Rt as themeToCSSVars,
-  Je as useAutoScroll,
-  Ye as useChat,
-  Z as useChatContext,
-  Xe as useConversations,
-  $t as widgetStyles
+  U as ASSETS,
+  At as ActionBar,
+  Te as ChatProvider,
+  Xt as ChatWidget,
+  Pe as Composer,
+  bt as ErrorPart,
+  Gt as FullpageLayout,
+  ot as Header,
+  H as Icon,
+  Mt as InterruptCard,
+  Lt as Message,
+  Bt as PageOverlay,
+  ut as TextPart,
+  ht as ThinkingPart,
+  He as Thread,
+  Ie as ThreadList,
+  mt as ToolCallPart,
+  wt as ToolResultPart,
+  it as Trigger,
+  Rt as WelcomeScreen,
+  Kt as defaultTheme,
+  ft as ensureIconFont,
+  aa as mount,
+  Jt as themeToCSSVars,
+  dt as useAutoScroll,
+  et as useChat,
+  J as useChatContext,
+  at as useConversations,
+  Ut as widgetStyles
 };