super-agent-sdk 1.0.8 → 1.0.9

package/dist/widget.mjs

@@ -1,677 +1,837 @@
-import V, { useState as M, useRef as _, useCallback as C, useEffect as B, createContext as ge, useMemo as J, useContext as xe } from "react";
-import { createRoot as be } from "react-dom/client";
-import { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
-function ve(t) {
-  const { sdk: a, sessionId: s, onSessionCreated: n, onStreamStart: r, onStreamEnd: i, onError: o, onMessageSend: l } = t, [c, p] = M([]), [f, h] = M("ready"), [w, u] = M(null), m = _(null), v = _(!1), S = _(null), T = _(s), A = _(!0);
-  T.current = s, A.current = c.length === 0;
-  const x = C((N) => {
-    if (v.current) return;
-    v.current = !0, l == null || l(N);
-    const R = {
+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 = {
       id: `user_${Date.now()}`,
       role: "user",
-      parts: [{ type: "text", content: N }],
+      parts: [{ type: "text", content: w }],
       timestamp: Date.now()
-    }, y = `assistant_${Date.now()}`, g = {
-      id: y,
+    }, $ = `assistant_${Date.now()}`, L = {
+      id: $,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
-    }, E = A.current;
-    p((k) => [...k, R, g]), h("submitted"), u(null);
-    const L = (k) => {
-      let O = "", b = "", H = [], j = !1;
+    }, v = H.current;
+    p((I) => [...I, M, L]), g("submitted"), m(null);
+    const A = (I) => {
+      let F = "", h = "", _ = [], O = !1;
       const W = () => {
-        const D = [...H];
-        if (O) {
-          const F = D.findIndex((U) => U.type === "thinking");
-          F >= 0 ? D[F] = { type: "thinking", content: O } : D.unshift({ type: "thinking", content: O });
+        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 });
         }
-        if (b) {
-          const F = D[D.length - 1];
-          (F == null ? void 0 : F.type) === "text" ? D[D.length - 1] = { type: "text", content: b } : D.push({ type: "text", content: b });
+        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 });
         }
         p(
-          (F) => F.map((U) => U.id === y ? { ...U, parts: D } : U)
+          (Y) => Y.map((j) => j.id === $ ? { ...j, parts: T } : j)
         );
       };
-      m.current = a.chat({
-        sessionId: k,
-        message: N,
+      x.current = a.chat({
+        sessionId: I,
+        message: w,
         stream: !0,
-        onMessage: (D) => {
-          switch (j || (j = !0, h("streaming")), D.type) {
+        onMessage: (T) => {
+          switch (O || (O = !0, g("streaming")), T.type) {
             case "thinking":
-              O += D.content;
+              F += T.content;
               break;
             case "ai":
-              b += D.content;
+              h += T.content;
               break;
             case "tool_call":
-              b && (H.push({ type: "text", content: b }), b = ""), H.push({
+              h && (_.push({ type: "text", content: h }), h = ""), _.push({
                 type: "tool_call",
-                toolName: D.toolName,
-                toolCallId: D.toolCallId,
-                args: D.args ?? "{}"
+                toolName: T.toolName,
+                toolCallId: T.toolCallId,
+                args: T.args ?? "{}"
               });
               break;
             case "tool_result":
-              b && (H.push({ type: "text", content: b }), b = ""), H.push({
+              h && (_.push({ type: "text", content: h }), h = ""), _.push({
                 type: "tool_result",
-                toolName: D.toolName ?? "",
-                toolCallId: D.toolCallId,
-                content: D.content,
-                artifacts: D.artifacts,
-                renderMode: D.renderMode,
-                html: D.html
+                toolName: T.toolName ?? "",
+                toolCallId: T.toolCallId,
+                content: T.content,
+                artifacts: T.artifacts,
+                renderMode: T.renderMode,
+                html: T.html
               });
               break;
             case "interrupt":
-              b && (H.push({ type: "text", content: b }), b = ""), D.interrupt && H.push({
+              h && (_.push({ type: "text", content: h }), h = ""), T.interrupt && _.push({
                 type: "interrupt",
-                interrupt: D.interrupt,
+                interrupt: T.interrupt,
                 resolved: !1
               });
               break;
             case "stop":
-              D.content && (b = D.content), W();
+              T.content && (h = T.content), W();
               return;
           }
           W();
         },
-        onDone: (D) => {
-          (b || H.length > 0 || O) && W(), D.sessionId && D.sessionId !== T.current && (n == null || n(D.sessionId));
-          const F = () => {
-            S.current && (clearTimeout(S.current), S.current = null), i == null || i(D.sessionId || k), h("ready"), v.current = !1, m.current = null;
+        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;
           };
-          if (E) {
-            const U = N.slice(0, 30), he = D.sessionId || k;
-            a.renameConversation(he, U).catch(() => {
-            }).finally(F);
+          if (v) {
+            const j = w.slice(0, 30), q = T.sessionId || I;
+            a.renameConversation(q, j).catch(() => {
+            }).finally(Y);
           } else
-            F();
+            Y();
         },
-        onError: (D) => {
-          H.push({ type: "error", content: D.message }), W(), S.current && (clearTimeout(S.current), S.current = null), u(D), h("error"), o == null || o(D), v.current = !1, m.current = null;
+        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;
         }
-      }), r == null || r(k);
+      }), r == null || r(I);
     };
-    T.current ? L(T.current) : a.createSession().then((k) => {
-      T.current = k, n == null || n(k), L(k);
-    }).catch((k) => {
-      u(k instanceof Error ? k : new Error(String(k))), h("error"), o == null || o(k instanceof Error ? k : new Error(String(k))), v.current = !1;
+    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;
     });
-  }, [a, n, r, i, o, l]), z = C(() => {
-    const N = T.current;
-    N && (S.current && clearTimeout(S.current), S.current = setTimeout(() => {
-      var R;
-      S.current = null, (R = m.current) == null || R.abort(), m.current = null, v.current = !1, h("ready");
-    }, 8e3), a.stopGeneration(N).catch(() => {
+  }, [a, 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");
+    }, 8e3), a.stopGeneration(w).catch(() => {
     }));
-  }, [a]), $ = C(() => {
-    if (v.current) return;
-    const N = c.findLastIndex((y) => y.role === "user");
-    if (N < 0) return;
-    const R = c[N].parts.filter((y) => y.type === "text").map((y) => y.content).join("");
-    p((y) => y.slice(0, N)), x(R);
-  }, [c, x]), P = C((N, R) => {
+  }, [a]), S = N(() => {
+    if (f.current) return;
+    const w = d.findLastIndex(($) => $.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(
-      (b) => b.map((H) => ({
-        ...H,
-        parts: H.parts.map(
-          (j) => j.type === "interrupt" && j.interrupt.interruptId === N ? { ...j, resolved: !0, response: R } : j
+      (h) => h.map((_) => ({
+        ..._,
+        parts: _.parts.map(
+          (O) => O.type === "interrupt" && O.interrupt.interruptId === w ? { ...O, resolved: !0, response: M } : O
         )
       }))
     );
-    const y = T.current;
-    if (!y) return;
-    let g = 0;
-    p((b) => b.length > 0 && b[b.length - 1].role === "assistant" ? (g = b[b.length - 1].parts.length, b) : (g = 0, [...b, { id: `assistant_${Date.now()}`, role: "assistant", parts: [], timestamp: Date.now() }])), h("streaming");
-    let E = "", L = "", k = [];
-    const O = () => {
-      const b = [...k];
-      if (E) {
-        const H = b.findIndex((j) => j.type === "thinking");
-        H >= 0 ? b[H] = { type: "thinking", content: E } : b.unshift({ type: "thinking", content: E });
+    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 });
       }
-      if (L) {
-        const H = b[b.length - 1];
-        (H == null ? void 0 : H.type) === "text" ? b[b.length - 1] = { type: "text", content: L } : b.push({ type: "text", content: L });
+      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 });
       }
-      p((H) => {
-        const j = H.findLastIndex((W) => W.role === "assistant");
-        return j < 0 ? H : H.map(
-          (W, D) => D === j ? { ...W, parts: [...W.parts.slice(0, g), ...b] } : W
+      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
         );
       });
     };
     a.respondInterrupt(
-      N,
-      y,
-      R,
-      (b) => {
-        switch (b.type) {
+      w,
+      $,
+      M,
+      (h) => {
+        switch (h.type) {
           case "thinking":
-            E += b.content;
+            v += h.content;
             break;
           case "ai":
-            L += b.content;
+            A += h.content;
             break;
           case "tool_call":
-            L && (k.push({ type: "text", content: L }), L = ""), k.push({
+            A && (I.push({ type: "text", content: A }), A = ""), I.push({
               type: "tool_call",
-              toolName: b.toolName,
-              toolCallId: b.toolCallId,
-              args: b.args ?? "{}"
+              toolName: h.toolName,
+              toolCallId: h.toolCallId,
+              args: h.args ?? "{}"
             });
             break;
           case "tool_result":
-            L && (k.push({ type: "text", content: L }), L = ""), k.push({
+            A && (I.push({ type: "text", content: A }), A = ""), I.push({
               type: "tool_result",
-              toolName: b.toolName ?? "",
-              toolCallId: b.toolCallId,
-              content: b.content,
-              artifacts: b.artifacts,
-              renderMode: b.renderMode,
-              html: b.html
+              toolName: h.toolName ?? "",
+              toolCallId: h.toolCallId,
+              content: h.content,
+              artifacts: h.artifacts,
+              renderMode: h.renderMode,
+              html: h.html
             });
             break;
           case "interrupt":
-            L && (k.push({ type: "text", content: L }), L = ""), b.interrupt && k.push({ type: "interrupt", interrupt: b.interrupt, resolved: !1 });
+            A && (I.push({ type: "text", content: A }), A = ""), h.interrupt && I.push({ type: "interrupt", interrupt: h.interrupt, resolved: !1 });
             break;
           case "done":
-            i == null || i(y), h("ready");
+            i == null || i($), g("ready");
             break;
         }
-        O();
+        F();
       },
-      (b) => {
-        k.push({ type: "error", content: b.message }), O(), u(b), h("error"), o == null || o(b);
+      (h) => {
+        I.push({ type: "error", content: h.message }), F(), m(h), g("error"), o == null || o(h);
       }
-    ).catch((b) => {
-      o == null || o(b instanceof Error ? b : new Error(String(b))), h("error");
+    ).catch((h) => {
+      o == null || o(h instanceof Error ? h : new Error(String(h))), g("error");
     });
   }, [a, o, i]);
-  return { messages: c, status: f, error: w, sendMessage: x, stop: z, regenerate: $, setMessages: p, respondToInterrupt: P };
+  return { messages: d, status: u, error: b, sendMessage: k, stop: C, regenerate: S, setMessages: p, respondToInterrupt: D };
 }
-const ie = "sa_active_conversation", Q = 20;
-function ee(t) {
+const Te = "sa_active_conversation", de = 20;
+function ve(t) {
   try {
-    return localStorage.getItem(`${ie}_${t}`);
+    return localStorage.getItem(`${Te}_${t}`);
   } catch {
     return null;
   }
 }
-function we(t, a) {
+function Ge(t, a) {
   try {
-    const s = `${ie}_${t}`;
-    a ? localStorage.setItem(s, a) : localStorage.removeItem(s);
+    const n = `${Te}_${t}`;
+    a ? localStorage.setItem(n, a) : localStorage.removeItem(n);
   } catch {
   }
 }
-function ye(t) {
-  const { sdk: a, onConversationChange: s } = t, n = a.botId, [r, i] = M([]), [o, l] = M(
-    () => ee(n)
-  ), [c, p] = M(!1), [f, h] = M(!0), w = _(!0), u = _(1), m = _(!1);
-  B(() => () => {
-    w.current = !1;
+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;
   }, []);
-  const v = C((N) => {
-    l(N), we(n, N), N && (s == null || s(N));
-  }, [n, s]), S = C(async () => {
-    if (!m.current) {
-      m.current = !0, p(!0);
+  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);
       try {
-        u.current = 1;
-        const N = await a.listConversations({ page: 1, size: Q });
-        if (!w.current) return;
-        i(N.items), h(N.items.length < N.total);
-        const R = ee(n);
-        R && !N.items.find((y) => y.sessionId === R) && v(null);
+        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);
       } catch {
       } finally {
-        m.current = !1, w.current && p(!1);
+        x.current = !1, b.current && p(!1);
       }
     }
-  }, [a, v]), T = C(async () => {
-    if (!(m.current || !f)) {
-      m.current = !0, p(!0);
+  }, [a, f]), z = N(async () => {
+    if (!(x.current || !u)) {
+      x.current = !0, p(!0);
       try {
-        const N = u.current + 1, R = await a.listConversations({ page: N, size: Q });
-        if (!w.current) return;
-        u.current = N, i((g) => {
-          const E = new Set(g.map((k) => k.sessionId)), L = R.items.filter((k) => !E.has(k.sessionId));
-          return [...g, ...L];
+        const 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 y = u.current * Q;
-        h(y < R.total);
+        const $ = m.current * de;
+        g($ < M.total);
       } catch {
       } finally {
-        m.current = !1, w.current && p(!1);
+        x.current = !1, b.current && p(!1);
       }
     }
-  }, [a, f]), A = C(async (N) => (v(N), await a.getMessages(N)), [a, v]), x = C(async () => {
+  }, [a, u]), H = N(async (w) => (f(w), await a.getMessages(w)), [a, f]), k = N(async () => {
     try {
-      const N = await a.createSession(), R = (/* @__PURE__ */ new Date()).toISOString();
-      i((y) => [
-        { sessionId: N, botId: 0, title: "新对话", createTime: R, updateTime: R },
-        ...y
-      ]), v(N);
+      const w = await a.createSession(), M = (/* @__PURE__ */ new Date()).toISOString();
+      i(($) => [
+        { sessionId: w, botId: 0, title: "新对话", createTime: M, updateTime: M },
+        ...$
+      ]), f(w);
     } catch {
-      v(null);
+      f(null);
     }
-  }, [a, v]), z = C(async (N) => {
-    i((R) => R.filter((y) => y.sessionId !== N)), o === N && v(null);
+  }, [a, f]), C = N(async (w) => {
+    i((M) => M.filter(($) => $.sessionId !== w)), o === w && f(null);
     try {
-      await a.deleteConversation(N);
+      await a.deleteConversation(w);
     } catch {
     }
-  }, [a, o, v]), $ = C(async (N, R) => {
-    await a.renameConversation(N, R), i(
-      (y) => y.map((g) => g.sessionId === N ? { ...g, title: R } : g)
+  }, [a, o, f]), S = N(async (w, M) => {
+    await a.renameConversation(w, M), i(
+      ($) => $.map((L) => L.sessionId === w ? { ...L, title: M } : L)
     );
-  }, [a]), { enabled: P = !0 } = t;
-  return B(() => {
-    P && S();
-  }, [P, S]), {
+  }, [a]), { enabled: D = !0 } = t;
+  return P(() => {
+    D && y();
+  }, [D, y]), {
     conversations: r,
     activeConversationId: o,
-    loading: c,
-    hasMore: f,
-    loadConversations: S,
-    loadMore: T,
-    switchConversation: A,
-    newConversation: x,
-    deleteConversation: z,
-    renameConversation: $,
-    setActiveConversationId: v
+    loading: d,
+    hasMore: u,
+    loadConversations: y,
+    loadMore: z,
+    switchConversation: H,
+    newConversation: k,
+    deleteConversation: C,
+    renameConversation: S,
+    setActiveConversationId: f
   };
 }
-function oe(t) {
+function Me(t) {
   return !t && t !== 0 ? "" : t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / 1024 / 1024).toFixed(1)} MB`;
 }
-function le(t) {
+function Ee(t) {
   return t === "pdf" ? "PDF" : t === "docx" ? "DOC" : t === "html" ? "HTM" : t.slice(0, 3).toUpperCase() || "FILE";
 }
-function ce(t) {
+function Se(t) {
   if (!t) return [];
   const a = [];
-  for (const s of t)
-    s.type === "file" && s.data && a.push({
-      id: s.data.id ?? "",
-      type: s.data.fileType ?? s.data.type ?? "",
-      filename: s.data.name ?? s.data.filename ?? "",
-      url: s.data.url ?? "",
-      mime: s.data.mime,
-      size: s.data.size,
-      summary: s.data.summary
+  for (const n of t)
+    n.type === "file" && n.data && a.push({
+      id: n.data.id ?? "",
+      type: n.data.fileType ?? n.data.type ?? "",
+      filename: n.data.name ?? n.data.filename ?? "",
+      url: n.data.url ?? "",
+      mime: n.data.mime,
+      size: n.data.size,
+      summary: n.data.summary
     });
   return a;
 }
-async function Z(t) {
+async function ie(t) {
   try {
     const a = await fetch(t.url);
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
-    const s = await a.blob(), n = URL.createObjectURL(s), r = document.createElement("a");
-    r.href = n, r.download = t.filename, document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => URL.revokeObjectURL(n), 4e3);
+    const n = await a.blob(), s = URL.createObjectURL(n), r = document.createElement("a");
+    r.href = s, r.download = t.filename, document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => URL.revokeObjectURL(s), 4e3);
   } catch {
     const a = document.createElement("a");
     a.href = t.url, a.download = t.filename, a.target = "_blank", document.body.appendChild(a), a.click(), a.remove();
   }
 }
-const de = ge(null);
-function Y() {
-  const t = xe(de);
+const Ae = je(null);
+function Z() {
+  const t = Pe(Ae);
   if (!t) throw new Error("useChatContext must be used within ChatProvider");
   return t;
 }
-function te({ sdk: t, hooks: a, children: s }) {
-  const [n, r] = M(!1), [i, o] = M(!1), [l, c] = M(null), [p, f] = M(!1), [h, w] = M(!1);
-  B(() => {
+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(() => {
     t.getToken().then(() => {
-      f(!0);
+      u(!0);
     }).catch(() => {
-      f(!0);
+      u(!0);
     });
   }, [t]);
-  const u = ye({
+  const m = Xe({
     sdk: t,
     onConversationChange: a == null ? void 0 : a.onConversationChange,
     enabled: p
-  }), m = ve({
+  }), x = Ye({
     sdk: t,
-    sessionId: u.activeConversationId,
-    onSessionCreated: (g) => {
-      u.setActiveConversationId(g);
+    sessionId: m.activeConversationId,
+    onSessionCreated: (v) => {
+      m.setActiveConversationId(v);
     },
     onStreamStart: a == null ? void 0 : a.onStreamStart,
-    onStreamEnd: (g) => {
-      var E;
-      (E = a == null ? void 0 : a.onStreamEnd) == null || E.call(a, g), u.loadConversations();
+    onStreamEnd: (v) => {
+      var A;
+      (A = a == null ? void 0 : a.onStreamEnd) == null || A.call(a, v), m.loadConversations();
     },
     onError: a == null ? void 0 : a.onError,
     onMessageSend: a == null ? void 0 : a.onMessageSend
-  }), v = C(async (g) => {
-    w(!0);
+  }), f = N(async (v) => {
+    b(!0);
     try {
-      const E = await u.switchConversation(g);
-      m.setMessages(E), r(!1);
+      const A = await m.switchConversation(v);
+      x.setMessages(A);
     } finally {
-      w(!1);
+      b(!1);
     }
-  }, [u, m]), S = C(async () => {
-    m.setMessages([]), r(!1), await u.newConversation();
-  }, [u, m]), T = C(async (g) => {
-    u.activeConversationId === g && m.setMessages([]), await u.deleteConversation(g);
-  }, [u, m]);
-  B(() => {
-    u.activeConversationId && m.messages.length === 0 && (w(!0), t.getMessages(u.activeConversationId).then((g) => {
-      m.setMessages(g);
+  }, [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);
     }).catch(() => {
-    }).finally(() => w(!1)));
+    }).finally(() => b(!1)));
   }, []);
-  const A = C(() => {
-    r((g) => !g);
-  }, []), x = C(() => {
-    o((g) => !g), c((g) => null);
-  }, []), z = C((g) => {
-    c(g), o(!0);
-  }, []), $ = J(() => {
-    const g = /* @__PURE__ */ new Set(), E = [];
-    for (const L of m.messages)
-      for (const k of L.parts)
-        if (k.type === "tool_result" && k.artifacts)
-          for (const O of ce(k.artifacts)) {
-            const b = O.id || `${O.url}:${O.filename}`;
-            g.has(b) || (g.add(b), E.push(O));
+  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));
           }
-    return E;
-  }, [m.messages]), P = C(async () => {
-    const g = u.activeConversationId;
-    if (!g) return null;
+    return A;
+  }, [x.messages]), w = N(async () => {
+    const v = m.activeConversationId;
+    if (!v) return null;
     try {
-      const E = await t.getMessages(g);
-      m.setMessages(E);
-      const L = E.findLast((k) => k.role === "assistant");
-      return (L == null ? void 0 : L.id) ?? null;
+      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;
     } catch {
       return null;
     }
-  }, [t, u.activeConversationId, m]), N = C((g, E, L) => {
-    if (/^\d+$/.test(g)) {
-      t.feedback(g, E, L).catch(() => {
+  }, [t, m.activeConversationId, x]), M = N((v, A, I) => {
+    if (/^\d+$/.test(v)) {
+      t.feedback(v, A, I).catch(() => {
       });
       return;
     }
-    P().then((k) => {
-      k && t.feedback(k, E, L).catch(() => {
+    w().then((F) => {
+      F && t.feedback(F, A, I).catch(() => {
       });
     });
-  }, [t, P]), R = C((g) => {
-    if (/^\d+$/.test(g)) {
-      t.cancelFeedback(g).catch(() => {
+  }, [t, w]), $ = N((v) => {
+    if (/^\d+$/.test(v)) {
+      t.cancelFeedback(v).catch(() => {
       });
       return;
     }
-    P().then((E) => {
-      E && t.cancelFeedback(E).catch(() => {
+    w().then((A) => {
+      A && t.cancelFeedback(A).catch(() => {
       });
     });
-  }, [t, P]), y = J(() => ({
+  }, [t, w]), L = re(() => ({
     sdk: t,
-    status: m.status,
-    error: m.error,
-    messages: m.messages,
-    conversations: u.conversations,
-    activeConversationId: u.activeConversationId,
-    isThreadListOpen: n,
+    status: x.status,
+    error: x.error,
+    messages: x.messages,
+    conversations: m.conversations,
+    activeConversationId: m.activeConversationId,
+    isThreadListOpen: s,
     isArtifactDrawerOpen: i,
-    allArtifacts: $,
+    allArtifacts: D,
     activePreviewArtifact: l,
-    hasMore: u.hasMore,
-    conversationsLoading: u.loading,
-    messagesLoading: h,
-    sendMessage: m.sendMessage,
-    stop: m.stop,
-    regenerate: m.regenerate,
-    switchConversation: v,
-    newConversation: S,
-    deleteConversation: T,
-    renameConversation: u.renameConversation,
-    loadMoreConversations: u.loadMore,
-    toggleThreadList: A,
-    toggleArtifactDrawer: x,
-    openArtifactPreview: z,
-    feedback: N,
-    cancelFeedback: R,
-    respondToInterrupt: m.respondToInterrupt
+    hasMore: m.hasMore,
+    conversationsLoading: m.loading,
+    messagesLoading: g,
+    sendMessage: x.sendMessage,
+    stop: x.stop,
+    regenerate: x.regenerate,
+    switchConversation: f,
+    newConversation: y,
+    deleteConversation: z,
+    renameConversation: m.renameConversation,
+    loadMoreConversations: m.loadMore,
+    toggleThreadList: H,
+    setThreadListOpen: k,
+    toggleArtifactDrawer: C,
+    openArtifactPreview: S,
+    feedback: M,
+    cancelFeedback: $,
+    respondToInterrupt: x.respondToInterrupt
   }), [
     t,
-    m.status,
-    m.error,
-    m.messages,
-    m.sendMessage,
-    m.stop,
-    m.regenerate,
-    m.respondToInterrupt,
-    u.conversations,
-    u.activeConversationId,
-    u.renameConversation,
-    u.hasMore,
-    u.loadMore,
-    u.loading,
-    n,
+    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,
+    s,
     i,
-    $,
+    D,
     l,
-    h,
-    v,
-    S,
-    T,
-    A,
-    x,
+    g,
+    f,
+    y,
     z,
-    N,
-    R
+    H,
+    k,
+    C,
+    S,
+    M,
+    $
   ]);
-  return /* @__PURE__ */ e(de.Provider, { value: y, children: s });
+  return /* @__PURE__ */ e(Ae.Provider, { value: L, children: n });
 }
-const ke = "https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";
-let ae = !1;
-function Ne(t = ke) {
-  if (ae || typeof document > "u") return;
-  ae = !0;
-  const a = t.split("?")[0].split("/").pop();
-  if (a && document.querySelector(`script[src*="${a}"]`)) return;
-  const s = document.createElement("script");
-  s.src = t, document.head.appendChild(s);
+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`,
+  capabilityIcons: [
+    `${G}/icon1.png`,
+    `${G}/icon2.png`,
+    `${G}/icon3.png`
+  ],
+  triggerLogo: `${G}/HRlogo.png`,
+  logo: `${G}/HRlogo2.png`,
+  assistantAvatarGenerating: `${G}/profile0.gif`,
+  assistantAvatar: `${G}/profile1.png`
+}, U = {
+  TRIGGER_SIZE: 56,
+  TRIGGER_RIGHT: 20,
+  TRIGGER_BOTTOM: 80,
+  DEFAULT_WIDTH: 400,
+  DEFAULT_HEIGHT: 648,
+  MIN_WIDTH: 360,
+  MAX_WIDTH: 800,
+  /** 高度上限占视口比例（渲染钳制与默认定位统一使用） */
+  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);
+  }, []);
+  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: _ });
+    }
+  }, [l, L, $, m]);
+  const v = N((h) => {
+    if (p || h.target.closest("button, input, textarea")) return;
+    k.current = !0, D.current = !1, C.current = { x: h.clientX, y: h.clientY }, S.current = { ...i };
+    const _ = (T) => {
+      if (!k.current) return;
+      const Y = T.clientX - C.current.x, j = T.clientY - C.current.y;
+      (Math.abs(Y) > 3 || Math.abs(j) > 3) && (D.current = !0), D.current && (d(!0), o({
+        x: Math.max(-200, Math.min(S.current.x + Y, window.innerWidth - 100)),
+        y: Math.max(0, Math.min(S.current.y + j, window.innerHeight - 48))
+      }));
+    }, O = () => {
+      k.current = !1, W();
+    }, W = () => {
+      document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", O), w.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();
+        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;
+    };
+    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);
+  }, [t]);
+  return {
+    // 状态
+    width: s,
+    position: i,
+    hasCustomPosition: l,
+    isMaximized: p,
+    lockedHeight: g,
+    viewport: m,
+    defaultHeight: a,
+    /** 真实渲染几何（含侧边栏宽度 / 自适应高度，统一在 hook 内钳制） */
+    totalWidth: L,
+    windowHeight: $,
+    // 交互
+    startWindowDrag: v,
+    startResize: A,
+    toggleMaximize: I,
+    setIsMaximized: u,
+    setLockedHeight: b,
+    setHasCustomPosition: d,
+    reset: F
+  };
+}
+function Ke(t) {
+  const { enabled: a, contentSelector: n, defaultHeight: s, onHeightChange: r } = t, i = R(null);
+  return P(() => {
+    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);
+    };
+    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();
+    });
+    return u.observe(l, { childList: !0, subtree: !0, characterData: !0 }), () => {
+      p.disconnect(), u.disconnect();
+    };
+  }, [a, n, s, r]), i;
 }
-Ne();
-function I({ name: t, size: a = 16, color: s = "currentColor", className: n, style: r }) {
+function Ve({ isOpen: t, onClick: a, triggerLogo: n }) {
   return /* @__PURE__ */ e(
-    "svg",
+    "button",
     {
-      className: n,
-      style: { width: a, height: a, fill: s, verticalAlign: "middle", ...r },
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e("use", { href: `#icon-${t}` })
+      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,
+      "aria-label": "打开 AI 助手",
+      title: "AI 助手",
+      children: /* @__PURE__ */ e("img", { src: n || X.triggerLogo, alt: "AI 助手", className: "block h-14 w-14", draggable: !1 })
     }
   );
 }
-function Ce({ isOpen: t, onClick: a }) {
-  return /* @__PURE__ */ e("button", { className: `sa-trigger ${t ? "sa-trigger-open" : ""}`, onClick: a, children: t ? /* @__PURE__ */ e(I, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(I, { name: "message-square", size: 24, color: "#fff" }) });
+function te({
+  tooltip: t,
+  onClick: a,
+  children: n
+}) {
+  return /* @__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 active:bg-[#F5F5F5]",
+      "data-tooltip": t,
+      "aria-label": t,
+      onClick: a,
+      children: n
+    }
+  );
 }
-function ze({ title: t, onClose: a, onToggleThreadList: s, showClose: n = !0, artifactCount: r = 0, onToggleArtifactDrawer: i }) {
-  return /* @__PURE__ */ d("div", { className: "sa-header", children: [
-    /* @__PURE__ */ d("div", { className: "sa-header-left", children: [
-      /* @__PURE__ */ e("div", { className: "sa-header-avatar", children: "A" }),
-      /* @__PURE__ */ d("div", { className: "sa-header-info", children: [
-        /* @__PURE__ */ e("div", { className: "sa-header-title", children: t }),
-        /* @__PURE__ */ e("div", { className: "sa-header-status", children: "● Online" })
-      ] })
+function qe({
+  onClose: t,
+  onToggleThreadList: a,
+  isMaximized: n = !1,
+  onToggleMaximize: s,
+  showHome: r = !1,
+  onHome: i,
+  showClose: o = !0,
+  artifactCount: l = 0,
+  onToggleArtifactDrawer: d
+}) {
+  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 }) })
     ] }),
-    /* @__PURE__ */ d("div", { className: "sa-header-actions", children: [
-      r > 0 && i && /* @__PURE__ */ d("button", { className: "sa-header-btn sa-header-btn-artifact", onClick: i, title: "会话产物", children: [
-        /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ 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__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
           /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
         ] }),
-        /* @__PURE__ */ e("span", { children: "产物" })
-      ] }),
-      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: s, title: "会话列表", children: /* @__PURE__ */ e(I, { name: "menu", size: 16 }) }),
-      n && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: a, title: "关闭", children: /* @__PURE__ */ e(I, { name: "x", size: 16 }) })
+        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 })
+      ] }) }),
+      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 }) })
     ] })
   ] });
 }
