super-agent-sdk 1.0.0

package/dist/widget.mjs

@@ -0,0 +1,2077 @@
+import X, { useState as I, useRef as M, useCallback as w, useEffect as P, createContext as ae, useContext as te } from "react";
+import re from "react-dom";
+import { jsx as e, jsxs as g, Fragment as se } from "react/jsx-runtime";
+var F, H = re;
+if (process.env.NODE_ENV === "production")
+  F = H.createRoot, H.hydrateRoot;
+else {
+  var q = H.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  F = function(t, a) {
+    q.usingClientEntryPoint = !0;
+    try {
+      return H.createRoot(t, a);
+    } finally {
+      q.usingClientEntryPoint = !1;
+    }
+  };
+}
+function ne(t) {
+  const { sdk: a, sessionId: l, onSessionCreated: s, onStreamStart: r, onStreamEnd: i, onError: c, onMessageSend: n } = t, [o, u] = I([]), [p, m] = I("ready"), [v, x] = I(null), d = M(null), h = M(!1), b = M(l);
+  b.current = l;
+  const f = w((z) => {
+    if (h.current) return;
+    h.current = !0, n == null || n(z);
+    const D = {
+      id: `user_${Date.now()}`,
+      role: "user",
+      parts: [{ type: "text", content: z }],
+      timestamp: Date.now()
+    }, S = `assistant_${Date.now()}`, ee = {
+      id: S,
+      role: "assistant",
+      parts: [],
+      timestamp: Date.now()
+    };
+    u((T) => [...T, D, ee]), m("submitted"), x(null);
+    const U = (T) => {
+      let j = "", R = "", _ = [], K = !1;
+      const B = () => {
+        const k = [..._];
+        if (j) {
+          const L = k.findIndex(($) => $.type === "thinking");
+          L >= 0 ? k[L] = { type: "thinking", content: j } : k.unshift({ type: "thinking", content: j });
+        }
+        if (R) {
+          const L = k.findLastIndex(($) => $.type === "text");
+          L >= 0 ? k[L] = { type: "text", content: R } : k.push({ type: "text", content: R });
+        }
+        u(
+          (L) => L.map(($) => $.id === S ? { ...$, parts: k } : $)
+        );
+      };
+      d.current = a.chat({
+        sessionId: T,
+        message: z,
+        stream: !0,
+        onMessage: (k) => {
+          switch (K || (K = !0, m("streaming")), k.type) {
+            case "thinking":
+              j += k.content;
+              break;
+            case "ai":
+              R += k.content;
+              break;
+            case "tool_call":
+              _.push({
+                type: "tool_call",
+                toolName: k.toolName,
+                toolCallId: k.toolCallId,
+                args: k.args ?? "{}"
+              });
+              break;
+            case "tool_result":
+              _.push({
+                type: "tool_result",
+                toolName: k.toolName ?? "",
+                toolCallId: k.toolCallId,
+                content: k.content
+              }), R && (_.push({ type: "text", content: R }), R = "");
+              break;
+          }
+          B();
+        },
+        onDone: (k) => {
+          (R || _.length > 0 || j) && B(), k.sessionId && k.sessionId !== b.current && (s == null || s(k.sessionId)), i == null || i(k.sessionId || T), m("ready"), h.current = !1, d.current = null;
+        },
+        onError: (k) => {
+          _.push({ type: "error", content: k.message }), B(), x(k), m("error"), c == null || c(k), h.current = !1, d.current = null;
+        }
+      }), r == null || r(T);
+    };
+    b.current ? U(b.current) : a.createSession().then((T) => {
+      b.current = T, s == null || s(T), U(T);
+    }).catch((T) => {
+      x(T instanceof Error ? T : new Error(String(T))), m("error"), c == null || c(T instanceof Error ? T : new Error(String(T))), h.current = !1;
+    });
+  }, [a, s, r, i, c, n]), y = w(() => {
+    var z;
+    (z = d.current) == null || z.abort(), d.current = null, m("ready"), h.current = !1;
+  }, []), N = w(() => {
+    if (h.current) return;
+    const z = o.findLastIndex((S) => S.role === "user");
+    if (z < 0) return;
+    const D = o[z].parts.filter((S) => S.type === "text").map((S) => S.content).join("");
+    u((S) => S.slice(0, z)), f(D);
+  }, [o, f]);
+  return { messages: o, status: p, error: v, sendMessage: f, stop: y, regenerate: N, setMessages: u };
+}
+const W = "sa_active_conversation";
+function V() {
+  try {
+    return localStorage.getItem(W);
+  } catch {
+    return null;
+  }
+}
+function ie(t) {
+  try {
+    t ? localStorage.setItem(W, t) : localStorage.removeItem(W);
+  } catch {
+  }
+}
+function oe(t) {
+  const { sdk: a, onConversationChange: l } = t, [s, r] = I([]), [i, c] = I(
+    () => V()
+  ), [n, o] = I(!1), u = M(!0);
+  P(() => () => {
+    u.current = !1;
+  }, []);
+  const p = w((f) => {
+    c(f), ie(f), f && (l == null || l(f));
+  }, [l]), m = w(async () => {
+    o(!0);
+    try {
+      const f = await a.listConversations({ page: 1, size: 100 });
+      if (!u.current) return;
+      r(f.items);
+      const y = V();
+      y && !f.items.find((N) => N.sessionId === y) && p(null);
+    } catch {
+    } finally {
+      u.current && o(!1);
+    }
+  }, [a, p]), v = w(async (f) => (p(f), await a.getMessages(f)), [a, p]), x = w(() => {
+    p(null);
+  }, [p]), d = w(async (f) => {
+    await a.deleteConversation(f), r((y) => y.filter((N) => N.sessionId !== f)), i === f && p(null);
+  }, [a, i, p]), h = w(async (f, y) => {
+    await a.renameConversation(f, y), r(
+      (N) => N.map((z) => z.sessionId === f ? { ...z, title: y } : z)
+    );
+  }, [a]), { enabled: b = !0 } = t;
+  return P(() => {
+    b && m();
+  }, [b, m]), {
+    conversations: s,
+    activeConversationId: i,
+    loading: n,
+    loadConversations: m,
+    switchConversation: v,
+    newConversation: x,
+    deleteConversation: d,
+    renameConversation: h,
+    setActiveConversationId: p
+  };
+}
+const G = ae(null);
+function A() {
+  const t = te(G);
+  if (!t) throw new Error("useChatContext must be used within ChatProvider");
+  return t;
+}
+function Y({ sdk: t, hooks: a, children: l }) {
+  const [s, r] = I(!1), [i, c] = I(!1);
+  P(() => {
+    t.getToken().then(() => {
+      c(!0);
+    }).catch(() => {
+      c(!0);
+    });
+  }, [t]);
+  const n = oe({
+    sdk: t,
+    onConversationChange: a == null ? void 0 : a.onConversationChange,
+    enabled: i
+  }), o = ne({
+    sdk: t,
+    sessionId: n.activeConversationId,
+    onSessionCreated: (d) => {
+      n.setActiveConversationId(d), n.loadConversations();
+    },
+    onStreamStart: a == null ? void 0 : a.onStreamStart,
+    onStreamEnd: (d) => {
+      var h;
+      (h = a == null ? void 0 : a.onStreamEnd) == null || h.call(a, d), n.loadConversations();
+    },
+    onError: a == null ? void 0 : a.onError,
+    onMessageSend: a == null ? void 0 : a.onMessageSend
+  }), u = w(async (d) => {
+    const h = await n.switchConversation(d);
+    o.setMessages(h), r(!1);
+  }, [n, o]), p = w(() => {
+    n.newConversation(), o.setMessages([]), r(!1);
+  }, [n, o]), m = w(async (d) => {
+    await n.deleteConversation(d), n.activeConversationId === d && o.setMessages([]);
+  }, [n, o]);
+  P(() => {
+    n.activeConversationId && o.messages.length === 0 && t.getMessages(n.activeConversationId).then((d) => {
+      o.setMessages(d);
+    }).catch(() => {
+    });
+  }, []);
+  const v = w(() => {
+    r((d) => !d);
+  }, []), x = {
+    status: o.status,
+    error: o.error,
+    messages: o.messages,
+    conversations: n.conversations,
+    activeConversationId: n.activeConversationId,
+    isThreadListOpen: s,
+    sendMessage: o.sendMessage,
+    stop: o.stop,
+    regenerate: o.regenerate,
+    switchConversation: u,
+    newConversation: p,
+    deleteConversation: m,
+    renameConversation: n.renameConversation,
+    toggleThreadList: v,
+    feedback: (d, h) => {
+      t.feedback(d, h);
+    }
+  };
+  return /* @__PURE__ */ e(G.Provider, { value: x, children: l });
+}
+function C({ name: t, size: a = 16, color: l = "currentColor", className: s, style: r }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: s,
+      style: { width: a, height: a, fill: l, verticalAlign: "middle", ...r },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e("use", { href: `#icon-${t}` })
+    }
+  );
+}
+function le({ isOpen: t, onClick: a }) {
+  return /* @__PURE__ */ e("button", { className: `sa-trigger ${t ? "sa-trigger-open" : ""}`, onClick: a, children: t ? /* @__PURE__ */ e(C, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(C, { name: "message-square", size: 24, color: "#fff" }) });
+}
+function ce({ title: t, onClose: a, onToggleThreadList: l, showClose: s = !0 }) {
+  return /* @__PURE__ */ g("div", { className: "sa-header", children: [
+    /* @__PURE__ */ g("div", { className: "sa-header-left", children: [
+      /* @__PURE__ */ e("div", { className: "sa-header-avatar", children: "A" }),
+      /* @__PURE__ */ g("div", { className: "sa-header-info", children: [
+        /* @__PURE__ */ e("div", { className: "sa-header-title", children: t }),
+        /* @__PURE__ */ e("div", { className: "sa-header-status", children: "● Online" })
+      ] })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "sa-header-actions", children: [
+      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: l, title: "会话列表", children: /* @__PURE__ */ e(C, { name: "menu", size: 16 }) }),
+      s && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: a, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 16 }) })
+    ] })
+  ] });
+}
+function de() {
+  const {
+    conversations: t,
+    activeConversationId: a,
+    switchConversation: l,
+    newConversation: s,
+    deleteConversation: r,
+    renameConversation: i,
+    isThreadListOpen: c,
+    toggleThreadList: n
+  } = A(), [o, u] = I(null), [p, m] = I(""), v = w((d, h) => {
+    u(d), m(h ?? "");
+  }, []), x = w((d) => {
+    p.trim() && i(d, p.trim()), u(null);
+  }, [p, i]);
+  return c ? /* @__PURE__ */ g(se, { children: [
+    /* @__PURE__ */ e("div", { className: "sa-thread-list-overlay", onClick: n }),
+    /* @__PURE__ */ g("div", { className: "sa-thread-list", children: [
+      /* @__PURE__ */ g("div", { className: "sa-thread-list-header", children: [
+        /* @__PURE__ */ e("span", { children: "会话列表" }),
+        /* @__PURE__ */ g("button", { className: "sa-thread-list-new", onClick: s, children: [
+          /* @__PURE__ */ e(C, { name: "plus", size: 14 }),
+          " 新会话"
+        ] })
+      ] }),
+      /* @__PURE__ */ g("div", { className: "sa-thread-list-items", children: [
+        t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
+        t.map((d) => /* @__PURE__ */ g(
+          "div",
+          {
+            className: `sa-thread-item ${d.sessionId === a ? "active" : ""}`,
+            onClick: () => l(d.sessionId),
+            children: [
+              o === d.sessionId ? /* @__PURE__ */ e(
+                "input",
+                {
+                  className: "sa-thread-item-edit",
+                  value: p,
+                  onChange: (h) => m(h.target.value),
+                  onBlur: () => x(d.sessionId),
+                  onKeyDown: (h) => {
+                    h.key === "Enter" && x(d.sessionId), h.key === "Escape" && u(null);
+                  },
+                  onClick: (h) => h.stopPropagation(),
+                  autoFocus: !0
+                }
+              ) : /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "sa-thread-item-title",
+                  onDoubleClick: (h) => {
+                    h.stopPropagation(), v(d.sessionId, d.title);
+                  },
+                  children: d.title || "新会话"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "sa-thread-item-delete",
+                  onClick: (h) => {
+                    h.stopPropagation(), r(d.sessionId);
+                  },
+                  title: "删除",
+                  children: /* @__PURE__ */ e(C, { name: "trash2", size: 14 })
+                }
+              )
+            ]
+          },
+          d.sessionId
+        ))
+      ] })
+    ] })
+  ] }) : null;
+}
+function pe(t) {
+  const a = M(null), l = M(!1), s = M(0), r = w(() => {
+    const c = a.current;
+    if (!c) return;
+    const { scrollTop: n, scrollHeight: o, clientHeight: u } = c, p = o - n - u < 40;
+    n < s.current && !p && (l.current = !0), p && (l.current = !1), s.current = n;
+  }, []);
+  P(() => {
+    const c = a.current;
+    if (c)
+      return c.addEventListener("scroll", r, { passive: !0 }), () => c.removeEventListener("scroll", r);
+  }, [r]), P(() => {
+    if (l.current) return;
+    const c = a.current;
+    c && requestAnimationFrame(() => {
+      c.scrollTop = c.scrollHeight;
+    });
+  }, t);
+  const i = w(() => {
+    l.current = !1;
+    const c = a.current;
+    c && (c.scrollTop = c.scrollHeight);
+  }, []);
+  return { containerRef: a, scrollToBottom: i };
+}
+function E(t) {
+  return t.value++;
+}
+function O(t, a) {
+  const l = [], s = [], r = () => {
+    s.length > 0 && (l.push(s.join("")), s.length = 0);
+  };
+  let i = 0;
+  for (; i < t.length; ) {
+    const c = t[i];
+    if (c === "`") {
+      const n = t.indexOf("`", i + 1);
+      if (n !== -1) {
+        r(), l.push(
+          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: t.slice(i + 1, n) }, E(a))
+        ), i = n + 1;
+        continue;
+      }
+    } else if (c === "*" && t[i + 1] === "*") {
+      const n = t.indexOf("**", i + 2);
+      if (n !== -1) {
+        r(), l.push(
+          /* @__PURE__ */ e("strong", { children: O(t.slice(i + 2, n), a) }, E(a))
+        ), i = n + 2;
+        continue;
+      }
+    } else if (c === "*") {
+      const n = t.indexOf("*", i + 1);
+      if (n !== -1) {
+        r(), l.push(
+          /* @__PURE__ */ e("em", { children: O(t.slice(i + 1, n), a) }, E(a))
+        ), i = n + 1;
+        continue;
+      }
+    } else if (c === "[") {
+      const n = t.indexOf("]", i + 1);
+      if (n !== -1 && t[n + 1] === "(") {
+        const o = t.indexOf(")", n + 2);
+        if (o !== -1) {
+          const u = t.slice(i + 1, n), p = t.slice(n + 2, o);
+          r(), l.push(
+            /* @__PURE__ */ e(
+              "a",
+              {
+                href: p,
+                target: "_blank",
+                rel: "noreferrer",
+                children: O(u, a)
+              },
+              E(a)
+            )
+          ), i = o + 1;
+          continue;
+        }
+      }
+    }
+    s.push(c), i++;
+  }
+  return r(), l;
+}
+function fe(t, a) {
+  const l = [], s = t.split(`
+`);
+  let r = 0;
+  const i = (o) => o.trim() === "", c = (o) => /^#{1,6}\s+\S/.test(o.trim()), n = (o) => /^(?:[-*+]|\d+[.)])\s+\S/.test(o.trim());
+  for (; r < s.length; ) {
+    const o = s[r], u = o.trim();
+    if (i(o)) {
+      r++;
+      continue;
+    }
+    if (c(o)) {
+      const m = u.match(/^(#{1,6})\s+(.*)$/);
+      if (m) {
+        const x = `h${Math.min(m[1].length, 6)}`;
+        l.push(
+          X.createElement(
+            x,
+            { key: E(a) },
+            O(m[2], a)
+          )
+        );
+      }
+      r++;
+      continue;
+    }
+    if (n(o)) {
+      const m = /^\d+[.)]/.test(u), v = [];
+      for (; r < s.length && n(s[r]); ) {
+        const x = s[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
+        x && v.push(
+          /* @__PURE__ */ e("li", { children: O(x[1], a) }, E(a))
+        ), r++;
+      }
+      l.push(
+        m ? /* @__PURE__ */ e("ol", { className: "sa-list", children: v }, E(a)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: v }, E(a))
+      );
+      continue;
+    }
+    const p = [];
+    for (; r < s.length && !i(s[r]) && !c(s[r]) && !n(s[r]); )
+      p.push(s[r]), r++;
+    l.push(
+      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: O(p.join(" "), a) }, E(a))
+    );
+  }
+  return l;
+}
+function ue(t) {
+  const a = { value: 0 }, l = [], s = t.split("```");
+  for (let r = 0; r < s.length; r++)
+    if (r % 2 === 0)
+      l.push(...fe(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$/, ""), l.push(
+        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: i }) }, E(a))
+      );
+    }
+  return l;
+}
+function he({ content: t }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: ue(t) });
+}
+function me({ content: t }) {
+  const [a, l] = I(!1);
+  return /* @__PURE__ */ g("div", { className: "sa-thinking-part", onClick: () => l(!a), children: [
+    /* @__PURE__ */ g("div", { className: "sa-thinking-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(C, { name: "brain", size: 14 }) }),
+      /* @__PURE__ */ e("span", { className: "sa-thinking-label", children: "思考过程" }),
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${a ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+    ] }),
+    a && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: t })
+  ] });
+}
+function ge({ toolName: t, toolCallId: a, args: l }) {
+  const [s, r] = I(!1);
+  let i = l;
+  try {
+    i = JSON.stringify(JSON.parse(l), null, 2);
+  } catch {
+  }
+  return /* @__PURE__ */ g("div", { className: "sa-tool-call-part", children: [
+    /* @__PURE__ */ g("div", { className: "sa-tool-call-header", onClick: () => r(!s), children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "zap", size: 14 }) }),
+      /* @__PURE__ */ g("span", { className: "sa-tool-name", children: [
+        "调用工具: ",
+        t
+      ] }),
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${s ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+    ] }),
+    s && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: i })
+  ] });
+}
+function xe({ toolName: t, toolCallId: a, content: l }) {
+  return /* @__PURE__ */ g("div", { className: "sa-tool-result-part", children: [
+    /* @__PURE__ */ g("div", { className: "sa-tool-result-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "circle-check", size: 14, color: "#10b981" }) }),
+      /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: t || "工具返回" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: l })
+  ] });
+}
+function be({ content: t, onRetry: a }) {
+  return /* @__PURE__ */ g("div", { className: "sa-error-part", children: [
+    /* @__PURE__ */ g("div", { className: "sa-error-content", children: [
+      /* @__PURE__ */ e("span", { className: "sa-error-icon", children: /* @__PURE__ */ e(C, { name: "triangle-alert", size: 14 }) }),
+      /* @__PURE__ */ e("span", { children: t })
+    ] }),
+    a && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: a, children: "重试" })
+  ] });
+}
+function ve({ message: t, onCopy: a, onRegenerate: l, onFeedback: s }) {
+  const { status: r } = A(), [i, c] = I(null), [n, o] = I(!1);
+  if (r !== "ready" && r !== "error") return null;
+  const u = w(() => {
+    a(), o(!0), setTimeout(() => o(!1), 2e3);
+  }, [a]), p = w((m) => {
+    const v = i === m ? null : m;
+    c(v), v && (s == null || s(t.id, v));
+  }, [i, t.id, s]);
+  return /* @__PURE__ */ g("div", { className: "sa-action-bar", children: [
+    /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: u, title: "复制", children: [
+      /* @__PURE__ */ e(C, { name: n ? "circle-check" : "copy", size: 14 }),
+      " ",
+      n ? "已复制" : "复制"
+    ] }),
+    /* @__PURE__ */ g("button", { className: "sa-action-btn", onClick: l, title: "重新生成", children: [
+      /* @__PURE__ */ e(C, { name: "refresh-cw", size: 14 }),
+      " 重新生成"
+    ] }),
+    /* @__PURE__ */ e("span", { className: "sa-action-divider" }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: `sa-action-btn ${i === "like" ? "sa-action-btn-active" : ""}`,
+        onClick: () => p("like"),
+        title: "有用",
+        children: /* @__PURE__ */ e(C, { name: "thumbs-up", size: 14 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: `sa-action-btn ${i === "dislike" ? "sa-action-btn-active" : ""}`,
+        onClick: () => p("dislike"),
+        title: "无用",
+        children: /* @__PURE__ */ e(C, { name: "thumbs-down", size: 14 })
+      }
+    )
+  ] });
+}
+function J({ src: t, role: a }) {
+  const l = a === "assistant" ? "A" : "U";
+  return t ? t.startsWith("http") || t.startsWith("/") || t.startsWith("data:") ? /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: /* @__PURE__ */ e("img", { src: t, alt: a, style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: t }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${a}`, children: l });
+}
+function ye({ message: t, isStreaming: a, isLast: l, slots: s, avatar: r }) {
+  const { regenerate: i, feedback: c } = A(), n = w(() => {
+    var f;
+    const b = t.parts.filter((y) => y.type === "text").map((y) => y.content).join(`
+`);
+    (f = navigator.clipboard) == null || f.writeText(b).catch(() => {
+    });
+  }, [t]), o = t.role === "user", u = s.Message;
+  if (u)
+    return /* @__PURE__ */ e(
+      u,
+      {
+        message: t,
+        isStreaming: a,
+        isLast: l,
+        avatar: r,
+        slots: s,
+        onCopy: n,
+        onRegenerate: i,
+        onFeedback: c
+      }
+    );
+  const p = s.TextPart ?? he, m = s.ThinkingPart ?? me, v = s.ToolCallPart ?? ge, x = s.ToolResultPart ?? xe, d = s.ErrorPart ?? be, h = s.ActionBar ?? ve;
+  return /* @__PURE__ */ g("div", { className: `sa-message ${o ? "sa-message-user" : "sa-message-assistant"}`, children: [
+    !o && /* @__PURE__ */ e(J, { src: r == null ? void 0 : r.assistant, role: "assistant" }),
+    /* @__PURE__ */ g("div", { className: "sa-message-body", children: [
+      t.parts.map((b, f) => {
+        switch (b.type) {
+          case "text":
+            return /* @__PURE__ */ e(p, { content: b.content }, f);
+          case "thinking":
+            return /* @__PURE__ */ e(m, { content: b.content }, f);
+          case "tool_call":
+            return /* @__PURE__ */ e(v, { toolName: b.toolName, toolCallId: b.toolCallId, args: b.args }, f);
+          case "tool_result":
+            return /* @__PURE__ */ e(x, { toolName: b.toolName, toolCallId: b.toolCallId, content: b.content }, f);
+          case "error":
+            return /* @__PURE__ */ e(d, { content: b.content, onRetry: i }, f);
+          default:
+            return null;
+        }
+      }),
+      a && l && !o && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
+      !o && !a && t.parts.length > 0 && /* @__PURE__ */ e(h, { message: t, onCopy: n, onRegenerate: i, onFeedback: c })
+    ] }),
+    o && /* @__PURE__ */ e(J, { src: r == null ? void 0 : r.user, role: "user" })
+  ] });
+}
+function we({ message: t, suggestedPrompts: a, onPromptClick: l }) {
+  return /* @__PURE__ */ g("div", { className: "sa-welcome", children: [
+    /* @__PURE__ */ e("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ e(C, { name: "sparkles", size: 40 }) }),
+    /* @__PURE__ */ e("p", { className: "sa-welcome-message", children: t || "你好！有什么可以帮你的？" }),
+    a && a.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: a.map((s, r) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: "sa-welcome-prompt",
+        onClick: () => l(s),
+        children: s
+      },
+      r
+    )) })
+  ] });
+}
+function Z({ slots: t, welcomeMessage: a, suggestedPrompts: l, avatar: s }) {
+  const { messages: r, status: i, sendMessage: c } = A(), { containerRef: n } = pe([r]), o = i === "streaming", u = t.WelcomeScreen ?? we;
+  return r.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: n, children: /* @__PURE__ */ e(
+    u,
+    {
+      message: a,
+      suggestedPrompts: l,
+      onPromptClick: c
+    }
+  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: n, children: r.map((p, m) => /* @__PURE__ */ e(
+    ye,
+    {
+      message: p,
+      isStreaming: o,
+      isLast: m === r.length - 1,
+      slots: t,
+      avatar: s
+    },
+    p.id
+  )) });
+}
+function Q() {
+  const { status: t, sendMessage: a, stop: l } = A(), [s, r] = I(""), i = M(null), c = t === "streaming" || t === "submitted", n = w(() => {
+    const p = s.trim();
+    !p || c || (a(p), r(""), i.current && (i.current.style.height = "auto"));
+  }, [s, c, a]), o = w((p) => {
+    p.key === "Enter" && !p.shiftKey && (p.preventDefault(), n());
+  }, [n]), u = w((p) => {
+    r(p.target.value);
+    const m = p.target;
+    m.style.height = "auto", m.style.height = Math.min(m.scrollHeight, 120) + "px";
+  }, []);
+  return /* @__PURE__ */ g("div", { className: "sa-composer", children: [
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        ref: i,
+        className: "sa-composer-input",
+        value: s,
+        onChange: u,
+        onKeyDown: o,
+        placeholder: "输入消息...",
+        rows: 1,
+        disabled: t === "submitted"
+      }
+    ),
+    c ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: l, title: "停止", children: /* @__PURE__ */ e(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
+      "button",
+      {
+        className: "sa-composer-send",
+        onClick: n,
+        disabled: !s.trim(),
+        title: "发送",
+        children: /* @__PURE__ */ e(C, { name: "arrow-up", size: 16, color: "#fff" })
+      }
+    )
+  ] });
+}
+function ke({ isOpen: t, onClose: a, title: l, slots: s, welcomeMessage: r, suggestedPrompts: i, avatar: c }) {
+  const { status: n, sendMessage: o, stop: u, toggleThreadList: p, conversations: m, activeConversationId: v, switchConversation: x, newConversation: d, deleteConversation: h, renameConversation: b, isThreadListOpen: f } = A();
+  if (!t) return null;
+  const y = s.Header, N = s.Composer, z = s.ThreadList;
+  return /* @__PURE__ */ g("div", { className: "sa-panel", children: [
+    y ? /* @__PURE__ */ e(y, { title: l, onClose: a, onToggleThreadList: p }) : /* @__PURE__ */ e(ce, { title: l, onClose: a, onToggleThreadList: p }),
+    z && f ? /* @__PURE__ */ e(
+      z,
+      {
+        conversations: m,
+        activeSessionId: v,
+        onSwitch: x,
+        onNew: d,
+        onDelete: h,
+        onRename: b
+      }
+    ) : /* @__PURE__ */ e(de, {}),
+    /* @__PURE__ */ e(Z, { slots: s, welcomeMessage: r, suggestedPrompts: i, avatar: c }),
+    N ? /* @__PURE__ */ e(N, { status: n, onSend: o, onStop: u }) : /* @__PURE__ */ e(Q, {})
+  ] });
+}
+function Ce({
+  conversations: t,
+  activeSessionId: a,
+  onSwitch: l,
+  onNew: s,
+  onDelete: r,
+  isCollapsed: i,
+  onToggleCollapse: c
+}) {
+  const [n, o] = I(null), [u, p] = I(null), m = w((x, d) => {
+    d.stopPropagation(), u === x ? (r(x), p(null)) : (p(x), setTimeout(() => p(null), 3e3));
+  }, [u, r]), v = (() => {
+    const x = Date.now(), d = [], h = [], b = [];
+    for (const y of t) {
+      const N = x - new Date(y.updateTime).getTime();
+      N < 864e5 ? d.push(y) : N < 6048e5 ? h.push(y) : b.push(y);
+    }
+    const f = [];
+    return d.length && f.push({ label: "今天", items: d }), h.length && f.push({ label: "最近 7 天", items: h }), b.length && f.push({ label: "更早", items: b }), f;
+  })();
+  return i ? /* @__PURE__ */ g("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
+    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "展开", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
+    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: s, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ e(C, { name: "plus", size: 18 }) })
+  ] }) : /* @__PURE__ */ g("div", { className: "sa-fp-sidebar", children: [
+    /* @__PURE__ */ g("div", { className: "sa-fp-sidebar-header", children: [
+      /* @__PURE__ */ g("button", { className: "sa-fp-sidebar-new", onClick: s, children: [
+        /* @__PURE__ */ e(C, { name: "plus", size: 15 }),
+        " ",
+        /* @__PURE__ */ e("span", { children: "新会话" })
+      ] }),
+      /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "收起侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left-close", size: 18 }) })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "sa-fp-sidebar-list", children: [
+      t.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
+      v.map((x) => /* @__PURE__ */ g("div", { children: [
+        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: x.label }),
+        x.items.map((d) => {
+          const h = d.sessionId === a, b = n === d.sessionId, f = u === d.sessionId;
+          return /* @__PURE__ */ g(
+            "div",
+            {
+              className: `sa-fp-sidebar-item ${h ? "active" : ""}`,
+              onClick: () => l(d.sessionId),
+              onMouseEnter: () => o(d.sessionId),
+              onMouseLeave: () => o(null),
+              children: [
+                /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: d.title || "新会话" }),
+                b && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: `sa-fp-sidebar-item-action ${f ? "danger" : ""}`,
+                    onClick: (y) => m(d.sessionId, y),
+                    title: f ? "确认删除" : "删除",
+                    children: /* @__PURE__ */ e(C, { name: f ? "x" : "trash2", size: 14 })
+                  }
+                )
+              ]
+            },
+            d.sessionId
+          );
+        })
+      ] }, x.label))
+    ] })
+  ] });
+}
+function Ne({ title: t, slots: a, welcomeMessage: l, suggestedPrompts: s, sidebarDefaultOpen: r = !0, onClose: i, avatar: c }) {
+  const {
+    status: n,
+    sendMessage: o,
+    stop: u,
+    conversations: p,
+    activeConversationId: m,
+    switchConversation: v,
+    newConversation: x,
+    deleteConversation: d,
+    renameConversation: h
+  } = A(), [b, f] = I(r), y = w(() => f((D) => !D), []), N = a.ThreadList, z = a.Composer;
+  return /* @__PURE__ */ g("div", { className: "sa-fullpage", children: [
+    N ? /* @__PURE__ */ e("div", { className: `sa-fp-sidebar-wrapper ${b ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ e(
+      N,
+      {
+        conversations: p,
+        activeSessionId: m,
+        onSwitch: v,
+        onNew: x,
+        onDelete: d,
+        onRename: h
+      }
+    ) }) : /* @__PURE__ */ e(
+      Ce,
+      {
+        conversations: p,
+        activeSessionId: m,
+        onSwitch: v,
+        onNew: x,
+        onDelete: d,
+        onRename: h,
+        isCollapsed: !b,
+        onToggleCollapse: y
+      }
+    ),
+    /* @__PURE__ */ g("div", { className: "sa-fp-main", children: [
+      /* @__PURE__ */ g("div", { className: "sa-fp-header", children: [
+        !b && !N && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: y, title: "展开侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: t }),
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-actions", children: i && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: i, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 18 }) }) })
+      ] }),
+      /* @__PURE__ */ e(Z, { slots: a, welcomeMessage: l, suggestedPrompts: s, avatar: c }),
+      z ? /* @__PURE__ */ e(z, { status: n, onSend: o, onStop: u }) : /* @__PURE__ */ e(Q, {})
+    ] })
+  ] });
+}
+function ze(t) {
+  const { sdk: a, mode: l = "floating", slots: s = {}, hooks: r = {}, welcomeMessage: i, suggestedPrompts: c, title: n = "AI Assistant", initialOpen: o = !1, onOpenChange: u, sidebarDefaultOpen: p, avatar: m } = t, [v, x] = I(o);
+  P(() => {
+    x(o);
+  }, [o]);
+  const d = w(() => {
+    var y, N;
+    const f = !v;
+    x(f), u == null || u(f), f ? (y = r.onOpen) == null || y.call(r) : (N = r.onClose) == null || N.call(r);
+  }, [v, r, u]), h = w(() => {
+    var f;
+    x(!1), u == null || u(!1), (f = r.onClose) == null || f.call(r);
+  }, [r, u]), b = s.Trigger ?? le;
+  return l === "fullpage" ? v ? /* @__PURE__ */ e(Y, { sdk: a, hooks: r, children: /* @__PURE__ */ e(
+    Ne,
+    {
+      title: n,
+      slots: s,
+      welcomeMessage: i,
+      suggestedPrompts: c,
+      sidebarDefaultOpen: p,
+      onClose: h,
+      avatar: m
+    }
+  ) }) : null : /* @__PURE__ */ g(Y, { sdk: a, hooks: r, children: [
+    /* @__PURE__ */ e(b, { isOpen: v, onClick: d }),
+    /* @__PURE__ */ e(
+      ke,
+      {
+        isOpen: v,
+        onClose: h,
+        title: n,
+        slots: s,
+        welcomeMessage: i,
+        suggestedPrompts: c,
+        avatar: m
+      }
+    )
+  ] });
+}
+const Ie = `
+  [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);
+    --sa-text: #1f2937;
+    --sa-text-muted: #6b7280;
+    --sa-border: #e5e7eb;
+    --sa-surface: #f9fafb;
+
+    font-family: var(--sa-font);
+    color: var(--sa-text);
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+  }
+
+  [data-super-agent-widget] *,
+  [data-super-agent-widget] *::before,
+  [data-super-agent-widget] *::after {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+
+  [data-super-agent-widget] button {
+    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);
+  }
+
+  /* ── Thread / messages ───────────────────────────────────── */
+
+  .sa-thread {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    overflow-y: auto;
+    padding: 16px;
+    background: var(--sa-surface);
+    scroll-behavior: smooth;
+  }
+
+  .sa-thread::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .sa-thread::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.14);
+    border-radius: 3px;
+  }
+
+  .sa-thread::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.24);
+  }
+
+  .sa-message {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    width: 100%;
+  }
+
+  .sa-message-user {
+    justify-content: flex-end;
+  }
+
+  .sa-message-body {
+    max-width: 78%;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .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-message-assistant .sa-message-body {
+    padding: 10px 14px;
+    border-radius: 16px;
+    border-bottom-left-radius: 4px;
+    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-avatar {
+    width: 28px;
+    height: 28px;
+    flex-shrink: 0;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #ffffff;
+    font-size: 12px;
+    font-weight: 600;
+    overflow: hidden;
+  }
+
+  .sa-avatar-assistant {
+    background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
+  }
+
+  .sa-avatar-user {
+    background: linear-gradient(135deg, #64748b, #475569);
+  }
+
+  /* ── Text part (markdown) ────────────────────────────────── */
+
+  .sa-text-part {
+    font-size: 14px;
+    line-height: 1.6;
+    word-break: break-word;
+  }
+
+  .sa-text-part p {
+    margin: 0 0 8px;
+  }
+
+  .sa-text-part p:last-child {
+    margin-bottom: 0;
+  }
+
+  .sa-text-part strong {
+    font-weight: 600;
+  }
+
+  .sa-text-part em {
+    font-style: italic;
+  }
+
+  .sa-text-part h1,
+  .sa-text-part h2,
+  .sa-text-part h3,
+  .sa-text-part h4,
+  .sa-text-part h5,
+  .sa-text-part h6 {
+    margin: 12px 0 6px;
+    font-weight: 600;
+    line-height: 1.3;
+  }
+
+  .sa-text-part h1 {
+    font-size: 1.4em;
+  }
+
+  .sa-text-part h2 {
+    font-size: 1.25em;
+  }
+
+  .sa-text-part h3 {
+    font-size: 1.1em;
+  }
+
+  .sa-text-part h4,
+  .sa-text-part h5,
+  .sa-text-part h6 {
+    font-size: 1em;
+  }
+
+  .sa-text-part a {
+    color: var(--sa-primary);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .sa-text-part a:hover {
+    color: var(--sa-primary-dark);
+  }
+
+  .sa-inline-code {
+    padding: 2px 5px;
+    border-radius: 4px;
+    background: rgba(0, 0, 0, 0.06);
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    font-size: 0.9em;
+  }
+
+  .sa-code-block {
+    margin: 8px 0;
+    padding: 12px 14px;
+    border-radius: 10px;
+    background: #1e293b;
+    color: #e2e8f0;
+    overflow-x: auto;
+    font-size: 13px;
+    line-height: 1.55;
+  }
+
+  .sa-code-block code {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    white-space: pre;
+  }
+
+  .sa-list {
+    margin: 6px 0;
+    padding-left: 22px;
+  }
+
+  .sa-list li {
+    margin: 3px 0;
+    line-height: 1.5;
+  }
+
+  ul.sa-list {
+    list-style: disc;
+  }
+
+  ol.sa-list {
+    list-style: decimal;
+  }
+
+  /* ── Thinking part ───────────────────────────────────────── */
+
+  .sa-thinking-part {
+    margin: 6px 0;
+    padding: 8px 12px;
+    border-left: 3px solid var(--sa-primary);
+    border-radius: 8px;
+    background: var(--sa-primary-light);
+    cursor: pointer;
+    font-size: 13px;
+  }
+
+  .sa-thinking-header {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    color: var(--sa-primary-dark);
+    font-weight: 500;
+    user-select: none;
+  }
+
+  .sa-thinking-icon {
+    font-size: 14px;
+    line-height: 1;
+  }
+
+  .sa-thinking-label {
+    flex: 1;
+  }
+
+  .sa-thinking-arrow {
+    font-size: 12px;
+    transition: transform 0.2s ease;
+  }
+
+  .sa-thinking-arrow.expanded {
+    transform: rotate(90deg);
+  }
+
+  .sa-thinking-content {
+    margin-top: 8px;
+    color: #4b5563;
+    white-space: pre-wrap;
+    line-height: 1.55;
+  }
+
+  /* ── Tool call / result ──────────────────────────────────── */
+
+  .sa-tool-call-part {
+    margin: 6px 0;
+    border: 1px solid var(--sa-border);
+    border-radius: 10px;
+    overflow: hidden;
+    background: #ffffff;
+  }
+
+  .sa-tool-call-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    cursor: pointer;
+    font-size: 13px;
+    user-select: none;
+  }
+
+  .sa-tool-call-header:hover {
+    background: var(--sa-surface);
+  }
+
+  .sa-tool-icon {
+    font-size: 14px;
+    line-height: 1;
+  }
+
+  .sa-tool-name {
+    flex: 1;
+    color: #374151;
+    font-weight: 500;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  .sa-tool-args {
+    margin: 0;
+    padding: 10px 12px;
+    border-top: 1px solid var(--sa-border);
+    background: var(--sa-surface);
+    color: #374151;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    font-size: 12px;
+    line-height: 1.5;
+    white-space: pre;
+    overflow-x: auto;
+  }
+
+  .sa-tool-result-part {
+    margin: 6px 0;
+    border: 1px solid var(--sa-border);
+    border-radius: 10px;
+    overflow: hidden;
+    background: #ffffff;
+  }
+
+  .sa-tool-result-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    border-bottom: 1px solid var(--sa-border);
+    background: var(--sa-surface);
+    color: #374151;
+    font-size: 13px;
+    font-weight: 500;
+  }
+
+  .sa-tool-result-content {
+    padding: 10px 12px;
+    color: #4b5563;
+    font-size: 13px;
+    line-height: 1.55;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  /* ── Error part ──────────────────────────────────────────── */
+
+  .sa-error-part {
+    margin: 6px 0;
+    padding: 10px 12px;
+    border: 1px solid #fecaca;
+    border-radius: 10px;
+    background: #fef2f2;
+    color: #b91c1c;
+  }
+
+  .sa-error-content {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .sa-error-icon {
+    font-size: 14px;
+    line-height: 1.4;
+  }
+
+  .sa-error-retry {
+    margin-top: 8px;
+    padding: 6px 14px;
+    border: none;
+    border-radius: 8px;
+    background: #ef4444;
+    color: #ffffff;
+    font-size: 13px;
+    cursor: pointer;
+    transition: background 0.2s ease;
+  }
+
+  .sa-error-retry:hover {
+    background: #dc2626;
+  }
+
+  /* ── Action bar ──────────────────────────────────────────── */
+
+  .sa-action-bar {
+    display: flex;
+    gap: 6px;
+    margin-top: 6px;
+  }
+
+  .sa-action-btn {
+    padding: 4px 10px;
+    border: none;
+    border-radius: 6px;
+    background: transparent;
+    color: var(--sa-text-muted);
+    font-size: 12px;
+    cursor: pointer;
+    transition: color 0.15s ease, background 0.15s ease;
+  }
+
+  .sa-action-btn:hover {
+    color: var(--sa-text);
+    background: rgba(0, 0, 0, 0.05);
+  }
+
+  .sa-action-btn-active {
+    color: var(--sa-primary) !important;
+    background: var(--sa-primary-light) !important;
+  }
+
+  .sa-action-divider {
+    width: 1px;
+    height: 16px;
+    background: var(--sa-border);
+    margin: 0 2px;
+    align-self: center;
+  }
+
+  /* ── Composer ────────────────────────────────────────────── */
+
+  .sa-composer {
+    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);
+  }
+
+  /* ── 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;
+    gap: 10px;
+    padding: 14px 16px;
+    border-bottom: 1px solid var(--sa-border);
+    flex-shrink: 0;
+  }
+
+  .sa-thread-list-items {
+    flex: 1;
+    overflow-y: auto;
+  }
+
+  .sa-thread-list-empty {
+    padding: 24px 16px;
+    text-align: center;
+    color: var(--sa-text-muted);
+    font-size: 13px;
+  }
+
+  .sa-thread-list-new {
+    display: block;
+    width: calc(100% - 24px);
+    margin: 12px;
+    padding: 10px;
+    border: 1px dashed var(--sa-border);
+    border-radius: 10px;
+    background: transparent;
+    color: var(--sa-primary);
+    font-size: 14px;
+    cursor: pointer;
+    text-align: center;
+    transition: background 0.15s, border-color 0.15s;
+  }
+
+  .sa-thread-list-new:hover {
+    background: var(--sa-primary-light);
+    border-color: var(--sa-primary);
+  }
+
+  .sa-thread-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 12px 16px;
+    border-bottom: 1px solid #f3f4f6;
+    color: #374151;
+    font-size: 14px;
+    cursor: pointer;
+    transition: background 0.15s ease;
+  }
+
+  .sa-thread-item:hover {
+    background: var(--sa-surface);
+  }
+
+  .sa-thread-item.active {
+    background: var(--sa-primary-light);
+    color: var(--sa-primary-dark);
+    font-weight: 500;
+  }
+
+  .sa-thread-item-title {
+    flex: 1;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  .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);
+  }
+
+  .sa-thread-item-delete {
+    border: none;
+    background: transparent;
+    color: var(--sa-text-muted);
+    font-size: 14px;
+    cursor: pointer;
+    opacity: 0;
+    transition: opacity 0.15s ease, color 0.15s ease;
+  }
+
+  .sa-thread-item:hover .sa-thread-item-delete {
+    opacity: 1;
+  }
+
+  .sa-thread-item-delete:hover {
+    color: #ef4444;
+  }
+
+  /* ── 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;
+    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;
+  }
+
+  /* ── 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% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0;
+    }
+  }
+
+  @keyframes sa-slide-in-left {
+    from {
+      opacity: 0;
+      transform: translateX(-100%);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  /* ── Fullpage Layout (DeepSeek-style) ────────────────────────── */
+
+  .sa-fullpage {
+    position: fixed;
+    inset: 0;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    background: #f7f7f8;
+    z-index: var(--sa-z-index, 9999);
+  }
+
+  /* Sidebar */
+  .sa-fp-sidebar {
+    width: 260px;
+    display: flex;
+    flex-direction: column;
+    background: #f2f2f3;
+    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-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 wrapper (for custom ThreadList slot) */
+  .sa-fp-sidebar-wrapper {
+    width: 260px;
+    flex-shrink: 0;
+    overflow: hidden;
+    border-right: 1px solid #e8e8ea;
+    background: #f2f2f3;
+    transition: width 0.2s cubic-bezier(0.16,1,0.3,1);
+  }
+
+  .sa-fp-sidebar-wrapper-collapsed {
+    width: 0;
+  }
+
+  /* Main area */
+  .sa-fp-main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    background: #fff;
+  }
+
+  .sa-fp-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 10px 16px;
+    border-bottom: 1px solid #f0f0f0;
+    background: #fff;
+    flex-shrink: 0;
+    min-height: 52px;
+  }
+
+  .sa-fp-header-title {
+    flex: 1;
+    font-size: 15px;
+    font-weight: 500;
+    color: #18181b;
+    letter-spacing: -0.2px;
+  }
+
+  .sa-fp-header-actions {
+    display: flex;
+    gap: 4px;
+  }
+
+  .sa-fp-header-btn {
+    width: 34px;
+    height: 34px;
+    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;
+  }
+
+  .sa-fp-header-btn:hover {
+    background: #f4f4f5;
+    color: #18181b;
+  }
+
+  /* Fullpage thread/composer override */
+  .sa-fp-main .sa-thread {
+    margin: 0 auto;
+    width: 100%;
+    padding: 24px 24px;
+  }
+
+  .sa-fp-main .sa-composer {
+    margin: 0 auto;
+    width: 100%;
+    padding: 12px 24px 20px;
+    border-top: none;
+    background: transparent;
+  }
+
+  .sa-fp-main .sa-composer-input {
+    background: #f7f7f8;
+    border: 1px solid #e4e4e7;
+    box-shadow: none;
+  }
+
+  .sa-fp-main .sa-composer-input:focus {
+    background: #fff;
+    border-color: #d4d4d8;
+    box-shadow: 0 0 0 3px rgba(99,102,241,0.08);
+  }
+`, Te = {
+  primaryColor: "#6366f1",
+  backgroundColor: "#ffffff",
+  fontFamily: "system-ui, -apple-system, sans-serif",
+  borderRadius: 16,
+  panelWidth: 380,
+  panelHeight: 520,
+  zIndex: 9999
+};
+function Se(t) {
+  const a = { ...Te, ...t };
+  return [
+    `--sa-primary: ${a.primaryColor}`,
+    `--sa-bg: ${a.backgroundColor}`,
+    `--sa-font: ${a.fontFamily}`,
+    `--sa-radius: ${a.borderRadius}px`,
+    `--sa-panel-width: ${a.panelWidth}px`,
+    `--sa-panel-height: ${a.panelHeight}px`,
+    `--sa-z-index: ${a.zIndex}`
+  ].join("; ");
+}
+function Le(t, a) {
+  const l = typeof t == "string" ? document.querySelector(t) : t;
+  if (!l)
+    throw new Error(`Target element not found: ${t}`);
+  const s = document.createElement("div");
+  s.setAttribute("data-super-agent-widget", "");
+  const r = Se(a.theme ?? {});
+  if (s.setAttribute("style", r), l.appendChild(s), !document.getElementById("sa-widget-styles")) {
+    const o = document.createElement("style");
+    o.id = "sa-widget-styles", o.textContent = Ie, document.head.appendChild(o);
+  }
+  let i = F(s), c = !1;
+  const n = (o) => {
+    i && i.render(
+      X.createElement(ze, {
+        ...a,
+        initialOpen: o ?? c,
+        onOpenChange: (u) => {
+          c = u;
+        }
+      })
+    );
+  };
+  return n(!1), {
+    open() {
+      c = !0, n(!0);
+    },
+    close() {
+      c = !1, n(!1);
+    },
+    destroy() {
+      i && (i.unmount(), i = null), s.remove();
+    }
+  };
+}
+export {
+  ve as ActionBar,
+  Y as ChatProvider,
+  ze as ChatWidget,
+  Q as Composer,
+  be as ErrorPart,
+  Ne as FullpageLayout,
+  ce as Header,
+  C as Icon,
+  ye as Message,
+  he as TextPart,
+  me as ThinkingPart,
+  Z as Thread,
+  de as ThreadList,
+  ge as ToolCallPart,
+  xe as ToolResultPart,
+  le as Trigger,
+  we as WelcomeScreen,
+  Te as defaultTheme,
+  Le as mount,
+  Se as themeToCSSVars,
+  pe as useAutoScroll,
+  ne as useChat,
+  A as useChatContext,
+  oe as useConversations,
+  Ie as widgetStyles
+};