super-agent-sdk 1.0.9 → 1.0.11

package/dist/widget.mjs

@@ -1,299 +1,304 @@
-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 _, useRef as F, useCallback as T, useEffect as Y, createContext as Ve, useMemo as re, useContext as qe, isValidElement as Ze, cloneElement as Je, createElement as Qe } from "react";
+import { createRoot as et } from "react-dom/client";
+import { jsx as e, jsxs as p, Fragment as V } from "react/jsx-runtime";
+import { c as tt } from "./nosUploader-C94D61NK.js";
+function at(t) {
+  const { sdk: a, sessionId: n, onSessionCreated: s, onStreamStart: r, onStreamEnd: i, onError: l, onMessageSend: d } = t, [o, c] = _([]), [g, f] = _("ready"), [y, b] = _(null), M = F(null), m = F(!1), I = F(null), h = F(n), v = F(!0);
+  h.current = n, v.current = o.length === 0;
+  const z = T((w, D) => {
+    if (m.current) return;
+    m.current = !0, d == null || d(w);
+    const P = {
       id: `user_${Date.now()}`,
       role: "user",
-      parts: [{ type: "text", content: w }],
+      parts: [
+        ...(D ?? []).map((N) => ({ type: "attachment", attachment: N })),
+        { type: "text", content: w }
+      ],
       timestamp: Date.now()
-    }, $ = `assistant_${Date.now()}`, L = {
-      id: $,
+    }, u = `assistant_${Date.now()}`, S = {
+      id: u,
       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 });
+    }, H = v.current;
+    c((N) => [...N, P, S]), f("submitted"), b(null);
+    const O = (N) => {
+      let x = "", L = "", k = [], R = !1;
+      const j = () => {
+        const C = [...k];
+        if (x) {
+          const W = C.findIndex((G) => G.type === "thinking");
+          W >= 0 ? C[W] = { type: "thinking", content: x } : C.unshift({ type: "thinking", content: x });
         }
-        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 (L) {
+          const W = C[C.length - 1];
+          (W == null ? void 0 : W.type) === "text" ? C[C.length - 1] = { type: "text", content: L } : C.push({ type: "text", content: L });
         }
-        p(
-          (Y) => Y.map((j) => j.id === $ ? { ...j, parts: T } : j)
+        c(
+          (W) => W.map((G) => G.id === u ? { ...G, parts: C } : G)
         );
       };
-      x.current = a.chat({
-        sessionId: I,
+      M.current = a.chat({
+        sessionId: N,
         message: w,
+        attachments: D && D.length > 0 ? D : void 0,
         stream: !0,
-        onMessage: (T) => {
-          switch (O || (O = !0, g("streaming")), T.type) {
+        onMessage: (C) => {
+          switch (R || (R = !0, f("streaming")), C.type) {
             case "thinking":
-              F += T.content;
+              x += C.content;
               break;
             case "ai":
-              h += T.content;
+              L += C.content;
               break;
             case "tool_call":
-              h && (_.push({ type: "text", content: h }), h = ""), _.push({
+              L && (k.push({ type: "text", content: L }), L = ""), k.push({
                 type: "tool_call",
-                toolName: T.toolName,
-                toolCallId: T.toolCallId,
-                args: T.args ?? "{}"
+                toolName: C.toolName,
+                toolCallId: C.toolCallId,
+                args: C.args ?? "{}"
               });
               break;
             case "tool_result":
-              h && (_.push({ type: "text", content: h }), h = ""), _.push({
+              L && (k.push({ type: "text", content: L }), L = ""), k.push({
                 type: "tool_result",
-                toolName: T.toolName ?? "",
-                toolCallId: T.toolCallId,
-                content: T.content,
-                artifacts: T.artifacts,
-                renderMode: T.renderMode,
-                html: T.html
+                toolName: C.toolName ?? "",
+                toolCallId: C.toolCallId,
+                content: C.content,
+                artifacts: C.artifacts,
+                renderMode: C.renderMode,
+                html: C.html
               });
               break;
             case "interrupt":
-              h && (_.push({ type: "text", content: h }), h = ""), T.interrupt && _.push({
+              L && (k.push({ type: "text", content: L }), L = ""), C.interrupt && k.push({
                 type: "interrupt",
-                interrupt: T.interrupt,
+                interrupt: C.interrupt,
                 resolved: !1
               });
               break;
             case "stop":
-              T.content && (h = T.content), W();
+              C.content && (L = C.content), j();
               return;
           }
-          W();
+          j();
         },
-        onDone: (T) => {
-          (h || _.length > 0 || F) && W(), T.sessionId && T.sessionId !== z.current && (s == null || s(T.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;
+        onDone: (C) => {
+          (L || k.length > 0 || x) && j(), C.sessionId && C.sessionId !== h.current && (s == null || s(C.sessionId));
+          const W = () => {
+            I.current && (clearTimeout(I.current), I.current = null), i == null || i(C.sessionId || N), f("ready"), m.current = !1, M.current = null;
           };
-          if (v) {
-            const j = w.slice(0, 30), q = T.sessionId || I;
-            a.renameConversation(q, j).catch(() => {
-            }).finally(Y);
+          if (H) {
+            const G = w.slice(0, 30), ne = C.sessionId || N;
+            a.renameConversation(ne, G).catch(() => {
+            }).finally(W);
           } else
-            Y();
+            W();
         },
-        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: (C) => {
+          k.push({ type: "error", content: C.message }), j(), I.current && (clearTimeout(I.current), I.current = null), b(C), f("error"), l == null || l(C), m.current = !1, M.current = null;
         }
-      }), r == null || r(I);
+      }), r == null || r(N);
     };
-    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;
+    h.current ? O(h.current) : a.createSession().then((N) => {
+      h.current = N, s == null || s(N), O(N);
+    }).catch((N) => {
+      b(N instanceof Error ? N : new Error(String(N))), f("error"), l == null || l(N instanceof Error ? N : new Error(String(N))), m.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, l, d]), E = T(() => {
+    const w = h.current;
+    w && (I.current && clearTimeout(I.current), I.current = setTimeout(() => {
+      var D;
+      I.current = null, (D = M.current) == null || D.abort(), M.current = null, m.current = !1, f("ready");
     }, 8e3), a.stopGeneration(w).catch(() => {
     }));
-  }, [a]), S = N(() => {
-    if (f.current) return;
-    const w = d.findLastIndex(($) => $.role === "user");
+  }, [a]), $ = T(() => {
+    if (m.current) return;
+    const w = o.findLastIndex((u) => u.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 D = o[w].parts.filter((u) => u.type === "text").map((u) => u.content).join(""), P = o[w].parts.filter((u) => u.type === "attachment").map((u) => u.attachment);
+    c((u) => u.slice(0, w)), z(D, P.length > 0 ? P : void 0);
+  }, [o, z]), A = T((w, D) => {
+    c(
+      (x) => x.map((L) => ({
+        ...L,
+        parts: L.parts.map(
+          (k) => k.type === "interrupt" && k.interrupt.interruptId === w ? { ...k, resolved: !0, response: D } : k
         )
       }))
     );
-    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 P = h.current;
+    if (!P) return;
+    let u = 0;
+    c((x) => x.length > 0 && x[x.length - 1].role === "assistant" ? (u = x[x.length - 1].parts.length, x) : (u = 0, [...x, { id: `assistant_${Date.now()}`, role: "assistant", parts: [], timestamp: Date.now() }])), f("streaming");
+    let S = "", H = "", O = [];
+    const N = () => {
+      const x = [...O];
+      if (S) {
+        const L = x.findIndex((k) => k.type === "thinking");
+        L >= 0 ? x[L] = { type: "thinking", content: S } : x.unshift({ type: "thinking", content: S });
       }
-      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 (H) {
+        const L = x[x.length - 1];
+        (L == null ? void 0 : L.type) === "text" ? x[x.length - 1] = { type: "text", content: H } : x.push({ type: "text", content: H });
       }
-      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((L) => {
+        const k = L.findLastIndex((R) => R.role === "assistant");
+        return k < 0 ? L : L.map(
+          (R, j) => j === k ? { ...R, parts: [...R.parts.slice(0, u), ...x] } : R
         );
       });
     };
     a.respondInterrupt(
       w,
-      $,
-      M,
-      (h) => {
-        switch (h.type) {
+      P,
+      D,
+      (x) => {
+        switch (x.type) {
           case "thinking":
-            v += h.content;
+            S += x.content;
             break;
           case "ai":
-            A += h.content;
+            H += x.content;
             break;
           case "tool_call":
-            A && (I.push({ type: "text", content: A }), A = ""), I.push({
+            H && (O.push({ type: "text", content: H }), H = ""), O.push({
               type: "tool_call",
-              toolName: h.toolName,
-              toolCallId: h.toolCallId,
-              args: h.args ?? "{}"
+              toolName: x.toolName,
+              toolCallId: x.toolCallId,
+              args: x.args ?? "{}"
             });
             break;
           case "tool_result":
-            A && (I.push({ type: "text", content: A }), A = ""), I.push({
+            H && (O.push({ type: "text", content: H }), H = ""), O.push({
               type: "tool_result",
-              toolName: h.toolName ?? "",
-              toolCallId: h.toolCallId,
-              content: h.content,
-              artifacts: h.artifacts,
-              renderMode: h.renderMode,
-              html: h.html
+              toolName: x.toolName ?? "",
+              toolCallId: x.toolCallId,
+              content: x.content,
+              artifacts: x.artifacts,
+              renderMode: x.renderMode,
+              html: x.html
             });
             break;
           case "interrupt":
-            A && (I.push({ type: "text", content: A }), A = ""), h.interrupt && I.push({ type: "interrupt", interrupt: h.interrupt, resolved: !1 });
+            H && (O.push({ type: "text", content: H }), H = ""), x.interrupt && O.push({ type: "interrupt", interrupt: x.interrupt, resolved: !1 });
             break;
           case "done":
-            i == null || i($), g("ready");
+            i == null || i(P), f("ready");
             break;
         }
-        F();
+        N();
       },
-      (h) => {
-        I.push({ type: "error", content: h.message }), F(), m(h), g("error"), o == null || o(h);
+      (x) => {
+        O.push({ type: "error", content: x.message }), N(), b(x), f("error"), l == null || l(x);
       }
-    ).catch((h) => {
-      o == null || o(h instanceof Error ? h : new Error(String(h))), g("error");
+    ).catch((x) => {
+      l == null || l(x instanceof Error ? x : new Error(String(x))), f("error");
     });
-  }, [a, o, i]);
-  return { messages: d, status: u, error: b, sendMessage: k, stop: C, regenerate: S, setMessages: p, respondToInterrupt: D };
+  }, [a, l, i]);
+  return { messages: o, status: g, error: y, sendMessage: z, stop: E, regenerate: $, setMessages: c, respondToInterrupt: A };
 }
-const Te = "sa_active_conversation", de = 20;
-function ve(t) {
+const $e = "sa_active_conversation", ge = 20;
+function ze(t) {
   try {
-    return localStorage.getItem(`${Te}_${t}`);
+    return localStorage.getItem(`${$e}_${t}`);
   } catch {
     return null;
   }
 }
-function Ge(t, a) {
+function rt(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 nt(t) {
+  const { sdk: a, onConversationChange: n } = t, s = a.botId, [r, i] = _([]), [l, d] = _(
+    () => ze(s)
+  ), [o, c] = _(!1), [g, f] = _(!0), y = F(!0), b = F(1), M = F(!1);
+  Y(() => () => {
+    y.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 m = T((w) => {
+    d(w), rt(s, w), w && (n == null || n(w));
+  }, [s, n]), I = T(async () => {
+    if (!M.current) {
+      M.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: ge });
+        if (!y.current) return;
+        i(w.items), f(w.items.length < w.total);
+        const D = ze(s);
+        D && !w.items.find((P) => P.sessionId === D) && m(null);
       } catch {
       } finally {
-        x.current = !1, b.current && p(!1);
+        M.current = !1, y.current && c(!1);
       }
     }
-  }, [a, f]), z = N(async () => {
-    if (!(x.current || !u)) {
-      x.current = !0, p(!0);
+  }, [a, m]), h = T(async () => {
+    if (!(M.current || !g)) {
+      M.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, D = await a.listConversations({ page: w, size: ge });
+        if (!y.current) return;
+        b.current = w, i((u) => {
+          const S = new Set(u.map((O) => O.sessionId)), H = D.items.filter((O) => !S.has(O.sessionId));
+          return [...u, ...H];
         });
-        const $ = m.current * de;
-        g($ < M.total);
+        const P = b.current * ge;
+        f(P < D.total);
       } catch {
       } finally {
-        x.current = !1, b.current && p(!1);
+        M.current = !1, y.current && c(!1);
       }
     }
-  }, [a, u]), H = N(async (w) => (f(w), await a.getMessages(w)), [a, f]), k = N(async () => {
+  }, [a, g]), v = T(async (w) => (m(w), await a.getMessages(w)), [a, m]), z = T(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(), D = (/* @__PURE__ */ new Date()).toISOString();
+      i((P) => [
+        { sessionId: w, botId: 0, title: "新对话", createTime: D, updateTime: D },
+        ...P
+      ]), m(w);
     } catch {
-      f(null);
+      m(null);
     }
-  }, [a, f]), C = N(async (w) => {
-    i((M) => M.filter(($) => $.sessionId !== w)), o === w && f(null);
+  }, [a, m]), E = T(async (w) => {
+    i((D) => D.filter((P) => P.sessionId !== w)), l === w && m(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, l, m]), $ = T(async (w, D) => {
+    await a.renameConversation(w, D), i(
+      (P) => P.map((u) => u.sessionId === w ? { ...u, title: D } : u)
     );
-  }, [a]), { enabled: D = !0 } = t;
-  return P(() => {
-    D && y();
-  }, [D, y]), {
+  }, [a]), { enabled: A = !0 } = t;
+  return Y(() => {
+    A && I();
+  }, [A, I]), {
     conversations: r,
-    activeConversationId: o,
-    loading: d,
-    hasMore: u,
-    loadConversations: y,
-    loadMore: z,
-    switchConversation: H,
-    newConversation: k,
-    deleteConversation: C,
-    renameConversation: S,
-    setActiveConversationId: f
+    activeConversationId: l,
+    loading: o,
+    hasMore: g,
+    loadConversations: I,
+    loadMore: h,
+    switchConversation: v,
+    newConversation: z,
+    deleteConversation: E,
+    renameConversation: $,
+    setActiveConversationId: m
   };
 }
-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 _e(t) {
   if (!t) return [];
   const a = [];
   for (const n of t)
@@ -308,7 +313,7 @@ function Se(t) {
     });
   return a;
 }
-async function ie(t) {
+async function ce(t) {
   try {
     const a = await fetch(t.url);
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -319,187 +324,203 @@ 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 Re = Ve(null);
+function J() {
+  const t = qe(Re);
   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, attachmentUploader: n, nosUpload: s, children: r }) {
+  const [i, l] = _(!1), [d, o] = _(!1), [c, g] = _(null), [f, y] = _(null), [b, M] = _(!1), [m, I] = _(!1);
+  Y(() => {
     t.getToken().then(() => {
-      u(!0);
+      M(!0);
     }).catch(() => {
-      u(!0);
+      M(!0);
     });
   }, [t]);
-  const m = Xe({
+  const h = nt({
     sdk: t,
     onConversationChange: a == null ? void 0 : a.onConversationChange,
-    enabled: p
-  }), x = Ye({
+    enabled: b
+  }), v = at({
     sdk: t,
-    sessionId: m.activeConversationId,
-    onSessionCreated: (v) => {
-      m.setActiveConversationId(v);
+    sessionId: h.activeConversationId,
+    onSessionCreated: (k) => {
+      h.setActiveConversationId(k);
     },
     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: (k) => {
+      var R;
+      (R = a == null ? void 0 : a.onStreamEnd) == null || R.call(a, k), h.loadConversations();
     },
     onError: a == null ? void 0 : a.onError,
     onMessageSend: a == null ? void 0 : a.onMessageSend
-  }), f = N(async (v) => {
-    b(!0);
+  }), z = T((k) => {
+    if (k.type === "link") {
+      window.open(k.url, k.target ?? "_blank", "noopener");
+      return;
+    }
+    y(k);
+  }, []), E = T(() => y(null), []), $ = T(async (k) => {
+    I(!0);
     try {
-      const A = await m.switchConversation(v);
-      x.setMessages(A);
+      const R = await h.switchConversation(k);
+      v.setMessages(R);
     } finally {
-      b(!1);
+      I(!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);
+  }, [h, v]), A = T(async () => {
+    v.setMessages([]), await h.newConversation();
+  }, [h, v]), w = T(async (k) => {
+    h.activeConversationId === k && v.setMessages([]), await h.deleteConversation(k);
+  }, [h, v]);
+  Y(() => {
+    h.activeConversationId && v.messages.length === 0 && (I(!0), t.getMessages(h.activeConversationId).then((k) => {
+      v.setMessages(k);
     }).catch(() => {
-    }).finally(() => b(!1)));
+    }).finally(() => I(!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 D = T(() => {
+    l((k) => !k);
+  }, []), P = T((k) => {
+    l(k);
+  }, []), u = T(() => {
+    o((k) => !k), g((k) => null);
+  }, []), S = T((k) => {
+    g(k), o(!0);
+  }, []), H = re(() => {
+    const k = /* @__PURE__ */ new Set(), R = [];
+    for (const j of v.messages)
+      for (const C of j.parts)
+        if (C.type === "tool_result" && C.artifacts)
+          for (const W of _e(C.artifacts)) {
+            const G = W.id || `${W.url}:${W.filename}`;
+            k.has(G) || (k.add(G), R.push(W));
           }
-    return A;
-  }, [x.messages]), w = N(async () => {
-    const v = m.activeConversationId;
-    if (!v) return null;
+    return R;
+  }, [v.messages]), O = T(async () => {
+    const k = h.activeConversationId;
+    if (!k) 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 R = await t.getMessages(k);
+      v.setMessages(R);
+      const j = R.findLast((C) => C.role === "assistant");
+      return (j == null ? void 0 : j.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, h.activeConversationId, v]), N = T((k, R, j) => {
+    if (/^\d+$/.test(k)) {
+      t.feedback(k, R, j).catch(() => {
       });
       return;
     }
-    w().then((F) => {
-      F && t.feedback(F, A, I).catch(() => {
+    O().then((C) => {
+      C && t.feedback(C, R, j).catch(() => {
       });
     });
-  }, [t, w]), $ = N((v) => {
-    if (/^\d+$/.test(v)) {
-      t.cancelFeedback(v).catch(() => {
+  }, [t, O]), x = T((k) => {
+    if (/^\d+$/.test(k)) {
+      t.cancelFeedback(k).catch(() => {
       });
       return;
     }
-    w().then((A) => {
-      A && t.cancelFeedback(A).catch(() => {
+    O().then((R) => {
+      R && t.cancelFeedback(R).catch(() => {
       });
     });
-  }, [t, w]), L = re(() => ({
+  }, [t, O]), L = re(() => ({
     sdk: t,
-    status: x.status,
-    error: x.error,
-    messages: x.messages,
-    conversations: m.conversations,
-    activeConversationId: m.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,
+    status: v.status,
+    error: v.error,
+    messages: v.messages,
+    conversations: h.conversations,
+    activeConversationId: h.activeConversationId,
+    isThreadListOpen: i,
+    isArtifactDrawerOpen: d,
+    allArtifacts: H,
+    activePreviewArtifact: c,
+    activePanel: f,
+    hasMore: h.hasMore,
+    conversationsLoading: h.loading,
+    messagesLoading: m,
+    sendMessage: v.sendMessage,
+    attachmentUploader: n ?? null,
+    nosUpload: s ?? null,
+    stop: v.stop,
+    regenerate: v.regenerate,
+    switchConversation: $,
+    newConversation: A,
+    deleteConversation: w,
+    renameConversation: h.renameConversation,
+    loadMoreConversations: h.loadMore,
+    toggleThreadList: D,
+    setThreadListOpen: P,
+    toggleArtifactDrawer: u,
     openArtifactPreview: S,
-    feedback: M,
-    cancelFeedback: $,
-    respondToInterrupt: x.respondToInterrupt
+    openPanel: z,
+    closePanel: E,
+    feedback: N,
+    cancelFeedback: x,
+    respondToInterrupt: v.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,
+    v.status,
+    v.error,
+    v.messages,
+    v.sendMessage,
+    v.stop,
+    v.regenerate,
+    v.respondToInterrupt,
+    n,
     s,
+    h.conversations,
+    h.activeConversationId,
+    h.renameConversation,
+    h.hasMore,
+    h.loadMore,
+    h.loading,
     i,
-    D,
-    l,
-    g,
-    f,
-    y,
-    z,
+    d,
     H,
-    k,
-    C,
+    c,
+    f,
+    m,
+    $,
+    A,
+    w,
+    D,
+    P,
+    u,
     S,
-    M,
-    $
+    z,
+    E,
+    N,
+    x
   ]);
-  return /* @__PURE__ */ e(Ae.Provider, { value: L, children: n });
-}
-const G = "https://ehr-web.netease.com/ehr-web/erh-super-agent", X = {
-  recently: `${G}/recently.svg`,
-  home: `${G}/home.svg`,
-  mergeWindow: `${G}/merge_window.svg`,
-  spiltWindow: `${G}/spilt_window.svg`,
-  close: `${G}/close.svg`,
-  message: `${G}/message.svg`,
-  messageCreate: `${G}/message_create.svg`,
-  customerService: `${G}/customer_service.svg`,
-  sendSolid: `${G}/send_solid.svg`,
+  return /* @__PURE__ */ e(Re.Provider, { value: L, children: r });
+}
+const U = "https://ehr-web.netease.com/ehr-web/erh-super-agent", K = {
+  recently: `${U}/recently.svg`,
+  home: `${U}/home.svg`,
+  mergeWindow: `${U}/merge_window.svg`,
+  spiltWindow: `${U}/spilt_window.svg`,
+  close: `${U}/close.svg`,
+  message: `${U}/message.svg`,
+  messageCreate: `${U}/message_create.svg`,
+  customerService: `${U}/customer_service.svg`,
+  sendSolid: `${U}/send_solid.svg`,
   capabilityIcons: [
-    `${G}/icon1.png`,
-    `${G}/icon2.png`,
-    `${G}/icon3.png`
+    `${U}/icon1.png`,
+    `${U}/icon2.png`,
+    `${U}/icon3.png`
   ],
-  triggerLogo: `${G}/HRlogo.png`,
-  logo: `${G}/HRlogo2.png`,
-  assistantAvatarGenerating: `${G}/profile0.gif`,
-  assistantAvatar: `${G}/profile1.png`
-}, U = {
+  triggerLogo: `${U}/HRlogo.png`,
+  logo: `${U}/HRlogo2.png`,
+  assistantAvatarGenerating: `${U}/profile0.gif`,
+  assistantAvatar: `${U}/profile1.png`
+}, X = {
   TRIGGER_SIZE: 56,
   TRIGGER_RIGHT: 20,
   TRIGGER_BOTTOM: 80,
@@ -510,123 +531,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 st({ defaultWidth: t = X.DEFAULT_WIDTH, defaultHeight: a = X.DEFAULT_HEIGHT, sidebarWidth: n = 0 } = {}) {
+  const [s, r] = _(t), [i, l] = _({ x: 0, y: 0 }), [d, o] = _(!1), [c, g] = _(!1), [f, y] = _(null), [b, M] = _(() => typeof window > "u" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }), m = F(!1), I = F(0), h = F(s), v = F(!1), z = F({ x: 0, y: 0 }), E = F({ x: 0, y: 0 }), $ = F(!1), A = F(null);
+  Y(() => {
+    const N = () => M({ width: window.innerWidth, height: window.innerHeight });
+    return window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
+  }, []), Y(() => () => {
+    var N;
+    (N = A.current) == null || N.call(A);
   }, []);
-  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), D = Math.min(f || a, w), P = s + n;
+  Y(() => {
+    if (!d) {
+      const N = b.width - P - 20, x = b.height - D - 20;
+      l((L) => L.x === N && L.y === x ? L : { x: N, y: x });
     }
-  }, [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))
+  }, [d, P, D, b]);
+  const u = T((N) => {
+    if (c || N.target.closest("button, input, textarea")) return;
+    v.current = !0, $.current = !1, z.current = { x: N.clientX, y: N.clientY }, E.current = { ...i };
+    const x = (R) => {
+      if (!v.current) return;
+      const j = R.clientX - z.current.x, C = R.clientY - z.current.y;
+      (Math.abs(j) > 3 || Math.abs(C) > 3) && ($.current = !0), $.current && (o(!0), l({
+        x: Math.max(-200, Math.min(E.current.x + j, window.innerWidth - 100)),
+        y: Math.max(0, Math.min(E.current.y + C, window.innerHeight - 48))
       }));
-    }, O = () => {
-      k.current = !1, W();
-    }, W = () => {
-      document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", O), w.current = null;
+    }, L = () => {
+      v.current = !1, k();
+    }, k = () => {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", L), A.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", x), document.addEventListener("mouseup", L), A.current = k;
+  }, [c, i]), S = T((N) => {
+    N.preventDefault(), N.stopPropagation(), m.current = !0, I.current = N.clientX, h.current = s;
+    const x = i.x + s, L = i.y, k = (C) => {
+      if (!m.current) return;
+      const W = C.clientX - I.current;
+      let G = h.current - W;
+      if (G > X.MAX_WIDTH) {
+        m.current = !1, g(!0), j();
         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;
+      G = Math.max(X.MIN_WIDTH, G), r(G), l({ x: x - G, y: L });
+    }, R = () => {
+      m.current = !1, j();
+    }, j = () => {
+      document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", R), A.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", k), document.addEventListener("mouseup", R), A.current = j;
+  }, [s, i]), H = T(() => {
+    c && r(t), g((N) => !N);
+  }, [c, t]), O = T(() => {
+    g(!1), r(t), o(!1), y(null);
   }, [t]);
   return {
     // 状态
     width: s,
     position: i,
-    hasCustomPosition: l,
-    isMaximized: p,
-    lockedHeight: g,
-    viewport: m,
+    hasCustomPosition: d,
+    isMaximized: c,
+    lockedHeight: f,
+    viewport: b,
     defaultHeight: a,
     /** 真实渲染几何（含侧边栏宽度 / 自适应高度，统一在 hook 内钳制） */
-    totalWidth: L,
-    windowHeight: $,
+    totalWidth: P,
+    windowHeight: D,
     // 交互
-    startWindowDrag: v,
-    startResize: A,
-    toggleMaximize: I,
-    setIsMaximized: u,
-    setLockedHeight: b,
-    setHasCustomPosition: d,
-    reset: F
+    startWindowDrag: u,
+    startResize: S,
+    toggleMaximize: H,
+    setIsMaximized: g,
+    setLockedHeight: y,
+    setHasCustomPosition: o,
+    reset: O
   };
 }
-function Ke(t) {
-  const { enabled: a, contentSelector: n, defaultHeight: s, onHeightChange: r } = t, i = R(null);
-  return P(() => {
+function it(t) {
+  const { enabled: a, contentSelector: n, defaultHeight: s, onHeightChange: r } = t, i = F(null);
+  return Y(() => {
     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 d = i.current.querySelector(n);
+    if (!d) return;
+    const o = () => {
+      const f = i.current;
+      if (!f) return;
+      const y = f.querySelector(n);
+      if (!y) return;
+      const b = f.offsetHeight - y.clientHeight, M = y.scrollHeight + b, m = Math.floor(window.innerHeight * X.MAX_HEIGHT_RATIO), I = Math.max(s, Math.min(M, m));
+      r((h) => h === I ? h : I);
     };
-    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();
+    o();
+    const c = new ResizeObserver(() => o());
+    Array.from(d.children).forEach((f) => c.observe(f));
+    const g = new MutationObserver(() => {
+      Array.from(d.children).forEach((f) => c.observe(f)), o();
     });
-    return u.observe(l, { childList: !0, subtree: !0, characterData: !0 }), () => {
-      p.disconnect(), u.disconnect();
+    return g.observe(d, { childList: !0, subtree: !0, characterData: !0 }), () => {
+      c.disconnect(), g.disconnect();
     };
   }, [a, n, s, r]), i;
 }
-function Ve({ isOpen: t, onClick: a, triggerLogo: n }) {
+function ot(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 lt({ isOpen: t, onClick: a, triggerLogo: n }) {
+  const [s, r] = _(null), i = F(!1), l = F(!1), d = F({ x: 0, y: 0 }), o = F({ x: 0, y: 0 }), c = F(null);
+  Y(() => () => {
+    var b;
+    (b = c.current) == null || b.call(c);
+  }, []);
+  const g = T((b) => {
+    if (b.button !== 0) return;
+    i.current = !0, l.current = !1, d.current = { x: b.clientX, y: b.clientY };
+    const M = b.currentTarget.getBoundingClientRect();
+    o.current = { x: M.left, y: M.top };
+    const m = (h) => {
+      if (!i.current) return;
+      const v = h.clientX - d.current.x, z = h.clientY - d.current.y;
+      (Math.abs(v) > 4 || Math.abs(z) > 4) && (l.current = !0), l.current && r(ot(o.current.x + v, o.current.y + z));
+    }, I = () => {
+      i.current = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", I), c.current = null;
+    };
+    document.addEventListener("mousemove", m), document.addEventListener("mouseup", I), c.current = I;
+  }, []), f = T(() => {
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    a();
+  }, [a]), y = 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: y,
+      onMouseDown: g,
+      onClick: f,
       "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 || K.triggerLogo, alt: "AI 助手", className: "block h-full w-full", draggable: !1 })
     }
   );
 }
@@ -647,133 +701,133 @@ function te({
     }
   );
 }
-function qe({
+function dt({
   onClose: t,
   onToggleThreadList: a,
   isMaximized: n = !1,
   onToggleMaximize: s,
   showHome: r = !1,
   onHome: i,
-  showClose: o = !0,
-  artifactCount: l = 0,
-  onToggleArtifactDrawer: d
+  showClose: l = !0,
+  artifactCount: d = 0,
+  onToggleArtifactDrawer: o
 }) {
-  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__ */ p("div", { className: "relative z-20 flex h-9 shrink-0 select-none items-center justify-between px-[15px]", children: [
+    /* @__PURE__ */ p("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(te, { tooltip: "历史记录", onClick: a, children: /* @__PURE__ */ e("img", { src: K.recently, alt: "", width: 20, height: 20 }) }),
+      r && i && /* @__PURE__ */ e(te, { tooltip: "回到首页", onClick: i, children: /* @__PURE__ */ e("img", { src: K.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__ */ p("div", { className: "flex items-center gap-2.5", children: [
+      d > 0 && o && /* @__PURE__ */ e(te, { tooltip: "会话产物", onClick: o, children: /* @__PURE__ */ p("span", { className: "relative flex items-center gap-1", children: [
+        /* @__PURE__ */ p("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 })
+        d > 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: d > 99 ? "99+" : d })
       ] }) }),
-      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 ? K.spiltWindow : K.mergeWindow, alt: "", width: 20, height: 20 }) }),
+      l && /* @__PURE__ */ e(te, { tooltip: "关闭", onClick: t, children: /* @__PURE__ */ e("img", { src: K.close, alt: "", width: 20, height: 20 }) })
     ] })
   ] });
 }
 const ae = (t) => String(t).padStart(2, "0");
-function Ze(t) {
+function ct(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 = [], l = [];
+  for (const o of t) {
+    const c = new Date(o.updateTime).getTime();
+    c >= n ? r.push(o) : c >= s ? i.push(o) : l.push(o);
+  }
+  const d = [];
+  return r.length && d.push({ label: "今天", items: r }), i.length && d.push({ label: "最近 7 天", items: i }), l.length && d.push({ label: "更早", items: l }), d;
 }
-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: l,
+    hasMore: d,
+    loadMoreConversations: o,
+    conversationsLoading: c
+  } = J(), [g, f] = _(null), [y, b] = _(""), [M, m] = _(null), I = F(null), h = T(($, A) => {
+    f($), b(A ?? "");
+  }, []), v = T(($) => {
+    y.trim() && l($, y.trim()), f(null);
+  }, [y, l]), z = T(() => {
+    const $ = I.current;
+    !$ || !d || $.scrollHeight - $.scrollTop - $.clientHeight < 50 && o();
+  }, [d, o]), E = re(() => Fe(a), [a]);
+  return /* @__PURE__ */ p(
     "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__ */ p(
           "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: K.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__ */ p("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__ */ p("div", { ref: I, className: "flex-1 overflow-y-auto", onScroll: z, 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: "暂无记录" }),
+          E.map(($) => /* @__PURE__ */ p("div", { className: "mb-1", children: [
+            /* @__PURE__ */ e("div", { className: "px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]", children: $.label }),
+            $.items.map((A) => /* @__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 ${A.sessionId === n ? "bg-[#E8F1FE]" : "hover:bg-[#E8F1FE]"}`,
                 onClick: () => {
-                  u !== D.sessionId && s(D.sessionId);
+                  g !== A.sessionId && s(A.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 (g === A.sessionId) return;
+                  const D = w.currentTarget.getBoundingClientRect();
+                  m({ text: A.title || "新会话", x: D.right + 8, y: D.top + D.height / 2 });
                 },
-                onMouseLeave: () => f(null),
-                children: u === D.sessionId ? /* @__PURE__ */ e(
+                onMouseLeave: () => m(null),
+                children: g === A.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: y,
+                    onChange: (w) => b(w.target.value),
+                    onBlur: () => v(A.sessionId),
                     onKeyDown: (w) => {
-                      w.key === "Enter" && H(D.sessionId), w.key === "Escape" && g(null);
+                      w.key === "Enter" && v(A.sessionId), w.key === "Escape" && f(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__ */ p(V, { children: [
+                  /* @__PURE__ */ e("img", { src: K.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: A.title || "新会话" }),
+                  /* @__PURE__ */ p("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(), h(A.sessionId, A.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 +839,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(A.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 +848,50 @@ function ke({ width: t }) {
                   ] })
                 ] })
               },
-              D.sessionId
+              A.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: d ? "加载更多..." : "加载中..." }),
+          !c && d && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
         ] }),
-        x && /* @__PURE__ */ e(
+        M && /* @__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: M.x, top: M.y, transform: "translateY(-50%)" },
+            children: M.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 pt(t) {
+  const a = F(null), n = F(!1), s = F(0), r = T(() => {
+    const l = a.current;
+    if (!l) return;
+    const { scrollTop: d, scrollHeight: o, clientHeight: c } = l, g = o - d - c < 40;
+    d < s.current && !g && (n.current = !0), g && (n.current = !1), s.current = d;
   }, []);
-  P(() => {
-    const o = a.current;
-    if (o)
-      return o.addEventListener("scroll", r, { passive: !0 }), () => o.removeEventListener("scroll", r);
-  }, [r]), P(() => {
+  Y(() => {
+    const l = a.current;
+    if (l)
+      return l.addEventListener("scroll", r, { passive: !0 }), () => l.removeEventListener("scroll", r);
+  }, [r]), Y(() => {
     if (n.current) return;
-    const o = a.current;
-    o && requestAnimationFrame(() => {
-      o.scrollTop = o.scrollHeight;
+    const l = a.current;
+    l && requestAnimationFrame(() => {
+      l.scrollTop = l.scrollHeight;
     });
   }, t);
-  const i = N(() => {
+  const i = T(() => {
     n.current = !1;
-    const o = a.current;
-    o && (o.scrollTop = o.scrollHeight);
+    const l = a.current;
+    l && (l.scrollTop = l.scrollHeight);
   }, []);
   return { containerRef: a, scrollToBottom: i };
 }
-function K(t) {
+function Z(t) {
   return t.value++;
 }
 function ee(t, a) {
@@ -846,132 +900,132 @@ 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 l = t[i];
+    if (l === "`") {
+      const d = t.indexOf("`", i + 1);
+      if (d !== -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, d) }, Z(a))
+        ), i = d + 1;
         continue;
       }
-    } else if (o === "*" && t[i + 1] === "*") {
-      const l = t.indexOf("**", i + 2);
-      if (l !== -1) {
+    } else if (l === "*" && t[i + 1] === "*") {
+      const d = t.indexOf("**", i + 2);
+      if (d !== -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, d), a) }, Z(a))
+        ), i = d + 2;
         continue;
       }
-    } else if (o === "*") {
-      const l = t.indexOf("*", i + 1);
-      if (l !== -1) {
+    } else if (l === "*") {
+      const d = t.indexOf("*", i + 1);
+      if (d !== -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, d), a) }, Z(a))
+        ), i = d + 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 (l === "[") {
+      const d = t.indexOf("]", i + 1);
+      if (d !== -1 && t[d + 1] === "(") {
+        const o = t.indexOf(")", d + 2);
+        if (o !== -1) {
+          const c = t.slice(i + 1, d), g = t.slice(d + 2, o);
           r(), n.push(
             /* @__PURE__ */ e(
               "a",
               {
-                href: u,
+                href: g,
                 target: "_blank",
                 rel: "noreferrer",
-                children: ee(p, a)
+                children: ee(c, a)
               },
-              K(a)
+              Z(a)
             )
-          ), i = d + 1;
+          ), i = o + 1;
           continue;
         }
       }
     }
-    s.push(o), i++;
+    s.push(l), i++;
   }
   return r(), n;
 }
-function Qe(t, a) {
+function ut(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 = (o) => o.trim() === "", l = (o) => /^#{1,6}\s+\S/.test(o.trim()), d = (o) => /^(?:[-*+]|\d+[.)])\s+\S/.test(o.trim());
   for (; r < s.length; ) {
-    const d = s[r], p = d.trim();
-    if (i(d)) {
+    const o = s[r], c = o.trim();
+    if (i(o)) {
       r++;
       continue;
     }
-    if (o(d)) {
-      const g = p.match(/^(#{1,6})\s+(.*)$/);
-      if (g) {
-        const m = `h${Math.min(g[1].length, 6)}`;
+    if (l(o)) {
+      const f = c.match(/^(#{1,6})\s+(.*)$/);
+      if (f) {
+        const b = `h${Math.min(f[1].length, 6)}`;
         n.push(
           Q.createElement(
-            m,
-            { key: K(a) },
-            ee(g[2], a)
+            b,
+            { key: Z(a) },
+            ee(f[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 (d(o)) {
+      const f = /^\d+[.)]/.test(c), y = [];
+      for (; r < s.length && d(s[r]); ) {
+        const b = s[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
+        b && y.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))
+        f ? /* @__PURE__ */ e("ol", { className: "sa-list", children: y }, Z(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: y }, Z(a))
       );
       continue;
     }
-    const u = [];
-    for (; r < s.length && !i(s[r]) && !o(s[r]) && !l(s[r]); )
-      u.push(s[r]), r++;
+    const g = [];
+    for (; r < s.length && !i(s[r]) && !l(s[r]) && !d(s[r]); )
+      g.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(g.join(" "), a) }, Z(a))
     );
   }
   return n;
 }
-function et(t) {
+function gt(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(...ut(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 ft({ content: t }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: gt(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 ht = "https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";
+let Me = !1;
+function mt(t = ht) {
+  if (Me || typeof document > "u") return;
+  Me = !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();
+mt();
 function B({ name: t, size: a = 16, color: n = "currentColor", className: s, style: r }) {
   return /* @__PURE__ */ e(
     "svg",
@@ -983,10 +1037,10 @@ function B({ name: t, size: a = 16, color: n = "currentColor", className: s, sty
     }
   );
 }
-function nt({ 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: [
+function xt({ content: t }) {
+  const [a, n] = _(!1);
+  return /* @__PURE__ */ p("div", { className: "sa-thinking-part", onClick: () => n(!a), children: [
+    /* @__PURE__ */ p("div", { className: "sa-thinking-header", children: [
       /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(B, { 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 }) })
@@ -994,32 +1048,32 @@ function nt({ content: t }) {
     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 wt({ toolName: t, toolCallId: a, args: n }) {
+  const [s, r] = _(!1), [i, l] = _(!1);
+  let d = n;
   try {
-    l = JSON.stringify(JSON.parse(n), null, 2);
+    d = 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 o = T(() => {
+    var c;
+    (c = navigator.clipboard) == null || c.writeText(d).then(() => {
+      l(!0), setTimeout(() => l(!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: [
+  }, [d]);
+  return /* @__PURE__ */ p("div", { className: "sa-tool-call-part", children: [
+    /* @__PURE__ */ p("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: [
+      /* @__PURE__ */ p("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 }) })
     ] }),
-    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: [
+    s && /* @__PURE__ */ p(V, { children: [
+      /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: d }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ p("button", { className: "sa-action-btn", onClick: o, title: "复制", children: [
         /* @__PURE__ */ e(B, { name: i ? "circle-check" : "copy", size: 14 }),
         " ",
         i ? "已复制" : "复制"
@@ -1027,9 +1081,9 @@ function st({ toolName: t, toolCallId: a, args: n }) {
     ] })
   ] });
 }
-function Ne({ text: t }) {
-  const [a, n] = E(!1);
-  return /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: () => {
+function Ee({ text: t }) {
+  const [a, n] = _(!1);
+  return /* @__PURE__ */ p("button", { className: "sa-action-btn", onClick: () => {
     var r;
     (r = navigator.clipboard) == null || r.writeText(t).then(() => {
       n(!0), setTimeout(() => n(!1), 2e3);
@@ -1041,9 +1095,9 @@ function Ne({ text: t }) {
     a ? "已复制" : "复制"
   ] });
 }
-function it({ html: t }) {
-  const [a, n] = E(null);
-  return P(() => {
+function bt({ html: t }) {
+  const [a, n] = _(null);
+  return Y(() => {
     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,75 +1106,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: [
+function vt({ toolName: t, content: a, artifacts: n, renderMode: s, html: r, artifactPreview: i }) {
+  const { openArtifactPreview: l } = J(), d = _e(n);
+  return /* @__PURE__ */ p("div", { className: "sa-tool-result-part", children: [
+    /* @__PURE__ */ p("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" }) }),
       /* @__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__ */ p(V, { children: [
+      /* @__PURE__ */ e(bt, { html: r }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(Ee, { text: r }) })
+    ] }) : a ? /* @__PURE__ */ p(V, { 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(Ee, { 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(
+    d.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: d.map((o, c) => /* @__PURE__ */ p(
       "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 ? () => l(o) : void 0,
+        onKeyDown: i ? (g) => {
+          (g.key === "Enter" || g.key === " ") && (g.preventDefault(), l(o));
         } : void 0,
         tabIndex: i ? 0 : void 0,
         role: i ? "button" : void 0,
-        "aria-label": i ? `预览 ${d.filename}` : void 0,
+        "aria-label": i ? `预览 ${o.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(o.type) }) }),
+          /* @__PURE__ */ p("div", { className: "sa-artifact-file-info", children: [
+            /* @__PURE__ */ e("span", { className: "sa-artifact-file-name", children: o.filename }),
+            o.size != null && /* @__PURE__ */ e("span", { className: "sa-artifact-file-size", children: De(o.size) })
           ] }),
           i && /* @__PURE__ */ e(
             "button",
             {
               className: "sa-artifact-file-download",
               title: "下载",
-              "aria-label": `下载 ${d.filename}`,
-              onClick: (u) => {
-                u.stopPropagation(), ie(d);
+              "aria-label": `下载 ${o.filename}`,
+              onClick: (g) => {
+                g.stopPropagation(), ce(o);
               },
               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}`
+      o.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: [
+function yt({ content: t, onRetry: a }) {
+  return /* @__PURE__ */ p("div", { className: "sa-error-part", children: [
+    /* @__PURE__ */ p("div", { className: "sa-error-content", children: [
       /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(B, { 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: [
+function He(t) {
+  return t == null || Number.isNaN(t) ? "" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / 1024 / 1024).toFixed(1)} MB`;
+}
+function kt({ attachment: t }) {
+  const a = /* @__PURE__ */ p(V, { children: [
+    /* @__PURE__ */ e(B, { name: "file-text", size: 14, color: "#6366f1" }),
+    /* @__PURE__ */ e("span", { className: "sa-attachment-chip-name", children: t.filename }),
+    t.size != null && /* @__PURE__ */ e("span", { className: "sa-attachment-chip-size", children: He(t.size) })
+  ] });
+  return t.url ? /* @__PURE__ */ e(
+    "a",
+    {
+      className: "sa-attachment-chip",
+      href: t.url,
+      target: "_blank",
+      rel: "noreferrer",
+      download: t.filename,
+      title: `下载 ${t.filename}`,
+      children: a
+    }
+  ) : /* @__PURE__ */ e("span", { className: "sa-attachment-chip", title: t.filename, children: a });
+}
+function Nt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
+  var d, o;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (d = r == null ? void 0 : r[0]) == null ? void 0 : d.label) || "确认", l = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (o = r == null ? void 0 : r[1]) == null ? void 0 : o.label) || "取消";
+  return /* @__PURE__ */ p("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-content", children: [
       /* @__PURE__ */ e(B, { name: "circle-alert", size: 16, color: "#f59e0b" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ p(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-primary ${s === "confirm" ? "sa-interrupt-btn-answered" : ""}`,
@@ -1133,7 +1209,7 @@ function dt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
           ]
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ p(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-secondary ${s === "cancel" ? "sa-interrupt-btn-answered" : ""}`,
@@ -1142,7 +1218,7 @@ function dt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
           children: [
             /* @__PURE__ */ e(B, { name: "x", size: 14 }),
             " ",
-            o
+            l
           ]
         }
       )
@@ -1150,16 +1226,16 @@ 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: [
+function Ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
+  var c, g, f, y;
+  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) || "批准", l = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (g = r == null ? void 0 : r[1]) == null ? void 0 : g.label) || "拒绝", d = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (f = r == null ? void 0 : r[2]) == null ? void 0 : f.label) || "跳过", o = ((y = t.metadata) == null ? void 0 : y.showSkip) !== !1;
+  return /* @__PURE__ */ p("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-content", children: [
       /* @__PURE__ */ e(B, { name: "circle-alert", size: 16, color: "#f59e0b" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ p(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-primary ${s === "approve" ? "sa-interrupt-btn-answered" : ""}`,
@@ -1172,7 +1248,7 @@ function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
           ]
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ p(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-danger ${s === "reject" ? "sa-interrupt-btn-answered" : ""}`,
@@ -1181,11 +1257,11 @@ function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
           children: [
             /* @__PURE__ */ e(B, { name: "x", size: 14 }),
             " ",
-            o
+            l
           ]
         }
       ),
-      d && /* @__PURE__ */ c(
+      o && /* @__PURE__ */ p(
         "button",
         {
           className: `sa-interrupt-btn sa-interrupt-btn-secondary ${s === "skip" ? "sa-interrupt-btn-answered" : ""}`,
@@ -1194,7 +1270,7 @@ function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
           children: [
             /* @__PURE__ */ e(B, { name: "chevron-right", size: 14 }),
             " ",
-            l
+            d
           ]
         }
       )
@@ -1202,26 +1278,26 @@ function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function pt(t) {
+function zt(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: [
+function Tt({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = (t.options ?? []).map(zt);
+  return /* @__PURE__ */ p("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-content", children: [
       /* @__PURE__ */ e(B, { 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 l = s === i.value;
+      return /* @__PURE__ */ p(
         "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" : ""} ${l ? "sa-interrupt-option-selected" : ""}`,
           disabled: n,
           onClick: () => a({ action: "select", value: i.value }),
           children: [
-            /* @__PURE__ */ e(B, { name: o ? "circle-check" : "circle", size: 14 }),
+            /* @__PURE__ */ e(B, { name: l ? "circle-check" : "circle", size: 14 }),
             i.icon && /* @__PURE__ */ e(B, { 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,37 +1309,37 @@ function ut({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
     n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function gt(t) {
+function It(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 Mt({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = (t.options ?? []).map(It), [i, l] = _(
     () => 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;
+  ), d = (o) => {
+    n || l((c) => {
+      const g = new Set(c);
+      return g.has(o) ? g.delete(o) : g.add(o), g;
     });
   };
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+  return /* @__PURE__ */ p("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-content", children: [
       /* @__PURE__ */ e(B, { 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((o) => /* @__PURE__ */ p(
       "button",
       {
-        className: `sa-interrupt-option ${i.has(d.value) ? "sa-interrupt-option-selected" : ""}`,
+        className: `sa-interrupt-option ${i.has(o.value) ? "sa-interrupt-option-selected" : ""}`,
         disabled: n,
-        onClick: () => l(d.value),
+        onClick: () => d(o.value),
         children: [
-          /* @__PURE__ */ e(B, { name: i.has(d.value) ? "square-check" : "square", size: 14 }),
-          /* @__PURE__ */ e("span", { children: d.label })
+          /* @__PURE__ */ e(B, { name: i.has(o.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e("span", { children: o.label })
         ]
       },
-      d.value
+      o.value
     )) }),
-    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ c(
+    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ p(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
@@ -1280,21 +1356,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 Et({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const [r, i] = _(s ?? ""), l = t.inputType ?? "text", d = l === "textarea", o = () => {
     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: [
+  return /* @__PURE__ */ p("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-content", children: [
       /* @__PURE__ */ e(B, { 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: d ? /* @__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,21 +1380,21 @@ function ht({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
       "input",
       {
         className: "sa-interrupt-input",
-        type: o,
+        type: l,
         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" && o(),
         disabled: n
       }
     ) }),
-    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ c(
+    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ p(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
         disabled: t.required ? !r.trim() : !1,
-        onClick: d,
+        onClick: o,
         children: [
           /* @__PURE__ */ e(B, { name: "check", size: 14 }),
           " 提交"
@@ -1328,31 +1404,31 @@ 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 St({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = t.fields ?? [], [i, l] = _(() => {
+    const g = {};
+    for (const f of r)
+      g[f.name] = (s == null ? void 0 : s[f.name]) ?? f.defaultValue ?? "";
+    return g;
+  }), d = (g, f) => {
+    n || l((y) => ({ ...y, [g]: f }));
+  }, o = !n && r.every((g) => !g.required || i[g.name]), c = () => {
+    o && a({ action: "submit", value: i });
   };
-  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+  return /* @__PURE__ */ p("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ p("div", { className: "sa-interrupt-content", children: [
       /* @__PURE__ */ e(B, { 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((g) => /* @__PURE__ */ p("div", { className: "sa-interrupt-form-field", children: [
+      /* @__PURE__ */ p("label", { className: "sa-interrupt-form-label", children: [
+        g.label,
+        g.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: [
+      At(g, i[g.name], (f) => d(g.name, f), n)
+    ] }, g.name)) }),
+    !n && /* @__PURE__ */ p("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ p("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !o, onClick: c, children: [
         /* @__PURE__ */ e(B, { name: "check", size: 14 }),
         " 提交"
       ] }),
@@ -1361,34 +1437,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 At(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__ */ p("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 : [], l = (d) => {
+        s || n(i.includes(d) ? i.filter((o) => o !== d) : [...i, d]);
       };
-      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((d) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: `sa-interrupt-option ${i.includes(l.value) ? "sa-interrupt-option-selected" : ""}`,
+          className: `sa-interrupt-option ${i.includes(d.value) ? "sa-interrupt-option-selected" : ""}`,
           disabled: s,
-          onClick: () => o(l.value),
-          children: l.label
+          onClick: () => l(d.value),
+          children: d.label
         },
-        l.value
+        d.value
       )) });
     }
     case "password":
@@ -1397,29 +1473,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 $t({ 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(Nt, { 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(Ct, { 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(Tt, { 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(Mt, { 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(Et, { 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(St, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     default:
-      return /* @__PURE__ */ c("div", { className: "sa-interrupt-unknown", children: [
+      return /* @__PURE__ */ p("div", { className: "sa-interrupt-unknown", children: [
         "未知的交互类型: ",
         t.interruptType
       ] });
   }
 }
-const bt = [
+const Dt = [
   { value: 1, label: "事实错误" },
   { value: 2, label: "逻辑问题" },
   { value: 3, label: "不相关" },
@@ -1427,45 +1503,45 @@ 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 Lt({ message: t, onCopy: a, onRegenerate: n, onFeedback: s }) {
+  const { status: r, cancelFeedback: i } = J(), [l, d] = _(null), [o, c] = _(!1), [g, f] = _(!1), y = F(null), b = T(() => {
+    a(), c(!0), setTimeout(() => c(!1), 2e3);
+  }, [a]), M = T(() => {
+    l === "like" ? (d(null), i(t.id)) : (d("like"), f(!1), s == null || s(t.id, "like"));
+  }, [l, t.id, s, i]), m = T(() => {
+    l === "dislike" ? (d(null), f(!1), i(t.id)) : f(!0);
+  }, [l, t.id, i]), I = T((v, z) => {
+    d("dislike"), f(!1), s == null || s(t.id, "dislike", { reason: v, remark: (z == null ? void 0 : z.trim()) || void 0 });
+  }, [t.id, s]), h = T(() => {
+    f(!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 Y(() => {
+    if (!g) return;
+    const v = (E) => {
+      y.current && !y.current.contains(E.target) && f(!1);
+    }, z = (E) => {
+      E.key === "Escape" && f(!1);
     };
-    return document.addEventListener("mousedown", H), document.addEventListener("keydown", k), () => {
-      document.removeEventListener("mousedown", H), document.removeEventListener("keydown", k);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", z), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", z);
     };
-  }, [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 }),
+  }, [g]), r !== "ready" && r !== "error" ? null : /* @__PURE__ */ p("div", { className: "sa-action-bar", children: [
+    /* @__PURE__ */ p("button", { className: "sa-action-btn", onClick: b, title: "复制", children: [
+      /* @__PURE__ */ e(B, { name: o ? "circle-check" : "copy", size: 14 }),
       " ",
-      d ? "已复制" : "复制"
+      o ? "已复制" : "复制"
     ] }),
-    n && /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: n, title: "重新生成", children: [
+    n && /* @__PURE__ */ p("button", { className: "sa-action-btn", onClick: n, title: "重新生成", children: [
       /* @__PURE__ */ e(B, { name: "refresh-cw", size: 14 }),
       " 重新生成"
     ] }),
-    s && /* @__PURE__ */ c(V, { children: [
+    s && /* @__PURE__ */ p(V, { 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 ${l === "like" ? "sa-action-btn-active" : ""}`,
+          onClick: M,
           title: "有用",
           "aria-label": "点赞",
           children: /* @__PURE__ */ e(B, { name: "thumbs-up", size: 14 })
@@ -1474,31 +1550,31 @@ function vt({ message: t, onCopy: a, onRegenerate: n, onFeedback: s }) {
       /* @__PURE__ */ e(
         "button",
         {
-          className: `sa-action-btn ${o === "dislike" ? "sa-action-btn-active" : ""}`,
-          onClick: f,
+          className: `sa-action-btn ${l === "dislike" ? "sa-action-btn-active" : ""}`,
+          onClick: m,
           title: "无用",
           "aria-label": "踩",
-          "aria-expanded": u,
+          "aria-expanded": g,
           "aria-haspopup": "dialog",
           children: /* @__PURE__ */ e(B, { name: "thumbs-down", size: 14 })
         }
       )
     ] }),
-    u && /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(yt, { onSubmit: y, onCancel: z }) })
+    g && /* @__PURE__ */ e("div", { ref: y, children: /* @__PURE__ */ e(_t, { onSubmit: I, onCancel: h }) })
   ] });
 }
-function yt({ onSubmit: t, onCancel: a }) {
-  const [n, s] = E(void 0), [r, i] = E("");
-  return /* @__PURE__ */ c("div", { className: "sa-dislike-panel", children: [
+function _t({ onSubmit: t, onCancel: a }) {
+  const [n, s] = _(void 0), [r, i] = _("");
+  return /* @__PURE__ */ p("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: Dt.map((l) => /* @__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 === l.value ? "active" : ""}`,
+        onClick: () => s(n === l.value ? void 0 : l.value),
+        children: l.label
       },
-      o.value
+      l.value
     )) }),
     /* @__PURE__ */ e(
       "textarea",
@@ -1507,182 +1583,194 @@ function yt({ onSubmit: t, onCancel: a }) {
         placeholder: "补充描述（选填，≤500 字）",
         maxLength: 500,
         value: r,
-        onChange: (o) => i(o.target.value),
+        onChange: (l) => i(l.target.value),
         rows: 2
       }
     ),
-    /* @__PURE__ */ c("div", { className: "sa-dislike-actions", children: [
+    /* @__PURE__ */ p("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 Rt = /^(https?:\/\/|data:|blob:|\/\/|\/|\.\/|\.\.\/)/;
+function Ae({ src: t, alt: a }) {
+  return t ? Rt.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 Ft({
   message: t,
   isStreaming: a,
   isLast: n,
   slots: s,
   avatar: r,
   artifactPreview: i,
-  showTimestamp: o
+  showTimestamp: l
 }) {
-  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: d, feedback: o, respondToInterrupt: c } = J(), g = T(() => {
+    var $;
+    const E = t.parts.filter((A) => A.type === "text").map((A) => A.content).join(`
 `);
-    (S = navigator.clipboard) == null || S.writeText(C).catch(() => {
+    ($ = navigator.clipboard) == null || $.writeText(E).catch(() => {
     });
-  }, [t]), g = t.role === "user", b = s.Message;
-  if (b)
+  }, [t]), f = t.role === "user", y = s.Message;
+  if (y)
     return /* @__PURE__ */ e(
-      b,
+      y,
       {
         message: t,
         isStreaming: a,
         isLast: n,
         avatar: r,
         slots: s,
-        onCopy: u,
-        onRegenerate: l,
-        onFeedback: d,
-        showTimestamp: o
+        onCopy: g,
+        onRegenerate: d,
+        onFeedback: o,
+        showTimestamp: l
       }
     );
-  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 ?? ft, M = s.ThinkingPart ?? xt, m = s.ToolCallPart ?? wt, I = s.ToolResultPart ?? vt, h = s.ErrorPart ?? yt, v = s.ActionBar ?? Lt, z = !f && t.parts.some((E) => E.type === "text" && E.content);
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `sa-message ${g ? "sa-message-user" : "sa-message-assistant"}`,
+      className: `sa-message ${f ? "sa-message-user" : "sa-message-assistant"}`,
       children: [
-        !g && /* @__PURE__ */ e(
-          Ie,
+        !f && /* @__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 ? K.assistantAvatarGenerating : K.assistantAvatar),
             alt: "AI"
           }
         ),
-        /* @__PURE__ */ c("div", { className: "sa-message-content", children: [
-          o && /* @__PURE__ */ e(
+        /* @__PURE__ */ p("div", { className: "sa-message-content", children: [
+          l && /* @__PURE__ */ e(
             "span",
             {
-              className: `sa-message-time ${g ? "sa-message-time-right" : ""}`,
-              children: Ze(t.timestamp)
+              className: `sa-message-time ${f ? "sa-message-time-right" : ""}`,
+              children: ct(t.timestamp)
             }
           ),
-          /* @__PURE__ */ c("div", { className: "sa-message-body", children: [
-            t.parts.map((C, S) => {
-              switch (C.type) {
+          /* @__PURE__ */ p("div", { className: "sa-message-body", children: [
+            t.parts.map((E, $) => {
+              switch (E.type) {
                 case "text":
-                  return /* @__PURE__ */ e(m, { content: C.content }, S);
+                  return /* @__PURE__ */ e(b, { content: E.content }, $);
+                case "attachment":
+                  return /* @__PURE__ */ e(kt, { attachment: E.attachment }, $);
                 case "thinking":
-                  return /* @__PURE__ */ e(x, { content: C.content }, S);
+                  return /* @__PURE__ */ e(M, { content: E.content }, $);
                 case "tool_call":
                   return /* @__PURE__ */ e(
-                    f,
+                    m,
                     {
-                      toolName: C.toolName,
-                      toolCallId: C.toolCallId,
-                      args: C.args
+                      toolName: E.toolName,
+                      toolCallId: E.toolCallId,
+                      args: E.args
                     },
-                    S
+                    $
                   );
                 case "tool_result":
                   return /* @__PURE__ */ e(
-                    y,
+                    I,
                     {
-                      toolName: C.toolName,
-                      toolCallId: C.toolCallId,
-                      content: C.content,
-                      artifacts: C.artifacts,
-                      renderMode: C.renderMode,
-                      html: C.html,
+                      toolName: E.toolName,
+                      toolCallId: E.toolCallId,
+                      content: E.content,
+                      artifacts: E.artifacts,
+                      renderMode: E.renderMode,
+                      html: E.html,
                       artifactPreview: i
                     },
-                    S
+                    $
                   );
                 case "error":
                   return /* @__PURE__ */ e(
-                    z,
+                    h,
                     {
-                      content: C.content,
-                      onRetry: l
+                      content: E.content,
+                      onRetry: d
                     },
-                    S
+                    $
                   );
                 case "interrupt":
                   return /* @__PURE__ */ e(
-                    wt,
+                    $t,
                     {
-                      interrupt: C.interrupt,
-                      resolved: C.resolved ?? !1,
-                      response: C.response,
-                      onRespond: (D) => p(C.interrupt.interruptId, D)
+                      interrupt: E.interrupt,
+                      resolved: E.resolved ?? !1,
+                      response: E.response,
+                      onRespond: (A) => c(E.interrupt.interruptId, A)
                     },
-                    S
+                    $
                   );
                 default:
                   return null;
               }
             }),
-            a && n && !g && !k && /* @__PURE__ */ e("span", { className: "sa-thinking-indicator", children: "思考中…" }),
-            !g && !a && k && /* @__PURE__ */ e(
-              H,
+            a && n && !f && !z && /* @__PURE__ */ e("span", { className: "sa-thinking-indicator", children: "思考中…" }),
+            !f && !a && z && /* @__PURE__ */ e(
+              v,
               {
                 message: t,
-                onCopy: u,
-                onRegenerate: n ? l : void 0,
-                onFeedback: d
+                onCopy: g,
+                onRegenerate: n ? d : void 0,
+                onFeedback: o
               }
             )
           ] })
         ] }),
-        g && (r == null ? void 0 : r.user) && /* @__PURE__ */ e(Ie, { src: r.user, alt: "用户" })
+        f && (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 Ht({ message: t, suggestedPrompts: a, onPromptClick: n, capabilities: s, quickLinks: r, logo: i, openPanel: l }) {
+  const d = (o) => {
+    if (o.onClick) {
+      o.onClick();
+      return;
+    }
+    const c = o.action;
+    if (!c) {
+      o.prompt && n(o.prompt);
+      return;
+    }
+    l == null || l(c.type === "link" ? c : { ...c, title: c.title ?? o.label });
+  };
+  return /* @__PURE__ */ p("div", { className: "flex flex-col gap-8 py-2", children: [
+    /* @__PURE__ */ p("div", { className: "flex flex-col items-center gap-1 opacity-0 animate-sa-home-fade-in", children: [
+      /* @__PURE__ */ e("img", { src: i || K.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: [
+    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__ */ p("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: [
+      o.desc && /* @__PURE__ */ p(V, { 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 })
       ] })
     ] }, o.label)) }),
-    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-3", children: a.map((o, l) => /* @__PURE__ */ c(
+    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-3", children: a.map((o, c) => /* @__PURE__ */ p(
       "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` },
+        style: { animationDelay: `${300 + c * 130}ms` },
         onClick: () => n(o),
         children: [
           /* @__PURE__ */ e("span", { className: "sa-chip-text overflow-hidden text-ellipsis whitespace-nowrap", children: o }),
           /* @__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}`
+      `${o}-${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__ */ p("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((o) => /* @__PURE__ */ p(
         "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: () => d(o),
           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 })
@@ -1693,47 +1781,51 @@ function Nt({ message: t, suggestedPrompts: a, onPromptClick: n, capabilities: s
     ] })
   ] });
 }
-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 Pe({ slots: t, welcomeMessage: a, suggestedPrompts: n, avatar: s, artifactPreview: r, capabilities: i, quickLinks: l, logo: d, showTimestamp: o }) {
+  const { messages: c, status: g, sendMessage: f, openPanel: y } = J(), { containerRef: b } = pt([c]), M = g === "streaming", m = t.WelcomeScreen ?? Ht, I = t.AppendContainer;
+  return c.length === 0 ? /* @__PURE__ */ p("div", { className: "sa-thread", ref: b, children: [
+    /* @__PURE__ */ e(
+      m,
+      {
+        message: a,
+        suggestedPrompts: n,
+        onPromptClick: f,
+        capabilities: i,
+        quickLinks: l,
+        logo: d,
+        openPanel: y
+      }
+    ),
+    I && /* @__PURE__ */ e(I, { openPanel: y })
+  ] }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: b, children: c.map((h, v) => /* @__PURE__ */ e(
+    Ft,
     {
-      message: f,
-      isStreaming: m,
-      isLast: y === p.length - 1,
+      message: h,
+      isStreaming: M,
+      isLast: v === c.length - 1,
       slots: t,
       avatar: s,
       artifactPreview: r,
-      showTimestamp: d
+      showTimestamp: o
     },
-    f.id
+    h.id
   )) });
 }
-function zt({ items: t, activeIndex: a, onSelect: n }) {
-  const s = R(null);
-  return P(() => {
+function Pt({ items: t, activeIndex: a, onSelect: n }) {
+  const s = F(null);
+  return Y(() => {
     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__ */ p(
     "div",
     {
       className: `sa-slash-menu-item${i === a ? " sa-slash-menu-item--active" : ""}`,
-      onMouseDown: (o) => {
-        o.preventDefault(), n(r);
+      onMouseDown: (l) => {
+        l.preventDefault(), n(r);
       },
       children: [
-        /* @__PURE__ */ c("span", { className: "sa-slash-menu-item-name", children: [
+        /* @__PURE__ */ p("span", { className: "sa-slash-menu-item-name", children: [
           "/",
           r.name
         ] }),
@@ -1743,97 +1835,186 @@ 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 Bt({ sdk: t, input: a, onSelect: n }) {
+  const [s, r] = _([]), [i, l] = _(!1), [d, o] = _(0), c = F(!1);
+  Y(() => {
+    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 g = /^\/\S*$/.test(a);
+  Y(() => {
+    l(g);
+  }, [g]), Y(() => {
+    g && o(0);
+  }, [a, g]);
+  const f = a.startsWith("/") ? a.slice(1).toLowerCase() : "", y = re(
     () => s.filter(
-      (k) => !g || k.code.toLowerCase().includes(g) || k.name.toLowerCase().includes(g) || k.displayName && k.displayName.toLowerCase().includes(g)
+      (z) => !f || z.code.toLowerCase().includes(f) || z.name.toLowerCase().includes(f) || z.displayName && z.displayName.toLowerCase().includes(f)
     ),
-    [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, f]
+  ), b = F(i), M = F(y), m = F(d), I = F(n);
+  b.current = i, M.current = y, m.current = d, I.current = n;
+  const h = T((z) => {
+    if (!b.current || M.current.length === 0) return !1;
+    switch (z.key) {
       case "ArrowDown":
-        return k.preventDefault(), d((C) => (C + 1) % x.current.length), !0;
+        return z.preventDefault(), o((E) => (E + 1) % M.current.length), !0;
       case "ArrowUp":
-        return k.preventDefault(), d((C) => (C - 1 + x.current.length) % x.current.length), !0;
+        return z.preventDefault(), o((E) => (E - 1 + M.current.length) % M.current.length), !0;
       case "Enter":
       case "Tab":
-        return k.preventDefault(), y.current(x.current[f.current]), o(!1), !0;
+        return z.preventDefault(), I.current(M.current[m.current]), l(!1), !0;
       case "Escape":
-        return k.preventDefault(), o(!1), !0;
+        return z.preventDefault(), l(!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);
+  }, []), v = T(() => l(!1), []);
+  return { isOpen: i, items: y, activeIndex: d, handleKeyDown: h, close: v };
+}
+const Ot = 10;
+function jt({ size: t = 16 }) {
+  return /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
+}
+function Be() {
+  const { status: t, sendMessage: a, stop: n, sdk: s, attachmentUploader: r, nosUpload: i } = J(), [l, d] = _(""), [o, c] = _([]), g = F(null), f = F(null), y = !!r || !!i, b = t === "streaming" || t === "submitted", M = o.filter((u) => u.attachment), m = o.some((u) => !u.attachment && u.status === "uploading"), I = !!l.trim() || o.length > 0 || b, h = !b && !m && (l.trim().length > 0 || M.length > 0), v = T((u) => {
+    d(`/${u.name} `), setTimeout(() => {
+      const S = g.current;
+      S && (S.focus(), S.selectionStart = S.selectionEnd = S.value.length);
     }, 0);
-  }, []), u = It({
+  }, []), z = Bt({
     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,
+    input: l,
+    onSelect: v
+  }), E = T((u) => {
+    const S = Array.from(u.target.files ?? []);
+    if (u.target.value = "", !y || S.length === 0) return;
+    const H = Ot - o.length, O = S.slice(0, Math.max(0, H));
+    if (O.length === 0) return;
+    const N = O.map((x) => ({
+      key: `${x.name}_${x.size}_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`,
+      file: x,
+      status: "uploading"
+    }));
+    c((x) => [...x, ...N]);
+    for (const { key: x, file: L } of N)
+      (r || tt({
+        baseURL: i.baseURL,
+        headers: i.headers,
+        trunkSize: i.trunkSize,
+        onProgress: (R) => c((j) => j.map((C) => C.key === x ? { ...C, percent: R } : C))
+      }))(L).then((R) => {
+        c(
+          (j) => j.map(
+            (C) => C.key === x ? { ...C, attachment: { ...R, filename: R.filename || L.name, size: R.size ?? L.size, mime: R.mime ?? L.type } } : C
+          )
+        );
+      }).catch((R) => {
+        c(
+          (j) => j.map(
+            (C) => C.key === x ? { ...C, status: "error", errorMsg: R instanceof Error ? R.message : String(R) } : C
+          )
+        );
+      });
+  }, [r, i, o]), $ = T((u) => {
+    c((S) => S.filter((H) => H.key !== u));
+  }, []), A = T(() => {
+    if (!h) return;
+    const u = l.trim(), S = M.map((H) => H.attachment);
+    a(u, S.length > 0 ? S : void 0), d(""), c([]), g.current && (g.current.style.height = "auto");
+  }, [h, l, M, a]), w = T((u) => {
+    z.handleKeyDown(u) || u.key === "Enter" && !u.shiftKey && (u.preventDefault(), A());
+  }, [A, z.handleKeyDown]), D = T((u) => {
+    d(u.target.value);
+    const S = u.target;
+    S.style.height = "auto", S.style.height = Math.min(S.scrollHeight, 90) + "px";
+  }, []), P = T(() => {
+    var u;
+    b || (u = g.current) == null || u.focus();
+  }, [b]);
+  return /* @__PURE__ */ p("div", { className: "relative z-[2] shrink-0 px-[15px] pb-2.5", children: [
+    z.isOpen && /* @__PURE__ */ e(
+      Pt,
       {
-        items: u.items,
-        activeIndex: u.activeIndex,
-        onSelect: p
+        items: z.items,
+        activeIndex: z.activeIndex,
+        onSelect: v
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ p(
       "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 ${I ? "sa-input-form-active" : ""}`,
+        onClick: P,
+        onSubmit: (u) => {
+          u.preventDefault(), A();
         },
         children: [
-          /* @__PURE__ */ e(
-            "textarea",
-            {
-              ref: o,
-              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,
-              placeholder: "请输入你想要了解的关键词",
-              rows: 1,
-              disabled: l
-            }
-          ),
-          l ? /* @__PURE__ */ e(
+          /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+            o.length > 0 && /* @__PURE__ */ e("div", { className: "sa-attachment-tray", onClick: (u) => u.stopPropagation(), children: o.map((u) => /* @__PURE__ */ p(
+              "span",
+              {
+                className: `sa-attachment-tray-chip ${u.status === "error" ? "sa-attachment-tray-chip-error" : ""}`,
+                title: u.status === "error" ? `上传失败：${u.errorMsg ?? ""}` : u.file.name,
+                children: [
+                  /* @__PURE__ */ e(B, { name: "file-text", size: 13, color: u.status === "error" ? "#ef4444" : "#6366f1" }),
+                  /* @__PURE__ */ e("span", { className: "sa-attachment-tray-chip-name", children: u.file.name }),
+                  /* @__PURE__ */ e("span", { className: "sa-attachment-tray-chip-size", children: u.attachment ? He(u.file.size) : u.status === "error" ? "失败" : u.percent != null ? `${Math.min(99, Math.round(u.percent))}%` : "上传中…" }),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: "sa-attachment-tray-chip-remove",
+                      "aria-label": `移除附件 ${u.file.name}`,
+                      onClick: () => $(u.key),
+                      children: "✕"
+                    }
+                  )
+                ]
+              },
+              u.key
+            )) }),
+            /* @__PURE__ */ p("div", { className: "flex items-end gap-2", children: [
+              y && !b && /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "sa-attach-btn",
+                  "aria-label": "添加附件",
+                  title: "添加附件",
+                  onClick: () => {
+                    var u;
+                    return (u = f.current) == null ? void 0 : u.click();
+                  },
+                  children: /* @__PURE__ */ e(jt, { size: 15 })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: f,
+                  type: "file",
+                  multiple: !0,
+                  className: "hidden",
+                  onChange: E,
+                  "aria-label": "选择附件"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  ref: g,
+                  className: "sa-input-field min-h-[34px] flex-1 resize-none border-none bg-transparent p-0 text-[14px] leading-[1.5] text-[#333] outline-none placeholder:text-[#B8B8B8]",
+                  value: l,
+                  onChange: D,
+                  onKeyDown: w,
+                  placeholder: "请输入你想要了解的关键词",
+                  rows: 1,
+                  disabled: b
+                }
+              )
+            ] })
+          ] }),
+          b ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -1847,10 +2028,11 @@ function Le() {
             "button",
             {
               type: "submit",
-              className: `sa-send-btn ${r.trim() ? "sa-send-btn-active" : ""}`,
+              className: `sa-send-btn ${h ? "sa-send-btn-active" : ""}`,
               "aria-label": "发送",
               title: "发送",
-              children: /* @__PURE__ */ e("img", { src: X.sendSolid, alt: "发送", width: 14, height: 14, draggable: !1 })
+              disabled: !h,
+              children: /* @__PURE__ */ e("img", { src: K.sendSolid, alt: "发送", width: 14, height: 14, draggable: !1 })
             }
           )
         ]
@@ -1859,352 +2041,425 @@ 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 Wt({ artifact: t }) {
+  const [a, n] = Q.useState(null), [s, r] = Q.useState(!0), [i, l] = Q.useState(null);
   return Q.useEffect(() => {
-    let l = !1;
-    r(!0), o(null), n(null);
-    async function d() {
+    let d = !1;
+    r(!0), l(null), n(null);
+    async function o() {
       try {
         if (t.type === "pdf") {
-          l || r(!1);
+          d || 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 g = await c.text(), f = (await import("./purify.es-C-6FFqDW.js")).default;
+          d || (n(f.sanitize(g, { 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 g = await c.arrayBuffer(), y = await (await import("./mammoth.browser-Czw2m8xL.js").then((M) => M.m)).convertToHtml({ arrayBuffer: g }), b = (await import("./purify.es-C-6FFqDW.js")).default;
+          d || (n(b.sanitize(y.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 : "加载失败"));
+        d || (r(!1), l(`不支持预览「${t.type}」类型`));
+      } catch (c) {
+        d || (r(!1), l(c instanceof Error ? c.message : "加载失败"));
       }
     }
-    return d(), () => {
-      l = !0;
+    return o(), () => {
+      d = !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__ */ p("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 ce(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 }) {
-  const [s, r] = E(
+function Yt({ artifacts: t, initialArtifact: a, onClose: n }) {
+  const [s, r] = _(
     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, l] = _(!1), d = F(null), [o, c] = _(340), g = F(null);
+  Y(() => {
+    a && (d.current && (clearTimeout(d.current), d.current = null, l(!1)), r({ mode: "preview", artifact: a }));
   }, [a]);
-  const g = N(() => {
-    o(!0), l.current = setTimeout(() => {
-      l.current = null, n();
+  const f = T(() => {
+    l(!0), d.current = setTimeout(() => {
+      d.current = null, n();
     }, 240);
   }, [n]);
-  P(() => () => {
-    var f;
-    l.current && clearTimeout(l.current), (f = u.current) == null || f.call(u);
+  Y(() => () => {
+    var m;
+    d.current && clearTimeout(d.current), (m = g.current) == null || m.call(g);
   }, []);
-  const b = N((f) => {
-    r({ mode: "preview", artifact: f });
-  }, []), m = N(() => {
+  const y = T((m) => {
+    r({ mode: "preview", artifact: m });
+  }, []), b = T(() => {
     r({ mode: "list" });
   }, []);
-  P(() => {
-    const f = (y) => {
-      y.key === "Escape" && g();
+  Y(() => {
+    const m = (I) => {
+      I.key === "Escape" && f();
     };
-    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", m), () => document.removeEventListener("keydown", m);
+  }, [f]);
+  const M = T((m) => {
+    m.preventDefault();
+    const I = m.clientX, h = o, v = (E) => {
+      const $ = I - E.clientX;
+      c(Math.max(240, Math.min(window.innerWidth * 0.7, h + $)));
+    }, z = () => {
+      document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", z), document.body.style.cursor = "", document.body.style.userSelect = "", g.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", v), document.addEventListener("mouseup", z), g.current = z;
+  }, [o]);
+  return /* @__PURE__ */ p("div", { className: `sa-artifact-drawer ${i ? "sa-drawer-closing" : ""}`, style: { width: o }, children: [
+    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: M }),
+    /* @__PURE__ */ p("div", { className: "sa-artifact-drawer-header", children: [
+      s.mode === "preview" ? /* @__PURE__ */ p(V, { 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__ */ p(V, { children: [
+        /* @__PURE__ */ p("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 ce(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: f, 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((m, I) => /* @__PURE__ */ p(
       "li",
       {
         className: "sa-drawer-file-card",
-        onClick: () => b(f),
-        onKeyDown: (z) => {
-          (z.key === "Enter" || z.key === " ") && (z.preventDefault(), b(f));
+        onClick: () => y(m),
+        onKeyDown: (h) => {
+          (h.key === "Enter" || h.key === " ") && (h.preventDefault(), y(m));
         },
         tabIndex: 0,
         role: "button",
-        "aria-label": `预览 ${f.filename}`,
+        "aria-label": `预览 ${m.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(m.type) }) }),
+          /* @__PURE__ */ p("div", { className: "sa-drawer-file-info", children: [
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: m.filename }),
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: De(m.size) })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
               className: "sa-drawer-btn",
               title: "下载",
-              "aria-label": `下载 ${f.filename}`,
-              onClick: (z) => {
-                z.stopPropagation(), ie(f);
+              "aria-label": `下载 ${m.filename}`,
+              onClick: (h) => {
+                h.stopPropagation(), ce(m);
               },
               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 }) }) })
+      m.id || `artifact-${I}`
+    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(Wt, { artifact: s.artifact }) }) })
+  ] });
+}
+function Gt({ page: t, onBack: a, centered: n }) {
+  Y(() => {
+    const r = (i) => {
+      i.key === "Escape" && a();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [a]);
+  const s = Ze(t.component) ? Je(t.component, { close: a }) : Qe(t.component, { close: a });
+  return /* @__PURE__ */ p("div", { className: `sa-page-overlay ${n ? "sa-page-overlay-centered" : ""}`, children: [
+    /* @__PURE__ */ p("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 Ut = "mx-auto w-full max-w-[800px]";
+function Oe({
+  contentClassName: t,
+  centered: a,
+  composerClassName: n,
+  thread: s,
+  composer: r,
+  artifactPreview: i
+}) {
+  const {
+    activePanel: l,
+    closePanel: d,
+    messagesLoading: o,
+    isArtifactDrawerOpen: c,
+    allArtifacts: g,
+    activePreviewArtifact: f,
+    toggleArtifactDrawer: y
+  } = J();
+  if (l)
+    return /* @__PURE__ */ e(Gt, { page: l, onBack: d, centered: a });
+  const b = a ? Ut : "";
+  return /* @__PURE__ */ p(V, { children: [
+    /* @__PURE__ */ p("div", { className: `${t} ${b}`, children: [
+      o ? /* @__PURE__ */ p("div", { className: "sa-messages-loading", children: [
+        /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
+        "加载对话..."
+      ] }) : s,
+      i && c && /* @__PURE__ */ e(
+        Yt,
+        {
+          artifacts: g,
+          initialArtifact: f,
+          onClose: y
+        }
+      )
+    ] }),
+    n ? /* @__PURE__ */ e("div", { className: `${n} ${b}`, children: r }) : r
+  ] });
+}
+function Xt({
   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: l,
+  artifactPreview: d,
+  capabilities: o,
+  quickLinks: c,
+  logo: g,
+  defaultWidth: f,
+  defaultHeight: y,
+  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,
-    hasCustomPosition: Y,
-    isMaximized: j,
+    status: M,
+    sendMessage: m,
+    stop: I,
+    toggleThreadList: h,
+    setThreadListOpen: v,
+    isThreadListOpen: z,
+    toggleArtifactDrawer: E,
+    allArtifacts: $,
+    activePanel: A,
+    closePanel: w,
+    messages: D,
+    messagesLoading: P,
+    conversations: u,
+    activeConversationId: S,
+    switchConversation: H,
+    newConversation: O,
+    deleteConversation: N,
+    renameConversation: x,
+    hasMore: L,
+    loadMoreConversations: k
+  } = J(), {
+    width: R,
+    position: j,
+    hasCustomPosition: C,
+    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: G,
+    windowHeight: ne,
+    startWindowDrag: je,
+    startResize: We,
+    toggleMaximize: Ye,
+    reset: fe,
+    setLockedHeight: pe
+  } = st({
+    defaultWidth: f ?? X.DEFAULT_WIDTH,
+    defaultHeight: y ?? 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 = F(null), me = F(null), ue = !P && D.length === 0, se = !P && D.length > 0, ie = !!A;
+  Y(() => {
+    t || (fe(), w());
+  }, [t, fe, w]), Y(() => {
+    v(W ? he.current ?? !0 : me.current ?? !1);
+  }, [W, v]), Y(() => {
+    se || pe(null);
+  }, [se, pe]);
+  const Ge = it({
+    enabled: t && se && !W && !ie,
     contentSelector: ".sa-panel-content",
-    defaultHeight: b ?? U.DEFAULT_HEIGHT,
-    onHeightChange: oe
+    defaultHeight: y ?? X.DEFAULT_HEIGHT,
+    onHeightChange: pe
   });
   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, oe = s.ThreadList, Ue = () => {
+    const de = !z;
+    h(), W ? he.current = de : me.current = de;
+  }, be = 200, ve = z && !W, q = "var(--sa-radius, 16px)", ye = ve ? `0px ${q} ${q} 0px` : `${q} ${q} ${q} ${q}`, Xe = C ? j.x : window.innerWidth - G - 20, le = Math.min(be, Math.max(0, Xe - 1)), Ke = C ? { width: `${G}px`, height: `${ne}px`, left: `${j.x}px`, top: `${j.y}px` } : { width: `${G}px`, height: `${ne}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: Ue,
+    isMaximized: W,
+    onToggleMaximize: Ye,
+    // 整屏容器态隐藏「回到首页」与产物入口：返回按钮已接管退出，抽屉也随内容区一并被替换
+    showHome: se && !ie,
+    onHome: O,
+    artifactCount: ie || !d ? 0 : $.length,
+    onToggleArtifactDrawer: ie || !d ? void 0 : E
+  }, Ne = {
+    conversations: u,
+    activeSessionId: S,
+    onSwitch: H,
+    onNew: O,
+    onDelete: N,
+    onRename: x,
+    hasMore: L,
+    onLoadMore: k
+  }, Ce = /* @__PURE__ */ p(
     "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: `${R}px`, borderRadius: ye, overflow: "hidden" },
       children: [
-        le && /* @__PURE__ */ c(V, { children: [
+        ue && /* @__PURE__ */ p(V, { 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 ${ue || W ? "" : "bg-white"} ${W ? "cursor-default" : "cursor-grab active:cursor-grabbing"}`,
+            onMouseDown: W ? void 0 : je,
+            children: xe ? /* @__PURE__ */ e(xe, { ...ke }) : /* @__PURE__ */ e(dt, { ...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(
+          Oe,
+          {
+            contentClassName: `sa-panel-content relative z-[2] ${ue ? "sa-home-view" : ""}`,
+            centered: W,
+            composerClassName: "shrink-0",
+            artifactPreview: d,
+            thread: /* @__PURE__ */ e(
+              Pe,
+              {
+                slots: s,
+                welcomeMessage: r,
+                suggestedPrompts: i,
+                avatar: l,
+                artifactPreview: d,
+                capabilities: o,
+                quickLinks: c,
+                logo: g,
+                showTimestamp: b
+              }
+            ),
+            composer: we ? /* @__PURE__ */ e(we, { status: M, onSend: m, onStop: I }) : /* @__PURE__ */ e(Be, {})
+          }
+        )
       ]
     }
   );
-  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__ */ p(
+    "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: [
+        z && (oe ? /* @__PURE__ */ e(oe, { ...Ne }) : /* @__PURE__ */ e(Ie, { width: 220 })),
+        Ce
+      ]
+    }
+  ) }) : /* @__PURE__ */ p(
     "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: Ge,
+      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: { ...Ke, 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: (de) => We(de)
           }
         ),
-        /* @__PURE__ */ e(
+        ve && (oe ? /* @__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: le, transform: `translateX(-${le}px)`, borderRadius: `${q} 0px 0px ${q}` },
+            children: /* @__PURE__ */ e(oe, { ...Ne })
           }
-        ),
-        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: le, transform: `translateX(-${le}px)`, borderRadius: `${q} 0px 0px ${q}` },
+            children: /* @__PURE__ */ e(Ie, { width: be })
+          }
+        )),
+        Ce
       ]
     }
   );
 }
-const Et = () => {
+const Kt = () => {
 };
-function St({
+function Vt({
   conversations: t,
   activeSessionId: a,
   onSwitch: n,
   onNew: s,
   onDelete: r,
   onRename: i,
-  isCollapsed: o,
-  onToggleCollapse: l,
-  hasMore: d,
-  onLoadMore: p,
-  conversationsLoading: u
+  isCollapsed: l,
+  onToggleCollapse: d,
+  hasMore: o,
+  onLoadMore: c,
+  conversationsLoading: g
 }) {
-  const [g, b] = E(null), [m, x] = E(null), [f, y] = E(""), [z, H] = E(null), k = R(null);
-  P(
+  const [f, y] = _(null), [b, M] = _(null), [m, I] = _(""), [h, v] = _(null), z = F(null);
+  Y(
     () => () => {
-      k.current && clearTimeout(k.current);
+      z.current && clearTimeout(z.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 E = T(
+    (u, S) => {
+      S.stopPropagation(), f === u ? (r(u), y(null)) : (y(u), z.current && clearTimeout(z.current), z.current = setTimeout(
+        () => y(null),
         3e3
       ));
     },
-    [g, r]
-  ), S = N(
-    (L, v, A) => {
-      A.stopPropagation(), x(L), y(v ?? "");
+    [f, r]
+  ), $ = T(
+    (u, S, H) => {
+      H.stopPropagation(), M(u), I(S ?? "");
     },
     []
-  ), D = N(
-    (L) => {
-      f.trim() && i(L, f.trim()), x(null);
+  ), A = T(
+    (u) => {
+      m.trim() && i(u, m.trim()), M(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),
+    [m, i]
+  ), w = F(null), D = T(() => {
+    const u = w.current;
+    !u || !o || !c || u.scrollHeight - u.scrollTop - u.clientHeight < 50 && c();
+  }, [o, c]), P = 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 l ? /* @__PURE__ */ p("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,
+        onClick: d,
         children: /* @__PURE__ */ e(B, { name: "panel-left", size: 18 })
       }
     ),
@@ -2215,21 +2470,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(), d();
         },
-        children: /* @__PURE__ */ e("img", { src: X.messageCreate, alt: "", width: 18, height: 18 })
+        children: /* @__PURE__ */ e("img", { src: K.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__ */ p("div", { className: "relative flex w-[220px] shrink-0 flex-col border-r border-[#ECECEC] bg-[#FAFAFA] p-3", children: [
+    /* @__PURE__ */ p("div", { className: "mb-4 flex shrink-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ p(
         "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: K.messageCreate, alt: "", width: 18, height: 18 }),
             /* @__PURE__ */ e("span", { className: "sa-new-chat-text whitespace-nowrap", children: "新建对话" })
           ]
         }
@@ -2240,77 +2495,77 @@ 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,
+          onClick: d,
           children: /* @__PURE__ */ e(B, { name: "panel-left-close", size: 16 })
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "px-1 pb-2.5", children: [
+    /* @__PURE__ */ p("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__ */ p(
       "div",
       {
         ref: w,
         className: "flex-1 overflow-y-auto",
-        onScroll: M,
+        onScroll: D,
         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;
+          g && t.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "加载中..." }),
+          !g && t.length === 0 && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-[12px] text-[#999]", children: "暂无记录" }),
+          P.map((u) => /* @__PURE__ */ p("div", { className: "mb-1", children: [
+            /* @__PURE__ */ e("div", { className: "px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]", children: u.label }),
+            u.items.map((S) => {
+              const H = S.sessionId === a, O = f === S.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 ${H ? "bg-[#E8F1FE]" : "hover:bg-[#E8F1FE]"}`,
                   onClick: () => {
-                    m !== v.sessionId && n(v.sessionId);
+                    b !== S.sessionId && n(S.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: (N) => {
+                    if (b === S.sessionId) return;
+                    const x = N.currentTarget.getBoundingClientRect();
+                    v({
+                      text: S.title || "新会话",
+                      x: x.right + 8,
+                      y: x.top + x.height / 2
                     });
                   },
-                  onMouseLeave: () => H(null),
-                  children: m === v.sessionId ? /* @__PURE__ */ e(
+                  onMouseLeave: () => v(null),
+                  children: b === S.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: m,
+                      onChange: (N) => I(N.target.value),
+                      onBlur: () => A(S.sessionId),
+                      onKeyDown: (N) => {
+                        N.key === "Enter" && A(S.sessionId), N.key === "Escape" && M(null);
                       },
-                      onClick: (F) => F.stopPropagation(),
+                      onClick: (N) => N.stopPropagation(),
                       autoFocus: !0
                     }
-                  ) : /* @__PURE__ */ c(V, { children: [
+                  ) : /* @__PURE__ */ p(V, { children: [
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: X.message,
+                        src: K.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: S.title || "新会话" }),
+                    /* @__PURE__ */ p("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: (N) => $(S.sessionId, S.title, N),
                           title: "重命名",
                           children: /* @__PURE__ */ e(B, { name: "pen", size: 12 })
                         }
@@ -2319,13 +2574,13 @@ function St({
                         "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 ${O ? "bg-[#fee2e2] text-[#ef4444]" : "text-[#999] hover:bg-white/70 hover:text-[#ef4444]"}`,
+                          onClick: (N) => E(S.sessionId, N),
+                          title: O ? "确认删除" : "删除",
                           children: /* @__PURE__ */ e(
                             B,
                             {
-                              name: I ? "x" : "trash2",
+                              name: O ? "x" : "trash2",
                               size: 12
                             }
                           )
@@ -2334,116 +2589,117 @@ function St({
                     ] })
                   ] })
                 },
-                v.sessionId
+                S.sessionId
               );
             })
-          ] }, L.label)),
-          d && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
+          ] }, u.label)),
+          o && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
         ]
       }
     ),
-    z && /* @__PURE__ */ e(
+    h && /* @__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: h.x,
+          top: h.y,
           transform: "translateY(-50%)"
         },
-        children: z.text
+        children: h.text
       }
     )
   ] });
 }
-function At({
+function qt({
   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: l,
+  sidebarDefaultOpen: d = !0,
+  onClose: o,
+  avatar: c,
+  artifactPreview: g,
+  showTimestamp: f
 }) {
   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: y,
+    sendMessage: b,
+    stop: M,
+    conversations: m,
+    activeConversationId: I,
+    switchConversation: h,
+    newConversation: v,
+    deleteConversation: z,
+    renameConversation: E,
+    toggleArtifactDrawer: $,
+    allArtifacts: A,
+    activePanel: w,
+    closePanel: D,
+    hasMore: P,
+    loadMoreConversations: u,
+    conversationsLoading: S
+  } = J(), [H, O] = _(d), N = T(() => O((j) => !j), []), x = !!w;
+  Y(() => () => D(), [D]);
+  const L = a.ThreadList, k = a.Composer, R = a.Header;
+  return /* @__PURE__ */ p("div", { className: "sa-fullpage", children: [
+    L ? /* @__PURE__ */ e(
       "div",
       {
-        className: `sa-fp-sidebar-wrapper ${I ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
+        className: `sa-fp-sidebar-wrapper ${H ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
         children: /* @__PURE__ */ e(
-          _,
+          L,
           {
-            conversations: f,
-            activeSessionId: y,
-            onSwitch: z,
-            onNew: H,
-            onDelete: k,
-            onRename: C,
-            hasMore: $,
-            onLoadMore: L
+            conversations: m,
+            activeSessionId: I,
+            onSwitch: h,
+            onNew: v,
+            onDelete: z,
+            onRename: E,
+            hasMore: P,
+            onLoadMore: u
           }
         )
       }
     ) : /* @__PURE__ */ e(
-      St,
+      Vt,
       {
-        conversations: f,
-        activeSessionId: y,
-        onSwitch: z,
-        onNew: H,
-        onDelete: k,
-        onRename: C,
-        isCollapsed: !I,
-        onToggleCollapse: h,
-        hasMore: $,
-        onLoadMore: L,
-        conversationsLoading: v
+        conversations: m,
+        activeSessionId: I,
+        onSwitch: h,
+        onNew: v,
+        onDelete: z,
+        onRename: E,
+        isCollapsed: !H,
+        onToggleCollapse: N,
+        hasMore: P,
+        onLoadMore: u,
+        conversationsLoading: S
       }
     ),
-    /* @__PURE__ */ c("div", { className: "sa-fp-main", children: [
-      W ? /* @__PURE__ */ e(
-        W,
+    /* @__PURE__ */ p("div", { className: "sa-fp-main", children: [
+      R ? /* @__PURE__ */ e(
+        R,
         {
           title: t,
-          onClose: d ?? Et,
-          onToggleThreadList: h,
-          artifactCount: u ? w.length : 0,
-          onToggleArtifactDrawer: u ? S : void 0
+          onClose: o ?? Kt,
+          onToggleThreadList: N,
+          artifactCount: x || !g ? 0 : A.length,
+          onToggleArtifactDrawer: x || !g ? void 0 : $
         }
-      ) : /* @__PURE__ */ c("div", { className: "sa-fp-header", children: [
+      ) : /* @__PURE__ */ p("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: !x && g && A.length > 0 && /* @__PURE__ */ p(
           "button",
           {
             className: "sa-fp-header-btn sa-header-btn-artifact",
-            onClick: S,
+            onClick: $,
             title: "会话产物",
             children: [
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ p(
                 "svg",
                 {
                   width: "14",
@@ -2463,109 +2719,105 @@ 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(
+        Oe,
+        {
+          contentClassName: "sa-fp-content-row",
+          artifactPreview: g,
+          thread: /* @__PURE__ */ e(
+            Pe,
+            {
+              slots: a,
+              welcomeMessage: n,
+              suggestedPrompts: s,
+              capabilities: r,
+              quickLinks: i,
+              logo: l,
+              avatar: c,
+              artifactPreview: g,
+              showTimestamp: f
+            }
+          ),
+          composer: k ? /* @__PURE__ */ e(k, { status: y, onSend: b, onStop: M }) : /* @__PURE__ */ e(Be, {})
+        }
+      )
     ] })
   ] });
 }
-function Dt(t) {
+function Zt(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: l,
+    title: d = "AI Assistant",
+    initialOpen: o = !1,
+    onOpenChange: c,
+    sidebarDefaultOpen: g,
+    avatar: f,
+    artifactPreview: y,
+    capabilities: b,
+    quickLinks: M,
+    logo: m,
+    triggerLogo: I,
+    theme: h,
+    showTimestamp: v,
+    attachmentUploader: z,
+    nosUpload: E
+  } = t, [$, A] = _(o);
+  Y(() => {
+    A(o);
+  }, [o]);
+  const w = T(() => {
+    var S, H;
+    const u = !$;
+    A(u), c == null || c(u), u ? (S = r.onOpen) == null || S.call(r) : (H = r.onClose) == null || H.call(r);
+  }, [$, r, c]), D = T(() => {
+    var u;
+    A(!1), c == null || c(!1), (u = r.onClose) == null || u.call(r);
+  }, [r, c]), P = s.Trigger ?? lt;
+  return n === "fullpage" ? $ ? /* @__PURE__ */ e(Te, { sdk: a, hooks: r, attachmentUploader: z, nosUpload: E, children: /* @__PURE__ */ e(
+    qt,
     {
-      title: l,
+      title: d,
       slots: s,
       welcomeMessage: i,
-      suggestedPrompts: o,
-      capabilities: m,
-      quickLinks: x,
-      logo: f,
-      sidebarDefaultOpen: u,
+      suggestedPrompts: l,
+      capabilities: b,
+      quickLinks: M,
+      logo: m,
+      sidebarDefaultOpen: g,
       onClose: D,
-      avatar: g,
-      artifactPreview: b,
-      showTimestamp: H
+      avatar: f,
+      artifactPreview: y,
+      showTimestamp: v
     }
-  ) }) : null : /* @__PURE__ */ c(ye, { sdk: a, hooks: r, children: [
-    /* @__PURE__ */ e(w, { isOpen: k, onClick: S, triggerLogo: y }),
+  ) }) : null : /* @__PURE__ */ p(Te, { sdk: a, hooks: r, attachmentUploader: z, nosUpload: E, children: [
+    /* @__PURE__ */ e(P, { isOpen: $, onClick: w, triggerLogo: I }),
     /* @__PURE__ */ e(
-      Mt,
+      Xt,
       {
-        isOpen: k,
+        isOpen: $,
         onClose: D,
-        title: l,
+        title: d,
         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: l,
+        avatar: f,
+        artifactPreview: y,
+        capabilities: b,
+        quickLinks: M,
+        logo: m,
+        defaultWidth: h == null ? void 0 : h.panelWidth,
+        defaultHeight: h == null ? void 0 : h.panelHeight,
+        showTimestamp: v
       }
     )
   ] });
 }
-const $t = `
+const Jt = `
   [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 +2835,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 +3811,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 +3896,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 +3920,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 +3939,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 +3950,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 +3996,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); }
+  }
+`, Qt = '[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-\\[34px\\]{min-height:34px}[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-end{align-items:flex-end}[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] .sa-attach-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);color:#fff;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:background .15s ease,opacity .15s ease}[data-super-agent-widget] .sa-attach-btn:hover{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);opacity:.9}[data-super-agent-widget] .sa-attach-btn:active{opacity:.7}[data-super-agent-widget] .sa-attachment-tray{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}[data-super-agent-widget] .sa-attachment-tray-chip{display:inline-flex;align-items:center;gap:4px;max-width:220px;padding:4px 8px;border:1px solid rgba(40,92,255,.25);border-radius:6px;background:#285cff0d;font-size:12px;line-height:1;color:#333}[data-super-agent-widget] .sa-attachment-tray-chip-error{border-color:#ef444459;background:#ef44440f}[data-super-agent-widget] .sa-attachment-tray-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}[data-super-agent-widget] .sa-attachment-tray-chip-size{color:#b8b8b8;flex-shrink:0}[data-super-agent-widget] .sa-attachment-tray-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:9999px;background:transparent;color:#b8b8b8;font-size:10px;line-height:1;cursor:pointer;flex-shrink:0;padding:0}[data-super-agent-widget] .sa-attachment-tray-chip-remove:hover{background:#00000014;color:#666}[data-super-agent-widget] .sa-attachment-chip{display:inline-flex;align-items:center;gap:4px;max-width:240px;margin:2px 0;padding:5px 10px;border-radius:8px;background:#ffffff59;font-size:12px;line-height:1;color:inherit}[data-super-agent-widget] .sa-attachment-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}[data-super-agent-widget] .sa-attachment-chip-size{color:#00000073;flex-shrink:0}[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}', ea = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
@@ -3734,16 +4010,16 @@ const $t = `
   panelHeight: 648,
   zIndex: 9999
 };
-function Ht(t, a) {
+function ta(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 aa(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 ra(t) {
+  const a = { ...ea, ...t }, n = a.primaryColor, s = a.backgroundColor;
   return [
     // 用户直接配置的变量
     `--sa-primary: ${n}`,
@@ -3754,8 +4030,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: ${ta(n, 0.15)}`,
+    `--sa-primary-light: ${aa(n, 0.9)}`,
     // 从 backgroundColor 自动派生的语义色
     `--sa-surface: ${s}`,
     "--sa-border: #e5e7eb",
@@ -3765,36 +4041,36 @@ function Rt(t) {
     "--sa-text-light: #6b7280"
   ].join("; ");
 }
-function Pt(t, a) {
+function la(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 = ra(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 o = document.createElement("style");
+    o.id = "sa-widget-styles", o.textContent = `${Jt}
+${Qt}`, document.head.appendChild(o);
   }
-  let i = We(s), o = !1;
-  const l = (d) => {
+  let i = et(s), l = !1;
+  const d = (o) => {
     i && i.render(
-      Q.createElement(Dt, {
+      Q.createElement(Zt, {
         ...a,
-        initialOpen: d ?? o,
-        onOpenChange: (p) => {
-          o = p;
+        initialOpen: o ?? l,
+        onOpenChange: (c) => {
+          l = c;
         }
       })
     );
   };
-  return l(!1), {
+  return d(!1), {
     open() {
-      o = !0, l(!0);
+      l = !0, d(!0);
     },
     close() {
-      o = !1, l(!1);
+      l = !1, d(!1);
     },
     destroy() {
       i && (i.unmount(), i = null), s.remove();
@@ -3802,32 +4078,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,
+  K as ASSETS,
+  Lt as ActionBar,
+  Te as ChatProvider,
+  Zt as ChatWidget,
+  Be as Composer,
+  yt as ErrorPart,
+  qt as FullpageLayout,
+  dt 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
+  $t as InterruptCard,
+  Ft as Message,
+  Gt as PageOverlay,
+  ft as TextPart,
+  xt as ThinkingPart,
+  Pe as Thread,
+  Ie as ThreadList,
+  wt as ToolCallPart,
+  vt as ToolResultPart,
+  lt as Trigger,
+  Ht as WelcomeScreen,
+  ea as defaultTheme,
+  mt as ensureIconFont,
+  la as mount,
+  ra as themeToCSSVars,
+  pt as useAutoScroll,
+  at as useChat,
+  J as useChatContext,
+  nt as useConversations,
+  Jt as widgetStyles
 };