super-agent-sdk 1.0.3 → 1.0.5

package/dist/widget.mjs

@@ -1,875 +1,1572 @@
-import q, { useState as I, useRef as R, useCallback as y, useEffect as A, createContext as Z, useContext as Q, useMemo as ee } from "react";
-import { createRoot as ae } from "react-dom/client";
-import { jsx as a, jsxs as x, Fragment as te } from "react/jsx-runtime";
-function se(t) {
-  const { sdk: e, sessionId: l, onSessionCreated: r, onStreamStart: s, onStreamEnd: i, onError: c, onMessageSend: n } = t, [o, f] = I([]), [p, m] = I("ready"), [v, b] = I(null), h = R(null), g = R(!1), u = R(l);
-  u.current = l;
-  const d = y((z) => {
+import Y, { useState as T, useRef as _, useCallback as N, useEffect as B, createContext as ie, useMemo as V, useContext as oe } from "react";
+import { createRoot as le } from "react-dom/client";
+import { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
+function ce(a) {
+  const { sdk: t, sessionId: s, onSessionCreated: r, onStreamStart: n, onStreamEnd: o, onError: i, onMessageSend: l } = a, [c, p] = T([]), [f, u] = T("ready"), [h, v] = T(null), k = _(null), g = _(!1), b = _(s);
+  b.current = s;
+  const m = N((M) => {
     if (g.current) return;
-    g.current = !0, n == null || n(z);
+    g.current = !0, l == null || l(M);
     const O = {
       id: `user_${Date.now()}`,
       role: "user",
-      parts: [{ type: "text", content: z }],
+      parts: [{ type: "text", content: M }],
       timestamp: Date.now()
-    }, S = `assistant_${Date.now()}`, G = {
-      id: S,
+    }, y = `assistant_${Date.now()}`, L = {
+      id: y,
       role: "assistant",
       parts: [],
       timestamp: Date.now()
     };
-    f((T) => [...T, O, G]), m("submitted"), b(null);
-    const F = (T) => {
-      let H = "", E = "", D = [], W = !1;
-      const B = () => {
-        const k = [...D];
-        if (H) {
-          const $ = k.findIndex((L) => L.type === "thinking");
-          $ >= 0 ? k[$] = { type: "thinking", content: H } : k.unshift({ type: "thinking", content: H });
-        }
+    p((S) => [...S, O, L]), u("submitted"), v(null);
+    const $ = (S) => {
+      let E = "", A = "", H = [], z = !1;
+      const P = () => {
+        const w = [...H];
         if (E) {
-          const $ = k.findLastIndex((L) => L.type === "text");
-          $ >= 0 ? k[$] = { type: "text", content: E } : k.push({ type: "text", content: E });
+          const W = w.findIndex((R) => R.type === "thinking");
+          W >= 0 ? w[W] = { type: "thinking", content: E } : w.unshift({ type: "thinking", content: E });
+        }
+        if (A) {
+          const W = w.findLastIndex((R) => R.type === "text");
+          W >= 0 ? w[W] = { type: "text", content: A } : w.push({ type: "text", content: A });
         }
-        f(
-          ($) => $.map((L) => L.id === S ? { ...L, parts: k } : L)
+        p(
+          (W) => W.map((R) => R.id === y ? { ...R, parts: w } : R)
         );
       };
-      h.current = e.chat({
-        sessionId: T,
-        message: z,
+      k.current = t.chat({
+        sessionId: S,
+        message: M,
         stream: !0,
-        onMessage: (k) => {
-          switch (W || (W = !0, m("streaming")), k.type) {
+        onMessage: (w) => {
+          switch (z || (z = !0, u("streaming")), w.type) {
             case "thinking":
-              H += k.content;
+              E += w.content;
               break;
             case "ai":
-              E += k.content;
+              A += w.content;
               break;
             case "tool_call":
-              D.push({
+              H.push({
                 type: "tool_call",
-                toolName: k.toolName,
-                toolCallId: k.toolCallId,
-                args: k.args ?? "{}"
+                toolName: w.toolName,
+                toolCallId: w.toolCallId,
+                args: w.args ?? "{}"
               });
               break;
             case "tool_result":
-              D.push({
+              H.push({
                 type: "tool_result",
-                toolName: k.toolName ?? "",
-                toolCallId: k.toolCallId,
-                content: k.content
-              }), E && (D.push({ type: "text", content: E }), E = "");
+                toolName: w.toolName ?? "",
+                toolCallId: w.toolCallId,
+                content: w.content,
+                artifacts: w.artifacts,
+                renderMode: w.renderMode,
+                html: w.html
+              }), A && (H.push({ type: "text", content: A }), A = "");
+              break;
+            case "interrupt":
+              w.interrupt && H.push({
+                type: "interrupt",
+                interrupt: w.interrupt,
+                resolved: !1
+              });
               break;
           }
-          B();
+          P();
         },
-        onDone: (k) => {
-          (E || D.length > 0 || H) && B(), k.sessionId && k.sessionId !== u.current && (r == null || r(k.sessionId)), i == null || i(k.sessionId || T), m("ready"), g.current = !1, h.current = null;
+        onDone: (w) => {
+          (A || H.length > 0 || E) && P(), w.messageId && p(
+            (W) => W.map((R) => R.id === y ? { ...R, id: w.messageId } : R)
+          ), w.sessionId && w.sessionId !== b.current && (r == null || r(w.sessionId)), o == null || o(w.sessionId || S), u("ready"), g.current = !1, k.current = null;
         },
-        onError: (k) => {
-          D.push({ type: "error", content: k.message }), B(), b(k), m("error"), c == null || c(k), g.current = !1, h.current = null;
+        onError: (w) => {
+          H.push({ type: "error", content: w.message }), P(), v(w), u("error"), i == null || i(w), g.current = !1, k.current = null;
         }
-      }), s == null || s(T);
+      }), n == null || n(S);
     };
-    u.current ? F(u.current) : e.createSession().then((T) => {
-      u.current = T, r == null || r(T), F(T);
-    }).catch((T) => {
-      b(T instanceof Error ? T : new Error(String(T))), m("error"), c == null || c(T instanceof Error ? T : new Error(String(T))), g.current = !1;
+    b.current ? $(b.current) : t.createSession().then((S) => {
+      b.current = S, r == null || r(S), $(S);
+    }).catch((S) => {
+      v(S instanceof Error ? S : new Error(String(S))), u("error"), i == null || i(S instanceof Error ? S : new Error(String(S))), g.current = !1;
     });
-  }, [e, r, s, i, c, n]), w = y(() => {
-    var z;
-    (z = h.current) == null || z.abort(), h.current = null, m("ready"), g.current = !1;
-  }, []), N = y(() => {
+  }, [t, r, n, o, i, l]), x = N(() => {
+    var M;
+    (M = k.current) == null || M.abort(), k.current = null, u("ready"), g.current = !1;
+  }, []), I = N(() => {
     if (g.current) return;
-    const z = o.findLastIndex((S) => S.role === "user");
-    if (z < 0) return;
-    const O = o[z].parts.filter((S) => S.type === "text").map((S) => S.content).join("");
-    f((S) => S.slice(0, z)), d(O);
-  }, [o, d]);
-  return { messages: o, status: p, error: v, sendMessage: d, stop: w, regenerate: N, setMessages: f };
+    const M = c.findLastIndex((y) => y.role === "user");
+    if (M < 0) return;
+    const O = c[M].parts.filter((y) => y.type === "text").map((y) => y.content).join("");
+    p((y) => y.slice(0, M)), m(O);
+  }, [c, m]), D = N((M, O) => {
+    p(
+      (z) => z.map((P) => ({
+        ...P,
+        parts: P.parts.map(
+          (w) => w.type === "interrupt" && w.interrupt.interruptId === M ? { ...w, resolved: !0, response: O } : w
+        )
+      }))
+    );
+    const y = b.current;
+    if (!y) return;
+    const L = `assistant_${Date.now()}`, $ = {
+      id: L,
+      role: "assistant",
+      parts: [],
+      timestamp: Date.now()
+    };
+    p((z) => [...z, $]), u("streaming");
+    let S = "", E = "", A = [];
+    const H = () => {
+      const z = [...A];
+      if (S) {
+        const P = z.findIndex((w) => w.type === "thinking");
+        P >= 0 ? z[P] = { type: "thinking", content: S } : z.unshift({ type: "thinking", content: S });
+      }
+      if (E) {
+        const P = z.findLastIndex((w) => w.type === "text");
+        P >= 0 ? z[P] = { type: "text", content: E } : z.push({ type: "text", content: E });
+      }
+      p(
+        (P) => P.map((w) => w.id === L ? { ...w, parts: z } : w)
+      );
+    };
+    t.respondInterrupt(
+      M,
+      y,
+      O,
+      (z) => {
+        switch (z.type) {
+          case "thinking":
+            S += z.content;
+            break;
+          case "ai":
+            E += z.content;
+            break;
+          case "tool_call":
+            A.push({
+              type: "tool_call",
+              toolName: z.toolName,
+              toolCallId: z.toolCallId,
+              args: z.args ?? "{}"
+            });
+            break;
+          case "tool_result":
+            A.push({
+              type: "tool_result",
+              toolName: z.toolName ?? "",
+              toolCallId: z.toolCallId,
+              content: z.content,
+              artifacts: z.artifacts,
+              renderMode: z.renderMode,
+              html: z.html
+            }), E && (A.push({ type: "text", content: E }), E = "");
+            break;
+          case "interrupt":
+            z.interrupt && A.push({ type: "interrupt", interrupt: z.interrupt, resolved: !1 });
+            break;
+          case "done":
+            u("ready");
+            break;
+        }
+        H();
+      },
+      (z) => {
+        A.push({ type: "error", content: z.message }), H(), v(z), u("error"), i == null || i(z);
+      }
+    ).catch((z) => {
+      i == null || i(z instanceof Error ? z : new Error(String(z))), u("error");
+    });
+  }, [t, i]);
+  return { messages: c, status: f, error: h, sendMessage: m, stop: x, regenerate: I, setMessages: p, respondToInterrupt: D };
 }
-const _ = "sa_active_conversation";
-function K() {
+const X = "sa_active_conversation";
+function J() {
   try {
-    return localStorage.getItem(_);
+    return localStorage.getItem(X);
   } catch {
     return null;
   }
 }
-function re(t) {
+function de(a) {
   try {
-    t ? localStorage.setItem(_, t) : localStorage.removeItem(_);
+    a ? localStorage.setItem(X, a) : localStorage.removeItem(X);
   } catch {
   }
 }
-function ne(t) {
-  const { sdk: e, onConversationChange: l } = t, [r, s] = I([]), [i, c] = I(
-    () => K()
-  ), [n, o] = I(!1), f = R(!0);
-  A(() => () => {
-    f.current = !1;
+function pe(a) {
+  const { sdk: t, onConversationChange: s } = a, [r, n] = T([]), [o, i] = T(
+    () => J()
+  ), [l, c] = T(!1), p = _(!0);
+  B(() => () => {
+    p.current = !1;
   }, []);
-  const p = y((d) => {
-    c(d), re(d), d && (l == null || l(d));
-  }, [l]), m = y(async () => {
-    o(!0);
+  const f = N((m) => {
+    i(m), de(m), m && (s == null || s(m));
+  }, [s]), u = N(async () => {
+    c(!0);
     try {
-      const d = await e.listConversations({ page: 1, size: 100 });
-      if (!f.current) return;
-      s(d.items);
-      const w = K();
-      w && !d.items.find((N) => N.sessionId === w) && p(null);
+      const m = await t.listConversations({ page: 1, size: 100 });
+      if (!p.current) return;
+      n(m.items);
+      const x = J();
+      x && !m.items.find((I) => I.sessionId === x) && f(null);
     } catch {
     } finally {
-      f.current && o(!1);
+      p.current && c(!1);
     }
-  }, [e, p]), v = y(async (d) => (p(d), await e.getMessages(d)), [e, p]), b = y(() => {
-    p(null);
-  }, [p]), h = y(async (d) => {
-    await e.deleteConversation(d), s((w) => w.filter((N) => N.sessionId !== d)), i === d && p(null);
-  }, [e, i, p]), g = y(async (d, w) => {
-    await e.renameConversation(d, w), s(
-      (N) => N.map((z) => z.sessionId === d ? { ...z, title: w } : z)
+  }, [t, f]), h = N(async (m) => (f(m), await t.getMessages(m)), [t, f]), v = N(() => {
+    f(null);
+  }, [f]), k = N(async (m) => {
+    await t.deleteConversation(m), n((x) => x.filter((I) => I.sessionId !== m)), o === m && f(null);
+  }, [t, o, f]), g = N(async (m, x) => {
+    await t.renameConversation(m, x), n(
+      (I) => I.map((D) => D.sessionId === m ? { ...D, title: x } : D)
     );
-  }, [e]), { enabled: u = !0 } = t;
-  return A(() => {
-    u && m();
-  }, [u, m]), {
+  }, [t]), { enabled: b = !0 } = a;
+  return B(() => {
+    b && u();
+  }, [b, u]), {
     conversations: r,
-    activeConversationId: i,
-    loading: n,
-    loadConversations: m,
-    switchConversation: v,
-    newConversation: b,
-    deleteConversation: h,
+    activeConversationId: o,
+    loading: l,
+    loadConversations: u,
+    switchConversation: h,
+    newConversation: v,
+    deleteConversation: k,
     renameConversation: g,
-    setActiveConversationId: p
+    setActiveConversationId: f
   };
 }
-const V = Z(null);
-function P() {
-  const t = Q(V);
-  if (!t) throw new Error("useChatContext must be used within ChatProvider");
+function Q(a) {
+  return !a && a !== 0 ? "" : a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : `${(a / 1024 / 1024).toFixed(1)} MB`;
+}
+function ee(a) {
+  return a === "pdf" ? "PDF" : a === "docx" ? "DOC" : a === "html" ? "HTM" : a.slice(0, 3).toUpperCase() || "FILE";
+}
+function ae(a) {
+  if (!a) return [];
+  const t = [];
+  for (const s of a)
+    s.type === "file" && s.data && t.push({
+      id: s.data.id ?? "",
+      type: s.data.fileType ?? s.data.type ?? "",
+      filename: s.data.name ?? s.data.filename ?? "",
+      url: s.data.url ?? "",
+      mime: s.data.mime,
+      size: s.data.size,
+      summary: s.data.summary
+    });
   return t;
 }
-function U({ sdk: t, hooks: e, children: l }) {
-  const [r, s] = I(!1), [i, c] = I(!1);
-  A(() => {
-    t.getToken().then(() => {
-      c(!0);
+async function U(a) {
+  try {
+    const t = await fetch(a.url);
+    if (!t.ok) throw new Error(`HTTP ${t.status}`);
+    const s = await t.blob(), r = URL.createObjectURL(s), n = document.createElement("a");
+    n.href = r, n.download = a.filename, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(r), 4e3);
+  } catch {
+    const t = document.createElement("a");
+    t.href = a.url, t.download = a.filename, t.target = "_blank", document.body.appendChild(t), t.click(), t.remove();
+  }
+}
+const te = ie(null);
+function F() {
+  const a = oe(te);
+  if (!a) throw new Error("useChatContext must be used within ChatProvider");
+  return a;
+}
+function G({ sdk: a, hooks: t, children: s }) {
+  const [r, n] = T(!1), [o, i] = T(!1), [l, c] = T(null), [p, f] = T(!1);
+  B(() => {
+    a.getToken().then(() => {
+      f(!0);
     }).catch(() => {
-      c(!0);
+      f(!0);
     });
-  }, [t]);
-  const n = ne({
-    sdk: t,
-    onConversationChange: e == null ? void 0 : e.onConversationChange,
-    enabled: i
-  }), o = se({
-    sdk: t,
-    sessionId: n.activeConversationId,
-    onSessionCreated: (h) => {
-      n.setActiveConversationId(h), n.loadConversations();
+  }, [a]);
+  const u = pe({
+    sdk: a,
+    onConversationChange: t == null ? void 0 : t.onConversationChange,
+    enabled: p
+  }), h = ce({
+    sdk: a,
+    sessionId: u.activeConversationId,
+    onSessionCreated: (y) => {
+      u.setActiveConversationId(y), u.loadConversations();
     },
-    onStreamStart: e == null ? void 0 : e.onStreamStart,
-    onStreamEnd: (h) => {
-      var g;
-      (g = e == null ? void 0 : e.onStreamEnd) == null || g.call(e, h), n.loadConversations();
+    onStreamStart: t == null ? void 0 : t.onStreamStart,
+    onStreamEnd: (y) => {
+      var L;
+      (L = t == null ? void 0 : t.onStreamEnd) == null || L.call(t, y), u.loadConversations();
     },
-    onError: e == null ? void 0 : e.onError,
-    onMessageSend: e == null ? void 0 : e.onMessageSend
-  }), f = y(async (h) => {
-    const g = await n.switchConversation(h);
-    o.setMessages(g), s(!1);
-  }, [n, o]), p = y(() => {
-    n.newConversation(), o.setMessages([]), s(!1);
-  }, [n, o]), m = y(async (h) => {
-    await n.deleteConversation(h), n.activeConversationId === h && o.setMessages([]);
-  }, [n, o]);
-  A(() => {
-    n.activeConversationId && o.messages.length === 0 && t.getMessages(n.activeConversationId).then((h) => {
-      o.setMessages(h);
+    onError: t == null ? void 0 : t.onError,
+    onMessageSend: t == null ? void 0 : t.onMessageSend
+  }), v = N(async (y) => {
+    const L = await u.switchConversation(y);
+    h.setMessages(L), n(!1);
+  }, [u, h]), k = N(() => {
+    u.newConversation(), h.setMessages([]), n(!1);
+  }, [u, h]), g = N(async (y) => {
+    await u.deleteConversation(y), u.activeConversationId === y && h.setMessages([]);
+  }, [u, h]);
+  B(() => {
+    u.activeConversationId && h.messages.length === 0 && a.getMessages(u.activeConversationId).then((y) => {
+      h.setMessages(y);
     }).catch(() => {
     });
   }, []);
-  const v = y(() => {
-    s((h) => !h);
-  }, []), b = {
-    status: o.status,
-    error: o.error,
-    messages: o.messages,
-    conversations: n.conversations,
-    activeConversationId: n.activeConversationId,
+  const b = N(() => {
+    n((y) => !y);
+  }, []), m = N(() => {
+    i((y) => !y), c((y) => null);
+  }, []), x = N((y) => {
+    c(y), i(!0);
+  }, []), I = V(() => {
+    const y = /* @__PURE__ */ new Set(), L = [];
+    for (const $ of h.messages)
+      for (const S of $.parts)
+        if (S.type === "tool_result" && S.artifacts)
+          for (const E of ae(S.artifacts)) {
+            const A = E.id || `${E.url}:${E.filename}`;
+            y.has(A) || (y.add(A), L.push(E));
+          }
+    return L;
+  }, [h.messages]), D = N((y, L, $) => {
+    a.feedback(y, L, $).catch(() => {
+    });
+  }, [a]), M = N((y) => {
+    a.cancelFeedback(y).catch(() => {
+    });
+  }, [a]), O = V(() => ({
+    status: h.status,
+    error: h.error,
+    messages: h.messages,
+    conversations: u.conversations,
+    activeConversationId: u.activeConversationId,
     isThreadListOpen: r,
-    sendMessage: o.sendMessage,
-    stop: o.stop,
-    regenerate: o.regenerate,
-    switchConversation: f,
-    newConversation: p,
-    deleteConversation: m,
-    renameConversation: n.renameConversation,
-    toggleThreadList: v,
-    feedback: (h, g) => {
-      t.feedback(h, g);
-    }
-  };
-  return /* @__PURE__ */ a(V.Provider, { value: b, children: l });
+    isArtifactDrawerOpen: o,
+    allArtifacts: I,
+    activePreviewArtifact: l,
+    sendMessage: h.sendMessage,
+    stop: h.stop,
+    regenerate: h.regenerate,
+    switchConversation: v,
+    newConversation: k,
+    deleteConversation: g,
+    renameConversation: u.renameConversation,
+    toggleThreadList: b,
+    toggleArtifactDrawer: m,
+    openArtifactPreview: x,
+    feedback: D,
+    cancelFeedback: M,
+    respondToInterrupt: h.respondToInterrupt
+  }), [
+    h.status,
+    h.error,
+    h.messages,
+    h.sendMessage,
+    h.stop,
+    h.regenerate,
+    h.respondToInterrupt,
+    u.conversations,
+    u.activeConversationId,
+    u.renameConversation,
+    r,
+    o,
+    I,
+    l,
+    v,
+    k,
+    g,
+    b,
+    m,
+    x,
+    D,
+    M
+  ]);
+  return /* @__PURE__ */ e(te.Provider, { value: O, children: s });
 }
-function C({ name: t, size: e = 16, color: l = "currentColor", className: r, style: s }) {
-  return /* @__PURE__ */ a(
+function C({ name: a, size: t = 16, color: s = "currentColor", className: r, style: n }) {
+  return /* @__PURE__ */ e(
     "svg",
     {
       className: r,
-      style: { width: e, height: e, fill: l, verticalAlign: "middle", ...s },
+      style: { width: t, height: t, fill: s, verticalAlign: "middle", ...n },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ a("use", { href: `#icon-${t}` })
+      children: /* @__PURE__ */ e("use", { href: `#icon-${a}` })
     }
   );
 }
-function ie({ isOpen: t, onClick: e }) {
-  return /* @__PURE__ */ a("button", { className: `sa-trigger ${t ? "sa-trigger-open" : ""}`, onClick: e, children: t ? /* @__PURE__ */ a(C, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ a(C, { name: "message-square", size: 24, color: "#fff" }) });
+function fe({ isOpen: a, onClick: t }) {
+  return /* @__PURE__ */ e("button", { className: `sa-trigger ${a ? "sa-trigger-open" : ""}`, onClick: t, children: a ? /* @__PURE__ */ e(C, { name: "x", size: 24, color: "#fff" }) : /* @__PURE__ */ e(C, { name: "message-square", size: 24, color: "#fff" }) });
 }
-function oe({ title: t, onClose: e, onToggleThreadList: l, showClose: r = !0 }) {
-  return /* @__PURE__ */ x("div", { className: "sa-header", children: [
-    /* @__PURE__ */ x("div", { className: "sa-header-left", children: [
-      /* @__PURE__ */ a("div", { className: "sa-header-avatar", children: "A" }),
-      /* @__PURE__ */ x("div", { className: "sa-header-info", children: [
-        /* @__PURE__ */ a("div", { className: "sa-header-title", children: t }),
-        /* @__PURE__ */ a("div", { className: "sa-header-status", children: "● Online" })
+function ue({ title: a, onClose: t, onToggleThreadList: s, showClose: r = !0, artifactCount: n = 0, onToggleArtifactDrawer: o }) {
+  return /* @__PURE__ */ d("div", { className: "sa-header", children: [
+    /* @__PURE__ */ d("div", { className: "sa-header-left", children: [
+      /* @__PURE__ */ e("div", { className: "sa-header-avatar", children: "A" }),
+      /* @__PURE__ */ d("div", { className: "sa-header-info", children: [
+        /* @__PURE__ */ e("div", { className: "sa-header-title", children: a }),
+        /* @__PURE__ */ e("div", { className: "sa-header-status", children: "● Online" })
       ] })
     ] }),
-    /* @__PURE__ */ x("div", { className: "sa-header-actions", children: [
-      /* @__PURE__ */ a("button", { className: "sa-header-btn", onClick: l, title: "会话列表", children: /* @__PURE__ */ a(C, { name: "menu", size: 16 }) }),
-      r && /* @__PURE__ */ a("button", { className: "sa-header-btn", onClick: e, title: "关闭", children: /* @__PURE__ */ a(C, { name: "x", size: 16 }) })
+    /* @__PURE__ */ d("div", { className: "sa-header-actions", children: [
+      n > 0 && o && /* @__PURE__ */ d("button", { className: "sa-header-btn sa-header-btn-artifact", onClick: o, 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: "产物" })
+      ] }),
+      /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: s, title: "会话列表", children: /* @__PURE__ */ e(C, { name: "menu", size: 16 }) }),
+      r && /* @__PURE__ */ e("button", { className: "sa-header-btn", onClick: t, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 16 }) })
     ] })
   ] });
 }
-function le(t) {
-  const e = /* @__PURE__ */ new Date(), l = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), r = l - 6 * 864e5, s = [], i = [], c = [];
-  for (const o of t) {
-    const f = new Date(o.updateTime).getTime();
-    f >= l ? s.push(o) : f >= r ? i.push(o) : c.push(o);
-  }
-  const n = [];
-  return s.length && n.push({ label: "今天", items: s }), i.length && n.push({ label: "最近 7 天", items: i }), c.length && n.push({ label: "更早", items: c }), n;
+function me(a) {
+  const t = /* @__PURE__ */ new Date(), s = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), r = s - 6 * 864e5, n = [], o = [], i = [];
+  for (const c of a) {
+    const p = new Date(c.updateTime).getTime();
+    p >= s ? n.push(c) : p >= r ? o.push(c) : i.push(c);
+  }
+  const l = [];
+  return n.length && l.push({ label: "今天", items: n }), o.length && l.push({ label: "最近 7 天", items: o }), i.length && l.push({ label: "更早", items: i }), l;
 }
-function ce() {
+function he() {
   const {
-    conversations: t,
-    activeConversationId: e,
-    switchConversation: l,
+    conversations: a,
+    activeConversationId: t,
+    switchConversation: s,
     newConversation: r,
-    deleteConversation: s,
-    renameConversation: i,
-    isThreadListOpen: c,
-    toggleThreadList: n
-  } = P(), [o, f] = I(null), [p, m] = I(""), v = y((g, u) => {
-    f(g), m(u ?? "");
-  }, []), b = y((g) => {
-    p.trim() && i(g, p.trim()), f(null);
-  }, [p, i]), h = ee(() => le(t), [t]);
-  return c ? /* @__PURE__ */ x(te, { children: [
-    /* @__PURE__ */ a("div", { className: "sa-thread-list-overlay", onClick: n }),
-    /* @__PURE__ */ x("div", { className: "sa-thread-list", children: [
-      /* @__PURE__ */ x("div", { className: "sa-thread-list-header", children: [
-        /* @__PURE__ */ a("span", { className: "sa-thread-list-title", children: "会话记录" }),
-        /* @__PURE__ */ x("button", { className: "sa-thread-list-new", onClick: r, children: [
-          /* @__PURE__ */ a(C, { name: "plus", size: 14 }),
+    deleteConversation: n,
+    renameConversation: o,
+    isThreadListOpen: i,
+    toggleThreadList: l
+  } = F(), [c, p] = T(null), [f, u] = T(""), h = N((g, b) => {
+    p(g), u(b ?? "");
+  }, []), v = N((g) => {
+    f.trim() && o(g, f.trim()), p(null);
+  }, [f, o]), k = V(() => me(a), [a]);
+  return i ? /* @__PURE__ */ d(q, { children: [
+    /* @__PURE__ */ e("div", { className: "sa-thread-list-overlay", onClick: l }),
+    /* @__PURE__ */ d("div", { className: "sa-thread-list", children: [
+      /* @__PURE__ */ d("div", { className: "sa-thread-list-header", children: [
+        /* @__PURE__ */ e("span", { className: "sa-thread-list-title", children: "会话记录" }),
+        /* @__PURE__ */ d("button", { className: "sa-thread-list-new", onClick: r, children: [
+          /* @__PURE__ */ e(C, { name: "plus", size: 14 }),
           " 新会话"
         ] })
       ] }),
-      /* @__PURE__ */ x("div", { className: "sa-thread-list-items", children: [
-        t.length === 0 && /* @__PURE__ */ a("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
-        h.map((g) => /* @__PURE__ */ x("div", { className: "sa-thread-group", children: [
-          /* @__PURE__ */ a("div", { className: "sa-thread-group-label", children: g.label }),
-          g.items.map((u) => /* @__PURE__ */ x(
+      /* @__PURE__ */ d("div", { className: "sa-thread-list-items", children: [
+        a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-thread-list-empty", children: "暂无会话" }),
+        k.map((g) => /* @__PURE__ */ d("div", { className: "sa-thread-group", children: [
+          /* @__PURE__ */ e("div", { className: "sa-thread-group-label", children: g.label }),
+          g.items.map((b) => /* @__PURE__ */ d(
             "div",
             {
-              className: `sa-thread-item ${u.sessionId === e ? "active" : ""}`,
-              onClick: () => l(u.sessionId),
+              className: `sa-thread-item ${b.sessionId === t ? "active" : ""}`,
+              onClick: () => s(b.sessionId),
               children: [
-                o === u.sessionId ? /* @__PURE__ */ a(
+                c === b.sessionId ? /* @__PURE__ */ e(
                   "input",
                   {
                     className: "sa-thread-item-edit",
-                    value: p,
-                    onChange: (d) => m(d.target.value),
-                    onBlur: () => b(u.sessionId),
-                    onKeyDown: (d) => {
-                      d.key === "Enter" && b(u.sessionId), d.key === "Escape" && f(null);
+                    value: f,
+                    onChange: (m) => u(m.target.value),
+                    onBlur: () => v(b.sessionId),
+                    onKeyDown: (m) => {
+                      m.key === "Enter" && v(b.sessionId), m.key === "Escape" && p(null);
                     },
-                    onClick: (d) => d.stopPropagation(),
+                    onClick: (m) => m.stopPropagation(),
                     autoFocus: !0
                   }
-                ) : /* @__PURE__ */ a(
+                ) : /* @__PURE__ */ e(
                   "span",
                   {
                     className: "sa-thread-item-title",
-                    onDoubleClick: (d) => {
-                      d.stopPropagation(), v(u.sessionId, u.title);
+                    onDoubleClick: (m) => {
+                      m.stopPropagation(), h(b.sessionId, b.title);
                     },
-                    children: u.title || "新会话"
+                    children: b.title || "新会话"
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ e(
                   "button",
                   {
                     className: "sa-thread-item-delete",
-                    onClick: (d) => {
-                      d.stopPropagation(), s(u.sessionId);
+                    onClick: (m) => {
+                      m.stopPropagation(), n(b.sessionId);
                     },
                     title: "删除",
-                    children: /* @__PURE__ */ a(C, { name: "trash2", size: 14 })
+                    children: /* @__PURE__ */ e(C, { name: "trash2", size: 14 })
                   }
                 )
               ]
             },
-            u.sessionId
+            b.sessionId
           ))
         ] }, g.label))
       ] })
     ] })
   ] }) : null;
 }
-function de(t) {
-  const e = R(null), l = R(!1), r = R(0), s = y(() => {
-    const c = e.current;
-    if (!c) return;
-    const { scrollTop: n, scrollHeight: o, clientHeight: f } = c, p = o - n - f < 40;
-    n < r.current && !p && (l.current = !0), p && (l.current = !1), r.current = n;
+function ge(a) {
+  const t = _(null), s = _(!1), r = _(0), n = N(() => {
+    const i = t.current;
+    if (!i) return;
+    const { scrollTop: l, scrollHeight: c, clientHeight: p } = i, f = c - l - p < 40;
+    l < r.current && !f && (s.current = !0), f && (s.current = !1), r.current = l;
   }, []);
-  A(() => {
-    const c = e.current;
-    if (c)
-      return c.addEventListener("scroll", s, { passive: !0 }), () => c.removeEventListener("scroll", s);
-  }, [s]), A(() => {
-    if (l.current) return;
-    const c = e.current;
-    c && requestAnimationFrame(() => {
-      c.scrollTop = c.scrollHeight;
+  B(() => {
+    const i = t.current;
+    if (i)
+      return i.addEventListener("scroll", n, { passive: !0 }), () => i.removeEventListener("scroll", n);
+  }, [n]), B(() => {
+    if (s.current) return;
+    const i = t.current;
+    i && requestAnimationFrame(() => {
+      i.scrollTop = i.scrollHeight;
     });
-  }, t);
-  const i = y(() => {
-    l.current = !1;
-    const c = e.current;
-    c && (c.scrollTop = c.scrollHeight);
+  }, a);
+  const o = N(() => {
+    s.current = !1;
+    const i = t.current;
+    i && (i.scrollTop = i.scrollHeight);
   }, []);
-  return { containerRef: e, scrollToBottom: i };
+  return { containerRef: t, scrollToBottom: o };
 }
-function M(t) {
-  return t.value++;
+function j(a) {
+  return a.value++;
 }
-function j(t, e) {
-  const l = [], r = [], s = () => {
-    r.length > 0 && (l.push(r.join("")), r.length = 0);
+function K(a, t) {
+  const s = [], r = [], n = () => {
+    r.length > 0 && (s.push(r.join("")), r.length = 0);
   };
-  let i = 0;
-  for (; i < t.length; ) {
-    const c = t[i];
-    if (c === "`") {
-      const n = t.indexOf("`", i + 1);
-      if (n !== -1) {
-        s(), l.push(
-          /* @__PURE__ */ a("code", { className: "sa-inline-code", children: t.slice(i + 1, n) }, M(e))
-        ), i = n + 1;
+  let o = 0;
+  for (; o < a.length; ) {
+    const i = a[o];
+    if (i === "`") {
+      const l = a.indexOf("`", o + 1);
+      if (l !== -1) {
+        n(), s.push(
+          /* @__PURE__ */ e("code", { className: "sa-inline-code", children: a.slice(o + 1, l) }, j(t))
+        ), o = l + 1;
         continue;
       }
-    } else if (c === "*" && t[i + 1] === "*") {
-      const n = t.indexOf("**", i + 2);
-      if (n !== -1) {
-        s(), l.push(
-          /* @__PURE__ */ a("strong", { children: j(t.slice(i + 2, n), e) }, M(e))
-        ), i = n + 2;
+    } else if (i === "*" && a[o + 1] === "*") {
+      const l = a.indexOf("**", o + 2);
+      if (l !== -1) {
+        n(), s.push(
+          /* @__PURE__ */ e("strong", { children: K(a.slice(o + 2, l), t) }, j(t))
+        ), o = l + 2;
         continue;
       }
-    } else if (c === "*") {
-      const n = t.indexOf("*", i + 1);
-      if (n !== -1) {
-        s(), l.push(
-          /* @__PURE__ */ a("em", { children: j(t.slice(i + 1, n), e) }, M(e))
-        ), i = n + 1;
+    } else if (i === "*") {
+      const l = a.indexOf("*", o + 1);
+      if (l !== -1) {
+        n(), s.push(
+          /* @__PURE__ */ e("em", { children: K(a.slice(o + 1, l), t) }, j(t))
+        ), o = l + 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 f = t.slice(i + 1, n), p = t.slice(n + 2, o);
-          s(), l.push(
-            /* @__PURE__ */ a(
+    } else if (i === "[") {
+      const l = a.indexOf("]", o + 1);
+      if (l !== -1 && a[l + 1] === "(") {
+        const c = a.indexOf(")", l + 2);
+        if (c !== -1) {
+          const p = a.slice(o + 1, l), f = a.slice(l + 2, c);
+          n(), s.push(
+            /* @__PURE__ */ e(
               "a",
               {
-                href: p,
+                href: f,
                 target: "_blank",
                 rel: "noreferrer",
-                children: j(f, e)
+                children: K(p, t)
               },
-              M(e)
+              j(t)
             )
-          ), i = o + 1;
+          ), o = c + 1;
           continue;
         }
       }
     }
-    r.push(c), i++;
+    r.push(i), o++;
   }
-  return s(), l;
+  return n(), s;
 }
-function pe(t, e) {
-  const l = [], r = t.split(`
+function xe(a, t) {
+  const s = [], r = a.split(`
 `);
-  let s = 0;
-  const i = (o) => o.trim() === "", c = (o) => /^#{1,6}\s+\S/.test(o.trim()), n = (o) => /^(?:[-*+]|\d+[.)])\s+\S/.test(o.trim());
-  for (; s < r.length; ) {
-    const o = r[s], f = o.trim();
-    if (i(o)) {
-      s++;
+  let n = 0;
+  const o = (c) => c.trim() === "", i = (c) => /^#{1,6}\s+\S/.test(c.trim()), l = (c) => /^(?:[-*+]|\d+[.)])\s+\S/.test(c.trim());
+  for (; n < r.length; ) {
+    const c = r[n], p = c.trim();
+    if (o(c)) {
+      n++;
       continue;
     }
-    if (c(o)) {
-      const m = f.match(/^(#{1,6})\s+(.*)$/);
-      if (m) {
-        const b = `h${Math.min(m[1].length, 6)}`;
-        l.push(
-          q.createElement(
-            b,
-            { key: M(e) },
-            j(m[2], e)
+    if (i(c)) {
+      const u = p.match(/^(#{1,6})\s+(.*)$/);
+      if (u) {
+        const v = `h${Math.min(u[1].length, 6)}`;
+        s.push(
+          Y.createElement(
+            v,
+            { key: j(t) },
+            K(u[2], t)
           )
         );
       }
-      s++;
+      n++;
       continue;
     }
-    if (n(o)) {
-      const m = /^\d+[.)]/.test(f), v = [];
-      for (; s < r.length && n(r[s]); ) {
-        const b = r[s].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
-        b && v.push(
-          /* @__PURE__ */ a("li", { children: j(b[1], e) }, M(e))
-        ), s++;
+    if (l(c)) {
+      const u = /^\d+[.)]/.test(p), h = [];
+      for (; n < r.length && l(r[n]); ) {
+        const v = r[n].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);
+        v && h.push(
+          /* @__PURE__ */ e("li", { children: K(v[1], t) }, j(t))
+        ), n++;
       }
-      l.push(
-        m ? /* @__PURE__ */ a("ol", { className: "sa-list", children: v }, M(e)) : /* @__PURE__ */ a("ul", { className: "sa-list", children: v }, M(e))
+      s.push(
+        u ? /* @__PURE__ */ e("ol", { className: "sa-list", children: h }, j(t)) : /* @__PURE__ */ e("ul", { className: "sa-list", children: h }, j(t))
       );
       continue;
     }
-    const p = [];
-    for (; s < r.length && !i(r[s]) && !c(r[s]) && !n(r[s]); )
-      p.push(r[s]), s++;
-    l.push(
-      /* @__PURE__ */ a("p", { className: "sa-text-paragraph", children: j(p.join(" "), e) }, M(e))
+    const f = [];
+    for (; n < r.length && !o(r[n]) && !i(r[n]) && !l(r[n]); )
+      f.push(r[n]), n++;
+    s.push(
+      /* @__PURE__ */ e("p", { className: "sa-text-paragraph", children: K(f.join(" "), t) }, j(t))
     );
   }
-  return l;
+  return s;
 }
-function fe(t) {
-  const e = { value: 0 }, l = [], r = t.split("```");
-  for (let s = 0; s < r.length; s++)
-    if (s % 2 === 0)
-      l.push(...pe(r[s], e));
-    else if (r[s].trim() !== "") {
-      let i = r[s].replace(/^\r?\n/, "");
-      i = i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), i = i.replace(/\r?\n$/, ""), l.push(
-        /* @__PURE__ */ a("pre", { className: "sa-code-block", children: /* @__PURE__ */ a("code", { children: i }) }, M(e))
+function be(a) {
+  const t = { value: 0 }, s = [], r = a.split("```");
+  for (let n = 0; n < r.length; n++)
+    if (n % 2 === 0)
+      s.push(...xe(r[n], t));
+    else if (r[n].trim() !== "") {
+      let o = r[n].replace(/^\r?\n/, "");
+      o = o.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/, ""), o = o.replace(/\r?\n$/, ""), s.push(
+        /* @__PURE__ */ e("pre", { className: "sa-code-block", children: /* @__PURE__ */ e("code", { children: o }) }, j(t))
       );
     }
-  return l;
+  return s;
 }
-function he({ content: t }) {
-  return /* @__PURE__ */ a("div", { className: "sa-text-part", children: fe(t) });
+function ve({ content: a }) {
+  return /* @__PURE__ */ e("div", { className: "sa-text-part", children: be(a) });
 }
-function ue({ content: t }) {
-  const [e, l] = I(!1);
-  return /* @__PURE__ */ x("div", { className: "sa-thinking-part", onClick: () => l(!e), children: [
-    /* @__PURE__ */ x("div", { className: "sa-thinking-header", children: [
-      /* @__PURE__ */ a("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ a(C, { name: "brain", size: 14 }) }),
-      /* @__PURE__ */ a("span", { className: "sa-thinking-label", children: "思考过程" }),
-      /* @__PURE__ */ a("span", { className: `sa-thinking-arrow ${e ? "expanded" : ""}`, children: /* @__PURE__ */ a(C, { name: "chevron-right", size: 12 }) })
+function we({ content: a }) {
+  const [t, s] = T(!1);
+  return /* @__PURE__ */ d("div", { className: "sa-thinking-part", onClick: () => s(!t), children: [
+    /* @__PURE__ */ d("div", { className: "sa-thinking-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-thinking-icon", children: /* @__PURE__ */ e(C, { name: "brain", size: 14 }) }),
+      /* @__PURE__ */ e("span", { className: "sa-thinking-label", children: "思考过程" }),
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${t ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
     ] }),
-    e && /* @__PURE__ */ a("div", { className: "sa-thinking-content", children: t })
+    t && /* @__PURE__ */ e("div", { className: "sa-thinking-content", children: a })
   ] });
 }
-function me({ toolName: t, toolCallId: e, args: l }) {
-  const [r, s] = I(!1);
-  let i = l;
+function ye({ toolName: a, toolCallId: t, args: s }) {
+  const [r, n] = T(!1);
+  let o = s;
   try {
-    i = JSON.stringify(JSON.parse(l), null, 2);
+    o = JSON.stringify(JSON.parse(s), null, 2);
   } catch {
   }
-  return /* @__PURE__ */ x("div", { className: "sa-tool-call-part", children: [
-    /* @__PURE__ */ x("div", { className: "sa-tool-call-header", onClick: () => s(!r), children: [
-      /* @__PURE__ */ a("span", { className: "sa-tool-icon", children: /* @__PURE__ */ a(C, { name: "zap", size: 14 }) }),
-      /* @__PURE__ */ x("span", { className: "sa-tool-name", children: [
+  return /* @__PURE__ */ d("div", { className: "sa-tool-call-part", children: [
+    /* @__PURE__ */ d("div", { className: "sa-tool-call-header", onClick: () => n(!r), children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "zap", size: 14 }) }),
+      /* @__PURE__ */ d("span", { className: "sa-tool-name", children: [
         "调用工具: ",
-        t
+        a
       ] }),
-      /* @__PURE__ */ a("span", { className: `sa-thinking-arrow ${r ? "expanded" : ""}`, children: /* @__PURE__ */ a(C, { name: "chevron-right", size: 12 }) })
+      /* @__PURE__ */ e("span", { className: `sa-thinking-arrow ${r ? "expanded" : ""}`, children: /* @__PURE__ */ e(C, { name: "chevron-right", size: 12 }) })
+    ] }),
+    r && /* @__PURE__ */ e("pre", { className: "sa-tool-args", children: o })
+  ] });
+}
+function ke({ html: a }) {
+  const [t, s] = T(null);
+  return B(() => {
+    let r = !1;
+    return import("./purify.es-C-6FFqDW.js").then((n) => {
+      r || s(n.default.sanitize(a, { FORCE_BODY: !0 }));
+    }), () => {
+      r = !0;
+    };
+  }, [a]), t === null ? null : /* @__PURE__ */ e("div", { className: "sa-tool-result-html", children: /* @__PURE__ */ e("iframe", { srcDoc: t, className: "sa-tool-result-html-iframe", sandbox: "", title: "HTML 产物" }) });
+}
+function Ce({ toolName: a, content: t, artifacts: s, renderMode: r, html: n, artifactPreview: o }) {
+  const { openArtifactPreview: i } = F(), l = ae(s);
+  return /* @__PURE__ */ d("div", { className: "sa-tool-result-part", children: [
+    /* @__PURE__ */ d("div", { className: "sa-tool-result-header", children: [
+      /* @__PURE__ */ e("span", { className: "sa-tool-icon", children: /* @__PURE__ */ e(C, { name: "circle-check", size: 14, color: "#10b981" }) }),
+      /* @__PURE__ */ e("span", { className: "sa-tool-result-label", children: a || "工具返回" })
+    ] }),
+    r === "html" && n ? /* @__PURE__ */ e(ke, { html: n }) : t ? /* @__PURE__ */ e("div", { className: "sa-tool-result-content", children: t }) : null,
+    l.length > 0 && /* @__PURE__ */ e("ul", { className: "sa-artifact-file-list", role: "list", children: l.map((c, p) => /* @__PURE__ */ d(
+      "li",
+      {
+        className: "sa-artifact-file-card",
+        onClick: o ? () => i(c) : void 0,
+        onKeyDown: o ? (f) => {
+          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), i(c));
+        } : void 0,
+        tabIndex: o ? 0 : void 0,
+        role: o ? "button" : void 0,
+        "aria-label": o ? `预览 ${c.filename}` : void 0,
+        style: o ? { cursor: "pointer" } : void 0,
+        children: [
+          /* @__PURE__ */ e("div", { className: "sa-artifact-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: ee(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: Q(c.size) })
+          ] }),
+          o && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "sa-artifact-file-download",
+              title: "下载",
+              "aria-label": `下载 ${c.filename}`,
+              onClick: (f) => {
+                f.stopPropagation(), U(c);
+              },
+              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}`
+    )) })
+  ] });
+}
+function Ne({ content: a, onRetry: t }) {
+  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(C, { name: "triangle-alert", size: 14 }) }),
+      /* @__PURE__ */ e("span", { children: a })
+    ] }),
+    t && /* @__PURE__ */ e("button", { className: "sa-error-retry", onClick: t, children: "重试" })
+  ] });
+}
+function ze({ interrupt: a, onRespond: t }) {
+  var o, i;
+  const s = a.options, r = (typeof (s == null ? void 0 : s[0]) == "string" ? s[0] : (o = s == null ? void 0 : s[0]) == null ? void 0 : o.label) || "确认", n = (typeof (s == null ? void 0 : s[1]) == "string" ? s[1] : (i = s == null ? void 0 : s[1]) == null ? void 0 : i.label) || "取消";
+  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(C, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+      /* @__PURE__ */ e("span", { children: a.content })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "confirm" }), children: [
+        /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+        " ",
+        r
+      ] }),
+      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: [
+        /* @__PURE__ */ e(C, { name: "x", size: 14 }),
+        " ",
+        n
+      ] })
+    ] })
+  ] });
+}
+function Ie({ interrupt: a, onRespond: t }) {
+  var l, c, p, f;
+  const s = a.options, r = (typeof (s == null ? void 0 : s[0]) == "string" ? s[0] : (l = s == null ? void 0 : s[0]) == null ? void 0 : l.label) || "批准", n = (typeof (s == null ? void 0 : s[1]) == "string" ? s[1] : (c = s == null ? void 0 : s[1]) == null ? void 0 : c.label) || "拒绝", o = (typeof (s == null ? void 0 : s[2]) == "string" ? s[2] : (p = s == null ? void 0 : s[2]) == null ? void 0 : p.label) || "跳过", i = ((f = a.metadata) == null ? void 0 : f.showSkip) !== !1;
+  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(C, { name: "circle-alert", size: 16, color: "#f59e0b" }),
+      /* @__PURE__ */ e("span", { children: a.content })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", onClick: () => t({ action: "approve" }), children: [
+        /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+        " ",
+        r
+      ] }),
+      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-danger", onClick: () => t({ action: "reject" }), children: [
+        /* @__PURE__ */ e(C, { name: "x", size: 14 }),
+        " ",
+        n
+      ] }),
+      i && /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "skip" }), children: [
+        /* @__PURE__ */ e(C, { name: "chevron-right", size: 14 }),
+        " ",
+        o
+      ] })
+    ] })
+  ] });
+}
+function Te(a) {
+  return typeof a == "string" ? { value: a, label: a } : a;
+}
+function Se({ interrupt: a, onRespond: t }) {
+  const s = (a.options ?? []).map(Te);
+  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(C, { name: "list", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: s.map((r) => /* @__PURE__ */ d(
+      "button",
+      {
+        className: `sa-interrupt-option ${r.danger ? "sa-interrupt-option-danger" : ""}`,
+        onClick: () => t({ action: "select", value: r.value }),
+        children: [
+          r.icon && /* @__PURE__ */ e(C, { name: r.icon, size: 14 }),
+          /* @__PURE__ */ e("span", { children: r.label }),
+          r.description && /* @__PURE__ */ e("span", { className: "sa-interrupt-option-desc", children: r.description })
+        ]
+      },
+      r.value
+    )) })
+  ] });
+}
+function Me(a) {
+  return typeof a == "string" ? { value: a, label: a } : a;
+}
+function De({ interrupt: a, onRespond: t }) {
+  const s = (a.options ?? []).map(Me), [r, n] = T(/* @__PURE__ */ new Set()), o = (i) => {
+    n((l) => {
+      const c = new Set(l);
+      return c.has(i) ? c.delete(i) : c.add(i), c;
+    });
+  };
+  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(C, { name: "list-checks", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    r && /* @__PURE__ */ a("pre", { className: "sa-tool-args", children: i })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-options", children: s.map((i) => /* @__PURE__ */ d(
+      "button",
+      {
+        className: `sa-interrupt-option ${r.has(i.value) ? "sa-interrupt-option-selected" : ""}`,
+        onClick: () => o(i.value),
+        children: [
+          /* @__PURE__ */ e(C, { name: r.has(i.value) ? "square-check" : "square", size: 14 }),
+          /* @__PURE__ */ e("span", { children: i.label })
+        ]
+      },
+      i.value
+    )) }),
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
+      "button",
+      {
+        className: "sa-interrupt-btn sa-interrupt-btn-primary",
+        disabled: r.size === 0,
+        onClick: () => t({ action: "submit", value: Array.from(r) }),
+        children: [
+          /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+          " 确认 (",
+          r.size,
+          ")"
+        ]
+      }
+    ) })
   ] });
 }
-function ge({ toolName: t, toolCallId: e, content: l }) {
-  return /* @__PURE__ */ x("div", { className: "sa-tool-result-part", children: [
-    /* @__PURE__ */ x("div", { className: "sa-tool-result-header", children: [
-      /* @__PURE__ */ a("span", { className: "sa-tool-icon", children: /* @__PURE__ */ a(C, { name: "circle-check", size: 14, color: "#10b981" }) }),
-      /* @__PURE__ */ a("span", { className: "sa-tool-result-label", children: t || "工具返回" })
+function Le({ interrupt: a, onRespond: t }) {
+  const [s, r] = T(""), n = a.inputType ?? "text", o = n === "textarea", i = () => {
+    a.required && !s.trim() || t({ action: "submit", value: s.trim() });
+  };
+  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(C, { name: "text-cursor-input", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    /* @__PURE__ */ a("div", { className: "sa-tool-result-content", children: l })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-input-area", children: o ? /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: "sa-interrupt-textarea",
+        value: s,
+        onChange: (l) => r(l.target.value),
+        placeholder: a.placeholder,
+        maxLength: a.maxLength,
+        rows: 3
+      }
+    ) : /* @__PURE__ */ e(
+      "input",
+      {
+        className: "sa-interrupt-input",
+        type: n,
+        value: s,
+        onChange: (l) => r(l.target.value),
+        placeholder: a.placeholder,
+        maxLength: a.maxLength,
+        onKeyDown: (l) => l.key === "Enter" && i()
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-actions", children: /* @__PURE__ */ d(
+      "button",
+      {
+        className: "sa-interrupt-btn sa-interrupt-btn-primary",
+        disabled: a.required ? !s.trim() : !1,
+        onClick: i,
+        children: [
+          /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+          " 提交"
+        ]
+      }
+    ) })
   ] });
 }
-function xe({ content: t, onRetry: e }) {
-  return /* @__PURE__ */ x("div", { className: "sa-error-part", children: [
-    /* @__PURE__ */ x("div", { className: "sa-error-content", children: [
-      /* @__PURE__ */ a("span", { className: "sa-error-icon", children: /* @__PURE__ */ a(C, { name: "triangle-alert", size: 14 }) }),
-      /* @__PURE__ */ a("span", { children: t })
+function Ee({ interrupt: a, onRespond: t }) {
+  const s = a.fields ?? [], [r, n] = T(() => {
+    const c = {};
+    for (const p of s)
+      c[p.name] = p.defaultValue ?? "";
+    return c;
+  }), o = (c, p) => {
+    n((f) => ({ ...f, [c]: p }));
+  }, i = s.every((c) => !c.required || r[c.name]), l = () => {
+    i && t({ action: "submit", value: r });
+  };
+  return /* @__PURE__ */ d("div", { className: "sa-interrupt-card", children: [
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-content", children: [
+      /* @__PURE__ */ e(C, { name: "file-text", size: 16, color: "#6366f1" }),
+      /* @__PURE__ */ e("span", { children: a.content })
     ] }),
-    e && /* @__PURE__ */ a("button", { className: "sa-error-retry", onClick: e, children: "重试" })
+    /* @__PURE__ */ e("div", { className: "sa-interrupt-form", children: s.map((c) => /* @__PURE__ */ d("div", { className: "sa-interrupt-form-field", children: [
+      /* @__PURE__ */ d("label", { className: "sa-interrupt-form-label", children: [
+        c.label,
+        c.required && /* @__PURE__ */ e("span", { className: "sa-interrupt-form-required", children: "*" })
+      ] }),
+      Ae(c, r[c.name], (p) => o(c.name, p))
+    ] }, c.name)) }),
+    /* @__PURE__ */ d("div", { className: "sa-interrupt-actions", children: [
+      /* @__PURE__ */ d("button", { className: "sa-interrupt-btn sa-interrupt-btn-primary", disabled: !i, onClick: l, children: [
+        /* @__PURE__ */ e(C, { name: "check", size: 14 }),
+        " 提交"
+      ] }),
+      /* @__PURE__ */ e("button", { className: "sa-interrupt-btn sa-interrupt-btn-secondary", onClick: () => t({ action: "cancel" }), children: "取消" })
+    ] })
   ] });
 }
-function be({ message: t, onCopy: e, onRegenerate: l, onFeedback: r }) {
-  const { status: s } = P(), [i, c] = I(null), [n, o] = I(!1);
-  if (s !== "ready" && s !== "error") return null;
-  const f = y(() => {
-    e(), o(!0), setTimeout(() => o(!1), 2e3);
-  }, [e]), p = y((m) => {
-    const v = i === m ? null : m;
-    c(v), v && (r == null || r(t.id, v));
-  }, [i, t.id, r]);
-  return /* @__PURE__ */ x("div", { className: "sa-action-bar", children: [
-    /* @__PURE__ */ x("button", { className: "sa-action-btn", onClick: f, title: "复制", children: [
-      /* @__PURE__ */ a(C, { name: n ? "circle-check" : "copy", size: 14 }),
+function Ae(a, t, s) {
+  switch (a.type) {
+    case "textarea":
+      return /* @__PURE__ */ e("textarea", { className: "sa-interrupt-textarea", value: t, onChange: (r) => s(r.target.value), placeholder: a.placeholder, rows: 3 });
+    case "select":
+      return /* @__PURE__ */ d("select", { className: "sa-interrupt-select", value: t, onChange: (r) => s(r.target.value), children: [
+        /* @__PURE__ */ e("option", { value: "", children: "请选择" }),
+        (a.options ?? []).map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
+      ] });
+    default:
+      return /* @__PURE__ */ e("input", { className: "sa-interrupt-input", type: a.type, value: t, onChange: (r) => s(r.target.value), placeholder: a.placeholder });
+  }
+}
+function $e({ interrupt: a, resolved: t, response: s, onRespond: r }) {
+  if (t)
+    return /* @__PURE__ */ d("div", { className: "sa-interrupt-resolved", children: [
+      /* @__PURE__ */ e(C, { name: "circle-check", size: 14, color: "#10b981" }),
+      /* @__PURE__ */ e("span", { children: Pe(a.interruptType, s) })
+    ] });
+  switch (a.interruptType) {
+    case "confirm":
+      return /* @__PURE__ */ e(ze, { interrupt: a, onRespond: r });
+    case "approve":
+      return /* @__PURE__ */ e(Ie, { interrupt: a, onRespond: r });
+    case "select":
+      return /* @__PURE__ */ e(Se, { interrupt: a, onRespond: r });
+    case "multiSelect":
+      return /* @__PURE__ */ e(De, { interrupt: a, onRespond: r });
+    case "input":
+      return /* @__PURE__ */ e(Le, { interrupt: a, onRespond: r });
+    case "form":
+      return /* @__PURE__ */ e(Ee, { interrupt: a, onRespond: r });
+    default:
+      return /* @__PURE__ */ d("div", { className: "sa-interrupt-unknown", children: [
+        "未知的交互类型: ",
+        a.interruptType
+      ] });
+  }
+}
+function Pe(a, t) {
+  if (!t) return "已完成";
+  switch (t.action) {
+    case "confirm":
+      return "已确认";
+    case "cancel":
+      return "已取消";
+    case "select":
+      return `已选择: ${t.value}`;
+    case "submit":
+      return "已提交";
+    case "approve":
+      return "已批准";
+    case "reject":
+      return "已拒绝";
+    case "skip":
+      return "已跳过";
+    default:
+      return "已完成";
+  }
+}
+const Oe = [
+  { value: 1, label: "事实错误" },
+  { value: 2, label: "逻辑问题" },
+  { value: 3, label: "不相关" },
+  { value: 4, label: "信息过时" },
+  { value: 5, label: "冗长啰嗦" },
+  { value: 6, label: "难以理解" }
+];
+function Re({ message: a, onCopy: t, onRegenerate: s, onFeedback: r }) {
+  const { status: n, feedback: o, cancelFeedback: i } = F(), [l, c] = T(null), [p, f] = T(!1), [u, h] = T(!1);
+  if (n !== "ready" && n !== "error") return null;
+  const v = N(() => {
+    t(), f(!0), setTimeout(() => f(!1), 2e3);
+  }, [t]), k = N(() => {
+    l === "like" ? (c(null), i(a.id)) : (c("like"), h(!1), o(a.id, "like"), r == null || r(a.id, "like"));
+  }, [l, a.id, o, i, r]), g = N(() => {
+    l === "dislike" ? (c(null), h(!1), i(a.id)) : h(!0);
+  }, [l, a.id, i]), b = N((m, x) => {
+    c("dislike"), h(!1), o(a.id, "dislike", { reason: m, remark: x }), r == null || r(a.id, "dislike");
+  }, [a.id, o, r]);
+  return /* @__PURE__ */ d("div", { className: "sa-action-bar", children: [
+    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: v, title: "复制", children: [
+      /* @__PURE__ */ e(C, { name: p ? "circle-check" : "copy", size: 14 }),
       " ",
-      n ? "已复制" : "复制"
+      p ? "已复制" : "复制"
     ] }),
-    /* @__PURE__ */ x("button", { className: "sa-action-btn", onClick: l, title: "重新生成", children: [
-      /* @__PURE__ */ a(C, { name: "refresh-cw", size: 14 }),
+    /* @__PURE__ */ d("button", { className: "sa-action-btn", onClick: s, title: "重新生成", children: [
+      /* @__PURE__ */ e(C, { name: "refresh-cw", size: 14 }),
       " 重新生成"
     ] }),
-    /* @__PURE__ */ a("span", { className: "sa-action-divider" }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ e("span", { className: "sa-action-divider" }),
+    /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-action-btn ${i === "like" ? "sa-action-btn-active" : ""}`,
-        onClick: () => p("like"),
+        className: `sa-action-btn ${l === "like" ? "sa-action-btn-active" : ""}`,
+        onClick: k,
         title: "有用",
-        children: /* @__PURE__ */ a(C, { name: "thumbs-up", size: 14 })
+        "aria-label": "点赞",
+        children: /* @__PURE__ */ e(C, { name: "thumbs-up", size: 14 })
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ e(
       "button",
       {
-        className: `sa-action-btn ${i === "dislike" ? "sa-action-btn-active" : ""}`,
-        onClick: () => p("dislike"),
+        className: `sa-action-btn ${l === "dislike" ? "sa-action-btn-active" : ""}`,
+        onClick: g,
         title: "无用",
-        children: /* @__PURE__ */ a(C, { name: "thumbs-down", size: 14 })
+        "aria-label": "踩",
+        children: /* @__PURE__ */ e(C, { name: "thumbs-down", size: 14 })
+      }
+    ),
+    u && /* @__PURE__ */ e(
+      Be,
+      {
+        onSubmit: b,
+        onCancel: () => h(!1)
       }
     )
   ] });
 }
-function Y({ src: t, role: e }) {
-  const l = e === "assistant" ? "A" : "U";
-  return t ? t.startsWith("http") || t.startsWith("/") || t.startsWith("data:") ? /* @__PURE__ */ a("div", { className: `sa-avatar sa-avatar-${e}`, children: /* @__PURE__ */ a("img", { src: t, alt: e, style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) }) : /* @__PURE__ */ a("div", { className: `sa-avatar sa-avatar-${e}`, children: t }) : /* @__PURE__ */ a("div", { className: `sa-avatar sa-avatar-${e}`, children: l });
+function Be({ onSubmit: a, onCancel: t }) {
+  const [s, r] = T(void 0), [n, o] = T("");
+  return /* @__PURE__ */ d("div", { className: "sa-dislike-panel", children: [
+    /* @__PURE__ */ e("div", { className: "sa-dislike-panel-title", children: "请选择不满意的原因（可选）" }),
+    /* @__PURE__ */ e("div", { className: "sa-dislike-reasons", children: Oe.map((i) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: `sa-dislike-reason-btn ${s === i.value ? "active" : ""}`,
+        onClick: () => r(s === i.value ? void 0 : i.value),
+        children: i.label
+      },
+      i.value
+    )) }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: "sa-dislike-remark",
+        placeholder: "补充描述（选填，≤500 字）",
+        maxLength: 500,
+        value: n,
+        onChange: (i) => o(i.target.value),
+        rows: 2
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "sa-dislike-actions", children: [
+      /* @__PURE__ */ e("button", { className: "sa-dislike-submit", onClick: () => a(s, n || void 0), children: "提交" }),
+      /* @__PURE__ */ e("button", { className: "sa-dislike-cancel", onClick: t, children: "取消" })
+    ] })
+  ] });
+}
+function Z({ src: a, role: t }) {
+  const s = t === "assistant" ? "A" : "U";
+  return a ? a.startsWith("http") || a.startsWith("/") || a.startsWith("data:") ? /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${t}`, children: /* @__PURE__ */ e("img", { src: a, alt: t, style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${t}`, children: a }) : /* @__PURE__ */ e("div", { className: `sa-avatar sa-avatar-${t}`, children: s });
 }
-function ve({ message: t, isStreaming: e, isLast: l, slots: r, avatar: s }) {
-  const { regenerate: i, feedback: c } = P(), n = y(() => {
-    var d;
-    const u = t.parts.filter((w) => w.type === "text").map((w) => w.content).join(`
+function He({ message: a, isStreaming: t, isLast: s, slots: r, avatar: n, artifactPreview: o }) {
+  const { regenerate: i, feedback: l, respondToInterrupt: c } = F(), p = N(() => {
+    var I;
+    const x = a.parts.filter((D) => D.type === "text").map((D) => D.content).join(`
 `);
-    (d = navigator.clipboard) == null || d.writeText(u).catch(() => {
+    (I = navigator.clipboard) == null || I.writeText(x).catch(() => {
     });
-  }, [t]), o = t.role === "user", f = r.Message;
-  if (f)
-    return /* @__PURE__ */ a(
-      f,
+  }, [a]), f = a.role === "user", u = r.Message;
+  if (u)
+    return /* @__PURE__ */ e(
+      u,
       {
-        message: t,
-        isStreaming: e,
-        isLast: l,
-        avatar: s,
+        message: a,
+        isStreaming: t,
+        isLast: s,
+        avatar: n,
         slots: r,
-        onCopy: n,
+        onCopy: p,
         onRegenerate: i,
-        onFeedback: c
+        onFeedback: l
       }
     );
-  const p = r.TextPart ?? he, m = r.ThinkingPart ?? ue, v = r.ToolCallPart ?? me, b = r.ToolResultPart ?? ge, h = r.ErrorPart ?? xe, g = r.ActionBar ?? be;
-  return /* @__PURE__ */ x("div", { className: `sa-message ${o ? "sa-message-user" : "sa-message-assistant"}`, children: [
-    !o && /* @__PURE__ */ a(Y, { src: s == null ? void 0 : s.assistant, role: "assistant" }),
-    /* @__PURE__ */ x("div", { className: "sa-message-body", children: [
-      t.parts.map((u, d) => {
-        switch (u.type) {
+  const h = r.TextPart ?? ve, v = r.ThinkingPart ?? we, k = r.ToolCallPart ?? ye, g = r.ToolResultPart ?? Ce, b = r.ErrorPart ?? Ne, m = r.ActionBar ?? Re;
+  return /* @__PURE__ */ d("div", { className: `sa-message ${f ? "sa-message-user" : "sa-message-assistant"}`, children: [
+    !f && /* @__PURE__ */ e(Z, { src: n == null ? void 0 : n.assistant, role: "assistant" }),
+    /* @__PURE__ */ d("div", { className: "sa-message-body", children: [
+      a.parts.map((x, I) => {
+        switch (x.type) {
           case "text":
-            return /* @__PURE__ */ a(p, { content: u.content }, d);
+            return /* @__PURE__ */ e(h, { content: x.content }, I);
           case "thinking":
-            return /* @__PURE__ */ a(m, { content: u.content }, d);
+            return /* @__PURE__ */ e(v, { content: x.content }, I);
           case "tool_call":
-            return /* @__PURE__ */ a(v, { toolName: u.toolName, toolCallId: u.toolCallId, args: u.args }, d);
+            return /* @__PURE__ */ e(k, { toolName: x.toolName, toolCallId: x.toolCallId, args: x.args }, I);
           case "tool_result":
-            return /* @__PURE__ */ a(b, { toolName: u.toolName, toolCallId: u.toolCallId, content: u.content }, d);
+            return /* @__PURE__ */ e(g, { toolName: x.toolName, toolCallId: x.toolCallId, content: x.content, artifacts: x.artifacts, renderMode: x.renderMode, html: x.html, artifactPreview: o }, I);
           case "error":
-            return /* @__PURE__ */ a(h, { content: u.content, onRetry: i }, d);
+            return /* @__PURE__ */ e(b, { content: x.content, onRetry: i }, I);
+          case "interrupt":
+            return /* @__PURE__ */ e(
+              $e,
+              {
+                interrupt: x.interrupt,
+                resolved: x.resolved ?? !1,
+                response: x.response,
+                onRespond: (D) => c(x.interrupt.interruptId, D)
+              },
+              I
+            );
           default:
             return null;
         }
       }),
-      e && l && !o && /* @__PURE__ */ a("span", { className: "sa-streaming-cursor", children: "|" }),
-      !o && !e && t.parts.length > 0 && /* @__PURE__ */ a(g, { message: t, onCopy: n, onRegenerate: i, onFeedback: c })
+      t && s && !f && /* @__PURE__ */ e("span", { className: "sa-streaming-cursor", children: "|" }),
+      !f && !t && a.parts.length > 0 && /* @__PURE__ */ e(m, { message: a, onCopy: p, onRegenerate: i, onFeedback: l })
     ] }),
-    o && /* @__PURE__ */ a(Y, { src: s == null ? void 0 : s.user, role: "user" })
+    f && /* @__PURE__ */ e(Z, { src: n == null ? void 0 : n.user, role: "user" })
   ] });
 }
-function we({ message: t, suggestedPrompts: e, onPromptClick: l }) {
-  return /* @__PURE__ */ x("div", { className: "sa-welcome", children: [
-    /* @__PURE__ */ a("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ a(C, { name: "sparkles", size: 40 }) }),
-    /* @__PURE__ */ a("p", { className: "sa-welcome-message", children: t || "你好！有什么可以帮你的？" }),
-    e && e.length > 0 && /* @__PURE__ */ a("div", { className: "sa-welcome-prompts", children: e.map((r, s) => /* @__PURE__ */ a(
+function je({ message: a, suggestedPrompts: t, onPromptClick: s }) {
+  return /* @__PURE__ */ d("div", { className: "sa-welcome", children: [
+    /* @__PURE__ */ e("div", { className: "sa-welcome-icon", children: /* @__PURE__ */ e(C, { name: "sparkles", size: 40 }) }),
+    /* @__PURE__ */ e("p", { className: "sa-welcome-message", children: a || "你好！有什么可以帮你的？" }),
+    t && t.length > 0 && /* @__PURE__ */ e("div", { className: "sa-welcome-prompts", children: t.map((r, n) => /* @__PURE__ */ e(
       "button",
       {
         className: "sa-welcome-prompt",
-        onClick: () => l(r),
+        onClick: () => s(r),
         children: r
       },
-      s
+      n
     )) })
   ] });
 }
-function J({ slots: t, welcomeMessage: e, suggestedPrompts: l, avatar: r }) {
-  const { messages: s, status: i, sendMessage: c } = P(), { containerRef: n } = de([s]), o = i === "streaming", f = t.WelcomeScreen ?? we;
-  return s.length === 0 ? /* @__PURE__ */ a("div", { className: "sa-thread", ref: n, children: /* @__PURE__ */ a(
+function re({ slots: a, welcomeMessage: t, suggestedPrompts: s, avatar: r, artifactPreview: n }) {
+  const { messages: o, status: i, sendMessage: l } = F(), { containerRef: c } = ge([o]), p = i === "streaming", f = a.WelcomeScreen ?? je;
+  return o.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: /* @__PURE__ */ e(
     f,
     {
-      message: e,
-      suggestedPrompts: l,
-      onPromptClick: c
+      message: t,
+      suggestedPrompts: s,
+      onPromptClick: l
     }
-  ) }) : /* @__PURE__ */ a("div", { className: "sa-thread", ref: n, children: s.map((p, m) => /* @__PURE__ */ a(
-    ve,
+  ) }) : /* @__PURE__ */ e("div", { className: "sa-thread", ref: c, children: o.map((u, h) => /* @__PURE__ */ e(
+    He,
     {
-      message: p,
-      isStreaming: o,
-      isLast: m === s.length - 1,
-      slots: t,
-      avatar: r
+      message: u,
+      isStreaming: p,
+      isLast: h === o.length - 1,
+      slots: a,
+      avatar: r,
+      artifactPreview: n
     },
-    p.id
+    u.id
   )) });
 }
-function X() {
-  const { status: t, sendMessage: e, stop: l } = P(), [r, s] = I(""), i = R(null), c = t === "streaming" || t === "submitted", n = y(() => {
-    const p = r.trim();
-    !p || c || (e(p), s(""), i.current && (i.current.style.height = "auto"));
-  }, [r, c, e]), o = y((p) => {
-    p.key === "Enter" && !p.shiftKey && (p.preventDefault(), n());
-  }, [n]), f = y((p) => {
-    s(p.target.value);
-    const m = p.target;
-    m.style.height = "auto", m.style.height = Math.min(m.scrollHeight, 120) + "px";
+function se() {
+  const { status: a, sendMessage: t, stop: s } = F(), [r, n] = T(""), o = _(null), i = a === "streaming" || a === "submitted", l = N(() => {
+    const f = r.trim();
+    !f || i || (t(f), n(""), o.current && (o.current.style.height = "auto"));
+  }, [r, i, t]), c = N((f) => {
+    f.key === "Enter" && !f.shiftKey && (f.preventDefault(), l());
+  }, [l]), p = N((f) => {
+    n(f.target.value);
+    const u = f.target;
+    u.style.height = "auto", u.style.height = Math.min(u.scrollHeight, 120) + "px";
   }, []);
-  return /* @__PURE__ */ x("div", { className: "sa-composer", children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ d("div", { className: "sa-composer", children: [
+    /* @__PURE__ */ e(
       "textarea",
       {
-        ref: i,
+        ref: o,
         className: "sa-composer-input",
         value: r,
-        onChange: f,
-        onKeyDown: o,
+        onChange: p,
+        onKeyDown: c,
         placeholder: "输入消息...",
         rows: 1,
-        disabled: t === "submitted"
+        disabled: a === "submitted"
       }
     ),
-    c ? /* @__PURE__ */ a("button", { className: "sa-composer-stop", onClick: l, title: "停止", children: /* @__PURE__ */ a(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ a(
+    i ? /* @__PURE__ */ e("button", { className: "sa-composer-stop", onClick: s, title: "停止", children: /* @__PURE__ */ e(C, { name: "circle-stop", size: 16, color: "#fff" }) }) : /* @__PURE__ */ e(
       "button",
       {
         className: "sa-composer-send",
-        onClick: n,
+        onClick: l,
         disabled: !r.trim(),
         title: "发送",
-        children: /* @__PURE__ */ a(C, { name: "arrow-up", size: 16, color: "#fff" })
+        children: /* @__PURE__ */ e(C, { name: "arrow-up", size: 16, color: "#fff" })
       }
     )
   ] });
 }
-function ye({ isOpen: t, onClose: e, title: l, slots: r, welcomeMessage: s, suggestedPrompts: i, avatar: c }) {
-  const { status: n, sendMessage: o, stop: f, toggleThreadList: p, conversations: m, activeConversationId: v, switchConversation: b, newConversation: h, deleteConversation: g, renameConversation: u, isThreadListOpen: d } = P();
-  if (!t) return null;
-  const w = r.Header, N = r.Composer, z = r.ThreadList;
-  return /* @__PURE__ */ x("div", { className: "sa-panel", children: [
-    w ? /* @__PURE__ */ a(w, { title: l, onClose: e, onToggleThreadList: p }) : /* @__PURE__ */ a(oe, { title: l, onClose: e, onToggleThreadList: p }),
-    z && d ? /* @__PURE__ */ a(
-      z,
+function _e({ artifact: a }) {
+  const [t, s] = Y.useState(null), [r, n] = Y.useState(!0), [o, i] = Y.useState(null);
+  return Y.useEffect(() => {
+    let l = !1;
+    n(!0), i(null), s(null);
+    async function c() {
+      try {
+        if (a.type === "pdf") {
+          l || n(!1);
+          return;
+        }
+        if (a.type === "html") {
+          const p = await fetch(a.url);
+          if (!p.ok) throw new Error(`HTTP ${p.status}`);
+          const f = await p.text(), u = (await import("./purify.es-C-6FFqDW.js")).default;
+          l || (s(u.sanitize(f, { FORCE_BODY: !0 })), n(!1));
+          return;
+        }
+        if (a.type === "docx") {
+          const p = await fetch(a.url);
+          if (!p.ok) throw new Error(`HTTP ${p.status}`);
+          const f = await p.arrayBuffer(), h = await (await import("./mammoth.browser-COPV53yV.js").then((k) => k.m)).convertToHtml({ arrayBuffer: f }), v = (await import("./purify.es-C-6FFqDW.js")).default;
+          l || (s(v.sanitize(h.value, { FORCE_BODY: !0 })), n(!1));
+          return;
+        }
+        l || (n(!1), i(`不支持预览「${a.type}」类型`));
+      } catch (p) {
+        l || (n(!1), i(p instanceof Error ? p.message : "加载失败"));
+      }
+    }
+    return c(), () => {
+      l = !0;
+    };
+  }, [a]), r ? /* @__PURE__ */ e("div", { className: "sa-drawer-preview-loading", children: "加载中" }) : o ? /* @__PURE__ */ d("div", { className: "sa-drawer-preview-error", children: [
+    o,
+    /* @__PURE__ */ e("button", { className: "sa-drawer-btn-sm", onClick: () => void U(a), children: "下载查看" })
+  ] }) : a.type === "pdf" ? /* @__PURE__ */ e("iframe", { src: a.url, title: a.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-scripts" }) : t !== null ? /* @__PURE__ */ e("iframe", { srcDoc: t, title: a.filename, className: "sa-drawer-preview-iframe", sandbox: "allow-same-origin" }) : null;
+}
+function ne({ artifacts: a, initialArtifact: t, onClose: s }) {
+  const [r, n] = T(
+    t ? { mode: "preview", artifact: t } : { mode: "list" }
+  ), [o, i] = T(!1), l = _(null), [c, p] = T(340), f = _(null);
+  B(() => {
+    t && (l.current && (clearTimeout(l.current), l.current = null, i(!1)), n({ mode: "preview", artifact: t }));
+  }, [t]);
+  const u = N(() => {
+    i(!0), l.current = setTimeout(() => {
+      l.current = null, s();
+    }, 240);
+  }, [s]);
+  B(() => () => {
+    var g;
+    l.current && clearTimeout(l.current), (g = f.current) == null || g.call(f);
+  }, []);
+  const h = N((g) => {
+    n({ mode: "preview", artifact: g });
+  }, []), v = N(() => {
+    n({ mode: "list" });
+  }, []);
+  B(() => {
+    const g = (b) => {
+      b.key === "Escape" && u();
+    };
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+  }, [u]);
+  const k = N((g) => {
+    g.preventDefault();
+    const b = g.clientX, m = c, x = (D) => {
+      const M = b - D.clientX;
+      p(Math.max(240, Math.min(window.innerWidth * 0.7, m + M)));
+    }, I = () => {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", I), document.body.style.cursor = "", document.body.style.userSelect = "", f.current = null;
+    };
+    document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", x), document.addEventListener("mouseup", I), f.current = I;
+  }, [c]);
+  return /* @__PURE__ */ d("div", { className: `sa-artifact-drawer ${o ? "sa-drawer-closing" : ""}`, style: { width: c }, children: [
+    /* @__PURE__ */ e("div", { className: "sa-drawer-resize-handle", onMouseDown: k }),
+    /* @__PURE__ */ d("div", { className: "sa-artifact-drawer-header", children: [
+      r.mode === "preview" ? /* @__PURE__ */ d(q, { children: [
+        /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: v, title: "返回列表", "aria-label": "返回列表", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M15 18l-6-6 6-6" }) }) }),
+        /* @__PURE__ */ e("span", { className: "sa-artifact-drawer-title", children: r.artifact.filename })
+      ] }) : /* @__PURE__ */ d(q, { children: [
+        /* @__PURE__ */ d("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+          /* @__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 } }),
+      r.mode === "preview" && /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: () => void U(r.artifact), title: "下载", "aria-label": "下载", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) }) }),
+      /* @__PURE__ */ e("button", { className: "sa-drawer-btn", onClick: u, title: "关闭", "aria-label": "关闭", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "sa-artifact-drawer-body", children: r.mode === "list" ? a.length === 0 ? /* @__PURE__ */ e("div", { className: "sa-drawer-empty", children: "暂无产物" }) : /* @__PURE__ */ e("ul", { className: "sa-drawer-file-list", role: "list", children: a.map((g, b) => /* @__PURE__ */ d(
+      "li",
       {
-        conversations: m,
-        activeSessionId: v,
-        onSwitch: b,
-        onNew: h,
-        onDelete: g,
-        onRename: u
+        className: "sa-drawer-file-card",
+        onClick: () => h(g),
+        onKeyDown: (m) => {
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), h(g));
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-label": `预览 ${g.filename}`,
+        children: [
+          /* @__PURE__ */ e("div", { className: "sa-drawer-file-icon", children: /* @__PURE__ */ e("span", { className: "sa-artifact-chip-type", children: ee(g.type) }) }),
+          /* @__PURE__ */ d("div", { className: "sa-drawer-file-info", children: [
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-name", children: g.filename }),
+            /* @__PURE__ */ e("span", { className: "sa-drawer-file-size", children: Q(g.size) })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "sa-drawer-btn",
+              title: "下载",
+              "aria-label": `下载 ${g.filename}`,
+              onClick: (m) => {
+                m.stopPropagation(), U(g);
+              },
+              children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }) })
+            }
+          )
+        ]
+      },
+      g.id || `artifact-${b}`
+    )) }) : /* @__PURE__ */ e("div", { className: "sa-drawer-view-enter", children: /* @__PURE__ */ e(_e, { artifact: r.artifact }) }) })
+  ] });
+}
+function We({ isOpen: a, onClose: t, title: s, slots: r, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }) {
+  const { status: c, sendMessage: p, stop: f, toggleThreadList: u, toggleArtifactDrawer: h, conversations: v, activeConversationId: k, switchConversation: g, newConversation: b, deleteConversation: m, renameConversation: x, isThreadListOpen: I, isArtifactDrawerOpen: D, allArtifacts: M, activePreviewArtifact: O } = F();
+  if (!a) return null;
+  const y = r.Header, L = r.Composer, $ = r.ThreadList;
+  return /* @__PURE__ */ d("div", { className: "sa-panel", children: [
+    y ? /* @__PURE__ */ e(y, { title: s, onClose: t, onToggleThreadList: u }) : /* @__PURE__ */ e(
+      ue,
+      {
+        title: s,
+        onClose: t,
+        onToggleThreadList: u,
+        artifactCount: l ? M.length : 0,
+        onToggleArtifactDrawer: l ? h : void 0
+      }
+    ),
+    $ && I ? /* @__PURE__ */ e(
+      $,
+      {
+        conversations: v,
+        activeSessionId: k,
+        onSwitch: g,
+        onNew: b,
+        onDelete: m,
+        onRename: x
       }
-    ) : /* @__PURE__ */ a(ce, {}),
-    /* @__PURE__ */ a(J, { slots: r, welcomeMessage: s, suggestedPrompts: i, avatar: c }),
-    N ? /* @__PURE__ */ a(N, { status: n, onSend: o, onStop: f }) : /* @__PURE__ */ a(X, {})
+    ) : /* @__PURE__ */ e(he, {}),
+    /* @__PURE__ */ d("div", { className: "sa-panel-content", children: [
+      /* @__PURE__ */ e(re, { slots: r, welcomeMessage: n, suggestedPrompts: o, avatar: i, artifactPreview: l }),
+      l && D && /* @__PURE__ */ e(ne, { artifacts: M, initialArtifact: O, onClose: h })
+    ] }),
+    L ? /* @__PURE__ */ e(L, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
   ] });
 }
-function ke({
-  conversations: t,
-  activeSessionId: e,
-  onSwitch: l,
+function Fe({
+  conversations: a,
+  activeSessionId: t,
+  onSwitch: s,
   onNew: r,
-  onDelete: s,
-  isCollapsed: i,
-  onToggleCollapse: c
+  onDelete: n,
+  isCollapsed: o,
+  onToggleCollapse: i
 }) {
-  const [n, o] = I(null), [f, p] = I(null), m = y((b, h) => {
-    h.stopPropagation(), f === b ? (s(b), p(null)) : (p(b), setTimeout(() => p(null), 3e3));
-  }, [f, s]), v = (() => {
-    const b = Date.now(), h = [], g = [], u = [];
-    for (const w of t) {
-      const N = b - new Date(w.updateTime).getTime();
-      N < 864e5 ? h.push(w) : N < 6048e5 ? g.push(w) : u.push(w);
+  const [l, c] = T(null), [p, f] = T(null), u = N((v, k) => {
+    k.stopPropagation(), p === v ? (n(v), f(null)) : (f(v), setTimeout(() => f(null), 3e3));
+  }, [p, n]), h = (() => {
+    const v = Date.now(), k = [], g = [], b = [];
+    for (const x of a) {
+      const I = v - new Date(x.updateTime).getTime();
+      I < 864e5 ? k.push(x) : I < 6048e5 ? g.push(x) : b.push(x);
     }
-    const d = [];
-    return h.length && d.push({ label: "今天", items: h }), g.length && d.push({ label: "最近 7 天", items: g }), u.length && d.push({ label: "更早", items: u }), d;
+    const m = [];
+    return k.length && m.push({ label: "今天", items: k }), g.length && m.push({ label: "最近 7 天", items: g }), b.length && m.push({ label: "更早", items: b }), m;
   })();
-  return i ? /* @__PURE__ */ x("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
-    /* @__PURE__ */ a("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "展开", children: /* @__PURE__ */ a(C, { name: "panel-left", size: 18 }) }),
-    /* @__PURE__ */ a("button", { className: "sa-fp-sidebar-toggle", onClick: r, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ a(C, { name: "plus", size: 18 }) })
-  ] }) : /* @__PURE__ */ x("div", { className: "sa-fp-sidebar", children: [
-    /* @__PURE__ */ x("div", { className: "sa-fp-sidebar-header", children: [
-      /* @__PURE__ */ x("button", { className: "sa-fp-sidebar-new", onClick: r, children: [
-        /* @__PURE__ */ a(C, { name: "plus", size: 15 }),
+  return o ? /* @__PURE__ */ d("div", { className: "sa-fp-sidebar sa-fp-sidebar-collapsed", children: [
+    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: i, title: "展开", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
+    /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: r, title: "新会话", style: { marginTop: 4 }, children: /* @__PURE__ */ e(C, { name: "plus", size: 18 }) })
+  ] }) : /* @__PURE__ */ d("div", { className: "sa-fp-sidebar", children: [
+    /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-header", children: [
+      /* @__PURE__ */ d("button", { className: "sa-fp-sidebar-new", onClick: r, children: [
+        /* @__PURE__ */ e(C, { name: "plus", size: 15 }),
         " ",
-        /* @__PURE__ */ a("span", { children: "新会话" })
+        /* @__PURE__ */ e("span", { children: "新会话" })
       ] }),
-      /* @__PURE__ */ a("button", { className: "sa-fp-sidebar-toggle", onClick: c, title: "收起侧边栏", children: /* @__PURE__ */ a(C, { name: "panel-left-close", size: 18 }) })
+      /* @__PURE__ */ e("button", { className: "sa-fp-sidebar-toggle", onClick: i, title: "收起侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left-close", size: 18 }) })
     ] }),
-    /* @__PURE__ */ x("div", { className: "sa-fp-sidebar-list", children: [
-      t.length === 0 && /* @__PURE__ */ a("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
-      v.map((b) => /* @__PURE__ */ x("div", { children: [
-        /* @__PURE__ */ a("div", { className: "sa-fp-sidebar-group", children: b.label }),
-        b.items.map((h) => {
-          const g = h.sessionId === e, u = n === h.sessionId, d = f === h.sessionId;
-          return /* @__PURE__ */ x(
+    /* @__PURE__ */ d("div", { className: "sa-fp-sidebar-list", children: [
+      a.length === 0 && /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-empty", children: "开始你的第一个对话" }),
+      h.map((v) => /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ e("div", { className: "sa-fp-sidebar-group", children: v.label }),
+        v.items.map((k) => {
+          const g = k.sessionId === t, b = l === k.sessionId, m = p === k.sessionId;
+          return /* @__PURE__ */ d(
             "div",
             {
               className: `sa-fp-sidebar-item ${g ? "active" : ""}`,
-              onClick: () => l(h.sessionId),
-              onMouseEnter: () => o(h.sessionId),
-              onMouseLeave: () => o(null),
+              onClick: () => s(k.sessionId),
+              onMouseEnter: () => c(k.sessionId),
+              onMouseLeave: () => c(null),
               children: [
-                /* @__PURE__ */ a("span", { className: "sa-fp-sidebar-item-title", children: h.title || "新会话" }),
-                u && /* @__PURE__ */ a(
+                /* @__PURE__ */ e("span", { className: "sa-fp-sidebar-item-title", children: k.title || "新会话" }),
+                b && /* @__PURE__ */ e(
                   "button",
                   {
-                    className: `sa-fp-sidebar-item-action ${d ? "danger" : ""}`,
-                    onClick: (w) => m(h.sessionId, w),
-                    title: d ? "确认删除" : "删除",
-                    children: /* @__PURE__ */ a(C, { name: d ? "x" : "trash2", size: 14 })
+                    className: `sa-fp-sidebar-item-action ${m ? "danger" : ""}`,
+                    onClick: (x) => u(k.sessionId, x),
+                    title: m ? "确认删除" : "删除",
+                    children: /* @__PURE__ */ e(C, { name: m ? "x" : "trash2", size: 14 })
                   }
                 )
               ]
             },
-            h.sessionId
+            k.sessionId
           );
         })
-      ] }, b.label))
+      ] }, v.label))
     ] })
   ] });
 }
-function Ce({ title: t, slots: e, welcomeMessage: l, suggestedPrompts: r, sidebarDefaultOpen: s = !0, onClose: i, avatar: c }) {
+function Ye({ title: a, slots: t, welcomeMessage: s, suggestedPrompts: r, sidebarDefaultOpen: n = !0, onClose: o, avatar: i, artifactPreview: l }) {
   const {
-    status: n,
-    sendMessage: o,
+    status: c,
+    sendMessage: p,
     stop: f,
-    conversations: p,
-    activeConversationId: m,
+    conversations: u,
+    activeConversationId: h,
     switchConversation: v,
-    newConversation: b,
-    deleteConversation: h,
-    renameConversation: g
-  } = P(), [u, d] = I(s), w = y(() => d((O) => !O), []), N = e.ThreadList, z = e.Composer;
-  return /* @__PURE__ */ x("div", { className: "sa-fullpage", children: [
-    N ? /* @__PURE__ */ a("div", { className: `sa-fp-sidebar-wrapper ${u ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ a(
-      N,
+    newConversation: k,
+    deleteConversation: g,
+    renameConversation: b,
+    toggleArtifactDrawer: m,
+    isArtifactDrawerOpen: x,
+    allArtifacts: I,
+    activePreviewArtifact: D
+  } = F(), [M, O] = T(n), y = N(() => O((S) => !S), []), L = t.ThreadList, $ = t.Composer;
+  return /* @__PURE__ */ d("div", { className: "sa-fullpage", children: [
+    L ? /* @__PURE__ */ e("div", { className: `sa-fp-sidebar-wrapper ${M ? "" : "sa-fp-sidebar-wrapper-collapsed"}`, children: /* @__PURE__ */ e(
+      L,
       {
-        conversations: p,
-        activeSessionId: m,
+        conversations: u,
+        activeSessionId: h,
         onSwitch: v,
-        onNew: b,
-        onDelete: h,
-        onRename: g
+        onNew: k,
+        onDelete: g,
+        onRename: b
       }
-    ) }) : /* @__PURE__ */ a(
-      ke,
+    ) }) : /* @__PURE__ */ e(
+      Fe,
       {
-        conversations: p,
-        activeSessionId: m,
+        conversations: u,
+        activeSessionId: h,
         onSwitch: v,
-        onNew: b,
-        onDelete: h,
-        onRename: g,
-        isCollapsed: !u,
-        onToggleCollapse: w
+        onNew: k,
+        onDelete: g,
+        onRename: b,
+        isCollapsed: !M,
+        onToggleCollapse: y
       }
     ),
-    /* @__PURE__ */ x("div", { className: "sa-fp-main", children: [
-      /* @__PURE__ */ x("div", { className: "sa-fp-header", children: [
-        !u && !N && /* @__PURE__ */ a("button", { className: "sa-fp-header-btn", onClick: w, title: "展开侧边栏", children: /* @__PURE__ */ a(C, { name: "panel-left", size: 18 }) }),
-        /* @__PURE__ */ a("div", { className: "sa-fp-header-title", children: t }),
-        /* @__PURE__ */ a("div", { className: "sa-fp-header-actions", children: i && /* @__PURE__ */ a("button", { className: "sa-fp-header-btn", onClick: i, title: "关闭", children: /* @__PURE__ */ a(C, { name: "x", size: 18 }) }) })
+    /* @__PURE__ */ d("div", { className: "sa-fp-main", children: [
+      /* @__PURE__ */ d("div", { className: "sa-fp-header", children: [
+        !M && !L && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: y, title: "展开侧边栏", children: /* @__PURE__ */ e(C, { name: "panel-left", size: 18 }) }),
+        /* @__PURE__ */ e("div", { className: "sa-fp-header-title", children: a }),
+        /* @__PURE__ */ d("div", { className: "sa-fp-header-actions", children: [
+          l && I.length > 0 && /* @__PURE__ */ d("button", { className: "sa-fp-header-btn sa-header-btn-artifact", onClick: m, title: "会话产物", children: [
+            /* @__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: "产物" })
+          ] }),
+          o && /* @__PURE__ */ e("button", { className: "sa-fp-header-btn", onClick: o, title: "关闭", children: /* @__PURE__ */ e(C, { name: "x", size: 18 }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "sa-fp-content-row", children: [
+        /* @__PURE__ */ e(re, { slots: t, welcomeMessage: s, suggestedPrompts: r, avatar: i, artifactPreview: l }),
+        l && x && /* @__PURE__ */ e(ne, { artifacts: I, initialArtifact: D, onClose: m })
       ] }),
-      /* @__PURE__ */ a(J, { slots: e, welcomeMessage: l, suggestedPrompts: r, avatar: c }),
-      z ? /* @__PURE__ */ a(z, { status: n, onSend: o, onStop: f }) : /* @__PURE__ */ a(X, {})
+      $ ? /* @__PURE__ */ e($, { status: c, onSend: p, onStop: f }) : /* @__PURE__ */ e(se, {})
     ] })
   ] });
 }
-function Ne(t) {
-  const { sdk: e, mode: l = "floating", slots: r = {}, hooks: s = {}, welcomeMessage: i, suggestedPrompts: c, title: n = "AI Assistant", initialOpen: o = !1, onOpenChange: f, sidebarDefaultOpen: p, avatar: m } = t, [v, b] = I(o);
-  A(() => {
-    b(o);
-  }, [o]);
-  const h = y(() => {
-    var w, N;
-    const d = !v;
-    b(d), f == null || f(d), d ? (w = s.onOpen) == null || w.call(s) : (N = s.onClose) == null || N.call(s);
-  }, [v, s, f]), g = y(() => {
-    var d;
-    b(!1), f == null || f(!1), (d = s.onClose) == null || d.call(s);
-  }, [s, f]), u = r.Trigger ?? ie;
-  return l === "fullpage" ? v ? /* @__PURE__ */ a(U, { sdk: e, hooks: s, children: /* @__PURE__ */ a(
-    Ce,
+function Ke(a) {
+  const { sdk: t, mode: s = "floating", slots: r = {}, hooks: n = {}, welcomeMessage: o, suggestedPrompts: i, title: l = "AI Assistant", initialOpen: c = !1, onOpenChange: p, sidebarDefaultOpen: f, avatar: u, artifactPreview: h } = a, [v, k] = T(c);
+  B(() => {
+    k(c);
+  }, [c]);
+  const g = N(() => {
+    var I, D;
+    const x = !v;
+    k(x), p == null || p(x), x ? (I = n.onOpen) == null || I.call(n) : (D = n.onClose) == null || D.call(n);
+  }, [v, n, p]), b = N(() => {
+    var x;
+    k(!1), p == null || p(!1), (x = n.onClose) == null || x.call(n);
+  }, [n, p]), m = r.Trigger ?? fe;
+  return s === "fullpage" ? v ? /* @__PURE__ */ e(G, { sdk: t, hooks: n, children: /* @__PURE__ */ e(
+    Ye,
     {
-      title: n,
+      title: l,
       slots: r,
-      welcomeMessage: i,
-      suggestedPrompts: c,
-      sidebarDefaultOpen: p,
-      onClose: g,
-      avatar: m
+      welcomeMessage: o,
+      suggestedPrompts: i,
+      sidebarDefaultOpen: f,
+      onClose: b,
+      avatar: u,
+      artifactPreview: h
     }
-  ) }) : null : /* @__PURE__ */ x(U, { sdk: e, hooks: s, children: [
-    /* @__PURE__ */ a(u, { isOpen: v, onClick: h }),
-    /* @__PURE__ */ a(
-      ye,
+  ) }) : null : /* @__PURE__ */ d(G, { sdk: t, hooks: n, children: [
+    /* @__PURE__ */ e(m, { isOpen: v, onClick: g }),
+    /* @__PURE__ */ e(
+      We,
       {
         isOpen: v,
-        onClose: g,
-        title: n,
+        onClose: b,
+        title: l,
         slots: r,
-        welcomeMessage: i,
-        suggestedPrompts: c,
-        avatar: m
+        welcomeMessage: o,
+        suggestedPrompts: i,
+        avatar: u,
+        artifactPreview: h
       }
     )
   ] });
 }
-const ze = `
+const Ue = `
   [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);
@@ -1393,6 +2090,7 @@ const ze = `
     display: flex;
     gap: 6px;
     margin-top: 6px;
+    position: relative;
   }
 
   .sa-action-btn {
@@ -1424,6 +2122,44 @@ const ze = `
     align-self: center;
   }
 
+  /* ── Dislike Panel ── */
+  .sa-dislike-panel {
+    position: absolute; bottom: 100%; left: 0; right: 0;
+    margin-bottom: 6px; padding: 12px;
+    background: #fff; border: 1px solid var(--sa-border); border-radius: 10px;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
+    animation: sa-fade-in-up 0.2s cubic-bezier(0.16,1,0.3,1) both;
+    z-index: 10;
+  }
+  .sa-dislike-panel-title { font-size: 13px; font-weight: 500; color: var(--sa-text); margin-bottom: 8px; }
+  .sa-dislike-reasons { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
+  .sa-dislike-reason-btn {
+    padding: 4px 10px; border: 1px solid var(--sa-border); border-radius: 6px;
+    background: #fff; color: var(--sa-text); font-size: 12px; cursor: pointer;
+    transition: border-color 0.15s, background 0.15s, color 0.15s;
+  }
+  .sa-dislike-reason-btn:hover { border-color: var(--sa-primary); color: var(--sa-primary); }
+  .sa-dislike-reason-btn.active { background: var(--sa-primary); color: #fff; border-color: var(--sa-primary); }
+  .sa-dislike-remark {
+    width: 100%; padding: 8px 10px; border: 1px solid var(--sa-border); border-radius: 8px;
+    font-size: 13px; color: var(--sa-text); resize: none; outline: none;
+    transition: border-color 0.15s;
+  }
+  .sa-dislike-remark:focus { border-color: var(--sa-primary); }
+  .sa-dislike-actions { display: flex; gap: 8px; margin-top: 10px; justify-content: flex-end; }
+  .sa-dislike-submit {
+    padding: 5px 14px; border: none; border-radius: 6px;
+    background: var(--sa-primary); color: #fff; font-size: 13px; font-weight: 500; cursor: pointer;
+    transition: opacity 0.15s;
+  }
+  .sa-dislike-submit:hover { opacity: 0.9; }
+  .sa-dislike-cancel {
+    padding: 5px 14px; border: 1px solid var(--sa-border); border-radius: 6px;
+    background: #fff; color: var(--sa-text-muted); font-size: 13px; cursor: pointer;
+    transition: background 0.15s;
+  }
+  .sa-dislike-cancel:hover { background: var(--sa-surface); }
+
   /* ── Composer ────────────────────────────────────────────── */
 
   .sa-composer {
@@ -1699,6 +2435,200 @@ const ze = `
     animation: sa-blink 1s steps(2, start) infinite;
   }
 
+  /* ── Interrupt cards ──────────────────────────────────────── */
+
+  .sa-interrupt-card {
+    margin: 8px 0;
+    padding: 14px;
+    border: 1px solid #e0e7ff;
+    border-radius: 10px;
+    background: #f8faff;
+  }
+
+  .sa-interrupt-content {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--sa-text);
+    margin-bottom: 12px;
+  }
+
+  .sa-interrupt-actions {
+    display: flex;
+    gap: 8px;
+    margin-top: 10px;
+  }
+
+  .sa-interrupt-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    padding: 6px 14px;
+    border: none;
+    border-radius: 8px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background 0.15s, opacity 0.15s;
+  }
+
+  .sa-interrupt-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .sa-interrupt-btn-primary {
+    background: var(--sa-primary);
+    color: #fff;
+  }
+
+  .sa-interrupt-btn-primary:hover:not(:disabled) {
+    opacity: 0.9;
+  }
+
+  .sa-interrupt-btn-secondary {
+    background: #f3f4f6;
+    color: #374151;
+  }
+
+  .sa-interrupt-btn-secondary:hover:not(:disabled) {
+    background: #e5e7eb;
+  }
+
+  .sa-interrupt-btn-danger {
+    background: #fef2f2;
+    color: #dc2626;
+  }
+
+  .sa-interrupt-btn-danger:hover:not(:disabled) {
+    background: #fee2e2;
+  }
+
+  .sa-interrupt-options {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .sa-interrupt-option {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    border: 1px solid var(--sa-border);
+    border-radius: 8px;
+    background: #fff;
+    color: var(--sa-text);
+    font-size: 13px;
+    cursor: pointer;
+    text-align: left;
+    transition: border-color 0.12s, background 0.12s;
+  }
+
+  .sa-interrupt-option:hover {
+    border-color: var(--sa-primary);
+    background: #f5f3ff;
+  }
+
+  .sa-interrupt-option-selected {
+    border-color: var(--sa-primary);
+    background: #ede9fe;
+    color: var(--sa-primary);
+    font-weight: 500;
+  }
+
+  .sa-interrupt-option-danger {
+    color: #ef4444;
+  }
+
+  .sa-interrupt-option-danger:hover {
+    border-color: #ef4444;
+    background: #fef2f2;
+  }
+
+  .sa-interrupt-option-desc {
+    font-size: 11px;
+    color: var(--sa-text-muted);
+    margin-left: auto;
+  }
+
+  .sa-interrupt-input-area {
+    margin-top: 4px;
+  }
+
+  .sa-interrupt-input,
+  .sa-interrupt-textarea,
+  .sa-interrupt-select {
+    width: 100%;
+    padding: 8px 12px;
+    border: 1px solid var(--sa-border);
+    border-radius: 8px;
+    background: #fff;
+    color: var(--sa-text);
+    font-size: 13px;
+    font-family: inherit;
+    outline: none;
+    transition: border-color 0.15s;
+  }
+
+  .sa-interrupt-input:focus,
+  .sa-interrupt-textarea:focus,
+  .sa-interrupt-select:focus {
+    border-color: var(--sa-primary);
+  }
+
+  .sa-interrupt-textarea {
+    resize: vertical;
+    min-height: 60px;
+  }
+
+  .sa-interrupt-form {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-top: 4px;
+  }
+
+  .sa-interrupt-form-field {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .sa-interrupt-form-label {
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--sa-text);
+  }
+
+  .sa-interrupt-form-required {
+    color: #ef4444;
+    margin-left: 2px;
+  }
+
+  .sa-interrupt-resolved {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    border-radius: 8px;
+    background: #ecfdf5;
+    color: #065f46;
+    font-size: 13px;
+    margin: 6px 0;
+  }
+
+  .sa-interrupt-unknown {
+    padding: 8px 12px;
+    border-radius: 8px;
+    background: #fef3c7;
+    color: #92400e;
+    font-size: 13px;
+    margin: 6px 0;
+  }
+
   /* ── Animations ──────────────────────────────────────────── */
 
   @keyframes sa-slide-up {
@@ -1960,7 +2890,7 @@ const ze = `
   }
 
   .sa-fp-header-btn {
-    width: 34px;
+    min-width: 34px;
     height: 34px;
     border: none;
     border-radius: 8px;
@@ -2004,7 +2934,168 @@ const ze = `
     border-color: #d4d4d8;
     box-shadow: 0 0 0 3px rgba(99,102,241,0.08);
   }
-`, Ie = {
+
+  /* ── Artifact file cards (in ToolResultPart) ── */
+  .sa-artifact-file-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
+  .sa-artifact-file-card {
+    display: flex; align-items: center; gap: 10px; padding: 8px 10px;
+    border: 1px solid var(--sa-border); border-radius: 10px; background: var(--sa-surface);
+    font-size: 13px; color: var(--sa-text);
+    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
+    animation: sa-fade-in-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
+  }
+  .sa-artifact-file-card:hover { border-color: var(--sa-primary); background: #fff; box-shadow: 0 2px 8px rgba(99,102,241,0.1); transform: translateY(-1px); }
+  .sa-artifact-file-card:active { transform: translateY(0) scale(0.99); }
+  .sa-artifact-file-icon { flex-shrink: 0; }
+  .sa-artifact-chip-type {
+    display: inline-flex; align-items: center; justify-content: center;
+    min-width: 36px; padding: 2px 6px; border-radius: 5px;
+    background: var(--sa-primary); color: #fff;
+    font-size: 10px; font-weight: 700; letter-spacing: 0.3px; line-height: 1.4;
+  }
+  .sa-artifact-file-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
+  .sa-artifact-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
+  .sa-artifact-file-size { color: var(--sa-text-muted); font-size: 12px; }
+  .sa-artifact-file-download {
+    border: none; background: none; cursor: pointer; color: var(--sa-text-muted);
+    padding: 6px; border-radius: 6px; display: inline-flex;
+    transition: color 0.15s ease, background 0.15s ease, transform 0.1s ease;
+  }
+  .sa-artifact-file-download:hover { color: var(--sa-primary); background: rgba(99,102,241,0.08); }
+  .sa-artifact-file-download:active { transform: scale(0.9); }
+
+  /* ── Inline HTML rendering (render_mode=html) ── */
+  .sa-tool-result-html { margin-top: 8px; border: 1px solid var(--sa-border); border-radius: 8px; overflow: hidden; }
+  .sa-tool-result-html-iframe { width: 100%; min-height: 120px; max-height: 400px; border: none; background: #fff; }
+
+  /* ── Header artifact button ── */
+  .sa-header-btn-artifact {
+    display: inline-flex; align-items: center; gap: 4px;
+    padding: 4px 12px !important; border-radius: 8px;
+    background: var(--sa-primary) !important; color: #fff !important;
+    font-size: 12px; font-weight: 600;
+    transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.2s ease;
+    box-shadow: 0 1px 4px rgba(99,102,241,0.25);
+  }
+  .sa-header-btn-artifact:hover { opacity: 0.92; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(99,102,241,0.3); }
+  .sa-header-btn-artifact:active { transform: translateY(0) scale(0.97); }
+  .sa-header-btn-artifact svg { stroke: #fff; }
+  .sa-header-btn-artifact.sa-artifact-pulse { animation: sa-artifact-pulse 2s ease-in-out 3; }
+
+  /* ── Artifact drawer (right side panel) ── */
+  .sa-artifact-drawer {
+    display: flex; flex-direction: column; min-width: 240px; max-width: 70%;
+    border-left: 1px solid var(--sa-border); background: #fff; flex-shrink: 0; overflow: hidden;
+    animation: sa-slide-in-right 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
+    position: relative;
+  }
+  .sa-artifact-drawer.sa-drawer-closing {
+    animation: sa-slide-out-right 0.25s cubic-bezier(0.4, 0, 1, 1) both;
+  }
+  .sa-drawer-resize-handle {
+    position: absolute; left: -3px; top: 0; bottom: 0; width: 6px;
+    cursor: col-resize; z-index: 2;
+    transition: background 0.15s ease;
+  }
+  .sa-drawer-resize-handle:hover, .sa-drawer-resize-handle:active {
+    background: var(--sa-primary); opacity: 0.3; border-radius: 3px;
+  }
+  .sa-artifact-drawer-header {
+    display: flex; align-items: center; gap: 8px; padding: 12px 14px;
+    border-bottom: 1px solid var(--sa-border); font-weight: 600; font-size: 15px; color: var(--sa-text);
+    background: var(--sa-surface);
+  }
+  .sa-artifact-drawer-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .sa-drawer-btn {
+    border: none; background: none; cursor: pointer; color: var(--sa-text-muted);
+    padding: 6px; border-radius: 6px; display: inline-flex; align-items: center;
+    transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
+  }
+  .sa-drawer-btn:hover { background: var(--sa-border); color: var(--sa-text); }
+  .sa-drawer-btn:active { transform: scale(0.92); }
+  .sa-drawer-btn-sm {
+    border: 1px solid var(--sa-border); background: #fff; cursor: pointer; color: var(--sa-primary);
+    padding: 6px 14px; border-radius: 8px; font-size: 13px; font-weight: 500;
+    transition: background 0.15s ease, border-color 0.15s ease;
+  }
+  .sa-drawer-btn-sm:hover { background: var(--sa-surface); border-color: var(--sa-primary); }
+  .sa-artifact-drawer-body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; }
+  .sa-drawer-empty { padding: 48px 24px; text-align: center; color: var(--sa-text-muted); font-size: 14px; }
+  .sa-drawer-file-list { list-style: none; margin: 0; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
+  .sa-drawer-file-card {
+    display: flex; align-items: center; gap: 10px; padding: 12px 14px;
+    border: 1px solid var(--sa-border); border-radius: 10px; cursor: pointer; background: #fff;
+    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
+    animation: sa-fade-in-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
+  }
+  .sa-drawer-file-card:nth-child(1) { animation-delay: 0s; }
+  .sa-drawer-file-card:nth-child(2) { animation-delay: 0.04s; }
+  .sa-drawer-file-card:nth-child(3) { animation-delay: 0.08s; }
+  .sa-drawer-file-card:nth-child(4) { animation-delay: 0.12s; }
+  .sa-drawer-file-card:nth-child(5) { animation-delay: 0.16s; }
+  .sa-drawer-file-card:hover { border-color: var(--sa-primary); background: var(--sa-surface); box-shadow: 0 2px 8px rgba(99,102,241,0.08); transform: translateY(-1px); }
+  .sa-drawer-file-card:active { transform: translateY(0) scale(0.98); }
+  .sa-drawer-file-icon { flex-shrink: 0; }
+  .sa-drawer-file-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
+  .sa-drawer-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 14px; color: var(--sa-text); }
+  .sa-drawer-file-size { color: var(--sa-text-muted); font-size: 12px; }
+
+  /* ── Drawer preview ── */
+  .sa-drawer-preview-iframe { width: 100%; height: 100%; border: none; background: #fff; animation: sa-fade-in 0.3s ease both; }
+  .sa-drawer-preview-loading {
+    display: flex; flex-direction: column; align-items: center; justify-content: center;
+    height: 100%; gap: 12px; color: var(--sa-text-muted); font-size: 14px;
+  }
+  .sa-drawer-preview-loading::before {
+    content: ''; width: 28px; height: 28px; border-radius: 50%;
+    border: 3px solid var(--sa-border); border-top-color: var(--sa-primary);
+    animation: sa-spinner 0.7s linear infinite;
+  }
+  .sa-drawer-preview-error {
+    display: flex; flex-direction: column; align-items: center; justify-content: center;
+    gap: 14px; height: 100%; color: var(--sa-text-muted); font-size: 14px;
+    animation: sa-fade-in 0.2s ease both;
+  }
+
+  /* ── Drawer view transition ── */
+  .sa-drawer-view-enter { animation: sa-drawer-view-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) both; }
+
+  /* ── Layout helpers for drawer alongside thread ── */
+  .sa-panel-content { display: flex; flex: 1; min-height: 0; overflow: hidden; }
+  .sa-panel-content .sa-thread { flex: 1; min-width: 120px; transition: flex 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
+  .sa-panel-content .sa-artifact-drawer { max-width: 60%; }
+  .sa-fp-content-row { display: flex; flex: 1; min-height: 0; overflow: hidden; }
+  .sa-fp-content-row .sa-thread { flex: 1; min-width: 0; transition: flex 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
+
+  /* ── Artifact keyframes ── */
+  @keyframes sa-slide-in-right {
+    from { opacity: 0; transform: translateX(100%); }
+    to { opacity: 1; transform: translateX(0); }
+  }
+  @keyframes sa-slide-out-right {
+    from { opacity: 1; transform: translateX(0); }
+    to { opacity: 0; transform: translateX(100%); }
+  }
+  @keyframes sa-fade-in-up {
+    from { opacity: 0; transform: translateY(8px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+  @keyframes sa-fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+  @keyframes sa-spinner {
+    to { transform: rotate(360deg); }
+  }
+  @keyframes sa-artifact-pulse {
+    0%, 100% { box-shadow: 0 1px 4px rgba(99,102,241,0.25); }
+    50% { box-shadow: 0 2px 12px rgba(99,102,241,0.5); }
+  }
+  @keyframes sa-drawer-view-in {
+    from { opacity: 0; transform: translateX(12px); }
+    to { opacity: 1; transform: translateX(0); }
+  }
+`, Ve = {
   primaryColor: "#6366f1",
   backgroundColor: "#ffffff",
   fontFamily: "system-ui, -apple-system, sans-serif",
@@ -2013,77 +3104,78 @@ const ze = `
   panelHeight: 520,
   zIndex: 9999
 };
-function Te(t) {
-  const e = { ...Ie, ...t };
+function qe(a) {
+  const t = { ...Ve, ...a };
   return [
-    `--sa-primary: ${e.primaryColor}`,
-    `--sa-bg: ${e.backgroundColor}`,
-    `--sa-font: ${e.fontFamily}`,
-    `--sa-radius: ${e.borderRadius}px`,
-    `--sa-panel-width: ${e.panelWidth}px`,
-    `--sa-panel-height: ${e.panelHeight}px`,
-    `--sa-z-index: ${e.zIndex}`
+    `--sa-primary: ${t.primaryColor}`,
+    `--sa-bg: ${t.backgroundColor}`,
+    `--sa-font: ${t.fontFamily}`,
+    `--sa-radius: ${t.borderRadius}px`,
+    `--sa-panel-width: ${t.panelWidth}px`,
+    `--sa-panel-height: ${t.panelHeight}px`,
+    `--sa-z-index: ${t.zIndex}`
   ].join("; ");
 }
-function Re(t, e) {
-  const l = typeof t == "string" ? document.querySelector(t) : t;
-  if (!l)
-    throw new Error(`Target element not found: ${t}`);
+function Ze(a, t) {
+  const s = typeof a == "string" ? document.querySelector(a) : a;
+  if (!s)
+    throw new Error(`Target element not found: ${a}`);
   const r = document.createElement("div");
   r.setAttribute("data-super-agent-widget", "");
-  const s = Te(e.theme ?? {});
-  if (r.setAttribute("style", s), l.appendChild(r), !document.getElementById("sa-widget-styles")) {
-    const o = document.createElement("style");
-    o.id = "sa-widget-styles", o.textContent = ze, document.head.appendChild(o);
-  }
-  let i = ae(r), c = !1;
-  const n = (o) => {
-    i && i.render(
-      q.createElement(Ne, {
-        ...e,
-        initialOpen: o ?? c,
-        onOpenChange: (f) => {
-          c = f;
+  const n = qe(t.theme ?? {});
+  if (r.setAttribute("style", n), s.appendChild(r), !document.getElementById("sa-widget-styles")) {
+    const c = document.createElement("style");
+    c.id = "sa-widget-styles", c.textContent = Ue, document.head.appendChild(c);
+  }
+  let o = le(r), i = !1;
+  const l = (c) => {
+    o && o.render(
+      Y.createElement(Ke, {
+        ...t,
+        initialOpen: c ?? i,
+        onOpenChange: (p) => {
+          i = p;
         }
       })
     );
   };
-  return n(!1), {
+  return l(!1), {
     open() {
-      c = !0, n(!0);
+      i = !0, l(!0);
     },
     close() {
-      c = !1, n(!1);
+      i = !1, l(!1);
     },
     destroy() {
-      i && (i.unmount(), i = null), r.remove();
+      o && (o.unmount(), o = null), r.remove();
     }
   };
 }
 export {
-  be as ActionBar,
-  U as ChatProvider,
-  Ne as ChatWidget,
-  X as Composer,
-  xe as ErrorPart,
-  Ce as FullpageLayout,
-  oe as Header,
+  Re as ActionBar,
+  G as ChatProvider,
+  Ke as ChatWidget,
+  se as Composer,
+  Ne as ErrorPart,
+  Ye as FullpageLayout,
+  ue as Header,
   C as Icon,
-  ve as Message,
-  he as TextPart,
-  ue as ThinkingPart,
-  J as Thread,
-  ce as ThreadList,
-  me as ToolCallPart,
-  ge as ToolResultPart,
-  ie as Trigger,
-  we as WelcomeScreen,
-  Ie as defaultTheme,
-  Re as mount,
-  Te as themeToCSSVars,
-  de as useAutoScroll,
-  se as useChat,
-  P as useChatContext,
-  ne as useConversations,
-  ze as widgetStyles
+  $e as InterruptCard,
+  He as Message,
+  ve as TextPart,
+  we as ThinkingPart,
+  re as Thread,
+  he as ThreadList,
+  ye as ToolCallPart,
+  Ce as ToolResultPart,
+  fe as Trigger,
+  je as WelcomeScreen,
+  Ve as defaultTheme,
+  Ze as mount,
+  qe as themeToCSSVars,
+  ge as useAutoScroll,
+  ce as useChat,
+  F as useChatContext,
+  pe as useConversations,
+  Ue as widgetStyles
 };