langgraph-vue3-chatbot 0.1.19 → 0.1.21

package/dist-lib/index.js

@@ -1,12 +1,12 @@
-import { inject as Pe, computed as z, defineComponent as S, openBlock as o, createElementBlock as x, createElementVNode as k, toDisplayString as H, createBlock as $, unref as n, createVNode as I, createCommentVNode as F, ref as M, Fragment as le, renderList as pe, withDirectives as we, normalizeClass as G, resolveDynamicComponent as ge, vShow as Be, mergeProps as oe, withCtx as C, renderSlot as D, createTextVNode as Oe, provide as je, watch as Te, onMounted as Ze, onBeforeUnmount as Qe, Transition as et, nextTick as ft, isRef as gt, vModelText as vt, normalizeProps as xe, guardReactiveProps as ke, useModel as ht, mergeModels as Ne, createStaticVNode as yt, useSlots as _t, normalizeStyle as tt } from "vue";
+import { inject as Pe, computed as z, defineComponent as S, openBlock as n, createElementBlock as x, createElementVNode as k, toDisplayString as H, createBlock as $, unref as a, createVNode as I, createCommentVNode as F, ref as M, Fragment as le, renderList as pe, withDirectives as we, normalizeClass as G, resolveDynamicComponent as ge, vShow as Be, mergeProps as oe, withCtx as C, renderSlot as D, createTextVNode as Oe, provide as je, watch as Te, onMounted as Ze, onBeforeUnmount as Qe, Transition as et, nextTick as ft, isRef as gt, vModelText as vt, normalizeProps as xe, guardReactiveProps as ke, useModel as ht, mergeModels as Ne, createStaticVNode as yt, useSlots as _t, normalizeStyle as tt } from "vue";
 import { Client as bt } from "@langchain/langgraph-sdk";
-import { Minimize2Icon as xt, Maximize2Icon as kt, XIcon as st, ChevronDownIcon as nt, PlayCircle as Ke, XCircle as wt, CheckCircle as $t, Loader as Ct, BookOpenCheck as It, ListTodoIcon as zt, ZapIcon as St, FileSearch as At, FolderSearch as Mt, SquarePen as Tt, FileEditIcon as Bt, EyeIcon as Pt, FolderSearchIcon as Ot, FileTextIcon as at, GlobeIcon as ot, BrainIcon as jt, WrenchIcon as Et, ArrowDownIcon as Dt, PaperclipIcon as rt, Music2Icon as Lt, VideoIcon as Rt, ImageIcon as Ut, Loader2Icon as Wt, CornerDownLeftIcon as Ft, CheckIcon as Vt, ArrowUpRight as Nt, ChevronsDown as Kt, ChevronsUp as Ht, Circle as Gt, LoaderCircle as qt, Ban as Jt, CircleCheckBig as Xt, BotMessageSquare as Yt, X as Zt } from "lucide-vue-next";
+import { Minimize2Icon as xt, Maximize2Icon as kt, XIcon as st, ChevronDownIcon as at, PlayCircle as Ke, XCircle as wt, CheckCircle as $t, Loader as Ct, BookOpenCheck as It, ListTodoIcon as zt, ZapIcon as St, FileSearch as At, FolderSearch as Mt, SquarePen as Tt, FileEditIcon as Bt, EyeIcon as Pt, FolderSearchIcon as Ot, FileTextIcon as nt, GlobeIcon as ot, BrainIcon as jt, WrenchIcon as Et, ArrowDownIcon as Dt, PaperclipIcon as rt, Music2Icon as Lt, VideoIcon as Rt, ImageIcon as Ut, Loader2Icon as Wt, CornerDownLeftIcon as Ft, CheckIcon as Vt, ArrowUpRight as Nt, ChevronsDown as Kt, ChevronsUp as Ht, Circle as Gt, LoaderCircle as qt, Ban as Jt, CircleCheckBig as Xt, BotMessageSquare as Yt, X as Zt } from "lucide-vue-next";
 import { clsx as Qt } from "clsx";
 import { twMerge as es } from "tailwind-merge";
 import { reactiveOmit as Re, useVModel as ts } from "@vueuse/core";
-import { StickToBottom as ss, useStickToBottomContext as ns } from "vue-stick-to-bottom";
+import { StickToBottom as ss, useStickToBottomContext as as } from "vue-stick-to-bottom";
 import { cva as Ue } from "class-variance-authority";
-import { Primitive as as, useForwardPropsEmits as it, DropdownMenuRoot as os, DropdownMenuPortal as rs, DropdownMenuContent as is, useForwardProps as lt, DropdownMenuItem as ls, DropdownMenuTrigger as us } from "reka-ui";
+import { Primitive as ns, useForwardPropsEmits as it, DropdownMenuRoot as os, DropdownMenuPortal as rs, DropdownMenuContent as is, useForwardProps as lt, DropdownMenuItem as ls, DropdownMenuTrigger as us } from "reka-ui";
 import cs from "markstream-vue";
 import { nanoid as He } from "nanoid";
 import { motion as Ge } from "motion-v";
@@ -33,24 +33,24 @@ async function ms(s, t, e) {
         user_id: e || "user001"
       }
     })).thread_id || t || "";
-  } catch (a) {
-    return console.error("Failed to create thread:", a), t || "";
+  } catch (o) {
+    return console.error("Failed to create thread:", o), t || "";
   }
 }