-const G = (t) => String(t).padStart(2, "0");
-function pe(t) {
+const ae = (t) => String(t).padStart(2, "0");
+function Ze(t) {
   if (!t) return "";
   const a = new Date(t);
-  return isNaN(a.getTime()) ? "" : `${a.getFullYear()}-${G(a.getMonth() + 1)}-${G(a.getDate())} ${G(a.getHours())}:${G(a.getMinutes())}:${G(a.getSeconds())}`;
+  return isNaN(a.getTime()) ? "" : `${a.getFullYear()}-${ae(a.getMonth() + 1)}-${ae(a.getDate())} ${ae(a.getHours())}:${ae(a.getMinutes())}:${ae(a.getSeconds())}`;
 }
-function Ie(t) {
-  const a = /* @__PURE__ */ new Date(), s = new Date(
-    a.getFullYear(),
-    a.getMonth(),
-    a.getDate()
-  ).getTime(), n = s - 6 * 864e5, r = [], i = [], o = [];
-  for (const c of t) {
-    const p = new Date(c.updateTime).getTime();
-    p >= s ? r.push(c) : p >= n ? i.push(c) : o.push(c);
+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 Se() {
+function ke({ width: t }) {
   const {
-    conversations: t,
-    activeConversationId: a,
+    conversations: a,
+    activeConversationId: n,
     switchConversation: s,
-    newConversation: n,
-    deleteConversation: r,
-    renameConversation: i,
-    isThreadListOpen: o,
-    toggleThreadList: l,
-    hasMore: c,
-    loadMoreConversations: p,
-    conversationsLoading: f
-  } = Y(), [h, w] = M(null), [u, m] = M(""), v = _(null), S = C(
-    (z, $) => {
-      w(z), m($ ?? "");
-    },
-    []
-  ), T = C(
-    (z) => {
-      u.trim() && i(z, u.trim()), w(null);
-    },
-    [u, i]
-  ), A = C(() => {
-    const z = v.current;
-    !z || !c || z.scrollHeight - z.scrollTop - z.clientHeight < 50 && p();
-  }, [c, p]), x = J(() => Ie(t), [t]);
-  return o ? /* @__PURE__ */ d(q, { children: [
-    /* @__PURE__ */ e("div", { className: "sa-thread-list-overlay", onClick: l }),
-    /* @__PURE__ */ d("div", { className: "sa-thread-list", children: [
-      /* @__PURE__ */ d("div", { className: "sa-thread-list-header", children: [
-        /* @__PURE__ */ e("span", { className: "sa-thread-list-title", children: "会话记录" }),
-        /* @__PURE__ */ d("button", { className: "sa-thread-list-new", onClick: n, children: [
-          /* @__PURE__ */ e(I, { name: "plus", size: 14 }),
-          " 新会话"
-        ] })
-      ] }),
-      /* @__PURE__ */ d(
-        "div",
-        {
-          className: "sa-thread-list-items",
-          ref: v,
-          onScroll: A,
-          children: [
-            f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: "加载中..." }),
-            !f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
-            x.map((z) => /* @__PURE__ */ d("div", { className: "sa-thread-group", children: [
-              /* @__PURE__ */ e("div", { className: "sa-thread-group-label", children: z.label }),
-              z.items.map(($) => /* @__PURE__ */ d(
-                "div",
-                {
-                  className: `sa-thread-item ${$.sessionId === a ? "active" : ""}`,
-                  onClick: () => {
-                    h !== $.sessionId && s($.sessionId);
-                  },
-                  children: [
-                    h === $.sessionId ? /* @__PURE__ */ e(
-                      "input",
+    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(
+    "div",
+    {
+      className: "relative z-[5] flex 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(
+          "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("span", { className: "sa-new-chat-text whitespace-nowrap", children: "新建对话" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("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(
+              "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]"}`,
+                onClick: () => {
+                  u !== D.sessionId && s(D.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 });
+                },
+                onMouseLeave: () => f(null),
+                children: u === D.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),
+                    onKeyDown: (w) => {
+                      w.key === "Enter" && H(D.sessionId), w.key === "Escape" && g(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__ */ e(
+                      "button",
                       {
-                        className: "sa-thread-item-edit",
-                        value: u,
-                        onChange: (P) => m(P.target.value),
-                        onBlur: () => T($.sessionId),
-                        onKeyDown: (P) => {
-                          P.key === "Enter" && T($.sessionId), P.key === "Escape" && w(null);
+                        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);
                         },
-                        onClick: (P) => P.stopPropagation(),
-                        autoFocus: !0
+                        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" }) })
                       }
-                    ) : /* @__PURE__ */ d("div", { className: "sa-thread-item-info", children: [
-                      /* @__PURE__ */ e("span", { className: "sa-thread-item-title", children: $.title || "新会话" }),
-                      /* @__PURE__ */ e("span", { className: "sa-thread-item-time", children: pe($.updateTime) })
-                    ] }),
-                    /* @__PURE__ */ d("div", { className: "sa-thread-item-actions", children: [
-                      /* @__PURE__ */ e(
-                        "button",
-                        {
-                          className: "sa-thread-item-action-btn",
-                          onClick: (P) => {
-                            P.stopPropagation(), S($.sessionId, $.title);
-                          },
-                          title: "重命名",
-                          children: /* @__PURE__ */ e(I, { name: "pen", size: 13 })
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        "button",
-                        {
-                          className: "sa-thread-item-action-btn",
-                          onClick: (P) => {
-                            P.stopPropagation(), r($.sessionId);
-                          },
-                          title: "删除",
-                          children: /* @__PURE__ */ e(I, { name: "trash2", size: 13 })
-                        }
-                      )
-                    ] })
-                  ]
-                },
-                $.sessionId
-              ))
-            ] }, z.label)),
-            f && t.length > 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: c ? "加载更多..." : "加载中..." }),
-            !f && c && /* @__PURE__ */ e("div", { className: "sa-thread-list-hint", children: "向下滚动加载更多" })
-          ]
-        }
-      )
-    ] })
-  ] }) : null;
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        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);
+                        },
+                        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" }) })
+                      }
+                    )
+                  ] })
+                ] })
+              },
+              D.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: "向下滚动加载更多" })
+        ] }),
+        x && /* @__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
+          }
+        )
+      ]
+    }
+  );
 }
-function Te(t) {
-  const a = _(null), s = _(!1), n = _(0), r = C(() => {
+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: c, clientHeight: p } = o, f = c - l - p < 40;
-    l < n.current && !f && (s.current = !0), f && (s.current = !1), n.current = l;
+    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;
   }, []);
-  B(() => {
+  P(() => {
     const o = a.current;
     if (o)
       return o.addEventListener("scroll", r, { passive: !0 }), () => o.removeEventListener("scroll", r);
-  }, [r]), B(() => {
-    if (s.current) return;
+  }, [r]), P(() => {
+    if (n.current) return;
     const o = a.current;
     o && requestAnimationFrame(() => {
       o.scrollTop = o.scrollHeight;
     });
   }, t);
-  const i = C(() => {
-    s.current = !1;
+  const i = N(() => {
+    n.current = !1;
     const o = a.current;
     o && (o.scrollTop = o.scrollHeight);
   }, []);
@@ -680,9 +840,9 @@ function Te(t) {
 function K(t) {
   return t.value++;
 }
-function X(t, a) {
-  const s = [], n = [], r = () => {
-    n.length > 0 && (s.push(n.join("")), n.length = 0);
+function ee(t, a) {
+  const n = [], s = [], r = () => {
+    s.length > 0 && (n.push(s.join("")), s.length = 0);
   };
   let i = 0;
   for (; i < t.length; ) {
@@ -690,7 +850,7 @@ function X(t, a) {
     if (o === "`") {
       const l = t.indexOf("`", i + 1);
       if (l !== -1) {
-        r(), s.push(
+        r(), n.push(
           /* @__PURE__ */ e("code", { className: "sa-inline-code", children: t.slice(i + 1, l) }, K(a))
         ), i = l + 1;
         continue;
@@ -698,349 +858,371 @@ function X(t, a) {
     } else if (o === "*" && t[i + 1] === "*") {
       const l = t.indexOf("**", i + 2);
       if (l !== -1) {
-        r(), s.push(
-          /* @__PURE__ */ e("strong", { children: X(t.slice(i + 2, l), a) }, K(a))
+        r(), n.push(
+          /* @__PURE__ */ e("strong", { children: ee(t.slice(i + 2, l), a) }, K(a))
         ), i = l + 2;
         continue;
       }
     } else if (o === "*") {
       const l = t.indexOf("*", i + 1);
       if (l !== -1) {
-        r(), s.push(
-          /* @__PURE__ */ e("em", { children: X(t.slice(i + 1, l), a) }, K(a))
+        r(), n.push(
+          /* @__PURE__ */ e("em", { children: ee(t.slice(i + 1, l), a) }, K(a))
         ), i = l + 1;
         continue;
       }
     } else if (o === "[") {
       const l = t.indexOf("]", i + 1);
       if (l !== -1 && t[l + 1] === "(") {
-        const c = t.indexOf(")", l + 2);
-        if (c !== -1) {
-          const p = t.slice(i + 1, l), f = t.slice(l + 2, c);
-          r(), s.push(
+        const d = t.indexOf(")", l + 2);
+        if (d !== -1) {
+          const p = t.slice(i + 1, l), u = t.slice(l + 2, d);
+          r(), n.push(
             /* @__PURE__ */ e(
               "a",
               {
-                href: f,
+                href: u,
                 target: "_blank",
                 rel: "noreferrer",
-                children: X(p, a)
+                children: ee(p, a)
               },
               K(a)
             )
-          ), i = c + 1;
+          ), i = d + 1;
           continue;
         }
       }
     }
-    n.push(o), i++;
+    s.push(o), i++;
   }
-  return r(), s;
+  return r(), n;
 }
-function Me(t, a) {
-  const s = [], n = t.split(`
+function Qe(t, a) {
+  const n = [], s = t.split(`
 `);
   let r = 0;
-  const i = (c) => c.trim() === "", o = (c) => /^#{1,6}\s+\S/.test(c.trim()), l = (c) => /^(?:[-*+]|\d+[.)])\s+\S/.test(c.trim());
-  for (; r < n.length; ) {
-    const c = n[r], p = c.trim();
-    if (i(c)) {
+  const i = (d) => d.trim() === "", o = (d) => /^#{1,6}\s+\S/.test(d.trim()), l = (d) => /^(?:[-*+]|\d+[.)])\s+\S/.test(d.trim());
+  for (; r < s.length; ) {
+    const d = s[r], p = d.trim();
+    if (i(d)) {
       r++;
       continue;
     }
-    if (o(c)) {
-      const h = p.match(/^(#{1,6})\s+(.*)$/);
-      if (h) {
-        const u = `h${Math.min(h[1].length, 6)}`;
-        s.push(
-          V.createElement(
-            u,
+    if (o(d)) {
+      const g = p.match(/^(#{1,6})\s+(.*)$/);
+      if (g) {
+        const m = `h${Math.min(g[1].length, 6)}`;
+        n.push(
+          Q.createElement(
+            m,
             { key: K(a) },
-            X(h[2], a)
+            ee(g[2], a)
           )
         );
       }
       r++;
       continue;
     }
-    if (l(c)) {
-      const h = /^\d+[.)]/.test(p), w = [];
-      for (; r < n.length && l(n[r]); ) {
-        const u = n[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        u && w.push(
-          /* @__PURE__ */ e("li", { children: X(u[1], a) }, K(a))
+    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))
         ), r++;
       }
-      s.push(
-        h ? /* @__PURE__ */ e("ol", { className: "sa-list", children: w }, K(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: w }, K(a))
+      n.push(
+        g ? /* @__PURE__ */ e("ol", { className: "sa-list", children: b }, K(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: b }, K(a))
       );
       continue;
     }
-    const f = [];
-    for (; r < n.length && !i(n[r]) && !o(n[r]) && !l(n[r]); )
-      f.push(n[r]), r++;
-    s.push(
-      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: X(f.join(" "), a) }, K(a))
+    const u = [];
+    for (; r < s.length && !i(s[r]) && !o(s[r]) && !l(s[r]); )
+      u.push(s[r]), r++;
+    n.push(
+      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: ee(u.join(" "), a) }, K(a))
     );
   }
-  return s;
+  return n;
 }
-function $e(t) {
-  const a = { value: 0 }, s = [], n = t.split("```");
-  for (let r = 0; r < n.length; r++)
+function et(t) {
+  const a = { value: 0 }, n = [], s = t.split("```");
+  for (let r = 0; r < s.length; r++)
     if (r % 2 === 0)
-      s.push(...Me(n[r], a));
-    else if (n[r].trim() !== "") {
-      let i = n[r].replace(/^\r?\n/, "");
-      i = i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), i = i.replace(/\r?\n$/, ""), s.push(
+      n.push(...Qe(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))
       );
     }
-  return s;
+  return n;
+}
+function tt({ content: t }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: et(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 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);
 }
-function De({ content: t }) {
-  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: $e(t) });
+rt();
+function B({ name: t, size: a = 16, color: n = "currentColor", className: s, style: r }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: s,
+      style: { width: a, height: a, fill: n, verticalAlign: "middle", ...r },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e("use", { href: `#icon-${t}` })
+    }
+  );
 }
-function Le({ content: t }) {
-  const [a, s] = M(!1);
-  return /* @__PURE__ */ d("div", { className: "sa-thinking-part", onClick: () => s(!a), children: [
-    /* @__PURE__ */ d("div", { className: "sa-thinking-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(I, { name: "brain", size: 14 }) }),
+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: [
+      /* @__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(I, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${a ? "expanded" : ""}`, children: /* @__PURE__ */ e(B, { name: "chevron-right", size: 12 }) })
     ] }),
     a && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: t })
   ] });
 }
-function Ee({ toolName: t, toolCallId: a, args: s }) {
-  const [n, r] = M(!1), [i, o] = M(!1);
-  let l = s;
+function st({ toolName: t, toolCallId: a, args: n }) {
+  const [s, r] = E(!1), [i, o] = E(!1);
+  let l = n;
   try {
-    l = JSON.stringify(JSON.parse(s), null, 2);
+    l = JSON.stringify(JSON.parse(n), null, 2);
   } catch {
   }
-  const c = C(() => {
+  const d = N(() => {
     var p;
     (p = navigator.clipboard) == null || p.writeText(l).then(() => {
       o(!0), setTimeout(() => o(!1), 2e3);
     }).catch(() => {
     });
   }, [l]);
-  return /* @__PURE__ */ d("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ d("div", { className: "sa-tool-call-header", onClick: () => r(!n), children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(I, { name: "zap", size: 14 }) }),
-      /* @__PURE__ */ d("span", { className: "sa-tool-name", children: [
+  return /* @__PURE__ */ c("div", { className: "sa-tool-call-part", children: [
+    /* @__PURE__ */ c("div", { className: "sa-tool-call-header", onClick: () => r(!s), children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(B, { name: "zap", size: 14 }) }),
+      /* @__PURE__ */ c("span", { className: "sa-tool-name", children: [
         "调用工具: ",
         t
       ] }),
-      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${n ? "expanded" : ""}`, children: /* @__PURE__ */ e(I, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(B, { name: "chevron-right", size: 12 }) })
     ] }),
-    n && /* @__PURE__ */ d(q, { children: [
+    s && /* @__PURE__ */ c(V, { children: [
       /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: l }),
-      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: c, title: "复制", children: [
-        /* @__PURE__ */ e(I, { name: i ? "circle-check" : "copy", size: 14 }),
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: d, title: "复制", children: [
+        /* @__PURE__ */ e(B, { name: i ? "circle-check" : "copy", size: 14 }),
         " ",
         i ? "已复制" : "复制"
       ] }) })
     ] })
   ] });
 }
-function re({ text: t }) {
-  const [a, s] = M(!1);
-  return /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: () => {
+function Ne({ text: t }) {
+  const [a, n] = E(!1);
+  return /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: () => {
     var r;
     (r = navigator.clipboard) == null || r.writeText(t).then(() => {
-      s(!0), setTimeout(() => s(!1), 2e3);
+      n(!0), setTimeout(() => n(!1), 2e3);
     }).catch(() => {
     });
   }, title: "复制", children: [
-    /* @__PURE__ */ e(I, { name: a ? "circle-check" : "copy", size: 14 }),
+    /* @__PURE__ */ e(B, { name: a ? "circle-check" : "copy", size: 14 }),
     " ",
     a ? "已复制" : "复制"
   ] });
 }
-function Ae({ html: t }) {
-  const [a, s] = M(null);
-  return B(() => {
-    let n = !1;
+function it({ html: t }) {
+  const [a, n] = E(null);
+  return P(() => {
+    let s = !1;
     return import("./purify.es-C-6FFqDW.js").then((r) => {
-      n || s(r.default.sanitize(t, { FORCE_BODY: !0, ADD_ATTR: ["target"] }));
+      s || n(r.default.sanitize(t, { FORCE_BODY: !0, ADD_ATTR: ["target"] }));
     }), () => {
-      n = !0;
+      s = !0;
     };
   }, [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 Re({ toolName: t, content: a, artifacts: s, renderMode: n, html: r, artifactPreview: i }) {
-  const { openArtifactPreview: o } = Y(), l = ce(s);
-  return /* @__PURE__ */ d("div", { className: "sa-tool-result-part", children: [
-    /* @__PURE__ */ d("div", { className: "sa-tool-result-header", children: [
-      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(I, { name: "circle-check", size: 14, color: "#10b981" }) }),
+function ot({ toolName: t, content: a, artifacts: n, renderMode: s, html: r, artifactPreview: i }) {
+  const { openArtifactPreview: o } = Z(), l = Se(n);
+  return /* @__PURE__ */ c("div", { className: "sa-tool-result-part", children: [
+    /* @__PURE__ */ c("div", { className: "sa-tool-result-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(B, { name: "circle-check", size: 14, color: "#10b981" }) }),
       /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: t || "工具返回" })
     ] }),
-    n === "html" && r ? /* @__PURE__ */ d(q, { children: [
-      /* @__PURE__ */ e(Ae, { html: r }),
-      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(re, { text: r }) })
-    ] }) : a ? /* @__PURE__ */ d(q, { children: [
+    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: [
       /* @__PURE__ */ e("pre", { className: "sa-tool-result-content", children: a }),
-      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(re, { text: a }) })
+      /* @__PURE__ */ e("div", { className: "sa-tool-result-actions", children: /* @__PURE__ */ e(Ne, { text: a }) })
     ] }) : /* @__PURE__ */ e("pre", { className: "sa-tool-result-content", children: "—" }),
-    l.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: l.map((c, p) => /* @__PURE__ */ d(
+    l.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: l.map((d, p) => /* @__PURE__ */ c(
       "li",
       {
         className: "sa-artifact-file-card",
-        onClick: i ? () => o(c) : void 0,
-        onKeyDown: i ? (f) => {
-          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), o(c));
+        onClick: i ? () => o(d) : void 0,
+        onKeyDown: i ? (u) => {
+          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), o(d));
         } : void 0,
         tabIndex: i ? 0 : void 0,
         role: i ? "button" : void 0,
-        "aria-label": i ? `预览 ${c.filename}` : void 0,
+        "aria-label": i ? `预览 ${d.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: le(c.type) }) }),
-          /* @__PURE__ */ d("div", { className: "sa-artifact-file-info", children: [
-            /* @__PURE__ */ e("span", { className: "sa-artifact-file-name", children: c.filename }),
-            c.size != null && /* @__PURE__ */ e("span", { className: "sa-artifact-file-size", children: oe(c.size) })
+          /* @__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) })
           ] }),
           i && /* @__PURE__ */ e(
             "button",
             {
               className: "sa-artifact-file-download",
               title: "下载",
-              "aria-label": `下载 ${c.filename}`,
-              onClick: (f) => {
-                f.stopPropagation(), Z(c);
+              "aria-label": `下载 ${d.filename}`,
+              onClick: (u) => {
+                u.stopPropagation(), ie(d);
               },
               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" }) })
             }
           )
         ]
       },
-      c.id || `art-${p}`
+      d.id || `art-${p}`
     )) })
   ] });
 }
-function Oe({ content: t, onRetry: a }) {
-  return /* @__PURE__ */ d("div", { className: "sa-error-part", children: [
-    /* @__PURE__ */ d("div", { className: "sa-error-content", children: [
-      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(I, { name: "triangle-alert", size: 14 }) }),
-      /* @__PURE__ */ e("span", { children: t })
+function lt({ content: t, onRetry: a }) {
+  return /* @__PURE__ */ c("div", { className: "sa-error-part", children: [
+    /* @__PURE__ */ c("div", { className: "sa-error-content", children: [
+      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(B, { name: "triangle-alert", size: 14 }) }),
+      /* @__PURE__ */ e("span", { children: t || "发生错误" })
     ] }),
     a && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: a, children: "重试" })
   ] });
 }
-function Pe({ interrupt: t, onRespond: a, disabled: s, answeredAction: n }) {
-  var l, c;
-  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (l = r == null ? void 0 : r[0]) == null ? void 0 : l.label) || "确认", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (c = r == null ? void 0 : r[1]) == null ? void 0 : c.label) || "取消";
-  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(I, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+function dt({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
+  var l, d;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (l = r == null ? void 0 : r[0]) == null ? void 0 : l.label) || "确认", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (d = r == null ? void 0 : r[1]) == null ? void 0 : d.label) || "取消";
+  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(B, { name: "circle-alert", size: 16, color: "#f59e0b" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ d(
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ c(
         "button",
         {
-          className: `sa-interrupt-btn sa-interrupt-btn-primary ${n === "confirm" ? "sa-interrupt-btn-answered" : ""}`,
-          disabled: s,
+          className: `sa-interrupt-btn sa-interrupt-btn-primary ${s === "confirm" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: n,
           onClick: () => a({ action: "confirm" }),
           children: [
-            /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+            /* @__PURE__ */ e(B, { name: "check", size: 14 }),
             " ",
             i
           ]
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ c(
         "button",
         {
-          className: `sa-interrupt-btn sa-interrupt-btn-secondary ${n === "cancel" ? "sa-interrupt-btn-answered" : ""}`,
-          disabled: s,
+          className: `sa-interrupt-btn sa-interrupt-btn-secondary ${s === "cancel" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: n,
           onClick: () => a({ action: "cancel" }),
           children: [
-            /* @__PURE__ */ e(I, { name: "x", size: 14 }),
+            /* @__PURE__ */ e(B, { name: "x", size: 14 }),
             " ",
             o
           ]
         }
       )
     ] }),
-    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
+    n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function He({ interrupt: t, onRespond: a, disabled: s, answeredAction: n }) {
-  var p, f, h, w;
-  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (p = r == null ? void 0 : r[0]) == null ? void 0 : p.label) || "批准", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (f = r == null ? void 0 : r[1]) == null ? void 0 : f.label) || "拒绝", l = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (h = r == null ? void 0 : r[2]) == null ? void 0 : h.label) || "跳过", c = ((w = t.metadata) == null ? void 0 : w.showSkip) !== !1;
-  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(I, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+function ct({ interrupt: t, onRespond: a, disabled: n, answeredAction: s }) {
+  var p, u, g, b;
+  const r = t.options, i = (typeof (r == null ? void 0 : r[0]) == "string" ? r[0] : (p = r == null ? void 0 : r[0]) == null ? void 0 : p.label) || "批准", o = (typeof (r == null ? void 0 : r[1]) == "string" ? r[1] : (u = r == null ? void 0 : r[1]) == null ? void 0 : u.label) || "拒绝", l = (typeof (r == null ? void 0 : r[2]) == "string" ? r[2] : (g = r == null ? void 0 : r[2]) == null ? void 0 : g.label) || "跳过", d = ((b = t.metadata) == null ? void 0 : b.showSkip) !== !1;
+  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(B, { name: "circle-alert", size: 16, color: "#f59e0b" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ d(
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ c(
         "button",
         {
-          className: `sa-interrupt-btn sa-interrupt-btn-primary ${n === "approve" ? "sa-interrupt-btn-answered" : ""}`,
-          disabled: s,
+          className: `sa-interrupt-btn sa-interrupt-btn-primary ${s === "approve" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: n,
           onClick: () => a({ action: "approve" }),
           children: [
-            /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+            /* @__PURE__ */ e(B, { name: "check", size: 14 }),
             " ",
             i
           ]
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ c(
         "button",
         {
-          className: `sa-interrupt-btn sa-interrupt-btn-danger ${n === "reject" ? "sa-interrupt-btn-answered" : ""}`,
-          disabled: s,
+          className: `sa-interrupt-btn sa-interrupt-btn-danger ${s === "reject" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: n,
           onClick: () => a({ action: "reject" }),
           children: [
-            /* @__PURE__ */ e(I, { name: "x", size: 14 }),
+            /* @__PURE__ */ e(B, { name: "x", size: 14 }),
             " ",
             o
           ]
         }
       ),
-      c && /* @__PURE__ */ d(
+      d && /* @__PURE__ */ c(
         "button",
         {
-          className: `sa-interrupt-btn sa-interrupt-btn-secondary ${n === "skip" ? "sa-interrupt-btn-answered" : ""}`,
-          disabled: s,
+          className: `sa-interrupt-btn sa-interrupt-btn-secondary ${s === "skip" ? "sa-interrupt-btn-answered" : ""}`,
+          disabled: n,
           onClick: () => a({ action: "skip" }),
           children: [
-            /* @__PURE__ */ e(I, { name: "chevron-right", size: 14 }),
+            /* @__PURE__ */ e(B, { name: "chevron-right", size: 14 }),
             " ",
             l
           ]
         }
       )
     ] }),
-    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
+    n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function _e(t) {
+function pt(t) {
   return typeof t == "string" ? { value: t, label: t } : t;
 }
-function Be({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
-  const r = (t.options ?? []).map(_e);
-  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(I, { name: "list", size: 16, color: "#6366f1" }),
+function ut({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = (t.options ?? []).map(pt);
+  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(B, { name: "list", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
     /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((i) => {
-      const o = n === i.value;
-      return /* @__PURE__ */ d(
+      const o = s === i.value;
+      return /* @__PURE__ */ c(
         "button",
         {
           className: `sa-interrupt-option ${i.danger ? "sa-interrupt-option-danger" : ""} ${o ? "sa-interrupt-option-selected" : ""}`,
-          disabled: s,
+          disabled: n,
           onClick: () => a({ action: "select", value: i.value }),
           children: [
-            /* @__PURE__ */ e(I, { name: o ? "circle-check" : "circle", size: 14 }),
-            i.icon && /* @__PURE__ */ e(I, { name: i.icon, size: 14 }),
+            /* @__PURE__ */ e(B, { name: o ? "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 })
           ]
@@ -1048,63 +1230,63 @@ function Be({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
         i.value
       );
     }) }),
-    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
+    n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function je(t) {
+function gt(t) {
   return typeof t == "string" ? { value: t, label: t } : t;
 }
-function Fe({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
-  const r = (t.options ?? []).map(je), [i, o] = M(
-    () => new Set(Array.isArray(n) ? n : [])
-  ), l = (c) => {
-    s || o((p) => {
-      const f = new Set(p);
-      return f.has(c) ? f.delete(c) : f.add(c), f;
+function ft({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const r = (t.options ?? []).map(gt), [i, o] = E(
+    () => new Set(Array.isArray(s) ? s : [])
+  ), l = (d) => {
+    n || o((p) => {
+      const u = new Set(p);
+      return u.has(d) ? u.delete(d) : u.add(d), u;
     });
   };
-  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(I, { name: "list-checks", size: 16, color: "#6366f1" }),
+  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(B, { name: "list-checks", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((c) => /* @__PURE__ */ d(
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((d) => /* @__PURE__ */ c(
       "button",
       {
-        className: `sa-interrupt-option ${i.has(c.value) ? "sa-interrupt-option-selected" : ""}`,
-        disabled: s,
-        onClick: () => l(c.value),
+        className: `sa-interrupt-option ${i.has(d.value) ? "sa-interrupt-option-selected" : ""}`,
+        disabled: n,
+        onClick: () => l(d.value),
         children: [
-          /* @__PURE__ */ e(I, { name: i.has(c.value) ? "square-check" : "square", size: 14 }),
-          /* @__PURE__ */ e("span", { children: c.label })
+          /* @__PURE__ */ e(B, { name: i.has(d.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e("span", { children: d.label })
         ]
       },
-      c.value
+      d.value
     )) }),
-    !s && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
+    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ c(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
         disabled: i.size === 0,
         onClick: () => a({ action: "submit", value: Array.from(i) }),
         children: [
-          /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+          /* @__PURE__ */ e(B, { name: "check", size: 14 }),
           " 确认 (",
           i.size,
           ")"
         ]
       }
     ) }),
-    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
+    n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function We({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
-  const [r, i] = M(n ?? ""), o = t.inputType ?? "text", l = o === "textarea", c = () => {
-    s || t.required && !r.trim() || a({ action: "submit", value: r.trim() });
+function ht({ interrupt: t, onRespond: a, disabled: n, initialValue: s }) {
+  const [r, i] = E(s ?? ""), o = t.inputType ?? "text", l = o === "textarea", d = () => {
+    n || t.required && !r.trim() || a({ action: "submit", value: r.trim() });
   };
-  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(I, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
+  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(B, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
     /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: l ? /* @__PURE__ */ e(
@@ -1116,7 +1298,7 @@ function We({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
         placeholder: t.placeholder,
         maxLength: t.maxLength,
         rows: 3,
-        disabled: s
+        disabled: n
       }
     ) : /* @__PURE__ */ e(
       "input",
@@ -1127,82 +1309,82 @@ function We({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
         onChange: (p) => i(p.target.value),
         placeholder: t.placeholder,
         maxLength: t.maxLength,
-        onKeyDown: (p) => p.key === "Enter" && c(),
-        disabled: s
+        onKeyDown: (p) => p.key === "Enter" && d(),
+        disabled: n
       }
     ) }),
-    !s && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
+    !n && /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ c(
       "button",
       {
         className: "sa-interrupt-btn sa-interrupt-btn-primary",
         disabled: t.required ? !r.trim() : !1,
-        onClick: c,
+        onClick: d,
         children: [
-          /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+          /* @__PURE__ */ e(B, { name: "check", size: 14 }),
           " 提交"
         ]
       }
     ) }),
-    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
+    n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function Ke({ interrupt: t, onRespond: a, disabled: s, initialValue: n }) {
-  const r = t.fields ?? [], [i, o] = M(() => {
-    const f = {};
-    for (const h of r)
-      f[h.name] = (n == null ? void 0 : n[h.name]) ?? h.defaultValue ?? "";
-    return f;
-  }), l = (f, h) => {
-    s || o((w) => ({ ...w, [f]: h }));
-  }, c = !s && r.every((f) => !f.required || i[f.name]), p = () => {
-    c && a({ action: "submit", value: i });
+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 });
   };
-  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
-    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
-      /* @__PURE__ */ e(I, { name: "file-text", size: 16, color: "#6366f1" }),
+  return /* @__PURE__ */ c("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ c("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(B, { name: "file-text", size: 16, color: "#6366f1" }),
       /* @__PURE__ */ e("span", { children: t.content })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: r.map((f) => /* @__PURE__ */ d("div", { className: "sa-interrupt-form-field", children: [
-      /* @__PURE__ */ d("label", { className: "sa-interrupt-form-label", children: [
-        f.label,
-        f.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
+    /* @__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: "*" })
       ] }),
-      Ye(f, i[f.name], (h) => l(f.name, h), s)
-    ] }, f.name)) }),
-    !s && /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
-      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !c, onClick: p, children: [
-        /* @__PURE__ */ e(I, { name: "check", size: 14 }),
+      xt(u, i[u.name], (g) => l(u.name, g), n)
+    ] }, u.name)) }),
+    !n && /* @__PURE__ */ c("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ c("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !d, onClick: p, children: [
+        /* @__PURE__ */ e(B, { name: "check", size: 14 }),
         " 提交"
       ] }),
       /* @__PURE__ */ e("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => a({ action: "cancel" }), children: "取消" })
     ] }),
-    s && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
+    n && /* @__PURE__ */ e("div", { className: "sa-interrupt-submitted", children: "已提交" })
   ] });
 }
-function se(t) {
+function ze(t) {
   return typeof t == "string" ? { value: t, label: t } : t;
 }
-function Ye(t, a, s, n) {
+function xt(t, a, n, s) {
   switch (t.type) {
     case "textarea":
-      return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: a, onChange: (r) => s(r.target.value), placeholder: t.placeholder, rows: 3, disabled: n });
+      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(se);
-      return /* @__PURE__ */ d("select", { className: "sa-interrupt-select", value: a, onChange: (i) => s(i.target.value), disabled: n, children: [
+      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: [
         /* @__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(se), i = Array.isArray(a) ? a : [], o = (l) => {
-        n || s(i.includes(l) ? i.filter((c) => c !== l) : [...i, l]);
+      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]);
       };
       return /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: r.map((l) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: `sa-interrupt-option ${i.includes(l.value) ? "sa-interrupt-option-selected" : ""}`,
-          disabled: n,
+          disabled: s,
           onClick: () => o(l.value),
           children: l.label
         },
@@ -1210,34 +1392,34 @@ function Ye(t, a, s, n) {
       )) });
     }
     case "password":
-      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: "password", value: a, onChange: (r) => s(r.target.value), placeholder: t.placeholder, disabled: n });
+      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: "password", value: a, onChange: (r) => n(r.target.value), placeholder: t.placeholder, disabled: s });
     default:
-      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: t.type === "number" ? "number" : t.type === "date" ? "date" : "text", value: a, onChange: (r) => s(r.target.value), placeholder: t.placeholder, disabled: n });
+      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 Ue({ interrupt: t, resolved: a, response: s, onRespond: n }) {
-  const r = a, i = s == null ? void 0 : s.value;
+function wt({ 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(Pe, { interrupt: t, onRespond: n, disabled: r, answeredAction: s == null ? void 0 : s.action });
+      return /* @__PURE__ */ e(dt, { interrupt: t, onRespond: s, disabled: r, answeredAction: n == null ? void 0 : n.action });
     case "approve":
-      return /* @__PURE__ */ e(He, { interrupt: t, onRespond: n, disabled: r, answeredAction: s == null ? void 0 : s.action });
+      return /* @__PURE__ */ e(ct, { interrupt: t, onRespond: s, disabled: r, answeredAction: n == null ? void 0 : n.action });
     case "select":
-      return /* @__PURE__ */ e(Be, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(ut, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     case "multiSelect":
-      return /* @__PURE__ */ e(Fe, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(ft, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     case "input":
-      return /* @__PURE__ */ e(We, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(ht, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     case "form":
-      return /* @__PURE__ */ e(Ke, { interrupt: t, onRespond: n, disabled: r, initialValue: i });
+      return /* @__PURE__ */ e(mt, { interrupt: t, onRespond: s, disabled: r, initialValue: i });
     default:
-      return /* @__PURE__ */ d("div", { className: "sa-interrupt-unknown", children: [
+      return /* @__PURE__ */ c("div", { className: "sa-interrupt-unknown", children: [
         "未知的交互类型: ",
         t.interruptType
       ] });
   }
 }
-const qe = [
+const bt = [
   { value: 1, label: "事实错误" },
   { value: 2, label: "逻辑问题" },
   { value: 3, label: "不相关" },
@@ -1245,75 +1427,75 @@ const qe = [
   { value: 5, label: "冗长啰嗦" },
   { value: 6, label: "难以理解" }
 ];
-function Ve({ message: t, onCopy: a, onRegenerate: s, onFeedback: n }) {
-  const { status: r, cancelFeedback: i } = Y(), [o, l] = M(null), [c, p] = M(!1), [f, h] = M(!1), w = _(null), u = C(() => {
+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]), m = C(() => {
-    o === "like" ? (l(null), i(t.id)) : (l("like"), h(!1), n == null || n(t.id, "like"));
-  }, [o, t.id, n, i]), v = C(() => {
-    o === "dislike" ? (l(null), h(!1), i(t.id)) : h(!0);
-  }, [o, t.id, i]), S = C((A, x) => {
-    l("dislike"), h(!1), n == null || n(t.id, "dislike", { reason: A, remark: (x == null ? void 0 : x.trim()) || void 0 });
-  }, [t.id, n]), T = C(() => {
-    h(!1);
+  }, [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);
   }, []);
-  return B(() => {
-    if (!f) return;
-    const A = (z) => {
-      w.current && !w.current.contains(z.target) && h(!1);
-    }, x = (z) => {
-      z.key === "Escape" && h(!1);
+  return P(() => {
+    if (!u) return;
+    const H = (C) => {
+      b.current && !b.current.contains(C.target) && g(!1);
+    }, k = (C) => {
+      C.key === "Escape" && g(!1);
     };
-    return document.addEventListener("mousedown", A), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", H), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", H), document.removeEventListener("keydown", k);
     };
-  }, [f]), r !== "ready" && r !== "error" ? null : /* @__PURE__ */ d("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: u, title: "复制", children: [
-      /* @__PURE__ */ e(I, { name: c ? "circle-check" : "copy", size: 14 }),
+  }, [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 }),
       " ",
-      c ? "已复制" : "复制"
+      d ? "已复制" : "复制"
     ] }),
-    s && /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: s, title: "重新生成", children: [
-      /* @__PURE__ */ e(I, { name: "refresh-cw", size: 14 }),
+    n && /* @__PURE__ */ c("button", { className: "sa-action-btn", onClick: n, title: "重新生成", children: [
+      /* @__PURE__ */ e(B, { name: "refresh-cw", size: 14 }),
       " 重新生成"
     ] }),
-    n && /* @__PURE__ */ d(q, { children: [
+    s && /* @__PURE__ */ c(V, { children: [
       /* @__PURE__ */ e("span", { className: "sa-action-divider" }),
       /* @__PURE__ */ e(
         "button",
         {
           className: `sa-action-btn ${o === "like" ? "sa-action-btn-active" : ""}`,
-          onClick: m,
+          onClick: x,
           title: "有用",
           "aria-label": "点赞",
-          children: /* @__PURE__ */ e(I, { name: "thumbs-up", size: 14 })
+          children: /* @__PURE__ */ e(B, { name: "thumbs-up", size: 14 })
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           className: `sa-action-btn ${o === "dislike" ? "sa-action-btn-active" : ""}`,
-          onClick: v,
+          onClick: f,
           title: "无用",
           "aria-label": "踩",
-          "aria-expanded": f,
+          "aria-expanded": u,
           "aria-haspopup": "dialog",
-          children: /* @__PURE__ */ e(I, { name: "thumbs-down", size: 14 })
+          children: /* @__PURE__ */ e(B, { name: "thumbs-down", size: 14 })
         }
       )
     ] }),
-    f && /* @__PURE__ */ e("div", { ref: w, children: /* @__PURE__ */ e(Xe, { onSubmit: S, onCancel: T }) })
+    u && /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(yt, { onSubmit: y, onCancel: z }) })
   ] });
 }
-function Xe({ onSubmit: t, onCancel: a }) {
-  const [s, n] = M(void 0), [r, i] = M("");
-  return /* @__PURE__ */ d("div", { className: "sa-dislike-panel", children: [
+function yt({ onSubmit: t, onCancel: a }) {
+  const [n, s] = E(void 0), [r, i] = E("");
+  return /* @__PURE__ */ c("div", { className: "sa-dislike-panel", children: [
     /* @__PURE__ */ e("div", { className: "sa-dislike-panel-title", children: "请选择不满意的原因（可选）" }),
-    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: qe.map((o) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: bt.map((o) => /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-dislike-reason-btn ${s === o.value ? "active" : ""}`,
-        onClick: () => n(s === o.value ? void 0 : o.value),
+        className: `sa-dislike-reason-btn ${n === o.value ? "active" : ""}`,
+        onClick: () => s(n === o.value ? void 0 : o.value),
         children: o.label
       },
       o.value
@@ -1329,196 +1511,229 @@ function Xe({ onSubmit: t, onCancel: a }) {
         rows: 2
       }
     ),
-    /* @__PURE__ */ d("div", { className: "sa-dislike-actions", children: [
-      /* @__PURE__ */ e("button", { className: "sa-dislike-submit", onClick: () => t(s, r || void 0), children: "提交" }),
+    /* @__PURE__ */ c("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: "取消" })
     ] })
   ] });
 }
-function ne({ src: t, role: a }) {
-  const s = a === "assistant" ? "A" : "U";
-  return t ? t.startsWith("http") || t.startsWith("/") || t.startsWith("data:") ? /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: /* @__PURE__ */ e(
-    "img",
-    {
-      src: t,
-      alt: a,
-      style: {
-        width: "100%",
-        height: "100%",
-        borderRadius: "inherit",
-        objectFit: "cover"
-      }
-    }
-  ) }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: t }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: s });
+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;
 }
-function Ge({
+function Ct({
   message: t,
   isStreaming: a,
-  isLast: s,
-  slots: n,
+  isLast: n,
+  slots: s,
   avatar: r,
-  artifactPreview: i
+  artifactPreview: i,
+  showTimestamp: o
 }) {
-  const { regenerate: o, feedback: l, respondToInterrupt: c } = Y(), p = C(() => {
-    var z;
-    const x = t.parts.filter(($) => $.type === "text").map(($) => $.content).join(`
+  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(`
 `);
-    (z = navigator.clipboard) == null || z.writeText(x).catch(() => {
+    (S = navigator.clipboard) == null || S.writeText(C).catch(() => {
     });
-  }, [t]), f = t.role === "user", h = n.Message;
-  if (h)
+  }, [t]), g = t.role === "user", b = s.Message;
+  if (b)
     return /* @__PURE__ */ e(
-      h,
+      b,
       {
         message: t,
         isStreaming: a,
-        isLast: s,
+        isLast: n,
         avatar: r,
-        slots: n,
-        onCopy: p,
-        onRegenerate: o,
-        onFeedback: l
+        slots: s,
+        onCopy: u,
+        onRegenerate: l,
+        onFeedback: d,
+        showTimestamp: o
       }
     );
-  const w = n.TextPart ?? De, u = n.ThinkingPart ?? Le, m = n.ToolCallPart ?? Ee, v = n.ToolResultPart ?? Re, S = n.ErrorPart ?? Oe, T = n.ActionBar ?? Ve, A = !f && t.parts.some((x) => x.type === "text" && x.content);
-  return /* @__PURE__ */ d(
+  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(
     "div",
     {
-      className: `sa-message ${f ? "sa-message-user" : "sa-message-assistant"}`,
+      className: `sa-message ${g ? "sa-message-user" : "sa-message-assistant"}`,
       children: [
-        !f && /* @__PURE__ */ e(ne, { src: r == null ? void 0 : r.assistant, role: "assistant" }),
-        /* @__PURE__ */ d("div", { className: "sa-message-content", children: [
-          /* @__PURE__ */ e(
+        !g && /* @__PURE__ */ e(
+          Ie,
+          {
+            src: (r == null ? void 0 : r.assistant) || (a && n ? X.assistantAvatarGenerating : X.assistantAvatar),
+            alt: "AI"
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "sa-message-content", children: [
+          o && /* @__PURE__ */ e(
             "span",
             {
-              className: `sa-message-time ${f ? "sa-message-time-right" : ""}`,
-              children: pe(t.timestamp)
+              className: `sa-message-time ${g ? "sa-message-time-right" : ""}`,
+              children: Ze(t.timestamp)
             }
           ),
-          /* @__PURE__ */ d("div", { className: "sa-message-body", children: [
-            t.parts.map((x, z) => {
-              switch (x.type) {
+          /* @__PURE__ */ c("div", { className: "sa-message-body", children: [
+            t.parts.map((C, S) => {
+              switch (C.type) {
                 case "text":
-                  return /* @__PURE__ */ e(w, { content: x.content }, z);
+                  return /* @__PURE__ */ e(m, { content: C.content }, S);
                 case "thinking":
-                  return /* @__PURE__ */ e(u, { content: x.content }, z);
+                  return /* @__PURE__ */ e(x, { content: C.content }, S);
                 case "tool_call":
                   return /* @__PURE__ */ e(
-                    m,
+                    f,
                     {
-                      toolName: x.toolName,
-                      toolCallId: x.toolCallId,
-                      args: x.args
+                      toolName: C.toolName,
+                      toolCallId: C.toolCallId,
+                      args: C.args
                     },
-                    z
+                    S
                   );
                 case "tool_result":
                   return /* @__PURE__ */ e(
-                    v,
+                    y,
                     {
-                      toolName: x.toolName,
-                      toolCallId: x.toolCallId,
-                      content: x.content,
-                      artifacts: x.artifacts,
-                      renderMode: x.renderMode,
-                      html: x.html,
+                      toolName: C.toolName,
+                      toolCallId: C.toolCallId,
+                      content: C.content,
+                      artifacts: C.artifacts,
+                      renderMode: C.renderMode,
+                      html: C.html,
                       artifactPreview: i
                     },
-                    z
+                    S
                   );
                 case "error":
                   return /* @__PURE__ */ e(
-                    S,
+                    z,
                     {
-                      content: x.content,
-                      onRetry: o
+                      content: C.content,
+                      onRetry: l
                     },
-                    z
+                    S
                   );
                 case "interrupt":
                   return /* @__PURE__ */ e(
-                    Ue,
+                    wt,
                     {
-                      interrupt: x.interrupt,
-                      resolved: x.resolved ?? !1,
-                      response: x.response,
-                      onRespond: ($) => c(x.interrupt.interruptId, $)
+                      interrupt: C.interrupt,
+                      resolved: C.resolved ?? !1,
+                      response: C.response,
+                      onRespond: (D) => p(C.interrupt.interruptId, D)
                     },
-                    z
+                    S
                   );
                 default:
                   return null;
               }
             }),
-            a && s && !f && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
-            !f && !a && A && /* @__PURE__ */ e(
-              T,
+            a && n && !g && !k && /* @__PURE__ */ e("span", { className: "sa-thinking-indicator", children: "思考中…" }),
+            !g && !a && k && /* @__PURE__ */ e(
+              H,
               {
                 message: t,
-                onCopy: p,
-                onRegenerate: s ? o : void 0,
-                onFeedback: l
+                onCopy: u,
+                onRegenerate: n ? l : void 0,
+                onFeedback: d
               }
             )
           ] })
         ] }),
-        f && /* @__PURE__ */ e(ne, { src: r == null ? void 0 : r.user, role: "user" })
+        g && (r == null ? void 0 : r.user) && /* @__PURE__ */ e(Ie, { src: r.user, alt: "用户" })
       ]
     }
   );
 }
-function Je({ message: t, suggestedPrompts: a, onPromptClick: s }) {
-  return /* @__PURE__ */ d("div", { className: "sa-welcome", children: [
-    /* @__PURE__ */ e("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ e(I, { name: "sparkles", size: 40 }) }),
-    /* @__PURE__ */ e("p", { className: "sa-welcome-message", children: t || "你好！有什么可以帮你的？" }),
-    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: a.map((n, r) => /* @__PURE__ */ e(
+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 }),
+      /* @__PURE__ */ e("h3", { className: "sa-shimmer-text m-0 mb-1 text-[18px] font-bold leading-[1.3] text-[#333] animate-sa-title-shimmer", children: t || "你好！有什么可以帮你的？" })
+    ] }),
+    s && s.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-4 opacity-0 animate-sa-home-fade-in", style: { animationDelay: "150ms" }, children: s.map((o) => /* @__PURE__ */ c("div", { className: "inline-flex w-full max-w-full min-w-0 items-center gap-[7px]", children: [
+      o.icon && /* @__PURE__ */ e("img", { src: o.icon, alt: "", className: "h-[18px] w-[18px] shrink-0 object-contain", draggable: !1 }),
+      /* @__PURE__ */ e("span", { className: "shrink-0 text-[14px] leading-[1.4] text-[#333]", children: o.label }),
+      o.desc && /* @__PURE__ */ c(V, { children: [
+        /* @__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(
       "button",
       {
-        className: "sa-welcome-prompt",
-        onClick: () => s(n),
-        children: n
+        type: "button",
+        className: "sa-chip inline-flex h-7 items-center gap-1 rounded-md px-3 text-[14px] leading-none text-[#333] opacity-0 transition-colors animate-sa-chip-in",
+        style: { animationDelay: `${300 + l * 130}ms` },
+        onClick: () => n(o),
+        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" }) })
+        ]
       },
-      r
-    )) })
+      `${o}-${l}`
+    )) }),
+    r && r.length > 0 && /* @__PURE__ */ c("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(
+        "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);
+          },
+          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 })
+          ]
+        },
+        o.label
+      )) })
+    ] })
   ] });
 }
-function fe({ slots: t, welcomeMessage: a, suggestedPrompts: s, avatar: n, artifactPreview: r }) {
-  const { messages: i, status: o, sendMessage: l } = Y(), { containerRef: c } = Te([i]), p = o === "streaming", f = t.WelcomeScreen ?? Je;
-  return i.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: /* @__PURE__ */ e(
-    f,
+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: s,
-      onPromptClick: l
+      suggestedPrompts: n,
+      onPromptClick: g,
+      capabilities: i,
+      quickLinks: o,
+      logo: l
     }
-  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: i.map((h, w) => /* @__PURE__ */ e(
-    Ge,
+  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: b, children: p.map((f, y) => /* @__PURE__ */ e(
+    Ct,
     {
-      message: h,
-      isStreaming: p,
-      isLast: w === i.length - 1,
+      message: f,
+      isStreaming: m,
+      isLast: y === p.length - 1,
       slots: t,
-      avatar: n,
-      artifactPreview: r
+      avatar: s,
+      artifactPreview: r,
+      showTimestamp: d
     },
-    h.id
+    f.id
   )) });
 }
-function Ze({ items: t, activeIndex: a, onSelect: s }) {
-  const n = _(null);
-  return B(() => {
+function zt({ items: t, activeIndex: a, onSelect: n }) {
+  const s = R(null);
+  return P(() => {
     var i;
-    const r = (i = n.current) == null ? void 0 : i.children[a];
+    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: n, children: t.map((r, i) => /* @__PURE__ */ d(
+  }, [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(
     "div",
     {
       className: `sa-slash-menu-item${i === a ? " sa-slash-menu-item--active" : ""}`,
       onMouseDown: (o) => {
-        o.preventDefault(), s(r);
+        o.preventDefault(), n(r);
       },
       children: [
-        /* @__PURE__ */ d("span", { className: "sa-slash-menu-item-name", children: [
+        /* @__PURE__ */ c("span", { className: "sa-slash-menu-item-name", children: [
           "/",
           r.name
         ] }),
@@ -1528,102 +1743,128 @@ function Ze({ items: t, activeIndex: a, onSelect: s }) {
     r.code
   )) });
 }
-function Qe({ sdk: t, input: a, onSelect: s }) {
-  const [n, r] = M([]), [i, o] = M(!1), [l, c] = M(0), p = _(!1);
-  B(() => {
+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([])));
   }, [t]);
-  const f = /^\/\S*$/.test(a);
-  B(() => {
-    o(f);
-  }, [f]), B(() => {
-    f && c(0);
-  }, [a, f]);
-  const h = a.startsWith("/") ? a.slice(1).toLowerCase() : "", w = J(
-    () => n.filter(
-      (x) => !h || x.code.toLowerCase().includes(h) || x.name.toLowerCase().includes(h) || x.displayName && x.displayName.toLowerCase().includes(h)
+  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(
+    () => s.filter(
+      (k) => !g || k.code.toLowerCase().includes(g) || k.name.toLowerCase().includes(g) || k.displayName && k.displayName.toLowerCase().includes(g)
     ),
-    [n, h]
-  ), u = _(i), m = _(w), v = _(l), S = _(s);
-  u.current = i, m.current = w, v.current = l, S.current = s;
-  const T = C((x) => {
-    if (!u.current || m.current.length === 0) return !1;
-    switch (x.key) {
+    [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) {
       case "ArrowDown":
-        return x.preventDefault(), c((z) => (z + 1) % m.current.length), !0;
+        return k.preventDefault(), d((C) => (C + 1) % x.current.length), !0;
       case "ArrowUp":
-        return x.preventDefault(), c((z) => (z - 1 + m.current.length) % m.current.length), !0;
+        return k.preventDefault(), d((C) => (C - 1 + x.current.length) % x.current.length), !0;
       case "Enter":
       case "Tab":
-        return x.preventDefault(), S.current(m.current[v.current]), o(!1), !0;
+        return k.preventDefault(), y.current(x.current[f.current]), o(!1), !0;
       case "Escape":
-        return x.preventDefault(), o(!1), !0;
+        return k.preventDefault(), o(!1), !0;
       default:
         return !1;
     }
-  }, []), A = C(() => o(!1), []);
-  return { isOpen: i, items: w, activeIndex: l, handleKeyDown: T, close: A };
+  }, []), H = N(() => o(!1), []);
+  return { isOpen: i, items: b, activeIndex: l, handleKeyDown: z, close: H };
 }
-function ue() {
-  const { status: t, sendMessage: a, stop: s, sdk: n } = Y(), [r, i] = M(""), o = _(null), l = t === "streaming" || t === "submitted", c = C((u) => {
-    i(`/${u.name} `), setTimeout(() => {
-      const m = o.current;
-      m && (m.focus(), m.selectionStart = m.selectionEnd = m.value.length);
+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);
     }, 0);
-  }, []), p = Qe({
-    sdk: n,
+  }, []), u = It({
+    sdk: s,
     input: r,
-    onSelect: c
-  }), f = C(() => {
-    const u = r.trim();
-    !u || l || (a(u), i(""), o.current && (o.current.style.height = "auto"));
-  }, [r, l, a]), h = C((u) => {
-    p.handleKeyDown(u) || u.key === "Enter" && !u.shiftKey && (u.preventDefault(), f());
-  }, [f, p.handleKeyDown]), w = C((u) => {
-    i(u.target.value);
-    const m = u.target;
-    m.style.height = "auto", m.style.height = Math.min(m.scrollHeight, 120) + "px";
-  }, []);
-  return /* @__PURE__ */ d("div", { className: "sa-composer", children: [
-    p.isOpen && /* @__PURE__ */ e(
-      Ze,
+    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,
       {
-        items: p.items,
-        activeIndex: p.activeIndex,
-        onSelect: c
+        items: u.items,
+        activeIndex: u.activeIndex,
+        onSelect: p
       }
     ),
-    /* @__PURE__ */ e(
-      "textarea",
+    /* @__PURE__ */ c(
+      "form",
       {
-        ref: o,
-        className: "sa-composer-input",
-        value: r,
-        onChange: w,
-        onKeyDown: h,
-        placeholder: l ? "回答生成中..." : "输入消息，按 / 选择技能...",
-        rows: 1,
-        disabled: l
+        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();
+        },
+        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(
+            "button",
+            {
+              type: "button",
+              className: "sa-send-btn sa-send-btn-active",
+              "aria-label": "停止生成",
+              title: "停止生成",
+              onClick: n,
+              children: /* @__PURE__ */ e("span", { className: "sa-stop-icon" })
+            }
+          ) : /* @__PURE__ */ e(
+            "button",
+            {
+              type: "submit",
+              className: `sa-send-btn ${r.trim() ? "sa-send-btn-active" : ""}`,
+              "aria-label": "发送",
+              title: "发送",
+              children: /* @__PURE__ */ e("img", { src: X.sendSolid, alt: "发送", width: 14, height: 14, draggable: !1 })
+            }
+          )
+        ]
       }
     ),
-    l ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: s, title: "停止", children: /* @__PURE__ */ e(I, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
-      "button",
-      {
-        className: "sa-composer-send",
-        onClick: f,
-        disabled: !r.trim(),
-        title: "发送",
-        children: /* @__PURE__ */ e(I, { name: "arrow-up", size: 16, color: "#fff" })
-      }
-    )
+    /* @__PURE__ */ e("div", { className: "mt-3 text-center text-[11px] leading-none text-[#B8B8B8]", children: "所有内容均由AI生成仅供参考" })
   ] });
 }
-function et({ artifact: t }) {
-  const [a, s] = V.useState(null), [n, r] = V.useState(!0), [i, o] = V.useState(null);
-  return V.useEffect(() => {
+function Tt({ artifact: t }) {
+  const [a, n] = Q.useState(null), [s, r] = Q.useState(!0), [i, o] = Q.useState(null);
+  return Q.useEffect(() => {
     let l = !1;
-    r(!0), o(null), s(null);
-    async function c() {
+    r(!0), o(null), n(null);
+    async function d() {
       try {
         if (t.type === "pdf") {
           l || r(!1);
@@ -1632,15 +1873,15 @@ function et({ artifact: t }) {
         if (t.type === "html") {
           const p = await fetch(t.url);
           if (!p.ok) throw new Error(`HTTP ${p.status}`);
-          const f = await p.text(), h = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (s(h.sanitize(f, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
+          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));
           return;
         }
         if (t.type === "docx") {
           const p = await fetch(t.url);
           if (!p.ok) throw new Error(`HTTP ${p.status}`);
-          const f = await p.arrayBuffer(), w = await (await import("./mammoth.browser-COPV53yV.js").then((m) => m.m)).convertToHtml({ arrayBuffer: f }), u = (await import("./purify.es-C-6FFqDW.js")).default;
-          l || (s(u.sanitize(w.value, { FORCE_BODY: !0, ADD_ATTR: ["target"] })), r(!1));
+          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));
           return;
         }
         l || (r(!1), o(`不支持预览「${t.type}」类型`));
@@ -1648,469 +1889,683 @@ function et({ artifact: t }) {
         l || (r(!1), o(p instanceof Error ? p.message : "加载失败"));
       }
     }
-    return c(), () => {
+    return d(), () => {
       l = !0;
     };
-  }, [t]), n ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : i ? /* @__PURE__ */ d("div", { className: "sa-drawer-preview-error", children: [
+  }, [t]), s ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : i ? /* @__PURE__ */ c("div", { className: "sa-drawer-preview-error", children: [
     i,
-    /* @__PURE__ */ e("button", { className: "sa-drawer-btn-sm", onClick: () => void Z(t), children: "下载查看" })
+    /* @__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;
 }
-function me({ artifacts: t, initialArtifact: a, onClose: s }) {
-  const [n, r] = M(
+function _e({ artifacts: t, initialArtifact: a, onClose: n }) {
+  const [s, r] = E(
     a ? { mode: "preview", artifact: a } : { mode: "list" }
-  ), [i, o] = M(!1), l = _(null), [c, p] = M(340), f = _(null);
-  B(() => {
+  ), [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 }));
   }, [a]);
-  const h = C(() => {
+  const g = N(() => {
     o(!0), l.current = setTimeout(() => {
-      l.current = null, s();
+      l.current = null, n();
     }, 240);
-  }, [s]);
-  B(() => () => {
-    var v;
-    l.current && clearTimeout(l.current), (v = f.current) == null || v.call(f);
+  }, [n]);
+  P(() => () => {
+    var f;
+    l.current && clearTimeout(l.current), (f = u.current) == null || f.call(u);
   }, []);
-  const w = C((v) => {
-    r({ mode: "preview", artifact: v });
-  }, []), u = C(() => {
+  const b = N((f) => {
+    r({ mode: "preview", artifact: f });
+  }, []), m = N(() => {
     r({ mode: "list" });
   }, []);
-  B(() => {
-    const v = (S) => {
-      S.key === "Escape" && h();
+  P(() => {
+    const f = (y) => {
+      y.key === "Escape" && g();
     };
-    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
-  }, [h]);
-  const m = C((v) => {
-    v.preventDefault();
-    const S = v.clientX, T = c, A = (z) => {
-      const $ = S - z.clientX;
-      p(Math.max(240, Math.min(window.innerWidth * 0.7, T + $)));
-    }, x = () => {
-      document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", x), document.body.style.cursor = "", document.body.style.userSelect = "", f.current = null;
+    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;
     };
-    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", A), document.addEventListener("mouseup", x), f.current = x;
-  }, [c]);
-  return /* @__PURE__ */ d("div", { className: `sa-artifact-drawer ${i ? "sa-drawer-closing" : ""}`, style: { width: c }, children: [
-    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: m }),
-    /* @__PURE__ */ d("div", { className: "sa-artifact-drawer-header", children: [
-      n.mode === "preview" ? /* @__PURE__ */ d(q, { children: [
-        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: u, title: "返回列表", "aria-label": "返回列表", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M15 18l-6-6 6-6" }) }) }),
-        /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: n.artifact.filename })
-      ] }) : /* @__PURE__ */ d(q, { children: [
-        /* @__PURE__ */ d("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { flexShrink: 0 }, children: [
+    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" }) }) }),
+        /* @__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__ */ 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 } }),
-      n.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void Z(n.artifact), title: "下载", "aria-label": "下载", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) }) }),
-      /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: h, title: "关闭", "aria-label": "关闭", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
+      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" }) }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: n.mode === "list" ? t.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-drawer-empty", children: "暂无产物" }) : /* @__PURE__ */ e("ul", { className: "sa-drawer-file-list", role: "list", children: t.map((v, S) => /* @__PURE__ */ d(
+    /* @__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(
       "li",
       {
         className: "sa-drawer-file-card",
-        onClick: () => w(v),
-        onKeyDown: (T) => {
-          (T.key === "Enter" || T.key === " ") && (T.preventDefault(), w(v));
+        onClick: () => b(f),
+        onKeyDown: (z) => {
+          (z.key === "Enter" || z.key === " ") && (z.preventDefault(), b(f));
         },
         tabIndex: 0,
         role: "button",
-        "aria-label": `预览 ${v.filename}`,
+        "aria-label": `预览 ${f.filename}`,
         children: [
-          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: le(v.type) }) }),
-          /* @__PURE__ */ d("div", { className: "sa-drawer-file-info", children: [
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: v.filename }),
-            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: oe(v.size) })
+          /* @__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(
             "button",
             {
               className: "sa-drawer-btn",
               title: "下载",
-              "aria-label": `下载 ${v.filename}`,
-              onClick: (T) => {
-                T.stopPropagation(), Z(v);
+              "aria-label": `下载 ${f.filename}`,
+              onClick: (z) => {
+                z.stopPropagation(), ie(f);
               },
               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" }) })
             }
           )
         ]
       },
-      v.id || `artifact-${S}`
-    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(et, { artifact: n.artifact }) }) })
+      f.id || `artifact-${y}`
+    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(Tt, { artifact: s.artifact }) }) })
   ] });
 }
-function tt({ isOpen: t, onClose: a, title: s, slots: n, welcomeMessage: r, suggestedPrompts: i, avatar: o, artifactPreview: l }) {
-  const { status: c, sendMessage: p, stop: f, toggleThreadList: h, toggleArtifactDrawer: w, conversations: u, activeConversationId: m, switchConversation: v, newConversation: S, deleteConversation: T, renameConversation: A, isThreadListOpen: x, isArtifactDrawerOpen: z, allArtifacts: $, activePreviewArtifact: P, messagesLoading: N } = Y();
+function Mt({
+  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
+}) {
+  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,
+    // 统一由 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,
+    // 大窗不消费窗口几何，无需区分 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,
+    contentSelector: ".sa-panel-content",
+    defaultHeight: b ?? U.DEFAULT_HEIGHT,
+    onHeightChange: oe
+  });
   if (!t) return null;
-  const R = n.Header, y = n.Composer, g = n.ThreadList;
-  return /* @__PURE__ */ d("div", { className: "sa-panel", children: [
-    R ? /* @__PURE__ */ e(R, { title: s, onClose: a, onToggleThreadList: h }) : /* @__PURE__ */ e(
-      ze,
-      {
-        title: s,
-        onClose: a,
-        onToggleThreadList: h,
-        artifactCount: l ? $.length : 0,
-        onToggleArtifactDrawer: l ? w : void 0
-      }
-    ),
-    g && x ? /* @__PURE__ */ e(
-      g,
-      {
-        conversations: u,
-        activeSessionId: m,
-        onSwitch: v,
-        onNew: S,
-        onDelete: T,
-        onRename: A
-      }
-    ) : /* @__PURE__ */ e(Se, {}),
-    /* @__PURE__ */ d("div", { className: "sa-panel-content", children: [
-      N ? /* @__PURE__ */ d("div", { className: "sa-messages-loading", children: [
-        /* @__PURE__ */ e("span", { className: "sa-loading-spinner" }),
-        "加载对话..."
-      ] }) : /* @__PURE__ */ e(fe, { slots: n, welcomeMessage: r, suggestedPrompts: i, avatar: o, artifactPreview: l }),
-      l && z && /* @__PURE__ */ e(me, { artifacts: $, initialArtifact: P, onClose: w })
-    ] }),
-    y ? /* @__PURE__ */ e(y, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(ue, {})
-  ] });
+  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 = {
+    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(
+    "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` },
+      children: [
+        le && /* @__PURE__ */ c(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 })
+          }
+        ),
+        /* @__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, {}) })
+      ]
+    }
+  );
+  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(
+    "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,
+      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")
+          }
+        ),
+        /* @__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")
+          }
+        ),
+        k && (se ? /* @__PURE__ */ e(se, { ...we }) : /* @__PURE__ */ e(ke, { width: 200 })),
+        be
+      ]
+    }
+  );
 }
-function at({
+const Et = () => {
+};
+function St({
   conversations: t,
   activeSessionId: a,
-  onSwitch: s,
-  onNew: n,
+  onSwitch: n,
+  onNew: s,
   onDelete: r,
   onRename: i,
   isCollapsed: o,
   onToggleCollapse: l,
-  hasMore: c,
+  hasMore: d,
   onLoadMore: p,
-  conversationsLoading: f
+  conversationsLoading: u
 }) {
-  const [h, w] = M(null), [u, m] = M(null), [v, S] = M(null), [T, A] = M(""), x = C(
-    (y, g) => {
-      g.stopPropagation(), u === y ? (r(y), m(null)) : (m(y), setTimeout(() => m(null), 3e3));
+  const [g, b] = E(null), [m, x] = E(null), [f, y] = E(""), [z, H] = E(null), k = R(null);
+  P(
+    () => () => {
+      k.current && clearTimeout(k.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),
+        3e3
+      ));
     },
-    [u, r]
-  ), z = C(
-    (y, g, E) => {
-      E.stopPropagation(), S(y), A(g ?? "");
+    [g, r]
+  ), S = N(
+    (L, v, A) => {
+      A.stopPropagation(), x(L), y(v ?? "");
     },
     []
-  ), $ = C(
-    (y) => {
-      T.trim() && i(y, T.trim()), S(null);
+  ), D = N(
+    (L) => {
+      f.trim() && i(L, f.trim()), x(null);
     },
-    [T, i]
-  ), P = _(null), N = C(() => {
-    const y = P.current;
-    !y || !c || !p || y.scrollHeight - y.scrollTop - y.clientHeight < 50 && p();
-  }, [c, p]), R = (() => {
-    const y = Date.now(), g = [], E = [], L = [];
-    for (const O of t) {
-      const b = y - new Date(O.updateTime).getTime();
-      b < 864e5 ? g.push(O) : b < 6048e5 ? E.push(O) : L.push(O);
-    }
-    const k = [];
-    return g.length && k.push({ label: "今天", items: g }), E.length && k.push({ label: "最近 7 天", items: E }), L.length && k.push({ label: "更早", items: L }), k;
-  })();
-  return o ? /* @__PURE__ */ d("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
+    [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),
+    [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: [
     /* @__PURE__ */ e(
       "button",
       {
-        className: "sa-fp-sidebar-toggle",
+        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,
-        title: "展开",
-        children: /* @__PURE__ */ e(I, { name: "panel-left", size: 18 })
+        children: /* @__PURE__ */ e(B, { name: "panel-left", size: 18 })
       }
     ),
     /* @__PURE__ */ e(
       "button",
       {
-        className: "sa-fp-sidebar-toggle",
+        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: () => {
-          n(), l();
+          s(), l();
         },
-        title: "新会话",
-        style: { marginTop: 4 },
-        children: /* @__PURE__ */ e(I, { name: "plus", size: 18 })
+        children: /* @__PURE__ */ e("img", { src: X.messageCreate, alt: "", width: 18, height: 18 })
       }
     )
-  ] }) : /* @__PURE__ */ d("div", { className: "sa-fp-sidebar", children: [
-    /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-header", children: [
-      /* @__PURE__ */ d("button", { className: "sa-fp-sidebar-new", onClick: n, children: [
-        /* @__PURE__ */ e(I, { name: "plus", size: 15 }),
-        " ",
-        /* @__PURE__ */ e("span", { children: "新会话" })
-      ] }),
+  ] }) : /* @__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(
+        "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("span", { className: "sa-new-chat-text whitespace-nowrap", children: "新建对话" })
+          ]
+        }
+      ),
       /* @__PURE__ */ e(
         "button",
         {
-          className: "sa-fp-sidebar-toggle",
+          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,
-          title: "收起侧边栏",
-          children: /* @__PURE__ */ e(I, { name: "panel-left-close", size: 18 })
+          children: /* @__PURE__ */ e(B, { name: "panel-left-close", size: 16 })
         }
       )
     ] }),
-    /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-list", ref: P, onScroll: N, children: [
-      f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: "加载中..." }),
-      !f && t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
-      R.map((y) => /* @__PURE__ */ d("div", { children: [
-        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: y.label }),
-        y.items.map((g) => {
-          const E = g.sessionId === a, L = h === g.sessionId, k = u === g.sessionId;
-          return /* @__PURE__ */ d(
-            "div",
-            {
-              className: `sa-fp-sidebar-item ${E ? "active" : ""}`,
-              onClick: () => {
-                v !== g.sessionId && s(g.sessionId);
-              },
-              onMouseEnter: () => w(g.sessionId),
-              onMouseLeave: () => w(null),
-              children: [
-                v === g.sessionId ? /* @__PURE__ */ e(
-                  "input",
-                  {
-                    className: "sa-fp-sidebar-item-edit",
-                    value: T,
-                    onChange: (O) => A(O.target.value),
-                    onBlur: () => $(g.sessionId),
-                    onKeyDown: (O) => {
-                      O.key === "Enter" && $(g.sessionId), O.key === "Escape" && S(null);
-                    },
-                    onClick: (O) => O.stopPropagation(),
-                    autoFocus: !0
-                  }
-                ) : /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: g.title || "新会话" }),
-                /* @__PURE__ */ d(
-                  "div",
-                  {
-                    className: `sa-fp-sidebar-item-actions ${L && v !== g.sessionId ? "visible" : ""}`,
-                    children: [
+    /* @__PURE__ */ c("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: w,
+        className: "flex-1 overflow-y-auto",
+        onScroll: M,
+        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;
+              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]"}`,
+                  onClick: () => {
+                    m !== v.sessionId && n(v.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
+                    });
+                  },
+                  onMouseLeave: () => H(null),
+                  children: m === v.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);
+                      },
+                      onClick: (F) => F.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: v.title || "新会话" }),
+                    /* @__PURE__ */ c("span", { className: "hidden shrink-0 items-center gap-0.5 group-hover:flex", children: [
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          className: "sa-fp-sidebar-item-action",
-                          onClick: (O) => z(g.sessionId, g.title, O),
+                          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),
                           title: "重命名",
-                          children: /* @__PURE__ */ e(I, { name: "pen", size: 14 })
+                          children: /* @__PURE__ */ e(B, { name: "pen", size: 12 })
                         }
                       ),
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          className: `sa-fp-sidebar-item-action ${k ? "danger" : ""}`,
-                          onClick: (O) => x(g.sessionId, O),
-                          title: k ? "确认删除" : "删除",
-                          children: /* @__PURE__ */ e(I, { name: k ? "x" : "trash2", size: 14 })
+                          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 ? "确认删除" : "删除",
+                          children: /* @__PURE__ */ e(
+                            B,
+                            {
+                              name: I ? "x" : "trash2",
+                              size: 12
+                            }
+                          )
                         }
                       )
-                    ]
-                  }
-                )
-              ]
-            },
-            g.sessionId
-          );
-        })
-      ] }, y.label)),
-      c && /* @__PURE__ */ e("div", { className: "sa-thread-list-loading", children: "加载更多..." })
-    ] })
+                    ] })
+                  ] })
+                },
+                v.sessionId
+              );
+            })
+          ] }, L.label)),
+          d && /* @__PURE__ */ e("div", { className: "px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]", children: "向下滚动加载更多" })
+        ]
+      }
+    ),
+    z && /* @__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,
+          transform: "translateY(-50%)"
+        },
+        children: z.text
+      }
+    )
   ] });
 }
-function rt({
+function At({
   title: t,
   slots: a,
-  welcomeMessage: s,
-  suggestedPrompts: n,
-  sidebarDefaultOpen: r = !0,
-  onClose: i,
-  avatar: o,
-  artifactPreview: l
+  welcomeMessage: n,
+  suggestedPrompts: s,
+  capabilities: r,
+  quickLinks: i,
+  logo: o,
+  sidebarDefaultOpen: l = !0,
+  onClose: d,
+  avatar: p,
+  artifactPreview: u,
+  showTimestamp: g
 }) {
   const {
-    status: c,
-    sendMessage: p,
-    stop: f,
-    conversations: h,
-    activeConversationId: w,
-    switchConversation: u,
-    newConversation: m,
-    deleteConversation: v,
-    renameConversation: S,
-    toggleArtifactDrawer: T,
-    isArtifactDrawerOpen: A,
-    allArtifacts: x,
-    activePreviewArtifact: z,
+    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: P,
-    conversationsLoading: N,
-    messagesLoading: R
-  } = Y(), [y, g] = M(r), E = C(() => g((O) => !O), []), L = a.ThreadList, k = a.Composer;
-  return /* @__PURE__ */ d("div", { className: "sa-fullpage", children: [
-    L ? /* @__PURE__ */ e(
+    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(
       "div",
       {
-        className: `sa-fp-sidebar-wrapper ${y ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
+        className: `sa-fp-sidebar-wrapper ${I ? "" : "sa-fp-sidebar-wrapper-collapsed"}`,
         children: /* @__PURE__ */ e(
-          L,
+          _,
           {
-            conversations: h,
-            activeSessionId: w,
-            onSwitch: u,
-            onNew: m,
-            onDelete: v,
-            onRename: S,
+            conversations: f,
+            activeSessionId: y,
+            onSwitch: z,
+            onNew: H,
+            onDelete: k,
+            onRename: C,
             hasMore: $,
-            onLoadMore: P
+            onLoadMore: L
           }
         )
       }
     ) : /* @__PURE__ */ e(
-      at,
+      St,
       {
-        conversations: h,
-        activeSessionId: w,
-        onSwitch: u,
-        onNew: m,
-        onDelete: v,
-        onRename: S,
-        isCollapsed: !y,
-        onToggleCollapse: E,
+        conversations: f,
+        activeSessionId: y,
+        onSwitch: z,
+        onNew: H,
+        onDelete: k,
+        onRename: C,
+        isCollapsed: !I,
+        onToggleCollapse: h,
         hasMore: $,
-        onLoadMore: P,
-        conversationsLoading: N
+        onLoadMore: L,
+        conversationsLoading: v
       }
     ),
-    /* @__PURE__ */ d("div", { className: "sa-fp-main", children: [
-      /* @__PURE__ */ d("div", { className: "sa-fp-header", children: [
-        !y && !L && /* @__PURE__ */ e(
+    /* @__PURE__ */ c("div", { className: "sa-fp-main", children: [
+      W ? /* @__PURE__ */ e(
+        W,
+        {
+          title: t,
+          onClose: d ?? Et,
+          onToggleThreadList: h,
+          artifactCount: u ? w.length : 0,
+          onToggleArtifactDrawer: u ? S : void 0
+        }
+      ) : /* @__PURE__ */ c("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(
           "button",
           {
-            className: "sa-fp-header-btn",
-            onClick: E,
-            title: "展开侧边栏",
-            children: /* @__PURE__ */ e(I, { name: "panel-left", size: 18 })
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: t }),
-        /* @__PURE__ */ d("div", { className: "sa-fp-header-actions", children: [
-          l && x.length > 0 && /* @__PURE__ */ d(
-            "button",
-            {
-              className: "sa-fp-header-btn sa-header-btn-artifact",
-              onClick: T,
-              title: "会话产物",
-              children: [
-                /* @__PURE__ */ d(
-                  "svg",
-                  {
-                    width: "14",
-                    height: "14",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    children: [
-                      /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-                      /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e("span", { children: "产物" })
-              ]
-            }
-          ),
-          i && /* @__PURE__ */ e(
-            "button",
-            {
-              className: "sa-fp-header-btn",
-              onClick: i,
-              title: "关闭",
-              children: /* @__PURE__ */ e(I, { name: "x", size: 18 })
-            }
-          )
-        ] })
+            className: "sa-fp-header-btn sa-header-btn-artifact",
+            onClick: S,
+            title: "会话产物",
+            children: [
+              /* @__PURE__ */ c(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: [
+                    /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+                    /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e("span", { children: "产物" })
+            ]
+          }
+        ) })
       ] }),
-      /* @__PURE__ */ d("div", { className: "sa-fp-content-row", children: [
-        R ? /* @__PURE__ */ d("div", { className: "sa-messages-loading", children: [
+      /* @__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(
-          fe,
+          $e,
           {
             slots: a,
-            welcomeMessage: s,
-            suggestedPrompts: n,
-            avatar: o,
-            artifactPreview: l
+            welcomeMessage: n,
+            suggestedPrompts: s,
+            capabilities: r,
+            quickLinks: i,
+            logo: o,
+            avatar: p,
+            artifactPreview: u,
+            showTimestamp: g
           }
         ),
-        l && A && /* @__PURE__ */ e(
-          me,
+        u && D && /* @__PURE__ */ e(
+          _e,
           {
-            artifacts: x,
-            initialArtifact: z,
-            onClose: T
+            artifacts: w,
+            initialArtifact: M,
+            onClose: S
           }
         )
       ] }),
-      k ? /* @__PURE__ */ e(k, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(ue, {})
+      O ? /* @__PURE__ */ e(O, { status: b, onSend: m, onStop: x }) : /* @__PURE__ */ e(Le, {})
     ] })
   ] });
 }
-function st(t) {
-  const { sdk: a, mode: s = "floating", slots: n = {}, hooks: r = {}, welcomeMessage: i, suggestedPrompts: o, title: l = "AI Assistant", initialOpen: c = !1, onOpenChange: p, sidebarDefaultOpen: f, avatar: h, artifactPreview: w } = t, [u, m] = M(c);
-  B(() => {
-    m(c);
-  }, [c]);
-  const v = C(() => {
-    var x, z;
-    const A = !u;
-    m(A), p == null || p(A), A ? (x = r.onOpen) == null || x.call(r) : (z = r.onClose) == null || z.call(r);
-  }, [u, r, p]), S = C(() => {
-    var A;
-    m(!1), p == null || p(!1), (A = r.onClose) == null || A.call(r);
-  }, [r, p]), T = n.Trigger ?? Ce;
-  return s === "fullpage" ? u ? /* @__PURE__ */ e(te, { sdk: a, hooks: r, children: /* @__PURE__ */ e(
-    rt,
+function Dt(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,
     {
       title: l,
-      slots: n,
+      slots: s,
       welcomeMessage: i,
       suggestedPrompts: o,
-      sidebarDefaultOpen: f,
-      onClose: S,
-      avatar: h,
-      artifactPreview: w
+      capabilities: m,
+      quickLinks: x,
+      logo: f,
+      sidebarDefaultOpen: u,
+      onClose: D,
+      avatar: g,
+      artifactPreview: b,
+      showTimestamp: H
     }
-  ) }) : null : /* @__PURE__ */ d(te, { sdk: a, hooks: r, children: [
-    /* @__PURE__ */ e(T, { isOpen: u, onClick: v }),
+  ) }) : null : /* @__PURE__ */ c(ye, { sdk: a, hooks: r, children: [
+    /* @__PURE__ */ e(w, { isOpen: k, onClick: S, triggerLogo: y }),
     /* @__PURE__ */ e(
-      tt,
+      Mt,
       {
-        isOpen: u,
-        onClose: S,
+        isOpen: k,
+        onClose: D,
         title: l,
-        slots: n,
+        slots: s,
         welcomeMessage: i,
         suggestedPrompts: o,
-        avatar: h,
-        artifactPreview: w
+        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
       }
     )
   ] });
 }
-const nt = `
+const $t = `
   [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);
@@ -2140,135 +2595,7 @@ const nt = `
     font-family: inherit;
   }
 
-  /* ── Trigger ─────────────────────────────────────────────── */
-
-  .sa-trigger {
-    position: fixed;
-    bottom: 24px;
-    right: 24px;
-    width: 56px;
-    height: 56px;
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
-    color: #ffffff;
-    font-size: 24px;
-    box-shadow: 0 8px 24px color-mix(in srgb, var(--sa-primary) 35%, transparent);
-    z-index: var(--sa-z-index, 9999);
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
-  }
-
-  .sa-trigger:hover {
-    transform: scale(1.08);
-    box-shadow: 0 12px 32px color-mix(in srgb, var(--sa-primary) 45%, transparent);
-  }
-
-  .sa-trigger:active {
-    transform: scale(0.94);
-  }
-
-  .sa-trigger-open {
-    transform: rotate(90deg);
-  }
-
-  /* ── Panel ───────────────────────────────────────────────── */
-
-  .sa-panel {
-    position: fixed;
-    bottom: 96px;
-    right: 24px;
-    width: var(--sa-panel-width, 380px);
-    height: var(--sa-panel-height, 520px);
-    max-height: calc(100vh - 120px);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    background: var(--sa-bg);
-    border: 1px solid var(--sa-border);
-    border-radius: var(--sa-radius, 16px);
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
-    z-index: var(--sa-z-index, 9999);
-    animation: sa-slide-up 0.25s cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
-  /* ── Header ──────────────────────────────────────────────── */
-
-  .sa-header {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 14px 16px;
-    color: #ffffff;
-    background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
-    flex-shrink: 0;
-  }
-
-  .sa-header-left {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    flex: 1;
-  }
-
-  .sa-header-avatar {
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
-    background: rgba(255,255,255,0.2);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
-    font-weight: 600;
-  }
-
-  .sa-header-info {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .sa-header-status {
-    font-size: 11px;
-    opacity: 0.8;
-    color: #a5f3a6;
-  }
-
-  .sa-header-actions {
-    display: flex;
-    gap: 4px;
-  }
-
-  .sa-header-title {
-    flex: 1;
-    font-size: 16px;
-    font-weight: 600;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .sa-header-btn {
-    width: 30px;
-    height: 30px;
-    border: none;
-    border-radius: 8px;
-    background: transparent;
-    color: #ffffff;
-    font-size: 16px;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: background 0.15s ease;
-  }
-
-  .sa-header-btn:hover {
-    background: rgba(255, 255, 255, 0.18);
-  }
+  /* ── Trigger / Panel / Header（浮窗框架已改用 Tailwind 实现，见 tailwind.css） ── */
 
   /* ── Thread / messages ───────────────────────────────────── */
 
@@ -2276,7 +2603,7 @@ const nt = `
     flex: 1;
     display: flex;
     flex-direction: column;
-    gap: 14px;
+    gap: 16px;
     overflow-y: auto;
     padding: 16px;
     background: var(--sa-surface);
@@ -2296,6 +2623,9 @@ const nt = `
     background: rgba(0, 0, 0, 0.24);
   }
 
+  /* ── Message：浮窗默认 hr-for-help 风格（AI 头像独占一行）；
+     fullpage 模式在 .sa-fp-content-row 下恢复原横排布局，互不影响 ── */
+
   .sa-message {
     display: flex;
     align-items: flex-start;
@@ -2307,6 +2637,13 @@ const nt = `
     justify-content: flex-end;
   }
 
+  /* AI 消息：列布局，头像独占一行（仅浮窗，对齐 hr-for-help msgAi） */
+  .sa-message-assistant {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 6px;
+  }
+
   .sa-message-content {
     max-width: 78%;
     display: flex;
@@ -2314,33 +2651,42 @@ const nt = `
     gap: 4px;
   }
 
+  .sa-message-user .sa-message-content {
+    max-width: 90%;
+  }
+
+  .sa-message-assistant .sa-message-content {
+    max-width: 100%;
+    min-width: 0;
+    width: 100%;
+  }
+
   .sa-message-body {
     display: flex;
     flex-direction: column;
     gap: 4px;
   }
 
+  /* 浮窗气泡：用户浅蓝、AI 白底描边（对齐 hr-for-help） */
   .sa-message-user .sa-message-body {
-    padding: 10px 14px;
-    border-radius: 16px;
-    border-bottom-right-radius: 4px;
-    background: var(--sa-primary);
-    color: #ffffff;
+    padding: 8px 12px;
+    border-radius: 8px 8px 0 8px;
+    background: #E8F1FE;
+    color: #333333;
     font-size: 14px;
-    line-height: 1.55;
+    line-height: 1.6;
     word-break: break-word;
   }
 
   .sa-message-assistant .sa-message-body {
-    padding: 10px 14px;
-    border-radius: 16px;
-    border-bottom-left-radius: 4px;
+    padding: 10px 12px;
+    border-radius: 8px;
     background: #ffffff;
+    border: 1px solid #E0E0E0;
     color: var(--sa-text);
     font-size: 14px;
-    line-height: 1.55;
+    line-height: 1.5;
     word-break: break-word;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
   }
 
   .sa-message-time {
@@ -2353,26 +2699,72 @@ const nt = `
     text-align: right;
   }
 
-  .sa-avatar {
-    width: 28px;
-    height: 28px;
-    flex-shrink: 0;
+  /* 消息头像：裸展示，无背景色（对齐 hr-for-help msgAvatar） */
+  .sa-msg-avatar {
+    width: 24px;
+    height: 24px;
     border-radius: 50%;
-    display: flex;
+    object-fit: cover;
+    flex-shrink: 0;
+    display: block;
+  }
+
+  .sa-msg-avatar-text {
+    display: inline-flex;
     align-items: center;
     justify-content: center;
-    color: #ffffff;
-    font-size: 12px;
-    font-weight: 600;
-    overflow: hidden;
+    font-size: 18px;
+    font-weight: 400;
   }
 
-  .sa-avatar-assistant {
-    background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
+  /* ── fullpage 覆盖：恢复横排头像 + 经典气泡（不受浮窗 hr-for-help 改版影响） ── */
+
+  .sa-fp-content-row .sa-message-assistant {
+    flex-direction: row;
+    gap: 10px;
+  }
+
+  .sa-fp-content-row .sa-message-assistant .sa-message-content {
+    max-width: 88%;
+    width: auto;
+  }
+
+  .sa-fp-content-row .sa-message-user .sa-message-content {
+    max-width: 78%;
+  }
+
+  // .sa-fp-content-row .sa-message-user .sa-message-body {
+  //   padding: 10px 14px;
+  //   border-radius: 16px;
+  //   border-bottom-right-radius: 4px;
+  //   background: var(--sa-primary);
+  //   color: #ffffff;
+  //   font-size: 14px;
+  //   line-height: 1.55;
+  //   word-break: break-word;
+  // }
+
+  .sa-fp-content-row .sa-message-assistant .sa-message-body {
+    padding: 10px 14px;
+    border-radius: 16px;
+    background: #ffffff;
+    color: var(--sa-text);
+    font-size: 14px;
+    line-height: 1.55;
+    word-break: break-word;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+  }
+
+  .sa-fp-content-row .sa-msg-avatar {
+    width: 24px;
+    height: 24px;
   }
 
-  .sa-avatar-user {
-    background: linear-gradient(135deg, #64748b, #475569);
+  .sa-fp-content-row .sa-msg-avatar-text {
+    background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
+    color: #ffffff;
+    font-size: 12px;
+    font-weight: 600;
   }
 
   /* ── Text part (markdown) ────────────────────────────────── */
@@ -2748,84 +3140,7 @@ const nt = `
   }
   .sa-dislike-cancel:hover { background: var(--sa-surface); }
 
-  /* ── Composer ────────────────────────────────────────────── */
-
-  .sa-composer {
-    position: relative;
-    display: flex;
-    align-items: flex-end;
-    gap: 10px;
-    padding: 12px 14px;
-    border-top: 1px solid var(--sa-border);
-    background: var(--sa-bg);
-    flex-shrink: 0;
-  }
-
-  .sa-composer-input {
-    flex: 1;
-    min-height: 38px;
-    max-height: 120px;
-    padding: 9px 14px;
-    border: 1px solid var(--sa-border);
-    border-radius: 19px;
-    background: var(--sa-surface);
-    color: var(--sa-text);
-    font-family: var(--sa-font);
-    font-size: 14px;
-    line-height: 1.5;
-    resize: none;
-    outline: none;
-    transition: border-color 0.2s ease, background 0.2s ease;
-  }
-
-  .sa-composer-input::placeholder {
-    color: #9ca3af;
-  }
-
-  .sa-composer-input:focus {
-    border-color: var(--sa-primary);
-    background: #ffffff;
-  }
-
-  .sa-composer-send,
-  .sa-composer-stop {
-    width: 38px;
-    height: 38px;
-    flex-shrink: 0;
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #ffffff;
-    font-size: 16px;
-    transition: transform 0.15s ease, background 0.2s ease;
-  }
-
-  .sa-composer-send {
-    background: var(--sa-primary);
-  }
-
-  .sa-composer-send:hover {
-    background: var(--sa-primary-dark);
-    transform: scale(1.05);
-  }
-
-  .sa-composer-send:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    transform: none;
-  }
-
-  .sa-composer-stop {
-    background: #ef4444;
-  }
-
-  .sa-composer-stop:hover {
-    background: #dc2626;
-    transform: scale(1.05);
-  }
+  /* ── Composer（输入区改用 Tailwind 实现，见 tailwind.css 的 .sa-input-form/.sa-send-btn） ── */
 
   /* ── Slash Menu ─────────────────────────────────────────── */
 
@@ -2883,89 +3198,7 @@ const nt = `
     min-width: 0;
   }
 
-  /* ── Thread list ─────────────────────────────────────────── */
-
-  .sa-thread-list-overlay {
-    position: absolute;
-    inset: 0;
-    background: rgba(0,0,0,0.3);
-    z-index: 19;
-  }
-
-  .sa-thread-list {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    background: #ffffff;
-    z-index: 20;
-    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
-    animation: sa-slide-in-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
-  .sa-thread-list-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 20px 20px 16px;
-    flex-shrink: 0;
-  }
-
-  .sa-thread-list-title {
-    font-size: 17px;
-    font-weight: 700;
-    color: #18181b;
-    letter-spacing: -0.2px;
-  }
-
-  .sa-thread-list-new {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 8px 16px;
-    border: none;
-    border-radius: 20px;
-    background: #f4f4f5;
-    color: #3f3f46;
-    font-size: 13px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: background 0.15s;
-  }
-
-  .sa-thread-list-new:hover {
-    background: #e4e4e7;
-  }
-
-  .sa-thread-list-items {
-    flex: 1;
-    overflow-y: auto;
-    padding: 0 12px 12px;
-  }
-
-  .sa-thread-list-empty {
-    padding: 48px 16px;
-    text-align: center;
-    color: var(--sa-text-muted);
-    font-size: 14px;
-  }
-
-  .sa-thread-list-loading {
-    padding: 12px 16px;
-    text-align: center;
-    color: #9ca3af;
-    font-size: 13px;
-  }
-
-  .sa-thread-list-hint {
-    padding: 8px 16px 12px;
-    text-align: center;
-    color: #d1d5db;
-    font-size: 12px;
-  }
+  /* ── Thread list（内嵌侧边栏改用 Tailwind 实现，见 FullpageLayout.tsx / ThreadList.tsx） ── */
 
   /* 消息区加载态 */
   .sa-messages-loading {
@@ -2992,155 +3225,12 @@ const nt = `
     to { transform: rotate(360deg); }
   }
 
-  .sa-thread-group-label {
-    padding: 16px 8px 6px;
-    font-size: 12px;
-    font-weight: 500;
-    color: #a1a1aa;
-  }
-
-  .sa-thread-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 8px;
-    padding: 10px 12px;
-    margin: 2px 0;
-    border-radius: 8px;
-    color: #374151;
-    font-size: 14px;
-    cursor: pointer;
-    transition: background 0.15s ease;
-  }
-
-  .sa-thread-item:hover {
-    background: #f9fafb;
-  }
-
-  .sa-thread-item.active {
-    background: var(--sa-primary-light);
-    color: var(--sa-primary-dark);
-    font-weight: 500;
-  }
-
-  .sa-thread-item-info {
-    flex: 1;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-  }
-
-  .sa-thread-item-title {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  .sa-thread-item-time {
-    font-size: 11px;
-    color: var(--sa-text-light);
-    white-space: nowrap;
-  }
-
-  .sa-thread-item-edit {
-    width: 100%;
-    padding: 4px 8px;
-    border: 1px solid var(--sa-primary);
-    border-radius: 6px;
-    font-size: 13px;
-    outline: none;
-    background: var(--sa-bg);
-    color: var(--sa-text);
-  }
-
-  /* 操作按钮组：始终占位（visibility 控制），hover 时显示，高度不变 */
-  .sa-thread-item-actions {
-    display: flex;
-    gap: 2px;
-    flex-shrink: 0;
-    visibility: hidden;
-  }
-
-  .sa-thread-item:hover .sa-thread-item-actions {
-    visibility: visible;
-  }
-
-  .sa-thread-item-action-btn {
-    border: none;
-    background: transparent;
-    color: var(--sa-text-muted);
-    cursor: pointer;
-    padding: 2px;
-    border-radius: 4px;
-    display: inline-flex;
-    align-items: center;
-    transition: color 0.15s ease, background 0.15s ease;
-  }
-
-  .sa-thread-item-action-btn:hover {
-    color: var(--sa-primary);
-    background: rgba(99,102,241,0.08);
-  }
+  /* ── Welcome（首页改用 Tailwind 实现，见 tailwind.css） ── */
 
-  /* ── Welcome ─────────────────────────────────────────────── */
-
-  .sa-welcome {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 24px;
-    text-align: center;
-  }
-
-  .sa-welcome-icon {
-    font-size: 40px;
-    margin-bottom: 12px;
-  }
-
-  .sa-welcome-message {
-    margin-bottom: 20px;
+  .sa-thinking-indicator {
+    color: #9ca3af;
     font-size: 14px;
-    color: var(--sa-text-muted);
-    line-height: 1.6;
-  }
-
-  .sa-welcome-prompts {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    width: 100%;
-  }
-
-  .sa-welcome-prompt {
-    padding: 10px 16px;
-    border: 1px solid var(--sa-border);
-    border-radius: 999px;
-    background: #ffffff;
-    color: #374151;
-    font-size: 13px;
-    cursor: pointer;
-    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
-  }
-
-  .sa-welcome-prompt:hover {
-    border-color: var(--sa-primary);
-    background: var(--sa-primary-light);
-    color: var(--sa-primary-dark);
-  }
-
-  /* ── Streaming cursor ────────────────────────────────────── */
-
-  .sa-streaming-cursor {
-    display: inline-block;
-    width: 2px;
-    height: 1em;
-    margin-left: 2px;
-    background: var(--sa-primary);
-    vertical-align: text-bottom;
-    animation: sa-blink 1s steps(2, start) infinite;
+    animation: sa-blink 1.2s ease-in-out infinite;
   }
 
   /* ── Interrupt cards ──────────────────────────────────────── */
@@ -3357,17 +3447,6 @@ const nt = `
 
   /* ── Animations ──────────────────────────────────────────── */
 
-  @keyframes sa-slide-up {
-    from {
-      opacity: 0;
-      transform: translateY(16px) scale(0.98);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0) scale(1);
-    }
-  }
-
   @keyframes sa-blink {
     0%,
     100% {
@@ -3378,17 +3457,6 @@ const nt = `
     }
   }
 
-  @keyframes sa-slide-in-left {
-    from {
-      opacity: 0;
-      transform: translateX(-100%);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
   /* ── Fullpage Layout (DeepSeek-style) ────────────────────────── */
 
   .sa-fullpage {
@@ -3399,208 +3467,21 @@ const nt = `
     background: var(--sa-bg, #ffffff);
   }
 
-  /* Sidebar */
-  .sa-fp-sidebar {
-    width: 260px;
-    display: flex;
-    flex-direction: column;
-    background: var(--sa-surface, #ffffff);
-    flex-shrink: 0;
-    transition: width 0.2s cubic-bezier(0.16,1,0.3,1);
-    overflow: hidden;
-    border-right: 1px solid #e8e8ea;
-  }
-
-  .sa-fp-sidebar-collapsed {
-    width: 52px;
-    align-items: center;
-    padding-top: 12px;
-    gap: 4px;
-    border-right: 1px solid #e8e8ea;
-  }
-
-  .sa-fp-sidebar-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 12px 12px 8px;
-    flex-shrink: 0;
-  }
-
-  .sa-fp-sidebar-toggle {
-    width: 32px;
-    height: 32px;
-    border: none;
-    border-radius: 8px;
-    background: transparent;
-    color: #71717a;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: background 0.12s, color 0.12s;
-    flex-shrink: 0;
-  }
-
-  .sa-fp-sidebar-toggle:hover {
-    background: #e4e4e7;
-    color: #18181b;
-  }
-
-  .sa-fp-sidebar-new {
-    flex: 1;
-    padding: 7px 12px;
-    border: 1px solid #d4d4d8;
-    border-radius: 8px;
-    background: #fff;
-    color: #3f3f46;
-    font-size: 13px;
-    font-weight: 500;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    transition: border-color 0.12s, box-shadow 0.12s;
-  }
-
-  .sa-fp-sidebar-new:hover {
-    border-color: #a1a1aa;
-    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
-  }
-
-  .sa-fp-sidebar-new span {
-    font-size: 13px;
-  }
-
-  .sa-fp-sidebar-list {
-    flex: 1;
-    overflow-y: auto;
-    padding: 4px 8px 12px;
-  }
-
-  .sa-fp-sidebar-list::-webkit-scrollbar {
-    width: 4px;
-  }
-
-  .sa-fp-sidebar-list::-webkit-scrollbar-thumb {
-    background: rgba(0,0,0,0.08);
-    border-radius: 2px;
-  }
-
-  .sa-fp-sidebar-list::-webkit-scrollbar-thumb:hover {
-    background: rgba(0,0,0,0.15);
-  }
-
-  .sa-fp-sidebar-group {
-    padding: 12px 8px 4px;
-    font-size: 11px;
-    font-weight: 500;
-    color: #a1a1aa;
-    letter-spacing: 0.3px;
-  }
-
-  .sa-fp-sidebar-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 10px;
-    margin: 1px 0;
-    border-radius: 8px;
-    cursor: pointer;
-    color: #3f3f46;
-    font-size: 13px;
-    line-height: 1.4;
-    transition: background 0.1s;
-  }
-
-  .sa-fp-sidebar-item:hover {
-    background: #e8e8ea;
-  }
-
-  .sa-fp-sidebar-item.active {
-    background: #e4e4e7;
-    color: #18181b;
-    font-weight: 500;
-  }
-
-  .sa-fp-sidebar-item-title {
-    flex: 1;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  .sa-fp-sidebar-item-edit {
-    flex: 1;
-    min-width: 0;
-    padding: 2px 6px;
-    border: 1px solid var(--sa-primary, #6366f1);
-    border-radius: 4px;
-    font-size: 13px;
-    color: #27272a;
-    background: #fff;
-    outline: none;
-  }
-
-  .sa-fp-sidebar-item-actions {
-    display: flex;
-    gap: 2px;
-    flex-shrink: 0;
-    visibility: hidden;
-  }
-
-  .sa-fp-sidebar-item-actions.visible {
-    visibility: visible;
-  }
-
-  .sa-fp-sidebar-item-action {
-    width: 24px;
-    height: 24px;
-    border: none;
-    border-radius: 6px;
-    background: transparent;
-    color: #a1a1aa;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    transition: color 0.1s, background 0.1s;
-  }
-
-  .sa-fp-sidebar-item-action:hover {
-    color: #71717a;
-    background: rgba(0,0,0,0.05);
-  }
-
-  .sa-fp-sidebar-item-action.danger {
-    color: #ef4444;
-  }
-
-  .sa-fp-sidebar-item-action.danger:hover {
-    color: #dc2626;
-    background: rgba(239,68,68,0.08);
-  }
-
-  .sa-fp-sidebar-empty {
-    padding: 32px 12px;
-    text-align: center;
-    color: #a1a1aa;
-    font-size: 13px;
-  }
+  /* Sidebar（fullpage 默认侧边栏改用 Tailwind 实现，对齐浮窗历史对话样式，见 FullpageLayout.tsx） */
 
-  /* Sidebar wrapper (for custom ThreadList slot) */
+  /* Sidebar wrapper (for custom ThreadList slot)：宽度与默认侧边栏 220px 对齐 */
   .sa-fp-sidebar-wrapper {
-    width: 260px;
+    width: 220px;
     flex-shrink: 0;
     overflow: hidden;
-    border-right: 1px solid #e8e8ea;
-    background: #f2f2f3;
+    border-right: 1px solid #ECECEC;
+    background: #FAFAFA;
     transition: width 0.2s cubic-bezier(0.16,1,0.3,1);
   }
 
   .sa-fp-sidebar-wrapper-collapsed {
     width: 0;
+    border-right: none;
   }
 
   /* Main area */
@@ -3843,39 +3724,40 @@ const nt = `
     from { opacity: 0; transform: translateX(12px); }
     to { opacity: 1; transform: translateX(0); }
   }
-`, it = {
+`, 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 = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
   borderRadius: 16,
-  panelWidth: 380,
-  panelHeight: 520,
+  // 与浮窗默认几何常量一致（hooks/useFloatingWindow.ts FLOATING_CONSTANTS）
+  panelWidth: 400,
+  panelHeight: 648,
   zIndex: 9999
 };
-function ot(t, a) {
-  const s = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16), i = 1 - a;
-  return `#${Math.round(s * i).toString(16).padStart(2, "0")}${Math.round(n * i).toString(16).padStart(2, "0")}${Math.round(r * i).toString(16).padStart(2, "0")}`;
+function Ht(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 lt(t, a) {
-  const s = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16);
-  return `#${Math.round(s + (255 - s) * a).toString(16).padStart(2, "0")}${Math.round(n + (255 - n) * a).toString(16).padStart(2, "0")}${Math.round(r + (255 - r) * a).toString(16).padStart(2, "0")}`;
+function Ft(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 ct(t) {
-  const a = { ...it, ...t }, s = a.primaryColor, n = a.backgroundColor;
+function Rt(t) {
+  const a = { ..._t, ...t }, n = a.primaryColor, s = a.backgroundColor;
   return [
     // 用户直接配置的变量
-    `--sa-primary: ${s}`,
-    `--sa-bg: ${n}`,
+    `--sa-primary: ${n}`,
+    `--sa-bg: ${s}`,
     `--sa-font: ${a.fontFamily}`,
     `--sa-radius: ${a.borderRadius}px`,
     `--sa-panel-width: ${a.panelWidth}px`,
     `--sa-panel-height: ${a.panelHeight}px`,
     `--sa-z-index: ${a.zIndex}`,
     // 从 primaryColor 自动派生
-    `--sa-primary-dark: ${ot(s, 0.15)}`,
-    `--sa-primary-light: ${lt(s, 0.9)}`,
+    `--sa-primary-dark: ${Ht(n, 0.15)}`,
+    `--sa-primary-light: ${Ft(n, 0.9)}`,
     // 从 backgroundColor 自动派生的语义色
-    `--sa-surface: ${n}`,
+    `--sa-surface: ${s}`,
     "--sa-border: #e5e7eb",
     "--sa-hover: #f4f4f5",
     "--sa-text: #374151",
@@ -3883,23 +3765,24 @@ function ct(t) {
     "--sa-text-light: #6b7280"
   ].join("; ");
 }
-function ut(t, a) {
-  const s = typeof t == "string" ? document.querySelector(t) : t;
-  if (!s)
+function Pt(t, a) {
+  const n = typeof t == "string" ? document.querySelector(t) : t;
+  if (!n)
     throw new Error(`Target element not found: ${t}`);
-  const n = document.createElement("div");
-  n.setAttribute("data-super-agent-widget", "");
-  const r = ct(a.theme ?? {});
-  if (n.setAttribute("style", `${r}; height: 100%;`), s.appendChild(n), !document.getElementById("sa-widget-styles")) {
-    const c = document.createElement("style");
-    c.id = "sa-widget-styles", c.textContent = nt, document.head.appendChild(c);
-  }
-  let i = be(n), o = !1;
-  const l = (c) => {
+  const s = document.createElement("div");
+  s.setAttribute("data-super-agent-widget", "");
+  const r = Rt(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);
+  }
+  let i = We(s), o = !1;
+  const l = (d) => {
     i && i.render(
-      V.createElement(st, {
+      Q.createElement(Dt, {
         ...a,
-        initialOpen: c ?? o,
+        initialOpen: d ?? o,
         onOpenChange: (p) => {
           o = p;
         }
@@ -3914,36 +3797,37 @@ function ut(t, a) {
       o = !1, l(!1);
     },
     destroy() {
-      i && (i.unmount(), i = null), n.remove();
+      i && (i.unmount(), i = null), s.remove();
     }
   };
 }
 export {
-  Ve as ActionBar,
-  te as ChatProvider,
-  st as ChatWidget,
-  ue as Composer,
-  Oe as ErrorPart,
-  rt as FullpageLayout,
-  ze as Header,
-  I as Icon,
-  Ue as InterruptCard,
-  Ge as Message,
-  De as TextPart,
-  Le as ThinkingPart,
-  fe as Thread,
-  Se as ThreadList,
-  Ee as ToolCallPart,
-  Re as ToolResultPart,
-  Ce as Trigger,
-  Je as WelcomeScreen,
-  it as defaultTheme,
-  Ne as ensureIconFont,
-  ut as mount,
-  ct as themeToCSSVars,
-  Te as useAutoScroll,
-  ve as useChat,
-  Y as useChatContext,
-  ye as useConversations,
-  nt as widgetStyles
+  X as ASSETS,
+  vt as ActionBar,
+  ye as ChatProvider,
+  Dt as ChatWidget,
+  Le as Composer,
+  lt as ErrorPart,
+  At as FullpageLayout,
+  qe as Header,
+  B as Icon,
+  wt as InterruptCard,
+  Ct as Message,
+  tt as TextPart,
+  nt as ThinkingPart,
+  $e as Thread,
+  ke as ThreadList,
+  st as ToolCallPart,
+  ot as ToolResultPart,
+  Ve as Trigger,
+  Nt as WelcomeScreen,
+  _t as defaultTheme,
+  rt as ensureIconFont,
+  Pt as mount,
+  Rt as themeToCSSVars,
+  Je as useAutoScroll,
+  Ye as useChat,
+  Z as useChatContext,
+  Xe as useConversations,
+  $t as widgetStyles
 };