-async function fs(s, t, e, a) {
+async function fs(s, t, e, o) {
   var i;
   if (!t) return [];
   try {
-    const m = (await s.threads.getState(t)).values;
-    if (!(m != null && m.messages) || !Array.isArray(m.messages))
+    const l = (await s.threads.getState(t)).values;
+    if (!(l != null && l.messages) || !Array.isArray(l.messages))
       return [];
-    const l = [], v = m.messages;
+    const r = [], v = l.messages;
     let T = 0;
     for (; T < v.length; ) {
       const B = v[T], q = B.type, J = B.content;
       if (q === "human" || q === "user") {
         const re = typeof J == "string" ? J : Array.isArray(J) ? J.filter((U) => U.type === "text").map((U) => U.text).join("") : "";
-        l.push({
+        r.push({
           key: B.id || `human-${Date.now()}-${Math.random()}`,
           type: "human",
           content: re
@@ -65,7 +65,7 @@ async function fs(s, t, e, a) {
           state: "completed",
           result: ""
         }))) || [];
-        if (l.push({
+        if (r.push({
           key: B.id || `ai-${Date.now()}-${Math.random()}`,
           type: "ai",
           content: re,
@@ -75,7 +75,7 @@ async function fs(s, t, e, a) {
           for (; X < v.length; ) {
             const V = v[X];
             if (V.type === "tool") {
-              const Z = typeof V.content == "string" ? V.content : JSON.stringify(V.content), ee = V.tool_call_id, E = V.status, c = ((y) => {
+              const Z = typeof V.content == "string" ? V.content : JSON.stringify(V.content), ee = V.tool_call_id, E = V.status, d = ((y) => {
                 switch (y) {
                   case "success":
                     return "completed";
@@ -86,9 +86,9 @@ async function fs(s, t, e, a) {
                 }
               })(E), g = U.find((y) => y.id === ee);
               if (g) {
-                g.result = Z, g.state = c;
+                g.result = Z, g.state = d;
                 const y = `tool-${ee}-${Date.now()}`;
-                l.push({
+                r.push({
                   key: y,
                   type: "tool",
                   content: Z,
@@ -97,7 +97,7 @@ async function fs(s, t, e, a) {
                     name: g.name,
                     args: g.args,
                     result: Z,
-                    state: c,
+                    state: d,
                     error: E === "error" ? Z : void 0
                   }]
                 });
@@ -112,25 +112,25 @@ async function fs(s, t, e, a) {
       }
       T++;
     }
-    const w = m.generated_files;
+    const w = l.generated_files;
     if (w && Array.isArray(w) && w.length > 0) {
       const B = {
         type: "generated_files",
         content: w
       };
-      l.push({
+      r.push({
         key: `custom-generated_files-${Date.now()}-${Math.random()}`,
         type: "custom",
         content: "",
         customContent: B
       });
     }
-    const A = m.suggested_questions;
+    const A = l.suggested_questions;
     A && Array.isArray(A) && A.length > 0 && e && e(A);
-    const f = m.todos;
-    return a && Array.isArray(f) && f.length > 0 && a(f), l;
-  } catch (r) {
-    return console.error("Failed to load thread history:", r), [];
+    const f = l.todos;
+    return o && Array.isArray(f) && f.length > 0 && o(f), r;
+  } catch (c) {
+    return console.error("Failed to load thread history:", c), [];
   }
 }
 const ut = Symbol("AiBotPortalHost");
@@ -152,43 +152,43 @@ const vs = { class: "chat-header" }, hs = { class: "chat-title" }, ys = { class:
   },
   emits: ["close", "toggleMaximize"],
   setup(s, { emit: t }) {
-    const e = s, a = t;
-    return (i, r) => (o(), x("div", vs, [
+    const e = s, o = t;
+    return (i, c) => (n(), x("div", vs, [
       k("div", hs, [
         k("span", ys, H(s.title), 1)
       ]),
-      e.showHeaderActions ? (o(), x("div", _s, [
+      e.showHeaderActions ? (n(), x("div", _s, [
         k("button", {
           class: "action-btn",
-          onClick: r[0] || (r[0] = (m) => a("toggleMaximize")),
+          onClick: c[0] || (c[0] = (l) => o("toggleMaximize")),
           type: "button",
           title: s.isMaximized ? "还原" : "最大化"
         }, [
-          s.isMaximized ? (o(), $(n(xt), {
+          s.isMaximized ? (n(), $(a(xt), {
             key: 0,
             class: "size-4"
-          })) : (o(), $(n(kt), {
+          })) : (n(), $(a(kt), {
             key: 1,
             class: "size-4"
           }))
         ], 8, bs),
         k("button", {
           class: "action-btn",
-          onClick: r[1] || (r[1] = (m) => a("close")),
+          onClick: c[1] || (c[1] = (l) => o("close")),
           type: "button",
           title: "关闭"
         }, [
-          I(n(st), { class: "size-4" })
+          I(a(st), { class: "size-4" })
         ])
       ])) : F("", !0)
     ]));
   }
-}), ce = (s, t) => {
+}), ue = (s, t) => {
   const e = s.__vccOpts || s;
-  for (const [a, i] of t)
-    e[a] = i;
+  for (const [o, i] of t)
+    e[o] = i;
   return e;
-}, ks = /* @__PURE__ */ ce(xs, [["__scopeId", "data-v-f35439d8"]]);
+}, ks = /* @__PURE__ */ ue(xs, [["__scopeId", "data-v-f35439d8"]]);
 function R(...s) {
   return es(Qt(s));
 }
@@ -224,10 +224,10 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       execute: "执行命令",
       write_todos: "待办事项",
       task: "子任务"
-    }, a = {
+    }, o = {
       think_tool: jt,
       fetch_markdown: ot,
-      convert_to_markdown: at,
+      convert_to_markdown: nt,
       ls: Ot,
       read_file: Pt,
       write_file: Bt,
@@ -237,11 +237,11 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       execute: St,
       write_todos: zt,
       task: It
-    }, i = (w) => e[w] || w, r = (w) => a[w] || Et, m = (w) => w === "write_todos" || w.includes("todo"), l = (w) => w ? w.length > 50 ? w.slice(0, 100) + "..." : w : "", v = M({}), T = (w) => {
+    }, i = (w) => e[w] || w, c = (w) => o[w] || Et, l = (w) => w === "write_todos" || w.includes("todo"), r = (w) => w ? w.length > 50 ? w.slice(0, 100) + "..." : w : "", v = M({}), T = (w) => {
       v.value[w] = !v.value[w];
     };
-    return (w, A) => (o(), x("div", ws, [
-      (o(!0), x(le, null, pe(s.toolCalls, (f) => we((o(), x("div", {
+    return (w, A) => (n(), x("div", ws, [
+      (n(!0), x(le, null, pe(s.toolCalls, (f) => we((n(), x("div", {
         key: f.id,
         class: "overflow-hidden"
       }, [
@@ -249,14 +249,14 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
           class: "flex items-center gap-2 w-full text-left hover:bg-muted/50 rounded px-2 py-1.5 transition-colors cursor-pointer",
           onClick: (B) => T(f.id)
         }, [
-          I(n(nt), {
+          I(a(at), {
             class: G(["h-4 w-4 shrink-0", v.value[f.id] ? "" : "-rotate-90"])
           }, null, 8, ["class"]),
-          (o(), $(ge(r(f.name)), { class: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })),
+          (n(), $(ge(c(f.name)), { class: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })),
           k("span", Cs, H(i(f.name)), 1),
-          k("span", Is, H(l(f.args)), 1),
-          (o(), $(ge(t(f.state).icon), {
-            class: G(n(R)("h-3 w-3 shrink-0 ml-auto", t(f.state).color))
+          k("span", Is, H(r(f.args)), 1),
+          (n(), $(ge(t(f.state).icon), {
+            class: G(a(R)("h-3 w-3 shrink-0 ml-auto", t(f.state).color))
           }, null, 8, ["class"]))
         ], 8, $s),
         we(k("div", zs, [
@@ -264,11 +264,11 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
             A[0] || (A[0] = k("p", { class: "text-muted-foreground mb-1" }, "请求:", -1)),
             k("pre", Ss, H(f.args), 1)
           ]),
-          f.result || f.error ? (o(), x("div", As, [
+          f.result || f.error ? (n(), x("div", As, [
             k("p", Ms, H(f.state === "error" ? "Error:" : "结果:"), 1),
             k("pre", {
               class: G(
-                n(R)(
+                a(R)(
                   "bg-muted p-2 rounded text-[10px] overflow-x-auto max-w-full",
                   f.state === "error" && "text-red-500"
                 )
@@ -279,7 +279,7 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
           [Be, v.value[f.id]]
         ])
       ])), [
-        [Be, !m(f.name)]
+        [Be, !l(f.name)]
       ])), 128))
     ]));
   }
@@ -297,17 +297,17 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
   },
   setup(s) {
     const t = s, e = Re(t, "class");
-    return (a, i) => (o(), $(n(ss), oe(n(e), {
-      class: n(R)("relative flex-1 overflow-y-hidden", t.class),
+    return (o, i) => (n(), $(a(ss), oe(a(e), {
+      class: a(R)("relative flex-1 overflow-y-hidden", t.class),
       role: "log"
     }), {
       default: C(() => [
-        D(a.$slots, "default")
+        D(o.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ps = /* @__PURE__ */ S({
+}), Ps = /* @__PURE__ */ ue(Bs, [["__scopeId", "data-v-3b638d4b"]]), Os = /* @__PURE__ */ S({
   __name: "ConversationContent",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -319,10 +319,10 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       // 无边框
       t.class
     ));
-    return (a, i) => (o(), x("div", {
+    return (o, i) => (n(), x("div", {
       class: G(e.value)
     }, [
-      D(a.$slots, "default")
+      D(o.$slots, "default")
     ], 2));
   }
 }), Ee = /* @__PURE__ */ S({
@@ -336,13 +336,13 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), $(n(as), {
+    return (e, o) => (n(), $(a(ns), {
       "data-slot": "button",
       "data-variant": s.variant,
       "data-size": s.size,
       as: s.as,
       "as-child": s.asChild,
-      class: G(n(R)(n(Os)({ variant: s.variant, size: s.size }), t.class))
+      class: G(a(R)(a(js)({ variant: s.variant, size: s.size }), t.class))
     }, {
       default: C(() => [
         D(e.$slots, "default")
@@ -350,7 +350,7 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       _: 3
     }, 8, ["data-variant", "data-size", "as", "as-child", "class"]));
   }
-}), Os = Ue(
+}), js = Ue(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -378,19 +378,19 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       size: "default"
     }
   }
-), js = /* @__PURE__ */ S({
+), Es = /* @__PURE__ */ S({
   __name: "ConversationScrollButton",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(s) {
-    const t = s, { isAtBottom: e, scrollToBottom: a } = ns(), i = z(() => !e.value);
-    function r() {
-      a();
+    const t = s, { isAtBottom: e, scrollToBottom: o } = as(), i = z(() => !e.value);
+    function c() {
+      o();
     }
-    return (m, l) => i.value ? (o(), $(n(Ee), oe({
+    return (l, r) => i.value ? (n(), $(a(Ee), oe({
       key: 0,
-      class: n(R)(
+      class: a(R)(
         "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full cursor-pointer dark:bg-background dark:hover:bg-muted",
         t.class
       ),
@@ -398,9 +398,9 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       size: "icon",
       type: "button",
       variant: "outline"
-    }, m.$attrs, { onClick: r }), {
+    }, l.$attrs, { onClick: c }), {
       default: C(() => [
-        I(n(Dt), { class: "size-4" })
+        I(a(Dt), { class: "size-4" })
       ]),
       _: 1
     }, 16, ["class"])) : F("", !0);
@@ -413,8 +413,8 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), x("div", oe({
-      class: n(R)(
+    return (e, o) => (n(), x("div", oe({
+      class: a(R)(
         "group flex w-full max-w-[80%]",
         t.from === "user" ? "is-user ml-auto" : "is-assistant mr-auto",
         t.class
@@ -430,8 +430,8 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), x("div", oe({
-      class: n(R)(
+    return (e, o) => (n(), x("div", oe({
+      class: a(R)(
         "is-user:dark flex w-fit flex-col overflow-hidden text-sm",
         "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-[var(--ai-user-bubble-bg)] group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-[var(--ai-user-bubble-text)]",
         "group-[.is-assistant]:bg-transparent group-[.is-assistant]:p-0 group-[.is-assistant]:text-foreground",
@@ -441,43 +441,48 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
       D(e.$slots, "default")
     ], 16));
   }
-}), Es = /* @__PURE__ */ S({
+}), Ds = /* @__PURE__ */ S({
   __name: "ChatMessages",
   props: {
     messages: {},
-    isStreaming: { type: Boolean, default: !1 }
+    isStreaming: { type: Boolean, default: !1 },
+    theme: { default: "light" }
   },
   setup(s) {
-    const t = s;
-    function e(a) {
-      return a === 0 ? "" : t.messages[a].type === "human" ? "my-4" : "";
+    const t = s, e = ["vitesse-dark", "vitesse-light"];
+    function o(i) {
+      return i === 0 ? "" : t.messages[i].type === "human" ? "my-4" : "";
     }
-    return (a, i) => (o(), $(n(Bs), null, {
+    return (i, c) => (n(), $(a(Ps), null, {
       default: C(() => [
-        I(n(Ps), null, {
+        I(a(Os), null, {
           default: C(() => [
-            (o(!0), x(le, null, pe(s.messages, (r, m) => (o(), $(n(Je), {
-              key: r.key,
-              from: r.type === "tool" || r.type === "system" || r.type === "custom" ? "assistant" : r.type === "human" ? "user" : "assistant",
-              class: G(e(m))
+            (n(!0), x(le, null, pe(s.messages, (l, r) => (n(), $(a(Je), {
+              key: l.key,
+              from: l.type === "tool" || l.type === "system" || l.type === "custom" ? "assistant" : l.type === "human" ? "user" : "assistant",
+              class: G(o(r))
             }, {
               default: C(() => [
-                r.type === "tool" ? (o(), $(Ts, {
+                l.type === "tool" ? (n(), $(Ts, {
                   key: 0,
-                  "tool-calls": r.toolCalls
-                }, null, 8, ["tool-calls"])) : r.type === "custom" ? (o(), $(n(Xe), { key: 1 }, {
+                  "tool-calls": l.toolCalls
+                }, null, 8, ["tool-calls"])) : l.type === "custom" ? (n(), $(a(Xe), { key: 1 }, {
                   default: C(() => [
-                    D(a.$slots, "custom", {
-                      customContent: r.customContent
+                    D(i.$slots, "custom", {
+                      customContent: l.customContent
                     }, void 0, !0)
                   ]),
                   _: 2
-                }, 1024)) : (o(), $(n(Xe), { key: 2 }, {
+                }, 1024)) : (n(), $(a(Xe), { key: 2 }, {
                   default: C(() => [
-                    r.type === "ai" || r.type === "system" ? (o(), $(n(cs), {
+                    l.type === "ai" || l.type === "system" ? (n(), $(a(cs), {
                       key: 0,
                       class: "markdown-body",
-                      content: r.content || "",
+                      content: l.content || "",
+                      "is-dark": t.theme === "dark",
+                      "code-block-dark-theme": "vitesse-dark",
+                      "code-block-light-theme": "vitesse-light",
+                      themes: e,
                       typewriter: !0,
                       "initial-render-batch-size": 12,
                       "render-batch-size": 24,
@@ -485,8 +490,8 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
                       "max-live-nodes": 0,
                       "defer-nodes-until-visible": !0,
                       "viewport-priority": !0
-                    }, null, 8, ["content"])) : (o(), x(le, { key: 1 }, [
-                      Oe(H(r.content), 1)
+                    }, null, 8, ["content", "is-dark"])) : (n(), x(le, { key: 1 }, [
+                      Oe(H(l.content), 1)
                     ], 64))
                   ]),
                   _: 2
@@ -494,11 +499,11 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
               ]),
               _: 2
             }, 1032, ["from", "class"]))), 128)),
-            s.isStreaming ? (o(), $(n(Je), {
+            s.isStreaming ? (n(), $(a(Je), {
               key: 0,
               from: "assistant"
             }, {
-              default: C(() => [...i[0] || (i[0] = [
+              default: C(() => [...c[0] || (c[0] = [
                 k("div", { class: "loading-indicator" }, [
                   k("span", { class: "dot" }),
                   k("span", { class: "dot" }),
@@ -510,20 +515,20 @@ const ws = { class: "mb-3 text-xs max-w-full" }, $s = ["onClick"], Cs = { class:
           ]),
           _: 3
         }),
-        I(n(js))
+        I(a(Es))
       ]),
       _: 3
     }));
   }
-}), Ds = /* @__PURE__ */ ce(Es, [["__scopeId", "data-v-338205e3"]]), ct = Symbol("PromptInputContext");
-function Ls() {
+}), Ls = /* @__PURE__ */ ue(Ds, [["__scopeId", "data-v-5b2cc192"]]), ct = Symbol("PromptInputContext");
+function Rs() {
   const s = Pe(ct);
   if (!s)
     throw new Error("usePromptInput must be used within a PromptInput component");
   return s;
 }
 const dt = Symbol("Attachments");
-function Rs() {
+function Us() {
   const s = Pe(dt);
   return s || {
     variant: z(() => "grid")
@@ -542,13 +547,13 @@ function mt(s) {
   const t = s.mediaType ?? "";
   return t.startsWith("image/") ? "image" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t.startsWith("application/") || t.startsWith("text/") ? "document" : "unknown";
 }
-function Us(s) {
+function Ws(s) {
   if (s.type === "source-document")
     return s.title || s.filename || "Source";
   const t = mt(s);
   return s.filename || (t === "image" ? "Image" : "Attachment");
 }
-const Ws = /* @__PURE__ */ S({
+const Fs = /* @__PURE__ */ S({
   __name: "Attachment",
   props: {
     data: {},
@@ -556,26 +561,26 @@ const Ws = /* @__PURE__ */ S({
   },
   emits: ["remove"],
   setup(s, { emit: t }) {
-    const e = s, a = t, { variant: i } = Rs(), r = z(() => e.data), m = z(() => mt(e.data));
-    function l() {
-      a("remove");
+    const e = s, o = t, { variant: i } = Us(), c = z(() => e.data), l = z(() => mt(e.data));
+    function r() {
+      o("remove");
     }
     return je(pt, {
-      data: r,
-      mediaCategory: m,
-      remove: l,
+      data: c,
+      mediaCategory: l,
+      remove: r,
       variant: i
-    }), (v, T) => (o(), x("div", oe({
-      class: n(R)(
+    }), (v, T) => (n(), x("div", oe({
+      class: a(R)(
         "group relative",
-        n(i) === "grid" && "size-24 overflow-hidden rounded-lg",
-        n(i) === "inline" && [
+        a(i) === "grid" && "size-24 overflow-hidden rounded-lg",
+        a(i) === "inline" && [
           "flex h-8 cursor-pointer select-none items-center gap-1",
           "rounded-md border border-border px-1",
           "font-medium text-sm transition-all",
           "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
         ],
-        n(i) === "list" && [
+        a(i) === "list" && [
           "flex w-full items-center gap-3 rounded-lg border p-3",
           "hover:bg-accent/50"
         ],
@@ -585,116 +590,116 @@ const Ws = /* @__PURE__ */ S({
       D(v.$slots, "default")
     ], 16));
   }
-}), Fs = { class: "block truncate" }, Vs = {
+}), Vs = { class: "block truncate" }, Ns = {
   key: 0,
   class: "block truncate text-muted-foreground text-xs"
-}, Ns = /* @__PURE__ */ S({
+}, Ks = /* @__PURE__ */ S({
   __name: "AttachmentInfo",
   props: {
     showMediaType: { type: Boolean, default: !1 },
     class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(s) {
-    const t = s, { data: e, variant: a } = We(), i = z(() => Us(e.value));
-    return (r, m) => n(a) !== "grid" ? (o(), x("div", oe({
+    const t = s, { data: e, variant: o } = We(), i = z(() => Ws(e.value));
+    return (c, l) => a(o) !== "grid" ? (n(), x("div", oe({
       key: 0,
-      class: n(R)("min-w-0 flex-1", t.class)
-    }, r.$attrs), [
-      k("span", Fs, H(i.value), 1),
-      t.showMediaType && n(e).mediaType ? (o(), x("span", Vs, H(n(e).mediaType), 1)) : F("", !0)
+      class: a(R)("min-w-0 flex-1", t.class)
+    }, c.$attrs), [
+      k("span", Vs, H(i.value), 1),
+      t.showMediaType && a(e).mediaType ? (n(), x("span", Ns, H(a(e).mediaType), 1)) : F("", !0)
     ], 16)) : F("", !0);
   }
-}), Ks = ["alt", "height", "src", "width"], Hs = ["src"], Gs = /* @__PURE__ */ S({
+}), Hs = ["alt", "height", "src", "width"], Gs = ["src"], qs = /* @__PURE__ */ S({
   __name: "AttachmentPreview",
   props: {
     fallbackIcon: {},
     class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(s) {
-    const t = s, { data: e, mediaCategory: a, variant: i } = We(), r = z(() => i.value === "grid"), m = z(() => i.value === "inline" ? "size-3" : "size-4"), l = z(() => e.value.type === "file" ? e.value.url : void 0), v = z(
-      () => a.value === "image" && e.value.type === "file" && !!l.value
+    const t = s, { data: e, mediaCategory: o, variant: i } = We(), c = z(() => i.value === "grid"), l = z(() => i.value === "inline" ? "size-3" : "size-4"), r = z(() => e.value.type === "file" ? e.value.url : void 0), v = z(
+      () => o.value === "image" && e.value.type === "file" && !!r.value
     ), T = z(
-      () => a.value === "video" && e.value.type === "file" && !!l.value
+      () => o.value === "video" && e.value.type === "file" && !!r.value
     ), w = {
       image: Ut,
       video: Rt,
       audio: Lt,
       source: ot,
-      document: at,
+      document: nt,
       unknown: rt
-    }, A = z(() => w[a.value]), f = z(
+    }, A = z(() => w[o.value]), f = z(
       () => (e.value.type === "file" ? e.value.filename : void 0) || "Image"
     );
-    return (B, q) => (o(), x("div", oe({
-      class: n(R)(
+    return (B, q) => (n(), x("div", oe({
+      class: a(R)(
         "flex shrink-0 items-center justify-center overflow-hidden",
-        n(i) === "grid" && "size-full bg-muted",
-        n(i) === "inline" && "size-5 rounded bg-background",
-        n(i) === "list" && "size-12 rounded bg-muted",
+        a(i) === "grid" && "size-full bg-muted",
+        a(i) === "inline" && "size-5 rounded bg-background",
+        a(i) === "list" && "size-12 rounded bg-muted",
         t.class
       )
     }, B.$attrs), [
-      v.value ? (o(), x("img", {
+      v.value ? (n(), x("img", {
         key: 0,
         alt: f.value,
-        class: G(r.value ? "size-full object-cover" : "size-full rounded object-cover"),
-        height: r.value ? 96 : 20,
-        src: l.value,
-        width: r.value ? 96 : 20
-      }, null, 10, Ks)) : T.value ? (o(), x("video", {
+        class: G(c.value ? "size-full object-cover" : "size-full rounded object-cover"),
+        height: c.value ? 96 : 20,
+        src: r.value,
+        width: c.value ? 96 : 20
+      }, null, 10, Hs)) : T.value ? (n(), x("video", {
         key: 1,
         class: "size-full object-cover",
         muted: "",
-        src: l.value
-      }, null, 8, Hs)) : t.fallbackIcon ? (o(), $(ge(t.fallbackIcon), { key: 2 })) : (o(), $(ge(A.value), {
+        src: r.value
+      }, null, 8, Gs)) : t.fallbackIcon ? (n(), $(ge(t.fallbackIcon), { key: 2 })) : (n(), $(ge(A.value), {
         key: 3,
-        class: G(n(R)(m.value, "text-muted-foreground"))
+        class: G(a(R)(l.value, "text-muted-foreground"))
       }, null, 8, ["class"]))
     ], 16));
   }
-}), qs = { class: "sr-only" }, Js = /* @__PURE__ */ S({
+}), Js = { class: "sr-only" }, Xs = /* @__PURE__ */ S({
   __name: "AttachmentRemove",
   props: {
     label: { default: "Remove" },
     class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(s) {
-    const t = s, { remove: e, variant: a } = We(), { variant: i, ...r } = t;
-    function m(l) {
-      l.stopPropagation(), e == null || e();
+    const t = s, { remove: e, variant: o } = We(), { variant: i, ...c } = t;
+    function l(r) {
+      r.stopPropagation(), e == null || e();
     }
-    return (l, v) => n(e) ? (o(), $(n(Ee), oe({
+    return (r, v) => a(e) ? (n(), $(a(Ee), oe({
       key: 0,
       "aria-label": t.label,
-      class: n(R)(
-        n(a) === "grid" && [
+      class: a(R)(
+        a(o) === "grid" && [
           "absolute top-2 right-2 size-6 rounded-full p-0",
           "bg-background/80 backdrop-blur-sm",
           "opacity-0 transition-opacity group-hover:opacity-100",
           "hover:bg-background",
           "[&>svg]:size-3"
         ],
-        n(a) === "inline" && [
+        a(o) === "inline" && [
           "size-5 rounded-sm p-0 cursor-pointer min-w-0",
           "opacity-0 transition-opacity group-hover:opacity-100",
           "[&>svg]:size-2.5"
         ],
-        n(a) === "list" && ["size-8 shrink-0 rounded p-0", "[&>svg]:size-4"],
+        a(o) === "list" && ["size-8 shrink-0 rounded p-0", "[&>svg]:size-4"],
         t.class
       ),
       type: "button",
       variant: "ghost"
-    }, r, { onClick: m }), {
+    }, c, { onClick: l }), {
       default: C(() => [
-        D(l.$slots, "default", {}, () => [
-          I(n(st))
+        D(r.$slots, "default", {}, () => [
+          I(a(st))
         ]),
-        k("span", qs, H(t.label), 1)
+        k("span", Js, H(t.label), 1)
       ]),
       _: 3
     }, 16, ["aria-label", "class"])) : F("", !0);
   }
-}), Xs = /* @__PURE__ */ S({
+}), Ys = /* @__PURE__ */ S({
   __name: "Attachments",
   props: {
     variant: { default: "grid" },
@@ -702,43 +707,43 @@ const Ws = /* @__PURE__ */ S({
   },
   setup(s) {
     const t = s, e = z(() => t.variant);
-    return je(dt, { variant: e }), (a, i) => (o(), x("div", oe({
-      class: n(R)(
+    return je(dt, { variant: e }), (o, i) => (n(), x("div", oe({
+      class: a(R)(
         "flex items-start",
         e.value === "list" ? "flex-col gap-2" : "flex-wrap gap-2",
         e.value === "grid" && "ml-auto w-fit",
         t.class
       )
-    }, a.$attrs), [
-      D(a.$slots, "default")
+    }, o.$attrs), [
+      D(o.$slots, "default")
     ], 16));
   }
-}), Ys = /* @__PURE__ */ S({
+}), Zs = /* @__PURE__ */ S({
   __name: "InputAttachmentsDisplay",
   setup(s) {
-    const { files: t, removeFile: e } = Ls();
-    function a(i) {
+    const { files: t, removeFile: e } = Rs();
+    function o(i) {
       return i;
     }
-    return (i, r) => n(t).length > 0 ? (o(), $(n(Xs), {
+    return (i, c) => a(t).length > 0 ? (n(), $(a(Ys), {
       key: 0,
       variant: "inline",
       class: "attachments-inline"
     }, {
       default: C(() => [
-        (o(!0), x(le, null, pe(n(t), (m) => (o(), $(n(Ws), {
-          key: m.id,
-          data: m,
-          title: m.filename,
-          onRemove: (l) => n(e)(m.id)
+        (n(!0), x(le, null, pe(a(t), (l) => (n(), $(a(Fs), {
+          key: l.id,
+          data: l,
+          title: l.filename,
+          onRemove: (r) => a(e)(l.id)
         }, {
           default: C(() => [
-            I(n(Gs)),
-            I(n(Ns), {
+            I(a(qs)),
+            I(a(Ks), {
               class: "attachment-info",
-              title: m.filename
+              title: l.filename
             }, null, 8, ["title"]),
-            I(n(Js))
+            I(a(Xs))
           ]),
           _: 2
         }, 1032, ["data", "title", "onRemove"]))), 128))
@@ -746,7 +751,7 @@ const Ws = /* @__PURE__ */ S({
       _: 1
     })) : F("", !0);
   }
-}), Zs = /* @__PURE__ */ ce(Ys, [["__scopeId", "data-v-26befc49"]]), Ye = /* @__PURE__ */ S({
+}), Qs = /* @__PURE__ */ ue(Zs, [["__scopeId", "data-v-26befc49"]]), Ye = /* @__PURE__ */ S({
   __name: "Suggestion",
   props: {
     suggestion: {},
@@ -756,50 +761,50 @@ const Ws = /* @__PURE__ */ S({
   },
   emits: ["click"],
   setup(s, { emit: t }) {
-    const e = s, a = t;
+    const e = s, o = t;
     function i() {
-      a("click", e.suggestion);
+      o("click", e.suggestion);
     }
-    return (r, m) => (o(), $(n(Ee), oe({
-      class: n(R)("cursor-pointer rounded-full px-4", e.class),
+    return (c, l) => (n(), $(a(Ee), oe({
+      class: a(R)("cursor-pointer rounded-full px-4", e.class),
       size: e.size,
       type: "button",
       variant: e.variant
-    }, r.$attrs, { onClick: i }), {
+    }, c.$attrs, { onClick: i }), {
       default: C(() => [
-        D(r.$slots, "default", {}, () => [
+        D(c.$slots, "default", {}, () => [
           Oe(H(e.suggestion), 1)
         ])
       ]),
       _: 3
     }, 16, ["class", "size", "variant"]));
   }
-}), Qs = {
+}), ea = {
   class: "suggestions-measurements",
   "aria-hidden": "true"
-}, en = 3200, tn = 5, sn = /* @__PURE__ */ S({
+}, ta = 3200, sa = 5, aa = /* @__PURE__ */ S({
   __name: "ChatSuggestions",
   props: {
     suggestions: {}
   },
   emits: ["select"],
   setup(s, { emit: t }) {
-    const e = s, a = t, i = M(null), r = M([]), m = M([]), l = M(0), v = M(!1);
+    const e = s, o = t, i = M(null), c = M([]), l = M([]), r = M(0), v = M(!1);
     let T = null, w = null;
-    const A = z(() => m.value.length > 1), f = z(() => {
-      const Z = m.value[l.value];
+    const A = z(() => l.value.length > 1), f = z(() => {
+      const Z = l.value[r.value];
       return Z ? e.suggestions.slice(Z.start, Z.end) : e.suggestions;
     });
     function B(Z, ee) {
-      r.value[ee] = Z;
+      c.value[ee] = Z;
     }
     function q() {
       T && (clearInterval(T), T = null);
     }
     function J() {
       q(), !(!A.value || v.value) && (T = setInterval(() => {
-        l.value = (l.value + 1) % m.value.length;
-      }, en));
+        r.value = (r.value + 1) % l.value.length;
+      }, ta));
     }
     function re() {
       v.value = !0, q();
@@ -809,28 +814,28 @@ const Ws = /* @__PURE__ */ S({
     }
     function X() {
       var g;
-      const Z = ((g = i.value) == null ? void 0 : g.clientWidth) ?? 0, ee = e.suggestions.map((y, ne) => {
+      const Z = ((g = i.value) == null ? void 0 : g.clientWidth) ?? 0, ee = e.suggestions.map((y, ae) => {
         var b;
-        return ((b = r.value[ne]) == null ? void 0 : b.offsetWidth) ?? 0;
+        return ((b = c.value[ae]) == null ? void 0 : b.offsetWidth) ?? 0;
       });
       if (!e.suggestions.length) {
-        m.value = [], l.value = 0, q();
+        l.value = [], r.value = 0, q();
         return;
       }
       if (!Z || ee.some((y) => y === 0)) {
-        m.value = [{ start: 0, end: e.suggestions.length }], l.value = 0, q();
+        l.value = [{ start: 0, end: e.suggestions.length }], r.value = 0, q();
         return;
       }
       const E = [];
-      let te = 0, c = 0;
-      e.suggestions.forEach((y, ne) => {
-        const b = ee[ne], O = te === ne ? b : c + tn + b;
-        if (te !== ne && O > Z) {
-          E.push({ start: te, end: ne }), te = ne, c = b;
+      let te = 0, d = 0;
+      e.suggestions.forEach((y, ae) => {
+        const b = ee[ae], O = te === ae ? b : d + sa + b;
+        if (te !== ae && O > Z) {
+          E.push({ start: te, end: ae }), te = ae, d = b;
           return;
         }
-        c = O;
-      }), E.push({ start: te, end: e.suggestions.length }), m.value = E, l.value = Math.min(l.value, Math.max(E.length - 1, 0)), J();
+        d = O;
+      }), E.push({ start: te, end: e.suggestions.length }), l.value = E, r.value = Math.min(r.value, Math.max(E.length - 1, 0)), J();
     }
     async function V() {
       await ft(), X();
@@ -838,16 +843,16 @@ const Ws = /* @__PURE__ */ S({
     return Te(
       () => e.suggestions,
       async () => {
-        r.value = [], l.value = 0, q(), await V();
+        c.value = [], r.value = 0, q(), await V();
       },
       { immediate: !0 }
     ), Ze(() => {
       w = new ResizeObserver(() => {
-        l.value = 0, V();
+        r.value = 0, V();
       }), i.value && w.observe(i.value);
     }), Qe(() => {
       q(), w == null || w.disconnect();
-    }), (Z, ee) => (o(), x("div", {
+    }), (Z, ee) => (n(), x("div", {
       class: "suggestions-wrapper",
       onMouseenter: re,
       onMouseleave: U
@@ -862,26 +867,26 @@ const Ws = /* @__PURE__ */ S({
           mode: "out-in"
         }, {
           default: C(() => [
-            (o(), x("div", {
-              key: l.value,
+            (n(), x("div", {
+              key: r.value,
               class: "suggestions-row"
             }, [
-              (o(!0), x(le, null, pe(f.value, (E) => (o(), $(n(Ye), {
+              (n(!0), x(le, null, pe(f.value, (E) => (n(), $(a(Ye), {
                 key: E,
                 suggestion: E,
                 class: "suggestion-chip",
-                onClick: (te) => a("select", E)
+                onClick: (te) => o("select", E)
               }, null, 8, ["suggestion", "onClick"]))), 128))
             ]))
           ]),
           _: 1
         })
       ], 2),
-      k("div", Qs, [
-        (o(!0), x(le, null, pe(s.suggestions, (E, te) => (o(), $(n(Ye), {
+      k("div", ea, [
+        (n(!0), x(le, null, pe(s.suggestions, (E, te) => (n(), $(a(Ye), {
           key: `measure-${E}-${te}`,
           ref_for: !0,
-          ref: (c) => B((c == null ? void 0 : c.$el) || c, te),
+          ref: (d) => B((d == null ? void 0 : d.$el) || d, te),
           suggestion: E,
           class: "suggestion-chip",
           tabindex: "-1"
@@ -889,17 +894,17 @@ const Ws = /* @__PURE__ */ S({
       ])
     ], 32));
   }
-}), nn = /* @__PURE__ */ ce(sn, [["__scopeId", "data-v-7c935d5c"]]), an = /* @__PURE__ */ S({
+}), na = /* @__PURE__ */ ue(aa, [["__scopeId", "data-v-7c935d5c"]]), oa = /* @__PURE__ */ S({
   __name: "InputGroup",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), x("div", {
+    return (e, o) => (n(), x("div", {
       "data-slot": "input-group",
       role: "group",
-      class: G(n(R)(
+      class: G(a(R)(
         "group/input-group relative flex w-full items-center rounded-md border border-[var(--ai-input-border)] bg-[var(--ai-input-bg)] shadow-xs transition-[color,box-shadow,border-color] outline-none",
         "h-9 min-w-0 has-[>textarea]:h-auto",
         // Variants based on alignment.
@@ -917,7 +922,7 @@ const Ws = /* @__PURE__ */ S({
       D(e.$slots, "default")
     ], 2));
   }
-}), on = ["data-align"], rn = /* @__PURE__ */ S({
+}), ra = ["data-align"], ia = /* @__PURE__ */ S({
   __name: "InputGroupAddon",
   props: {
     align: { default: "inline-start" },
@@ -925,20 +930,20 @@ const Ws = /* @__PURE__ */ S({
   },
   setup(s) {
     const t = s;
-    function e(a) {
-      var m, l;
-      const i = a.currentTarget, r = a.target;
-      r && r.closest("button") || i && (i != null && i.parentElement) && ((l = (m = i.parentElement) == null ? void 0 : m.querySelector("input")) == null || l.focus());
+    function e(o) {
+      var l, r;
+      const i = o.currentTarget, c = o.target;
+      c && c.closest("button") || i && (i != null && i.parentElement) && ((r = (l = i.parentElement) == null ? void 0 : l.querySelector("input")) == null || r.focus());
     }
-    return (a, i) => (o(), x("div", {
+    return (o, i) => (n(), x("div", {
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": t.align,
-      class: G(n(R)(n(cn)({ align: t.align }), t.class)),
+      class: G(a(R)(a(ca)({ align: t.align }), t.class)),
       onClick: e
     }, [
-      D(a.$slots, "default")
-    ], 10, on));
+      D(o.$slots, "default")
+    ], 10, ra));
   }
 }), Le = /* @__PURE__ */ S({
   __name: "InputGroupButton",
@@ -949,10 +954,10 @@ const Ws = /* @__PURE__ */ S({
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), $(n(Ee), {
+    return (e, o) => (n(), $(a(Ee), {
       "data-size": t.size,
       variant: t.variant,
-      class: G(n(R)(n(dn)({ size: t.size }), t.class))
+      class: G(a(R)(a(da)({ size: t.size }), t.class))
     }, {
       default: C(() => [
         D(e.$slots, "default")
@@ -960,7 +965,7 @@ const Ws = /* @__PURE__ */ S({
       _: 3
     }, 8, ["data-size", "variant", "class"]));
   }
-}), ln = /* @__PURE__ */ S({
+}), la = /* @__PURE__ */ S({
   __name: "Textarea",
   props: {
     class: { type: [Boolean, null, String, Object, Array] },
@@ -973,30 +978,30 @@ const Ws = /* @__PURE__ */ S({
       passive: !0,
       defaultValue: e.defaultValue
     });
-    return (r, m) => we((o(), x("textarea", {
-      "onUpdate:modelValue": m[0] || (m[0] = (l) => gt(i) ? i.value = l : null),
+    return (c, l) => we((n(), x("textarea", {
+      "onUpdate:modelValue": l[0] || (l[0] = (r) => gt(i) ? i.value = r : null),
       "data-slot": "textarea",
-      class: G(n(R)("border-input text-[var(--ai-input-text)] placeholder:text-[var(--ai-input-placeholder)] focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", e.class))
+      class: G(a(R)("border-input text-[var(--ai-input-text)] placeholder:text-[var(--ai-input-placeholder)] focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", e.class))
     }, null, 2)), [
-      [vt, n(i)]
+      [vt, a(i)]
     ]);
   }
-}), un = /* @__PURE__ */ S({
+}), ua = /* @__PURE__ */ S({
   __name: "InputGroupTextarea",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), $(n(ln), {
+    return (e, o) => (n(), $(a(la), {
       "data-slot": "input-group-control",
-      class: G(n(R)(
+      class: G(a(R)(
         "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
         t.class
       ))
     }, null, 8, ["class"]));
   }
-}), cn = Ue(
+}), ca = Ue(
   "text-[var(--ai-control-muted)] flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
   {
     variants: {
@@ -1011,7 +1016,7 @@ const Ws = /* @__PURE__ */ S({
       align: "inline-start"
     }
   }
-), dn = Ue(
+), da = Ue(
   "text-sm shadow-none flex gap-2 items-center",
   {
     variants: {
@@ -1026,7 +1031,7 @@ const Ws = /* @__PURE__ */ S({
       size: "xs"
     }
   }
-), pn = /* @__PURE__ */ S({
+), pa = /* @__PURE__ */ S({
   __name: "DropdownMenu",
   props: {
     defaultOpen: { type: Boolean },
@@ -1037,14 +1042,14 @@ const Ws = /* @__PURE__ */ S({
   emits: ["update:open"],
   setup(s, { emit: t }) {
     const i = it(s, t);
-    return (r, m) => (o(), $(n(os), oe({ "data-slot": "dropdown-menu" }, n(i)), {
-      default: C((l) => [
-        D(r.$slots, "default", xe(ke(l)))
+    return (c, l) => (n(), $(a(os), oe({ "data-slot": "dropdown-menu" }, a(i)), {
+      default: C((r) => [
+        D(c.$slots, "default", xe(ke(r)))
       ]),
       _: 3
     }, 16));
   }
-}), mn = /* @__PURE__ */ S({
+}), ma = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DropdownMenuContent",
   props: {
@@ -1074,16 +1079,16 @@ const Ws = /* @__PURE__ */ S({
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
   setup(s, { emit: t }) {
-    const e = s, a = t, i = Re(e, "class"), r = it(i, a), { portalHost: m } = gs();
-    return (l, v) => (o(), $(n(rs), {
-      to: n(m) || void 0
+    const e = s, o = t, i = Re(e, "class"), c = it(i, o), { portalHost: l } = gs();
+    return (r, v) => (n(), $(a(rs), {
+      to: a(l) || void 0
     }, {
       default: C(() => [
-        I(n(is), oe({ "data-slot": "dropdown-menu-content" }, { ...l.$attrs, ...n(r) }, {
-          class: n(R)("bg-[var(--ai-layer-bg)] text-[var(--ai-layer-text)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-[var(--ai-layer-border)] p-1 shadow-[var(--ai-layer-shadow)]", e.class)
+        I(a(is), oe({ "data-slot": "dropdown-menu-content" }, { ...r.$attrs, ...a(c) }, {
+          class: a(R)("bg-[var(--ai-layer-bg)] text-[var(--ai-layer-text)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-[var(--ai-layer-border)] p-1 shadow-[var(--ai-layer-shadow)]", e.class)
         }), {
           default: C(() => [
-            D(l.$slots, "default")
+            D(r.$slots, "default")
           ]),
           _: 3
         }, 16, ["class"])
@@ -1091,7 +1096,7 @@ const Ws = /* @__PURE__ */ S({
       _: 3
     }, 8, ["to"]));
   }
-}), fn = /* @__PURE__ */ S({
+}), fa = /* @__PURE__ */ S({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -1103,13 +1108,13 @@ const Ws = /* @__PURE__ */ S({
     variant: { default: "default" }
   },
   setup(s) {
-    const t = s, e = Re(t, "inset", "variant", "class"), a = lt(e);
-    return (i, r) => (o(), $(n(ls), oe({
+    const t = s, e = Re(t, "inset", "variant", "class"), o = lt(e);
+    return (i, c) => (n(), $(a(ls), oe({
       "data-slot": "dropdown-menu-item",
       "data-inset": s.inset ? "" : void 0,
       "data-variant": s.variant
-    }, n(a), {
-      class: n(R)("focus:bg-[var(--ai-control-hover-bg)] focus:text-[var(--ai-control-hover-text)] data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-[var(--ai-control-muted)] relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t.class)
+    }, a(o), {
+      class: a(R)("focus:bg-[var(--ai-control-hover-bg)] focus:text-[var(--ai-control-hover-text)] data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-[var(--ai-control-muted)] relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t.class)
     }), {
       default: C(() => [
         D(i.$slots, "default")
@@ -1117,7 +1122,7 @@ const Ws = /* @__PURE__ */ S({
       _: 3
     }, 16, ["data-inset", "data-variant", "class"]));
   }
-}), gn = /* @__PURE__ */ S({
+}), ga = /* @__PURE__ */ S({
   __name: "DropdownMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -1126,32 +1131,32 @@ const Ws = /* @__PURE__ */ S({
   },
   setup(s) {
     const e = lt(s);
-    return (a, i) => (o(), $(n(us), oe({ "data-slot": "dropdown-menu-trigger" }, n(e)), {
+    return (o, i) => (n(), $(a(us), oe({ "data-slot": "dropdown-menu-trigger" }, a(e)), {
       default: C(() => [
-        D(a.$slots, "default")
+        D(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), vn = { class: "input-wrapper" }, hn = { class: "w-full" }, yn = { class: "input-top" }, _n = {
+}), va = { class: "input-wrapper" }, ha = { class: "w-full" }, ya = { class: "input-top" }, _a = {
   key: 0,
   class: "input-suggestions"
-}, bn = {
+}, ba = {
   key: 1,
   class: "attachments-divider"
-}, xn = {
+}, xa = {
   key: 2,
   class: "input-attachments"
-}, kn = { class: "contents" }, wn = { class: "flex items-center gap-1" }, $n = { class: "flex items-center gap-1" }, Cn = ["src", "alt"], In = {
+}, ka = { class: "contents" }, wa = { class: "flex items-center gap-1" }, $a = { class: "flex items-center gap-1" }, Ca = ["src", "alt"], Ia = {
   key: 1,
   class: "whitespace-nowrap"
-}, zn = {
+}, za = {
   key: 2,
   class: "text-muted-foreground"
-}, Sn = ["src", "alt"], An = { class: "flex-1 truncate" }, Mn = {
+}, Sa = ["src", "alt"], Aa = { class: "flex-1 truncate" }, Ma = {
   key: 0,
   class: "ml-1.5 rounded bg-[var(--ai-muted-surface)] px-1.5 py-0.5 text-[11px] text-[var(--ai-menu-heading)]"
-}, Tn = /* @__PURE__ */ S({
+}, Ta = /* @__PURE__ */ S({
   __name: "ChatInput",
   props: /* @__PURE__ */ Ne({
     status: {},
@@ -1165,26 +1170,26 @@ const Ws = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ Ne(["submit", "stop", "selectSuggestion", "update:currentModel", "update:useWebSearch"], ["update:modelSelectorOpen"]),
   setup(s, { emit: t }) {
-    const e = s, a = t, i = ht(s, "modelSelectorOpen"), r = M(""), m = M(!1), l = M([]), v = M(null), T = M(!1);
+    const e = s, o = t, i = ht(s, "modelSelectorOpen"), c = M(""), l = M(!1), r = M([]), v = M(null), T = M(!1);
     Qe(() => {
-      l.value.forEach((u) => {
+      r.value.forEach((u) => {
         u.url && u.url.startsWith("blob:") && URL.revokeObjectURL(u.url);
       });
     });
     const w = (u) => {
-      r.value = u;
+      c.value = u;
     };
-    function A(u, p, _) {
-      return u.type === "file_url" ? "file_url" : u.type === "image" ? "image" : u.type === "file" ? "file" : _ && !_.startsWith("blob:") && !_.startsWith("data:") ? "file_url" : ((p == null ? void 0 : p.type) || "").startsWith("image/") ? "image" : "file";
+    function A(u, m, _) {
+      return u.type === "file_url" ? "file_url" : u.type === "image" ? "image" : u.type === "file" ? "file" : _ && !_.startsWith("blob:") && !_.startsWith("data:") ? "file_url" : ((m == null ? void 0 : m.type) || "").startsWith("image/") ? "image" : "file";
     }
     const f = (u) => {
-      const p = new Set(
-        l.value.map((h) => {
+      const m = new Set(
+        r.value.map((h) => {
           var j;
           return (j = h.filename) == null ? void 0 : j.trim();
         }).filter((h) => !!h)
       ), _ = u.flatMap((h) => {
-        var ue, _e;
+        var ce, _e;
         const j = h.type === "file_url" ? {
           ...h,
           id: h.id || He(),
@@ -1203,25 +1208,25 @@ const Ws = /* @__PURE__ */ S({
             filename: h.filename || (Y == null ? void 0 : Y.name),
             file: Y
           };
-        })(), K = (ue = j.filename) == null ? void 0 : ue.trim();
-        return K && p.has(K) ? ((_e = j.url) != null && _e.startsWith("blob:") && URL.revokeObjectURL(j.url), []) : (K && p.add(K), [j]);
+        })(), K = (ce = j.filename) == null ? void 0 : ce.trim();
+        return K && m.has(K) ? ((_e = j.url) != null && _e.startsWith("blob:") && URL.revokeObjectURL(j.url), []) : (K && m.add(K), [j]);
       });
-      l.value = [...l.value, ..._], m.value = l.value.length > 0;
+      r.value = [...r.value, ..._], l.value = r.value.length > 0;
     }, B = (u) => {
-      const p = Array.from(u);
-      f(p.map((_) => ({
+      const m = Array.from(u);
+      f(m.map((_) => ({
         type: _.type.startsWith("image/") ? "image" : "file",
         file: _
       })));
     }, q = (u) => {
-      const p = l.value.find((_) => _.id === u);
-      p != null && p.url && p.url.startsWith("blob:") && URL.revokeObjectURL(p.url), l.value = l.value.filter((_) => _.id !== u), m.value = l.value.length > 0;
+      const m = r.value.find((_) => _.id === u);
+      m != null && m.url && m.url.startsWith("blob:") && URL.revokeObjectURL(m.url), r.value = r.value.filter((_) => _.id !== u), l.value = r.value.length > 0;
     }, J = () => {
-      l.value.forEach((u) => {
+      r.value.forEach((u) => {
         u.url && u.url.startsWith("blob:") && URL.revokeObjectURL(u.url);
-      }), l.value = [], m.value = !1;
+      }), r.value = [], l.value = !1;
     }, re = () => {
-      r.value = "";
+      c.value = "";
     }, U = () => {
       var u;
       (u = v.value) == null || u.click();
@@ -1237,7 +1242,7 @@ const Ws = /* @__PURE__ */ S({
       }
     }, V = async () => {
       const u = await Promise.all(
-        l.value.map(async (_) => {
+        r.value.map(async (_) => {
           if (_.url && _.url.startsWith("blob:")) {
             const h = await X(_.url);
             return {
@@ -1249,15 +1254,15 @@ const Ws = /* @__PURE__ */ S({
           }
           return _;
         })
-      ), p = {
-        text: r.value,
+      ), m = {
+        text: c.value,
         files: u
       };
-      a("submit", p), re(), J();
+      o("submit", m), re(), J();
     };
     je(ct, {
-      textInput: r,
-      files: l,
+      textInput: c,
+      files: r,
       fileInputRef: v,
       isLoading: T,
       setTextInput: w,
@@ -1269,19 +1274,19 @@ const Ws = /* @__PURE__ */ S({
       openFileDialog: U,
       sendMessage: V
     });
-    const ee = z(() => !r.value.trim() && !m.value), E = z(() => e.currentModel || e.models.find((u) => u.is_default) || e.models[0]), te = z(() => {
+    const ee = z(() => !c.value.trim() && !l.value), E = z(() => e.currentModel || e.models.find((u) => u.is_default) || e.models[0]), te = z(() => {
       const u = {};
-      return e.models.forEach((p) => {
-        const _ = p.provider || "Other";
-        u[_] || (u[_] = []), u[_].push(p);
+      return e.models.forEach((m) => {
+        const _ = m.provider || "Other";
+        u[_] || (u[_] = []), u[_].push(m);
       }), u;
-    }), c = z(() => Object.keys(te.value));
+    }), d = z(() => Object.keys(te.value));
     function g(u) {
-      const p = e.models.find((_) => _.name === u);
-      p && a("update:currentModel", p), i.value = !1;
+      const m = e.models.find((_) => _.name === u);
+      m && o("update:currentModel", m), i.value = !1;
     }
     const y = M(!1);
-    function ne(u) {
+    function ae(u) {
       if (u.key === "Enter") {
         if (de.value) {
           u.shiftKey || u.preventDefault();
@@ -1291,18 +1296,18 @@ const Ws = /* @__PURE__ */ S({
           return;
         u.preventDefault(), V();
       }
-      if (u.key === "Backspace" && r.value === "" && l.value.length > 0) {
-        const p = l.value[l.value.length - 1];
-        p && q(p.id);
+      if (u.key === "Backspace" && c.value === "" && r.value.length > 0) {
+        const m = r.value[r.value.length - 1];
+        m && q(m.id);
       }
     }
     function b(u) {
       var h;
-      const p = (h = u.clipboardData) == null ? void 0 : h.items;
-      if (!p)
+      const m = (h = u.clipboardData) == null ? void 0 : h.items;
+      if (!m)
         return;
       const _ = [];
-      for (const j of Array.from(p))
+      for (const j of Array.from(m))
         if (j.kind === "file") {
           const K = j.getAsFile();
           K && _.push(K);
@@ -1311,17 +1316,17 @@ const Ws = /* @__PURE__ */ S({
     }
     const O = z(() => e.status === "streaming" ? "destructive" : "submit"), W = z(() => e.status === "streaming" ? Wt : Ft), he = z(() => e.status === "streaming" ? "size-4 animate-spin" : "size-4"), me = z(() => de.value ? !1 : ee.value), de = z(() => e.status === "streaming");
     function $e() {
-      de.value ? a("stop") : V();
+      de.value ? o("stop") : V();
     }
     function ye(u) {
-      const p = u.target;
-      p.src = "https://models.dev/logos/openai.svg";
+      const m = u.target;
+      m.src = "https://models.dev/logos/openai.svg";
     }
     function Ce(u) {
-      const p = u.target;
-      p.files && B(p.files), p.value = "";
+      const m = u.target;
+      m.files && B(m.files), m.value = "";
     }
-    return (u, p) => (o(), x("div", vn, [
+    return (u, m) => (n(), x("div", va, [
       k("input", {
         ref_key: "fileInputRef",
         ref: v,
@@ -1331,85 +1336,85 @@ const Ws = /* @__PURE__ */ S({
         accept: "image/*,.pdf,.doc,.docx,.txt",
         onChange: Ce
       }, null, 544),
-      k("div", hn, [
-        I(n(an), { class: "input-group-shell overflow-hidden" }, {
+      k("div", ha, [
+        I(a(oa), { class: "input-group-shell overflow-hidden" }, {
           default: C(() => [
-            k("div", yn, [
-              e.suggestions.length > 0 ? (o(), x("div", _n, [
-                I(nn, {
+            k("div", ya, [
+              e.suggestions.length > 0 ? (n(), x("div", _a, [
+                I(na, {
                   suggestions: e.suggestions,
-                  onSelect: p[0] || (p[0] = (_) => a("selectSuggestion", _))
+                  onSelect: m[0] || (m[0] = (_) => o("selectSuggestion", _))
                 }, null, 8, ["suggestions"])
               ])) : F("", !0),
-              e.suggestions.length > 0 ? (o(), x("div", bn)) : F("", !0),
-              l.value.length > 0 ? (o(), x("div", xn, [
-                I(Zs)
+              e.suggestions.length > 0 ? (n(), x("div", ba)) : F("", !0),
+              r.value.length > 0 ? (n(), x("div", xa, [
+                I(Qs)
               ])) : F("", !0)
             ]),
-            k("div", kn, [
-              I(n(un), {
-                modelValue: r.value,
-                "onUpdate:modelValue": p[1] || (p[1] = (_) => r.value = _),
+            k("div", ka, [
+              I(a(ua), {
+                modelValue: c.value,
+                "onUpdate:modelValue": m[1] || (m[1] = (_) => c.value = _),
                 placeholder: "有什么我能帮您的?",
                 name: "message",
                 class: "field-sizing-content max-h-48 min-h-16 pt-2 pb-3",
-                onKeydown: ne,
+                onKeydown: ae,
                 onPaste: b,
-                onCompositionstart: p[2] || (p[2] = (_) => y.value = !0),
-                onCompositionend: p[3] || (p[3] = (_) => y.value = !1)
+                onCompositionstart: m[2] || (m[2] = (_) => y.value = !0),
+                onCompositionend: m[3] || (m[3] = (_) => y.value = !1)
               }, null, 8, ["modelValue"])
             ]),
-            I(n(rn), {
+            I(a(ia), {
               align: "block-end",
               class: "justify-between gap-1"
             }, {
               default: C(() => [
-                k("div", wn, [
-                  I(n(Le), {
+                k("div", wa, [
+                  I(a(Le), {
                     type: "button",
                     class: "attachment-button cursor-pointer text-muted-foreground",
                     onClick: U
                   }, {
                     default: C(() => [
-                      I(n(rt), { class: "size-4" })
+                      I(a(rt), { class: "size-4" })
                     ]),
                     _: 1
                   }),
                   D(u.$slots, "attachment-trigger", { addAttachments: f }, void 0, !0)
                 ]),
-                k("div", $n, [
-                  I(n(pn), {
+                k("div", $a, [
+                  I(a(pa), {
                     open: i.value,
-                    "onUpdate:open": p[4] || (p[4] = (_) => i.value = _)
+                    "onUpdate:open": m[4] || (m[4] = (_) => i.value = _)
                   }, {
                     default: C(() => [
-                      I(n(gn), { "as-child": "" }, {
+                      I(a(ga), { "as-child": "" }, {
                         default: C(() => [
-                          I(n(Le), {
+                          I(a(Le), {
                             type: "button",
                             class: "flex items-center gap-1 cursor-pointer"
                           }, {
                             default: C(() => [
-                              E.value ? (o(), x("img", {
+                              E.value ? (n(), x("img", {
                                 key: 0,
-                                src: `https://models.dev/logos/${n(qe)(E.value.name)}.svg`,
+                                src: `https://models.dev/logos/${a(qe)(E.value.name)}.svg`,
                                 class: "size-4 rounded-sm object-contain",
                                 alt: E.value.name,
                                 onError: ye
-                              }, null, 40, Cn)) : F("", !0),
-                              E.value ? (o(), x("span", In, H(E.value.name), 1)) : (o(), x("span", zn, "选择模型")),
-                              I(n(nt), { class: "size-4 opacity-50 shrink-0" })
+                              }, null, 40, Ca)) : F("", !0),
+                              E.value ? (n(), x("span", Ia, H(E.value.name), 1)) : (n(), x("span", za, "选择模型")),
+                              I(a(at), { class: "size-4 opacity-50 shrink-0" })
                             ]),
                             _: 1
                           })
                         ]),
                         _: 1
                       }),
-                      I(n(mn), { align: "start" }, {
+                      I(a(ma), { align: "start" }, {
                         default: C(() => [
-                          (o(!0), x(le, null, pe(c.value, (_) => (o(), x(le, { key: _ }, [
-                            p[5] || (p[5] = k("div", { class: "px-2 py-1.5 text-xs font-semibold text-[var(--ai-menu-heading)]" }, " 请选择模型 ", -1)),
-                            (o(!0), x(le, null, pe(te.value[_], (h) => (o(), $(n(fn), {
+                          (n(!0), x(le, null, pe(d.value, (_) => (n(), x(le, { key: _ }, [
+                            m[5] || (m[5] = k("div", { class: "px-2 py-1.5 text-xs font-semibold text-[var(--ai-menu-heading)]" }, " 请选择模型 ", -1)),
+                            (n(!0), x(le, null, pe(te.value[_], (h) => (n(), $(a(fa), {
                               key: h.name,
                               onSelect: () => g(h.name),
                               class: "cursor-pointer gap-1 text-[13px] text-[var(--ai-menu-text)]"
@@ -1418,16 +1423,16 @@ const Ws = /* @__PURE__ */ S({
                                 var j;
                                 return [
                                   k("img", {
-                                    src: `https://models.dev/logos/${n(qe)(h.name)}.svg`,
+                                    src: `https://models.dev/logos/${a(qe)(h.name)}.svg`,
                                     class: "size-4 rounded-sm object-contain",
                                     alt: h.name,
                                     onError: ye
-                                  }, null, 40, Sn),
-                                  k("span", An, [
+                                  }, null, 40, Sa),
+                                  k("span", Aa, [
                                     Oe(H(h.name) + " ", 1),
-                                    h.is_default ? (o(), x("span", Mn, " 默认 ")) : F("", !0)
+                                    h.is_default ? (n(), x("span", Ma, " 默认 ")) : F("", !0)
                                   ]),
-                                  ((j = E.value) == null ? void 0 : j.name) === h.name ? (o(), $(n(Vt), {
+                                  ((j = E.value) == null ? void 0 : j.name) === h.name ? (n(), $(a(Vt), {
                                     key: 0,
                                     class: "size-4"
                                   })) : F("", !0)
@@ -1442,7 +1447,7 @@ const Ws = /* @__PURE__ */ S({
                     ]),
                     _: 1
                   }, 8, ["open"]),
-                  I(n(Le), {
+                  I(a(Le), {
                     "aria-label": "Submit",
                     type: "button",
                     size: "icon-sm",
@@ -1452,7 +1457,7 @@ const Ws = /* @__PURE__ */ S({
                     onClick: $e
                   }, {
                     default: C(() => [
-                      (o(), $(ge(W.value), {
+                      (n(), $(ge(W.value), {
                         class: G(he.value)
                       }, null, 8, ["class"]))
                     ]),
@@ -1468,13 +1473,13 @@ const Ws = /* @__PURE__ */ S({
       ])
     ]));
   }
-}), Bn = /* @__PURE__ */ ce(Tn, [["__scopeId", "data-v-e33fe8e8"]]), Pn = ["height", "width"], On = /* @__PURE__ */ S({
+}), Ba = /* @__PURE__ */ ue(Ta, [["__scopeId", "data-v-c7820daf"]]), Pa = ["height", "width"], Oa = /* @__PURE__ */ S({
   __name: "LoaderIcon",
   props: {
     size: { default: 16 }
   },
   setup(s) {
-    return (t, e) => (o(), x("svg", {
+    return (t, e) => (n(), x("svg", {
       height: s.size,
       "stroke-linejoin": "round",
       style: { color: "currentcolor" },
@@ -1482,9 +1487,9 @@ const Ws = /* @__PURE__ */ S({
       width: s.size
     }, [...e[0] || (e[0] = [
       yt('<title>Loader</title><g clip-path="url(#clip0_2393_1490)"><path d="M8 0V4" stroke="currentColor" stroke-width="1.5"></path><path d="M8 16V12" opacity="0.5" stroke="currentColor" stroke-width="1.5"></path><path d="M3.29773 1.52783L5.64887 4.7639" opacity="0.9" stroke="currentColor" stroke-width="1.5"></path><path d="M12.7023 1.52783L10.3511 4.7639" opacity="0.1" stroke="currentColor" stroke-width="1.5"></path><path d="M12.7023 14.472L10.3511 11.236" opacity="0.4" stroke="currentColor" stroke-width="1.5"></path><path d="M3.29773 14.472L5.64887 11.236" opacity="0.6" stroke="currentColor" stroke-width="1.5"></path><path d="M15.6085 5.52783L11.8043 6.7639" opacity="0.2" stroke="currentColor" stroke-width="1.5"></path><path d="M0.391602 10.472L4.19583 9.23598" opacity="0.7" stroke="currentColor" stroke-width="1.5"></path><path d="M15.6085 10.4722L11.8043 9.2361" opacity="0.3" stroke="currentColor" stroke-width="1.5"></path><path d="M0.391602 5.52783L4.19583 6.7639" opacity="0.8" stroke="currentColor" stroke-width="1.5"></path></g><defs><clipPath id="clip0_2393_1490"><rect fill="white" height="16" width="16"></rect></clipPath></defs>', 3)
-    ])], 8, Pn));
+    ])], 8, Pa));
   }
-}), jn = /* @__PURE__ */ S({
+}), ja = /* @__PURE__ */ S({
   __name: "Loader",
   props: {
     size: { default: 16 },
@@ -1492,21 +1497,21 @@ const Ws = /* @__PURE__ */ S({
   },
   setup(s) {
     const t = s;
-    return (e, a) => (o(), x("div", oe({
-      class: n(R)("inline-flex animate-spin items-center justify-center", t.class),
+    return (e, o) => (n(), x("div", oe({
+      class: a(R)("inline-flex animate-spin items-center justify-center", t.class),
       "aria-label": "Loading",
       "aria-live": "polite",
       role: "status"
     }, e.$attrs), [
-      I(On, {
+      I(Oa, {
         size: t.size
       }, null, 8, ["size"])
     ], 16));
   }
-}), En = {
+}), Ea = {
   key: 0,
   class: "generated-files"
-}, Dn = ["href"], Ln = /* @__PURE__ */ S({
+}, Da = ["href"], La = /* @__PURE__ */ S({
   __name: "GeneratedFiles",
   props: {
     customContent: {},
@@ -1514,22 +1519,22 @@ const Ws = /* @__PURE__ */ S({
     threadId: {}
   },
   setup(s) {
-    var a;
-    const t = s, e = ((a = t.customContent) == null ? void 0 : a.type) === "generated_files" ? t.customContent.content : null;
-    return (i, r) => n(e) && Array.isArray(n(e)) ? (o(), x("div", En, [
-      (o(!0), x(le, null, pe(n(e), (m, l) => (o(), x("a", {
-        key: l,
+    var o;
+    const t = s, e = ((o = t.customContent) == null ? void 0 : o.type) === "generated_files" ? t.customContent.content : null;
+    return (i, c) => a(e) && Array.isArray(a(e)) ? (n(), x("div", Ea, [
+      (n(!0), x(le, null, pe(a(e), (l, r) => (n(), x("a", {
+        key: r,
         class: "file-item",
-        href: `${t.apiUrl}/webapp/download/${t.threadId}?path=${encodeURIComponent(m)}`,
+        href: `${t.apiUrl}/webapp/download/${t.threadId}?path=${encodeURIComponent(l)}`,
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
-        k("span", null, H(m), 1),
-        I(n(Nt), { class: "file-icon" })
-      ], 8, Dn))), 128))
+        k("span", null, H(l), 1),
+        I(a(Nt), { class: "file-icon" })
+      ], 8, Da))), 128))
     ])) : F("", !0);
   }
-}), Rn = /* @__PURE__ */ ce(Ln, [["__scopeId", "data-v-bb033040"]]), Un = /* @__PURE__ */ S({
+}), Ra = /* @__PURE__ */ ue(La, [["__scopeId", "data-v-bb033040"]]), Ua = /* @__PURE__ */ S({
   __name: "Shimmer",
   props: {
     as: { default: "p" },
@@ -1538,20 +1543,20 @@ const Ws = /* @__PURE__ */ S({
     spread: { default: 2 }
   },
   setup(s) {
-    const t = s, e = _t(), a = z(() => {
+    const t = s, e = _t(), o = z(() => {
       var T;
       const v = (T = e.default) == null ? void 0 : T.call(e);
       return !v || v.length === 0 ? "" : v.map((w) => typeof w.children == "string" ? w.children : "").join("");
     }), i = z(() => {
       var v;
-      return (((v = a.value) == null ? void 0 : v.length) ?? 0) * t.spread;
-    }), r = z(() => R("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", t.class)), m = z(() => ({
+      return (((v = o.value) == null ? void 0 : v.length) ?? 0) * t.spread;
+    }), c = z(() => R("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", t.class)), l = z(() => ({
       "--spread": `${i.value}px`,
       backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
-    })), l = z(() => Ge[t.as] || Ge.p);
-    return (v, T) => (o(), $(ge(l.value), {
-      class: G(r.value),
-      style: tt(m.value),
+    })), r = z(() => Ge[t.as] || Ge.p);
+    return (v, T) => (n(), $(ge(r.value), {
+      class: G(c.value),
+      style: tt(l.value),
       initial: { backgroundPosition: "100% center" },
       animate: { backgroundPosition: "0% center" },
       transition: {
@@ -1566,16 +1571,16 @@ const Ws = /* @__PURE__ */ S({
       _: 3
     }, 8, ["class", "style", "transition"]));
   }
-}), Wn = {
+}), Wa = {
   key: 0,
   class: "todo-section"
-}, Fn = { class: "todo-card" }, Vn = { class: "title" }, Nn = { class: "title-summary" }, Kn = { class: "title-meta" }, Hn = { class: "todo-list" }, Gn = { class: "todo-row" }, qn = { class: "todo-index" }, Jn = {
+}, Fa = { class: "todo-card" }, Va = { class: "title" }, Na = { class: "title-summary" }, Ka = { class: "title-meta" }, Ha = { class: "todo-list" }, Ga = { class: "todo-row" }, qa = { class: "todo-index" }, Ja = {
   class: "indicator",
   "aria-hidden": "true"
-}, Xn = {
+}, Xa = {
   key: 1,
   class: "title-text-base title-text"
-}, Yn = /* @__PURE__ */ S({
+}, Ya = /* @__PURE__ */ S({
   __name: "TodoList",
   props: {
     initialTodos: { default: () => [] },
@@ -1583,59 +1588,59 @@ const Ws = /* @__PURE__ */ S({
     chatStatus: { default: "ready" }
   },
   setup(s) {
-    const t = s, e = M([]), a = M(0), i = z(() => e.value.filter((c) => c.status === "completed").length), r = z(() => e.value.filter((c) => c.status === "in_progress").length), m = z(() => e.value.filter((c) => c.status === "interrupted").length), l = z(() => e.value.filter((c) => c.status === "pending").length), v = M(!1), T = M(!1);
+    const t = s, e = M([]), o = M(0), i = z(() => e.value.filter((d) => d.status === "completed").length), c = z(() => e.value.filter((d) => d.status === "in_progress").length), l = z(() => e.value.filter((d) => d.status === "interrupted").length), r = z(() => e.value.filter((d) => d.status === "pending").length), v = M(!1), T = M(!1);
     function w() {
       v.value = !v.value, T.value = !v.value;
     }
-    function A(c) {
-      if (c.length === 0) {
+    function A(d) {
+      if (d.length === 0) {
         v.value = !1, T.value = !1;
         return;
       }
       !T.value && t.chatStatus === "streaming" && (v.value = !0);
     }
-    function f(c) {
-      return (c || "") === "write_todos";
+    function f(d) {
+      return (d || "") === "write_todos";
     }
-    function B(c, g) {
-      const y = String(c || "").toLowerCase();
+    function B(d, g) {
+      const y = String(d || "").toLowerCase();
       return y === "completed" ? "completed" : y === "in_progress" ? "in_progress" : y === "pending" ? "pending" : y === "interrupted" ? "interrupted" : g;
     }
-    function q(c) {
-      const g = B(c, "pending");
+    function q(d) {
+      const g = B(d, "pending");
       return g === "in_progress" ? "interrupted" : g;
     }
-    function J(c) {
-      return c.state === "completed" ? "completed" : c.state === "interrupted" ? "interrupted" : c.phase === "tool_call_started" ? "pending" : "in_progress";
+    function J(d) {
+      return d.state === "completed" ? "completed" : d.state === "interrupted" ? "interrupted" : d.phase === "tool_call_started" ? "pending" : "in_progress";
     }
-    function re(c, g = "pending") {
-      return c.map((y, ne) => ({
-        id: y.id || `todo-${ne + 1}`,
+    function re(d, g = "pending") {
+      return d.map((y, ae) => ({
+        id: y.id || `todo-${ae + 1}`,
         title: y.title || y.task || y.content || y.text || y.name || "",
         status: B(y.status || y.state, g)
       })).filter((y) => y.title);
     }
-    function U(c) {
-      return c.map((g, y) => ({
+    function U(d) {
+      return d.map((g, y) => ({
         id: g.id || `todo-${y + 1}`,
         title: g.title || g.task || g.content || g.text || g.name || "",
         status: q(g.status || g.state)
       })).filter((g) => g.title);
     }
     function X() {
-      const c = e.value.map((g) => g.status !== "in_progress" ? g : {
+      const d = e.value.map((g) => g.status !== "in_progress" ? g : {
         ...g,
         status: "interrupted"
       });
-      e.value = c, A(c);
+      e.value = d, A(d);
     }
-    function V(c) {
-      return "todo" in c || "todos" in c || "item" in c || "items" in c;
+    function V(d) {
+      return "todo" in d || "todos" in d || "item" in d || "items" in d;
     }
-    function Z(c) {
-      if (!c) return [];
+    function Z(d) {
+      if (!d) return [];
       try {
-        const g = JSON.parse(c);
+        const g = JSON.parse(d);
         if (Array.isArray(g))
           return g;
         if (V(g)) {
@@ -1649,64 +1654,64 @@ const Ws = /* @__PURE__ */ S({
         return [];
       }
     }
-    function ee(c, g = "pending") {
-      const y = Z(c);
+    function ee(d, g = "pending") {
+      const y = Z(d);
       return re(y, g);
     }
-    function E(c, g = "pending") {
-      const y = ee(c, g);
+    function E(d, g = "pending") {
+      const y = ee(d, g);
       return y.length === 0 ? !1 : (e.value = y, A(y), !0);
     }
-    function te(c) {
-      const g = J(c);
-      f(c.name) && E(c.args, g);
+    function te(d) {
+      const g = J(d);
+      f(d.name) && E(d.args, g);
     }
     return Te(
       () => t.initialTodos,
-      (c) => {
-        const g = U(c || []);
+      (d) => {
+        const g = U(d || []);
         e.value = g, A(g);
       },
       { deep: !0, immediate: !0 }
     ), Te(
       () => t.toolEvents,
-      (c) => {
-        if (!c.length) {
-          a.value = 0;
+      (d) => {
+        if (!d.length) {
+          o.value = 0;
           return;
         }
-        c.length < a.value && (e.value = [], a.value = 0, A([])), c.slice(a.value).forEach((y) => {
+        d.length < o.value && (e.value = [], o.value = 0, A([])), d.slice(o.value).forEach((y) => {
           te(y);
-        }), a.value = c.length;
+        }), o.value = d.length;
       },
       { deep: !0, immediate: !0 }
     ), Te(
       () => t.chatStatus,
-      (c, g) => {
-        g === "streaming" && c === "ready" && X();
+      (d, g) => {
+        g === "streaming" && d === "ready" && X();
       }
-    ), (c, g) => e.value.length ? (o(), x("div", Wn, [
-      k("div", Fn, [
+    ), (d, g) => e.value.length ? (n(), x("div", Wa, [
+      k("div", Fa, [
         k("div", {
           class: G(["todo-divider", { collapsed: !v.value }]),
           onClick: w
         }, [
-          k("div", Vn, [
-            (o(), $(ge(v.value ? n(Kt) : n(Ht)), {
+          k("div", Va, [
+            (n(), $(ge(v.value ? a(Kt) : a(Ht)), {
               size: 13,
               class: "title-chevron"
             })),
             g[0] || (g[0] = k("span", { class: "title-label" }, "执行计划", -1)),
-            k("span", Nn, H(i.value) + "/" + H(e.value.length), 1),
-            k("span", Kn, H(r.value > 0 ? `进行中 ${r.value}` : m.value > 0 ? `中断 ${m.value}` : l.value > 0 ? `待处理 ${l.value}` : "已完成"), 1)
+            k("span", Na, H(i.value) + "/" + H(e.value.length), 1),
+            k("span", Ka, H(c.value > 0 ? `进行中 ${c.value}` : l.value > 0 ? `中断 ${l.value}` : r.value > 0 ? `待处理 ${r.value}` : "已完成"), 1)
           ])
         ], 2),
-        we(k("div", Hn, [
-          (o(!0), x(le, null, pe(e.value, (y, ne) => (o(), x("div", {
+        we(k("div", Ha, [
+          (n(!0), x(le, null, pe(e.value, (y, ae) => (n(), x("div", {
             key: y.id,
             class: "todo-item"
           }, [
-            k("div", Gn, [
+            k("div", Ga, [
               k("div", {
                 class: G(["todo-content", {
                   completed: y.status === "completed",
@@ -1715,30 +1720,30 @@ const Ws = /* @__PURE__ */ S({
                   "in-progress": y.status === "in_progress"
                 }])
               }, [
-                k("span", qn, H(ne + 1) + ".", 1),
-                k("span", Jn, [
-                  y.status === "pending" ? (o(), $(n(Gt), {
+                k("span", qa, H(ae + 1) + ".", 1),
+                k("span", Ja, [
+                  y.status === "pending" ? (n(), $(a(Gt), {
                     key: 0,
                     size: 13,
                     class: "status-icon pending-icon"
                   })) : F("", !0),
-                  y.status === "in_progress" ? (o(), $(n(qt), {
+                  y.status === "in_progress" ? (n(), $(a(qt), {
                     key: 1,
                     size: 13,
                     class: "status-icon in-progress-icon"
                   })) : F("", !0),
-                  y.status === "interrupted" ? (o(), $(n(Jt), {
+                  y.status === "interrupted" ? (n(), $(a(Jt), {
                     key: 2,
                     size: 13,
                     class: "status-icon interrupted-icon"
                   })) : F("", !0),
-                  y.status === "completed" ? (o(), $(n(Xt), {
+                  y.status === "completed" ? (n(), $(a(Xt), {
                     key: 3,
                     size: 13,
                     class: "status-icon completed-icon"
                   })) : F("", !0)
                 ]),
-                y.status === "in_progress" ? (o(), $(n(Un), {
+                y.status === "in_progress" ? (n(), $(a(Ua), {
                   key: 0,
                   as: "div",
                   class: "title-text-base title-text-shimmer"
@@ -1747,7 +1752,7 @@ const Ws = /* @__PURE__ */ S({
                     Oe(H(y.title), 1)
                   ]),
                   _: 2
-                }, 1024)) : (o(), x("div", Xn, H(y.title), 1))
+                }, 1024)) : (n(), x("div", Xa, H(y.title), 1))
               ], 2)
             ])
           ]))), 128))
@@ -1757,13 +1762,13 @@ const Ws = /* @__PURE__ */ S({
       ])
     ])) : F("", !0);
   }
-}), Zn = /* @__PURE__ */ ce(Yn, [["__scopeId", "data-v-8ce364e8"]]), Qn = { class: "chat-bot" }, ea = {
+}), Za = /* @__PURE__ */ ue(Ya, [["__scopeId", "data-v-0f197674"]]), Qa = ["data-ai-theme"], en = {
   key: 0,
   class: "flex-1 overflow-y-hidden flex flex-col items-center justify-center"
-}, ta = { class: "default-empty-state" }, sa = { class: "default-empty-title" }, na = {
+}, tn = { class: "default-empty-state" }, sn = { class: "default-empty-title" }, an = {
   key: 2,
   class: "loading-mask"
-}, aa = /* @__PURE__ */ S({
+}, nn = /* @__PURE__ */ S({
   __name: "ChatBot",
   props: {
     assistantId: { default: "research" },
@@ -1774,16 +1779,17 @@ const Ws = /* @__PURE__ */ S({
     showHeaderActions: { type: Boolean, default: !0 },
     suggestions: { default: () => [] },
     apiUrl: { default: "http://localhost:2024" },
-    apiKey: { default: void 0 }
+    apiKey: { default: void 0 },
+    theme: { default: "light" }
   },
   emits: ["close", "update:isMaximized"],
   setup(s, { emit: t }) {
-    const e = s, a = new bt({
+    const e = s, o = new bt({
       apiUrl: e.apiUrl,
       apiKey: e.apiKey || void 0
-    }), i = M(!1), r = M(null), m = M(null);
-    je(ut, { portalHost: m });
-    const l = M("ready"), v = M(""), T = M(!1), w = M(!1), A = M(!0), f = M([]), B = M([]), q = M([]), J = M([]);
+    }), i = M(!1), c = M(null), l = M(null);
+    je(ut, { portalHost: l });
+    const r = M("ready"), v = M(""), T = M(!1), w = M(!1), A = M(!0), f = M([]), B = M([]), q = M([]), J = M([]);
     function re(b) {
       const O = b || "";
       return O.includes("todo") || O === "write_todos";
@@ -1806,9 +1812,9 @@ const Ws = /* @__PURE__ */ S({
           X.value = b, V.value = ps(b) || null;
         })(),
         e.threadId ? (async () => {
-          const b = await ms(a, e.threadId, e.userId);
-          r.value = b, f.value = await fs(
-            a,
+          const b = await ms(o, e.threadId, e.userId);
+          c.value = b, f.value = await fs(
+            o,
             b,
             (O) => {
               B.value = O;
@@ -1825,21 +1831,21 @@ const Ws = /* @__PURE__ */ S({
     }
     async function ee(b, O = []) {
       var me, de, $e, ye, Ce;
-      if (l.value === "streaming") return;
-      l.value = "streaming";
+      if (r.value === "streaming") return;
+      r.value = "streaming";
       const W = [];
       b.trim() && W.push({ type: "text", text: b });
       for (const u of O) {
-        const p = u.mediaType || "application/octet-stream", _ = u.filename || u.id || "unknown", h = u.data || u.url || "", j = h.startsWith("data:"), K = j && h.split(",")[1] || "", ue = u.type || (j ? p.startsWith("image/") ? "image" : "file" : "file_url");
-        if ((ue === "file" || ue === "image") && K) {
-          ue === "image" ? W.push({
+        const m = u.mediaType || "application/octet-stream", _ = u.filename || u.id || "unknown", h = u.data || u.url || "", j = h.startsWith("data:"), K = j && h.split(",")[1] || "", ce = u.type || (j ? m.startsWith("image/") ? "image" : "file" : "file_url");
+        if ((ce === "file" || ce === "image") && K) {
+          ce === "image" ? W.push({
             type: "image",
-            mimeType: p,
+            mimeType: m,
             data: K,
             metadata: { name: _ }
           }) : W.push({
             type: "file",
-            mimeType: p,
+            mimeType: m,
             data: K,
             metadata: { filename: _ }
           });
@@ -1848,7 +1854,7 @@ const Ws = /* @__PURE__ */ S({
         u.url && W.push({
           type: "file_url",
           url: u.url,
-          mimeType: p,
+          mimeType: m,
           metadata: { filename: _ }
         });
       }
@@ -1877,21 +1883,21 @@ const Ws = /* @__PURE__ */ S({
               state: fe
             }]
           };
-        }, p = function(Y, se) {
+        }, m = function(Y, se) {
           const P = f.value[Y];
           P && P.toolCalls && P.toolCalls.length > 0 && (se.args !== void 0 && (P.toolCalls[0].args = se.args), se.result !== void 0 && (P.toolCalls[0].result = se.result), se.state !== void 0 && (P.toolCalls[0].state = se.state));
         };
-        if (!r.value) {
-          const Y = await a.threads.create({
+        if (!c.value) {
+          const Y = await o.threads.create({
             metadata: {
               user_id: e.userId,
               name: b.slice(0, 50)
             }
           });
-          r.value = Y.thread_id;
+          c.value = Y.thread_id;
         }
-        const _ = a.runs.stream(
-          r.value,
+        const _ = o.runs.stream(
+          c.value,
           e.assistantId,
           {
             input: {
@@ -1934,11 +1940,11 @@ const Ws = /* @__PURE__ */ S({
         ];
         let j = "";
         const K = /* @__PURE__ */ new Map();
-        let ue = !1;
+        let ce = !1;
         for await (const Y of _) {
           const se = Y.event, P = Y.data;
           if (se === "metadata" && (P != null && P.run_id) && (v.value = P.run_id), se === "custom") {
-            if (ne(P), (P == null ? void 0 : P.type) === "suggested_questions")
+            if (ae(P), (P == null ? void 0 : P.type) === "suggested_questions")
               continue;
             const fe = {
               type: (P == null ? void 0 : P.type) || "unknown",
@@ -1959,10 +1965,10 @@ const Ws = /* @__PURE__ */ S({
             const fe = Array.isArray(P) ? P : [P], L = fe[0], Ie = fe[1];
             if (Ie != null && Ie.run_id && (v.value = Ie.run_id), L) {
               if (L.type === "tool") {
-                const d = L.tool_call_id, ae = L.name || "未知工具", ie = typeof L.content == "string" ? L.content : JSON.stringify(L.content), N = L.status;
+                const p = L.tool_call_id, ne = L.name || "未知工具", ie = typeof L.content == "string" ? L.content : JSON.stringify(L.content), N = L.status;
                 let Q;
                 for (const [Ae, Me] of K)
-                  if (Me.id === d) {
+                  if (Me.id === p) {
                     Q = Me, K.delete(Ae);
                     break;
                   }
@@ -1979,20 +1985,20 @@ const Ws = /* @__PURE__ */ S({
                   }
                 })(N);
                 if (Q && Q.messageKey !== void 0)
-                  p(Q.messageKey, {
+                  m(Q.messageKey, {
                     args: Q.args,
                     result: ie,
                     state: De
                   });
                 else {
                   const Me = {
-                    key: `tool-${d}-${Date.now()}`,
+                    key: `tool-${p}-${Date.now()}`,
                     type: "tool",
                     content: ie,
                     batchId: v.value,
                     toolCalls: [{
-                      id: d,
-                      name: ae,
+                      id: p,
+                      name: ne,
                       args: (Q == null ? void 0 : Q.args) || "",
                       result: ie,
                       state: De,
@@ -2003,128 +2009,128 @@ const Ws = /* @__PURE__ */ S({
                 }
                 U({
                   phase: "tool_result",
-                  id: d,
-                  name: ae,
+                  id: p,
+                  name: ne,
                   rawArgs: (Q == null ? void 0 : Q.args) || "",
                   result: ie,
                   state: De
                 }), console.log("🔧 阶段4 - 工具结果返回:", {
-                  name: ae,
-                  id: d,
+                  name: ne,
+                  id: p,
                   args: (Q == null ? void 0 : Q.args) || "",
                   result: ie,
                   status: N,
                   messageCount: f.value.length
-                }), ue = !0;
+                }), ce = !0;
                 continue;
               }
               if (L.chunk_position === "last") {
-                for (const [, d] of K)
-                  d.messageKey !== void 0 && p(d.messageKey, { state: "running" }), U({
+                for (const [, p] of K)
+                  p.messageKey !== void 0 && m(p.messageKey, { state: "running" }), U({
                     phase: "tool_call_finished",
-                    id: d.id,
-                    name: d.name,
-                    rawArgs: d.args,
+                    id: p.id,
+                    name: p.name,
+                    rawArgs: p.args,
                     state: "running"
                   });
                 console.log("🛑 阶段3 - 工具调用结束", {
                   chunk_position: L.chunk_position,
                   toolCallsCount: K.size,
-                  allToolCalls: Array.from(K.values()).map((d) => ({ id: d.id, name: d.name, args: d.args }))
+                  allToolCalls: Array.from(K.values()).map((p) => ({ id: p.id, name: p.name, args: p.args }))
                 });
               }
               const be = L.id, Fe = L.tool_calls && L.tool_calls.length > 0, Ve = L.tool_call_chunks && L.tool_call_chunks.length > 0;
               if (Fe || Ve) {
                 if (Fe)
-                  for (const d of L.tool_calls) {
-                    const ae = L.tool_calls.indexOf(d), ie = `${be}_${ae}`, N = K.get(ie);
+                  for (const p of L.tool_calls) {
+                    const ne = L.tool_calls.indexOf(p), ie = `${be}_${ne}`, N = K.get(ie);
                     if (N)
-                      d.id && (N.id = d.id), d.name && (N.name = d.name), d.name && (N.name = d.name);
+                      p.id && (N.id = p.id), p.name && (N.name = p.name), p.name && (N.name = p.name);
                     else {
-                      const Q = u(d.id, d.name, "", "start");
+                      const Q = u(p.id, p.name, "", "start");
                       f.value.push(Q);
                       const ve = f.value.length - 1;
                       K.set(ie, {
-                        id: d.id,
-                        name: d.name,
+                        id: p.id,
+                        name: p.name,
                         args: "",
                         messageKey: ve.toString()
                       }), U({
                         phase: "tool_call_started",
-                        id: d.id,
-                        name: d.name,
-                        rawArgs: typeof d.args == "string" ? d.args : "",
+                        id: p.id,
+                        name: p.name,
+                        rawArgs: typeof p.args == "string" ? p.args : "",
                         state: "start"
                       }), console.log("📝 阶段1 - 工具调用开始:", {
                         messageId: be,
-                        index: ae,
-                        toolCallId: d.id,
-                        name: d.name,
+                        index: ne,
+                        toolCallId: p.id,
+                        name: p.name,
                         msgIndex: ve
                       });
                     }
                   }
                 if (Ve)
-                  for (const d of L.tool_call_chunks) {
-                    const ae = d.index;
-                    if (ae === void 0) continue;
-                    const ie = `${be}_${ae}`;
+                  for (const p of L.tool_call_chunks) {
+                    const ne = p.index;
+                    if (ne === void 0) continue;
+                    const ie = `${be}_${ne}`;
                     let N = K.get(ie);
                     if (N)
-                      d.args && d.args.trim() && (N.args = (N.args || "") + d.args, N.messageKey && p(N.messageKey, { args: N.args, state: "running" }), U({
+                      p.args && p.args.trim() && (N.args = (N.args || "") + p.args, N.messageKey && m(N.messageKey, { args: N.args, state: "running" }), U({
                         phase: "tool_args_streaming",
-                        id: N.id || d.id || "",
-                        name: N.name || d.name || "",
+                        id: N.id || p.id || "",
+                        name: N.name || p.name || "",
                         rawArgs: N.args,
                         state: "running"
-                      })), d.id && !N.id && (N.id = d.id), d.name && (N.name = d.name), console.log("📝 阶段2 - args 流式累加:", {
+                      })), p.id && !N.id && (N.id = p.id), p.name && (N.name = p.name), console.log("📝 阶段2 - args 流式累加:", {
                         messageId: be,
-                        index: ae,
-                        newArgs: d.args,
+                        index: ne,
+                        newArgs: p.args,
                         accumulatedArgs: N.args
                       });
                     else {
-                      const Q = u(d.id || "", d.name || "", d.args || "", "running");
+                      const Q = u(p.id || "", p.name || "", p.args || "", "running");
                       f.value.push(Q);
                       const ve = f.value.length - 1;
                       K.set(ie, {
-                        id: d.id || "",
-                        name: d.name || "",
-                        args: d.args || "",
+                        id: p.id || "",
+                        name: p.name || "",
+                        args: p.args || "",
                         messageKey: ve.toString()
                       }), U({
                         phase: "tool_args_streaming",
-                        id: d.id || "",
-                        name: d.name || "",
-                        rawArgs: d.args || "",
+                        id: p.id || "",
+                        name: p.name || "",
+                        rawArgs: p.args || "",
                         state: "running"
                       }), console.log("📝 阶段1 - 工具调用开始:", {
                         messageId: be,
-                        index: ae,
-                        toolCallId: d.id || "(暂无)",
-                        name: d.name || "(暂无)",
+                        index: ne,
+                        toolCallId: p.id || "(暂无)",
+                        name: p.name || "(暂无)",
                         msgIndex: ve
                       });
                     }
                   }
               }
               let ze = "";
-              if (typeof L.content == "string" ? ze = L.content : Array.isArray(L.content) && (ze = L.content.filter((d) => d.type === "text").map((d) => d.text).join("")), ue) {
-                for (let ae = f.value.length - 1; ae >= 0 && f.value[ae].type !== "ai"; ae--)
+              if (typeof L.content == "string" ? ze = L.content : Array.isArray(L.content) && (ze = L.content.filter((p) => p.type === "text").map((p) => p.text).join("")), ce) {
+                for (let ne = f.value.length - 1; ne >= 0 && f.value[ne].type !== "ai"; ne--)
                   ;
-                const d = `ai-${Date.now()}`;
+                const p = `ai-${Date.now()}`;
                 f.value.push({
-                  key: d,
+                  key: p,
                   type: "ai",
                   content: "",
                   batchId: v.value
-                }), j = "", ue = !1;
+                }), j = "", ce = !1;
               }
               ze !== void 0 && (j += ze);
               let Se = -1;
-              for (let d = f.value.length - 1; d >= 0; d--)
-                if (f.value[d].type === "ai") {
-                  Se = d;
+              for (let p = f.value.length - 1; p >= 0; p--)
+                if (f.value[p].type === "ai") {
+                  Se = p;
                   break;
                 }
               Se >= 0 && (f.value[Se].content = j, f.value[Se].batchId = v.value);
@@ -2132,13 +2138,13 @@ const Ws = /* @__PURE__ */ S({
           }
         }
         const _e = f.value.length - 1;
-        _e >= 0 && (f.value[_e].batchId = v.value), l.value = "ready";
+        _e >= 0 && (f.value[_e].batchId = v.value), r.value = "ready";
       } catch (u) {
         console.error("Error sending message:", u);
-        let p = "抱歉，发生了一些错误，请稍后重试。";
+        let m = "抱歉，发生了一些错误，请稍后重试。";
         if (u) {
           const h = u.message || ((ye = u.error) == null ? void 0 : ye.message) || String(u), j = ((Ce = u.error) == null ? void 0 : Ce.error) || u.name || "APIError";
-          h && h !== "[object Object]" && (j === "APIError" && h.includes("internal error") ? p = "服务内部错误，请稍后重试。" : h.includes("timeout") || h.includes("Timeout") ? p = "请求超时，请稍后重试。" : h.includes("network") || h.includes("Network") ? p = "网络连接失败，请检查网络后重试。" : h.includes("401") || h.includes("unauthorized") ? p = "认证失败，请重新登录。" : h.includes("403") || h.includes("forbidden") ? p = "没有权限执行此操作。" : h.includes("429") || h.includes("rate limit") ? p = "请求过于频繁，请稍后再试。" : p = `抱歉，发生错误: ${h}`);
+          h && h !== "[object Object]" && (j === "APIError" && h.includes("internal error") ? m = "服务内部错误，请稍后重试。" : h.includes("timeout") || h.includes("Timeout") ? m = "请求超时，请稍后重试。" : h.includes("network") || h.includes("Network") ? m = "网络连接失败，请检查网络后重试。" : h.includes("401") || h.includes("unauthorized") ? m = "认证失败，请重新登录。" : h.includes("403") || h.includes("forbidden") ? m = "没有权限执行此操作。" : h.includes("429") || h.includes("rate limit") ? m = "请求过于频繁，请稍后再试。" : m = `抱歉，发生错误: ${h}`);
         }
         const _ = `error-${Date.now()}`;
         f.value = [
@@ -2146,10 +2152,10 @@ const Ws = /* @__PURE__ */ S({
           {
             key: _,
             type: "ai",
-            content: p,
+            content: m,
             batchId: _
           }
-        ], l.value = "ready";
+        ], r.value = "ready";
       }
     }
     function E(b) {
@@ -2161,33 +2167,36 @@ const Ws = /* @__PURE__ */ S({
       ee(he || "仅发送了附件", b.files || []);
     }
     async function te() {
-      if (console.log("🛑 点击停止按钮:", { threadId: r.value, runId: v.value }), r.value && v.value)
+      if (console.log("🛑 点击停止按钮:", { threadId: c.value, runId: v.value }), c.value && v.value)
         try {
-          console.log("📡 发送 cancel 请求..."), await a.runs.cancel(r.value, v.value), console.log("✅ cancel 请求成功"), l.value = "ready";
+          console.log("📡 发送 cancel 请求..."), await o.runs.cancel(c.value, v.value), console.log("✅ cancel 请求成功"), r.value = "ready";
         } catch (b) {
-          console.error("❌ cancel 请求失败:", b), l.value = "ready";
+          console.error("❌ cancel 请求失败:", b), r.value = "ready";
         }
       else
-        console.log("⚠️ 缺少 threadId 或 runId，直接重置状态"), l.value = "ready";
+        console.log("⚠️ 缺少 threadId 或 runId，直接重置状态"), r.value = "ready";
     }
-    function c(b) {
+    function d(b) {
       ee(b);
     }
     const g = t;
     function y() {
       g("close");
     }
-    function ne(b) {
+    function ae(b) {
       if ((b == null ? void 0 : b.type) === "suggested_questions" && Array.isArray(b == null ? void 0 : b.content)) {
         B.value = b.content, console.log("📝 更新建议问题:", b.content);
         return;
       }
       console.log("Custom event received:", b);
     }
-    return (b, O) => (o(), x("div", Qn, [
+    return (b, O) => (n(), x("div", {
+      class: "chat-bot",
+      "data-ai-theme": e.theme
+    }, [
       k("div", {
         ref_key: "portalHost",
-        ref: m,
+        ref: l,
         class: "chat-bot-portal-host"
       }, null, 512),
       k("div", {
@@ -2200,41 +2209,42 @@ const Ws = /* @__PURE__ */ S({
           onClose: y,
           onToggleMaximize: Z
         }, null, 8, ["title", "is-maximized", "show-header-actions"]),
-        !A.value && f.value.length === 0 ? (o(), x("div", ea, [
+        !A.value && f.value.length === 0 ? (n(), x("div", en, [
           D(b.$slots, "empty", { sendMessage: ee }, () => [
-            k("div", ta, [
+            k("div", tn, [
               O[3] || (O[3] = k("div", { class: "default-empty-badge" }, "AI", -1)),
-              k("h2", sa, "欢迎使用 " + H(s.assistantName), 1),
+              k("h2", sn, "欢迎使用 " + H(s.assistantName), 1),
               O[4] || (O[4] = k("p", { class: "default-empty-desc" }, "请输入你的问题，开始一段新的对话。", -1))
             ])
           ], !0)
-        ])) : (o(), $(Ds, {
+        ])) : (n(), $(Ls, {
           key: 1,
           messages: f.value,
-          "is-streaming": l.value === "streaming"
+          "is-streaming": r.value === "streaming",
+          theme: e.theme
         }, {
           custom: C(({ customContent: W }) => [
             D(b.$slots, "custom", {
               customContent: W,
-              threadId: r.value
+              threadId: c.value
             }, () => [
-              (W == null ? void 0 : W.type) === "generated_files" ? (o(), $(Rn, {
+              (W == null ? void 0 : W.type) === "generated_files" ? (n(), $(Ra, {
                 key: 0,
                 "custom-content": W,
                 "api-url": e.apiUrl,
-                "thread-id": r.value
+                "thread-id": c.value
               }, null, 8, ["custom-content", "api-url", "thread-id"])) : F("", !0)
             ], !0)
           ]),
           _: 3
-        }, 8, ["messages", "is-streaming"])),
-        I(Zn, {
+        }, 8, ["messages", "is-streaming", "theme"])),
+        I(Za, {
           "initial-todos": q.value,
           "tool-events": J.value,
-          "chat-status": l.value
+          "chat-status": r.value
         }, null, 8, ["initial-todos", "tool-events", "chat-status"]),
-        I(Bn, {
-          status: l.value,
+        I(Ba, {
+          status: r.value,
           "current-model": V.value,
           models: X.value,
           suggestions: B.value,
@@ -2243,7 +2253,7 @@ const Ws = /* @__PURE__ */ S({
           "onUpdate:modelSelectorOpen": O[0] || (O[0] = (W) => w.value = W),
           onSubmit: E,
           onStop: te,
-          onSelectSuggestion: c,
+          onSelectSuggestion: d,
           "onUpdate:currentModel": O[1] || (O[1] = (W) => V.value = W),
           "onUpdate:useWebSearch": O[2] || (O[2] = (W) => T.value = W)
         }, {
@@ -2252,13 +2262,13 @@ const Ws = /* @__PURE__ */ S({
           ]),
           _: 3
         }, 8, ["status", "current-model", "models", "suggestions", "use-web-search", "modelSelectorOpen"]),
-        A.value ? (o(), x("div", na, [
-          I(n(jn), { size: 24 })
+        A.value ? (n(), x("div", an, [
+          I(a(ja), { size: 24 })
         ])) : F("", !0)
       ], 2)
-    ]));
+    ], 8, Qa));
   }
-}), oa = /* @__PURE__ */ ce(aa, [["__scopeId", "data-v-d496ce13"]]), ra = { class: "icon-wrapper" }, ia = /* @__PURE__ */ S({
+}), on = /* @__PURE__ */ ue(nn, [["__scopeId", "data-v-61debb72"]]), rn = { class: "icon-wrapper" }, ln = /* @__PURE__ */ S({
   __name: "FloatButton",
   props: {
     isExpanded: { type: Boolean }
@@ -2266,14 +2276,14 @@ const Ws = /* @__PURE__ */ S({
   emits: ["toggle"],
   setup(s, { emit: t }) {
     const e = t;
-    return (a, i) => (o(), x("button", {
+    return (o, i) => (n(), x("button", {
       class: G(["float-button", { expanded: s.isExpanded }]),
-      onClick: i[0] || (i[0] = (r) => e("toggle")),
+      onClick: i[0] || (i[0] = (c) => e("toggle")),
       type: "button"
     }, [
-      k("span", ra, [
-        I(n(Yt), { class: "icon-svg" }),
-        I(n(Zt), {
+      k("span", rn, [
+        I(a(Yt), { class: "icon-svg" }),
+        I(a(Zt), {
           size: 16,
           "stroke-width": 2,
           absoluteStrokeWidth: "",
@@ -2282,7 +2292,7 @@ const Ws = /* @__PURE__ */ S({
       ])
     ], 2));
   }
-}), la = /* @__PURE__ */ ce(ia, [["__scopeId", "data-v-4f20ed22"]]), ua = { class: "ask-ai-bot" }, ca = /* @__PURE__ */ S({
+}), un = /* @__PURE__ */ ue(ln, [["__scopeId", "data-v-4f20ed22"]]), cn = ["data-ai-theme"], dn = /* @__PURE__ */ S({
   __name: "AskAiBot",
   props: {
     assistantId: { default: "research" },
@@ -2295,38 +2305,42 @@ const Ws = /* @__PURE__ */ S({
     apiUrl: { default: "http://localhost:2024" },
     apiKey: { default: void 0 },
     width: { default: 400 },
-    height: { default: "calc(100vh - 90px)" }
+    height: { default: "calc(100vh - 90px)" },
+    theme: { default: "light" }
   },
   setup(s) {
-    const t = s, e = M(t.defaultExpanded), a = M(!1), i = M(typeof t.width == "number" ? t.width : 500), r = M(!1);
-    function m() {
-      e.value = !e.value, e.value || (a.value = !1);
+    const t = s, e = M(t.defaultExpanded), o = M(!1), i = M(typeof t.width == "number" ? t.width : 500), c = M(!1);
+    function l() {
+      e.value = !e.value, e.value || (o.value = !1);
     }
-    function l(A) {
-      a.value = A;
+    function r(A) {
+      o.value = A;
     }
     function v(A) {
-      A.preventDefault(), r.value = !0, document.addEventListener("mousemove", T), document.addEventListener("mouseup", w);
+      A.preventDefault(), c.value = !0, document.addEventListener("mousemove", T), document.addEventListener("mouseup", w);
     }
     function T(A) {
-      if (!r.value) return;
+      if (!c.value) return;
       const f = window.innerWidth - A.clientX - 20;
       i.value = Math.max(300, Math.min(1400, f));
     }
     function w() {
-      r.value = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", w);
+      c.value = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", w);
     }
-    return (A, f) => (o(), x("div", ua, [
+    return (A, f) => (n(), x("div", {
+      class: "ask-ai-bot",
+      "data-ai-theme": t.theme
+    }, [
       I(et, { name: "slide-up" }, {
         default: C(() => [
           we(k("div", {
-            class: G(["chat-window-container", { maximized: a.value }]),
-            style: tt(a.value ? {} : {
+            class: G(["chat-window-container", { maximized: o.value }]),
+            style: tt(o.value ? {} : {
               width: typeof t.width == "number" ? `${i.value}px` : t.width,
               height: typeof t.height == "number" ? `${t.height}px` : t.height
             })
           }, [
-            I(oa, {
+            I(on, {
               "api-url": s.apiUrl,
               "api-key": s.apiKey,
               "assistant-id": s.assistantId,
@@ -2335,8 +2349,9 @@ const Ws = /* @__PURE__ */ S({
               "thread-id": s.threadId,
               "user-id": s.userId,
               suggestions: s.suggestions,
-              onClose: m,
-              "onUpdate:isMaximized": l
+              theme: t.theme,
+              onClose: l,
+              "onUpdate:isMaximized": r
             }, {
               empty: C((B) => [
                 D(A.$slots, "empty", xe(ke(B)), void 0, !0)
@@ -2348,8 +2363,8 @@ const Ws = /* @__PURE__ */ S({
                 D(A.$slots, "attachment-trigger", xe(ke(B)), void 0, !0)
               ]),
               _: 3
-            }, 8, ["api-url", "api-key", "assistant-id", "assistant-name", "system-prompt", "thread-id", "user-id", "suggestions"]),
-            a.value ? F("", !0) : (o(), x("div", {
+            }, 8, ["api-url", "api-key", "assistant-id", "assistant-name", "system-prompt", "thread-id", "user-id", "suggestions", "theme"]),
+            o.value ? F("", !0) : (n(), x("div", {
               key: 0,
               class: "resize-handle",
               onMousedown: v
@@ -2360,15 +2375,15 @@ const Ws = /* @__PURE__ */ S({
         ]),
         _: 3
       }),
-      I(la, {
+      I(un, {
         "is-expanded": e.value,
-        onToggle: m
+        onToggle: l
       }, null, 8, ["is-expanded"])
-    ]));
+    ], 8, cn));
   }
-}), $a = /* @__PURE__ */ ce(ca, [["__scopeId", "data-v-3d2a9c69"]]);
+}), Cn = /* @__PURE__ */ ue(dn, [["__scopeId", "data-v-3fd99db6"]]);
 export {
-  $a as AskAiBot,
-  oa as ChatBot
+  Cn as AskAiBot,
+  on as ChatBot
 };
 //# sourceMappingURL=index.js.map