@opentiny/tiny-robot-chat 0.0.0 → 0.5.2-alpha.8

package/dist/index.js

@@ -0,0 +1,2742 @@
+import { defineComponent as J, shallowRef as q, computed as h, watch as ue, onUnmounted as Ne, openBlock as I, createBlock as W, unref as y, createCommentVNode as B, ref as me, toValue as G, createElementBlock as F, createElementVNode as V, resolveDynamicComponent as Ce, normalizeClass as X, createVNode as U, renderSlot as k, toDisplayString as Q, createTextVNode as Ie, mergeProps as N, Fragment as Ae, renderList as Qe, withCtx as E, createSlots as z, normalizeProps as D, guardReactiveProps as j, h as be, nextTick as He, useSlots as Xe, watchEffect as xe, reactive as _e } from "vue";
+import { useScroll as et, useEventListener as tt, useResizeObserver as ot, useMutationObserver as nt, useBreakpoints as st, useWindowSize as at } from "@vueuse/core";
+import { TrIconButton as ae, TrHistory as lt, TrMcpServerPicker as rt, TrDropdownMenu as it, TrSender as dt, TrLayout as ge, BubbleRenderers as ut, useAutoScroll as ct, TrWelcome as Te, TrPrompts as Me, TrBubbleProvider as ft, TrBubbleList as vt } from "@opentiny/tiny-robot";
+import { IconArrowDown as mt, IconAi as le, IconCollapseLeft as he, IconNewSession as pe, IconCollapseRight as Ve, IconPlugin as bt, IconSearch as gt, IconThink as ht, IconAtom as pt, IconUser as yt, IconClose as Ct } from "@opentiny/tiny-robot-svgs";
+import { sseStreamToGenerator as At, toolPlugin as wt, useConversation as St } from "@opentiny/tiny-robot-kit";
+import { Client as kt } from "@modelcontextprotocol/sdk/client";
+import { StreamableHTTPClientTransport as Et } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
+const Ot = /* @__PURE__ */ J({
+  __name: "ScrollToBottom",
+  props: {
+    target: {}
+  },
+  setup(e) {
+    const t = e, n = q(0), { y: o, measure: u } = et(() => t.target, {
+      behavior: "smooth",
+      observe: !0
+    }), m = h(() => n.value > 80);
+    function d() {
+      const A = t.target;
+      n.value = A ? A.scrollHeight - A.clientHeight - A.scrollTop : 0;
+    }
+    let a;
+    function l() {
+      a === void 0 && (a = requestAnimationFrame(() => {
+        a = void 0, d();
+      }));
+    }
+    tt(() => t.target, "scroll", l), ot(() => t.target, l), nt(() => t.target, l, { childList: !0, subtree: !0 }), ue(
+      () => t.target,
+      () => l(),
+      { immediate: !0 }
+    ), Ne(() => {
+      a !== void 0 && cancelAnimationFrame(a);
+    });
+    function b() {
+      var A;
+      u(), o.value = ((A = t.target) == null ? void 0 : A.scrollHeight) ?? 0;
+    }
+    return (A, c) => m.value ? (I(), W(y(ae), {
+      key: 0,
+      class: "tr-chat-scroll-to-bottom",
+      icon: y(mt),
+      rounded: "",
+      size: "36",
+      "svg-size": "18",
+      type: "button",
+      "aria-label": "滚动到底部",
+      onClick: b
+    }, null, 8, ["icon"])) : B("", !0);
+  }
+}), Y = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, u] of t)
+    n[o] = u;
+  return n;
+}, Tt = /* @__PURE__ */ Y(Ot, [["__scopeId", "data-v-ab8c6a28"]]);
+function Mt(e) {
+  const t = me([]), n = /* @__PURE__ */ new Map();
+  return ue(
+    () => [G(e.conversations), G(e.defaultTitle)],
+    ([o, u]) => {
+      const m = /* @__PURE__ */ new Set(), d = [];
+      for (const a of o ?? []) {
+        m.add(a.id);
+        const b = n.get(a.id) ?? { id: a.id, title: a.title || u, raw: a };
+        for (const A of Object.keys(b))
+          A !== "raw" && !(A in a) && delete b[A];
+        Object.assign(b, a, {
+          id: a.id,
+          title: a.title || u,
+          raw: a
+        }), n.set(a.id, b), d.push(b);
+      }
+      for (const a of n.keys())
+        m.has(a) || n.delete(a);
+      t.value = d;
+    },
+    { immediate: !0, deep: !0 }
+  ), t;
+}
+const Rt = { class: "chat-left-aside" }, Lt = ["aria-label"], $t = { class: "chat-left-aside-brand" }, It = { class: "chat-left-aside-brand__title" }, Vt = { class: "chat-left-aside-action__label" }, Pt = /* @__PURE__ */ J({
+  __name: "ChatLeftAside",
+  props: {
+    conversation: {},
+    history: {},
+    brand: {},
+    labels: {},
+    isOpen: { type: Boolean },
+    isDock: { type: Boolean },
+    showHistory: { type: Boolean }
+  },
+  emits: ["createConversation", "switchConversation", "renameConversation", "deleteConversation", "historyAction", "open", "close", "toggle"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = Mt({
+      conversations: () => n.conversation.items,
+      defaultTitle: () => n.labels.newConversationTitle
+    }), m = h(() => {
+      const { menuItems: r, ...i } = n.history;
+      return i;
+    }), d = h(() => n.history.menuItems ?? []);
+    function a() {
+      o("createConversation");
+    }
+    function l(r) {
+      o("switchConversation", r.raw);
+    }
+    function b(r, i) {
+      o("renameConversation", i.raw, r);
+    }
+    function A(r, i) {
+      o("historyAction", r, i.raw);
+    }
+    function c(r) {
+      return n.conversation.items.find((i) => i.id === r) ?? { id: r, title: n.labels.newConversationTitle };
+    }
+    function f(r) {
+      o("switchConversation", c(r));
+    }
+    function O(r, i) {
+      o("renameConversation", c(r), i);
+    }
+    function C(r) {
+      o("deleteConversation", c(r));
+    }
+    function L() {
+      o("open");
+    }
+    function T() {
+      o("close");
+    }
+    function p() {
+      o("toggle");
+    }
+    return (r, i) => (I(), F("aside", Rt, [
+      V("span", {
+        class: "chat-left-aside-logo",
+        "aria-label": e.brand.name || e.labels.newConversationTitle
+      }, [
+        (I(), W(Ce(e.brand.logo || y(le))))
+      ], 8, Lt),
+      V("div", {
+        class: X(["chat-left-aside-rail", { "is-hidden": !e.isDock || e.isOpen }])
+      }, [
+        U(y(ae), {
+          class: "chat-left-aside-rail__button",
+          icon: y(he),
+          size: "32",
+          "svg-size": "20",
+          "aria-label": e.labels.expandConversationList,
+          onClick: L
+        }, null, 8, ["icon", "aria-label"]),
+        U(y(ae), {
+          class: "chat-left-aside-rail__button",
+          icon: y(pe),
+          size: "32",
+          "svg-size": "20",
+          "aria-label": e.labels.createConversation,
+          onClick: a
+        }, null, 8, ["icon", "aria-label"])
+      ], 2),
+      V("div", {
+        class: X(["chat-left-aside-panel", { "is-hidden": !e.isOpen }])
+      }, [
+        k(r.$slots, "default", {
+          conversation: e.conversation,
+          isOpen: e.isOpen,
+          createConversation: a,
+          switchConversation: f,
+          renameConversation: O,
+          deleteConversation: C,
+          openLeftAside: L,
+          closeLeftAside: T,
+          toggleLeftAside: p
+        }, () => [
+          V("div", $t, [
+            V("span", It, Q(e.brand.name), 1),
+            U(y(ae), {
+              icon: y(Ve),
+              size: "32",
+              "svg-size": "20",
+              type: "button",
+              "aria-label": e.labels.collapseConversationList,
+              onClick: T
+            }, null, 8, ["icon", "aria-label"])
+          ]),
+          V("button", {
+            class: "chat-left-aside-action",
+            type: "button",
+            onClick: a
+          }, [
+            V("span", Vt, [
+              U(y(pe), { "font-size": "20" }),
+              Ie(" " + Q(e.labels.createConversation), 1)
+            ])
+          ]),
+          e.showHistory ? (I(), W(y(lt), N({ key: 0 }, m.value, {
+            class: "chat-left-aside-content",
+            data: [...y(u)],
+            selected: e.conversation.activeId ?? void 0,
+            "menu-items": d.value,
+            onItemClick: l,
+            onItemTitleChange: b,
+            onItemAction: A
+          }), null, 16, ["data", "selected", "menu-items"])) : B("", !0)
+        ], !0)
+      ], 2)
+    ]));
+  }
+}), Bt = /* @__PURE__ */ Y(Pt, [["__scopeId", "data-v-110b6ae6"]]), Ut = "data:image/png;base64,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", Ft = {
+  key: 0,
+  class: "tr-chat-mcp-selector"
+}, Wt = ["aria-label", "title"], Dt = { class: "tr-chat-mcp-selector__label" }, qt = {
+  key: 0,
+  class: "tr-chat-mcp-selector__count"
+}, Kt = /* @__PURE__ */ J({
+  __name: "MCPSelector",
+  props: {
+    mcp: {},
+    labels: {}
+  },
+  emits: ["addServer", "removeServer", "updateServerEnabled", "updateToolEnabled"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = q(!1), m = {
+      type: "drawer",
+      drawer: {
+        direction: "right"
+      }
+    }, d = h(() => n.mcp.servers ?? []), a = h(() => n.mcp.tools ?? {}), l = h(() => d.value.length > 0), b = h(() => d.value.filter((s) => s.installed && s.enabled).length), A = h(
+      () => d.value.some((s) => {
+        var v;
+        return !!(s.loading || (v = a.value[s.id]) != null && v.some((S) => S.loading));
+      })
+    ), c = h(
+      () => d.value.filter((s) => s.installed).map((s) => C(s, { includeTools: !0 }))
+    ), f = h(
+      () => d.value.map((s) => C(s, { includeTools: !1 }))
+    );
+    function O(s, v) {
+      var $;
+      const S = ($ = s.metadata) == null ? void 0 : $[v];
+      return typeof S == "string" ? S : void 0;
+    }
+    function C(s, v) {
+      const S = v.includeTools && s.installed ? a.value[s.id] ?? [] : [];
+      return {
+        id: s.id,
+        name: s.name,
+        icon: O(s, "icon") ?? Ut,
+        description: s.description ?? "",
+        enabled: s.enabled,
+        expanded: !0,
+        tools: S.map(($) => ({
+          id: $.id,
+          name: $.name,
+          description: $.description ?? "",
+          enabled: $.enabled
+        })),
+        addState: s.loading ? "loading" : s.installed ? "added" : "idle",
+        category: O(s, "category")
+      };
+    }
+    function L(s) {
+      return d.value.find((v) => v.id === s);
+    }
+    function T(s) {
+      const v = L(s.id);
+      !v || v.installed || v.loading || o("addServer", { id: s.id });
+    }
+    function p(s) {
+      const v = L(s.id);
+      !v || !v.installed || v.loading || o("removeServer", { id: s.id });
+    }
+    function r(s, v) {
+      const S = L(s.id);
+      !S || !S.installed || S.loading || S.enabled === v || o("updateServerEnabled", { id: s.id, enabled: v });
+    }
+    function i(s, v, S) {
+      var P;
+      const $ = L(s.id), w = (P = a.value[s.id]) == null ? void 0 : P.find((Z) => Z.id === v);
+      !$ || !$.installed || !w || w.loading || w.enabled === S || o("updateToolEnabled", { serverId: s.id, toolId: v, enabled: S });
+    }
+    return (s, v) => l.value ? (I(), F("div", Ft, [
+      V("button", {
+        class: X(["tr-chat-mcp-selector__button", { "tr-chat-mcp-selector__button--active": b.value > 0 }]),
+        type: "button",
+        "aria-label": e.labels.mcp,
+        title: e.labels.mcp,
+        onClick: v[0] || (v[0] = (S) => u.value = !0)
+      }, [
+        U(y(bt), {
+          size: 16,
+          class: "tr-chat-mcp-selector__icon"
+        }),
+        V("span", Dt, Q(e.labels.mcp), 1),
+        b.value > 0 ? (I(), F("span", qt, Q(b.value), 1)) : B("", !0)
+      ], 10, Wt),
+      U(y(rt), {
+        visible: u.value,
+        "onUpdate:visible": v[1] || (v[1] = (S) => u.value = S),
+        "active-count": b.value,
+        "popup-config": m,
+        "installed-plugins": c.value,
+        "market-plugins": f.value,
+        loading: A.value,
+        "market-loading": !1,
+        "show-custom-add-button": !1,
+        "allow-plugin-delete": !0,
+        "allow-tool-toggle": !0,
+        onPluginToggle: r,
+        onPluginAdd: T,
+        onPluginDelete: p,
+        onToolToggle: i
+      }, null, 8, ["visible", "active-count", "installed-plugins", "market-plugins", "loading"])
+    ])) : B("", !0);
+  }
+}), zt = /* @__PURE__ */ Y(Kt, [["__scopeId", "data-v-6c32c620"]]), jt = ["low", "medium", "high", "max"], re = ["thinking", "search"], Jt = {
+  key: 0,
+  class: "tr-chat-model-features"
+}, Zt = ["disabled", "aria-label", "title", "onClick"], Gt = { class: "tr-chat-model-features__label" }, Yt = /* @__PURE__ */ J({
+  __name: "ModelFeatures",
+  props: {
+    model: {},
+    labels: {}
+  },
+  emits: ["updateFeature"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = {
+      thinking: "thinkingFeature",
+      search: "searchFeature"
+    }, m = {
+      thinking: ht,
+      search: gt
+    }, d = h(
+      () => re.map((f) => ({
+        id: f,
+        label: n.labels[u[f]],
+        icon: m[f]
+      }))
+    ), a = h(() => new Set(n.model.pendingFeatureIds ?? [])), l = h(() => {
+      var f;
+      return (f = n.model.options) == null ? void 0 : f.find((O) => O.id === n.model.selectedId);
+    }), b = h(
+      () => d.value.filter((f) => {
+        var O, C;
+        return (C = (O = l.value) == null ? void 0 : O.capabilities) == null ? void 0 : C[f.id];
+      })
+    );
+    function A(f) {
+      return a.value.has(f);
+    }
+    function c(f) {
+      var O;
+      A(f) || o("updateFeature", { id: f, enabled: !((O = n.model.features) != null && O[f]) });
+    }
+    return (f, O) => b.value.length ? (I(), F("div", Jt, [
+      (I(!0), F(Ae, null, Qe(b.value, (C) => {
+        var L;
+        return I(), F("button", {
+          key: C.id,
+          class: X(["tr-chat-model-features__button", { "tr-chat-model-features__button--active": (L = e.model.features) == null ? void 0 : L[C.id] }]),
+          type: "button",
+          disabled: A(C.id),
+          "aria-label": C.label,
+          title: C.label,
+          onClick: (T) => c(C.id)
+        }, [
+          (I(), W(Ce(C.icon), {
+            size: 16,
+            class: "tr-chat-model-features__icon"
+          })),
+          V("span", Gt, Q(C.label), 1)
+        ], 10, Zt);
+      }), 128))
+    ])) : B("", !0);
+  }
+}), Nt = /* @__PURE__ */ Y(Yt, [["__scopeId", "data-v-e63ed58d"]]), Qt = ["disabled", "aria-label", "title"], Ht = { class: "tr-chat-model-selector__label" }, Xt = /* @__PURE__ */ J({
+  __name: "ModelSelector",
+  props: {
+    model: {},
+    labels: {}
+  },
+  emits: ["selectModel"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = h(() => n.model.options ?? []), m = h(() => u.value.find((l) => l.id === n.model.selectedId)), d = h(
+      () => u.value.map((l) => ({
+        id: l.id,
+        text: l.label
+      }))
+    );
+    function a(l) {
+      n.model.selecting || l.id === n.model.selectedId || o("selectModel", { id: l.id });
+    }
+    return (l, b) => u.value.length ? (I(), W(y(it), {
+      key: 0,
+      class: "tr-chat-model-selector__menu",
+      items: d.value,
+      trigger: "click",
+      onItemClick: a
+    }, {
+      trigger: E(() => {
+        var A, c, f;
+        return [
+          V("button", {
+            class: "tr-chat-model-selector__button",
+            type: "button",
+            disabled: e.model.selecting,
+            "aria-label": ((A = m.value) == null ? void 0 : A.label) || e.labels.selectModel,
+            title: ((c = m.value) == null ? void 0 : c.label) || e.labels.selectModel
+          }, [
+            U(y(pt), {
+              size: 16,
+              class: "tr-chat-model-selector__icon"
+            }),
+            V("span", Ht, Q(((f = m.value) == null ? void 0 : f.label) || e.labels.selectModel), 1)
+          ], 8, Qt)
+        ];
+      }),
+      _: 1
+    }, 8, ["items"])) : B("", !0);
+  }
+}), xt = /* @__PURE__ */ Y(Xt, [["__scopeId", "data-v-173603c5"]]), _t = { class: "chat-footer" }, eo = {
+  key: 0,
+  class: "model-actions"
+}, to = /* @__PURE__ */ J({
+  __name: "ChatComposer",
+  props: {
+    sender: {},
+    value: {},
+    senderOptions: {},
+    labels: {},
+    model: {},
+    mcp: {}
+  },
+  emits: ["submit", "cancel", "clear", "update:value", "modelSelect", "modelFeatureChange", "mcpAddServer", "mcpRemoveServer", "mcpServerEnabledChange", "mcpToolEnabledChange"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = h(() => {
+      var C;
+      return {
+        mode: "multiple",
+        clearable: !0,
+        placeholder: n.sender.loading ? n.labels.composerLoadingPlaceholder : n.labels.composerPlaceholder,
+        showWordLimit: !0,
+        maxLength: 1e3,
+        ...n.senderOptions,
+        defaultActions: {
+          ...n.senderOptions.defaultActions,
+          submit: {
+            ...(C = n.senderOptions.defaultActions) == null ? void 0 : C.submit,
+            disabled: n.sender.submitDisabled
+          }
+        },
+        modelValue: n.value,
+        loading: n.sender.loading,
+        disabled: n.sender.disabled
+      };
+    });
+    function m(C) {
+      o("update:value", C);
+    }
+    function d(C, L) {
+      o("submit", { text: C, structuredData: L });
+    }
+    function a() {
+      o("clear");
+    }
+    function l(C) {
+      o("modelSelect", C);
+    }
+    function b(C) {
+      o("modelFeatureChange", C);
+    }
+    function A(C) {
+      o("mcpAddServer", C);
+    }
+    function c(C) {
+      o("mcpRemoveServer", C);
+    }
+    function f(C) {
+      o("mcpServerEnabledChange", C);
+    }
+    function O(C) {
+      o("mcpToolEnabledChange", C);
+    }
+    return (C, L) => (I(), F("div", _t, [
+      k(C.$slots, "composer-before", {}, void 0, !0),
+      k(C.$slots, "default", {}, () => [
+        U(y(dt), N(u.value, {
+          "onUpdate:modelValue": m,
+          onSubmit: d,
+          onCancel: L[0] || (L[0] = (T) => o("cancel")),
+          onClear: a
+        }), z({ _: 2 }, [
+          C.$slots["sender-footer"] || e.model || e.mcp ? {
+            name: "footer",
+            fn: E(() => [
+              e.model || e.mcp ? (I(), F("div", eo, [
+                e.mcp ? (I(), W(zt, {
+                  key: 0,
+                  mcp: e.mcp,
+                  labels: e.labels,
+                  onAddServer: A,
+                  onRemoveServer: c,
+                  onUpdateServerEnabled: f,
+                  onUpdateToolEnabled: O
+                }, null, 8, ["mcp", "labels"])) : B("", !0),
+                e.model ? (I(), W(xt, {
+                  key: 1,
+                  model: e.model,
+                  labels: e.labels,
+                  onSelectModel: l
+                }, null, 8, ["model", "labels"])) : B("", !0),
+                e.model ? (I(), W(Nt, {
+                  key: 2,
+                  model: e.model,
+                  labels: e.labels,
+                  onUpdateFeature: b
+                }, null, 8, ["model", "labels"])) : B("", !0)
+              ])) : B("", !0),
+              k(C.$slots, "sender-footer", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          C.$slots["sender-footer-right"] ? {
+            name: "footer-right",
+            fn: E(() => [
+              k(C.$slots, "sender-footer-right", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040)
+      ], !0)
+    ]));
+  }
+}), oo = /* @__PURE__ */ Y(to, [["__scopeId", "data-v-88ebb4ad"]]), Re = /* @__PURE__ */ J({
+  __name: "ChatComposerHost",
+  props: {
+    sender: {},
+    value: {},
+    senderOptions: {},
+    labels: {},
+    model: {},
+    mcp: {}
+  },
+  emits: ["submit", "cancel", "clear", "update:value", "modelSelect", "modelFeatureChange", "mcpAddServer", "mcpRemoveServer", "mcpServerEnabledChange", "mcpToolEnabledChange"],
+  setup(e, { emit: t }) {
+    const n = e, o = t;
+    function u(a) {
+      o("update:value", a);
+    }
+    function m(a) {
+      o("submit", a);
+    }
+    const d = h(() => ({
+      value: n.value,
+      loading: n.sender.loading,
+      disabled: n.sender.disabled,
+      submitDisabled: n.sender.submitDisabled,
+      setInputValue: u,
+      submit: m,
+      cancel: () => o("cancel"),
+      clear: () => o("clear")
+    }));
+    return (a, l) => (I(), W(oo, {
+      sender: n.sender,
+      value: n.value,
+      "sender-options": n.senderOptions,
+      labels: n.labels,
+      model: n.model,
+      mcp: n.mcp,
+      onSubmit: l[0] || (l[0] = (b) => o("submit", b)),
+      onCancel: l[1] || (l[1] = (b) => o("cancel")),
+      onClear: l[2] || (l[2] = (b) => o("clear")),
+      "onUpdate:value": l[3] || (l[3] = (b) => o("update:value", b)),
+      onModelSelect: l[4] || (l[4] = (b) => o("modelSelect", b)),
+      onModelFeatureChange: l[5] || (l[5] = (b) => o("modelFeatureChange", b)),
+      onMcpAddServer: l[6] || (l[6] = (b) => o("mcpAddServer", b)),
+      onMcpRemoveServer: l[7] || (l[7] = (b) => o("mcpRemoveServer", b)),
+      onMcpServerEnabledChange: l[8] || (l[8] = (b) => o("mcpServerEnabledChange", b)),
+      onMcpToolEnabledChange: l[9] || (l[9] = (b) => o("mcpToolEnabledChange", b))
+    }, z({ _: 2 }, [
+      a.$slots["composer-before"] ? {
+        name: "composer-before",
+        fn: E(() => [
+          k(a.$slots, "composer-before", D(j(d.value)))
+        ]),
+        key: "0"
+      } : void 0,
+      a.$slots["layout-footer"] ? {
+        name: "default",
+        fn: E(() => [
+          k(a.$slots, "layout-footer", D(j(d.value)))
+        ]),
+        key: "1"
+      } : void 0,
+      a.$slots["sender-footer"] ? {
+        name: "sender-footer",
+        fn: E(() => [
+          k(a.$slots, "sender-footer")
+        ]),
+        key: "2"
+      } : void 0,
+      a.$slots["sender-footer-right"] ? {
+        name: "sender-footer-right",
+        fn: E(() => [
+          k(a.$slots, "sender-footer-right")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1032, ["sender", "value", "sender-options", "labels", "model", "mcp"]));
+  }
+}), no = {
+  key: 0,
+  class: "chat-notice"
+}, so = { class: "chat-header" }, ao = { class: "chat-header__aside-cell" }, lo = ["aria-label"], ro = { class: "chat-header__title" }, io = { class: "chat-header__actions" }, uo = ["aria-label", "title"], co = ["aria-label"], fo = /* @__PURE__ */ J({
+  __name: "ChatHeader",
+  props: {
+    title: {},
+    isEmpty: { type: Boolean },
+    conversation: {},
+    isLeftAsideVisible: { type: Boolean },
+    isLeftAsideDrawer: { type: Boolean },
+    isLeftAsideOpen: { type: Boolean },
+    isRightAsideVisible: { type: Boolean },
+    isRightAsideOpen: { type: Boolean },
+    labels: {}
+  },
+  emits: ["createConversation", "openLeftAside", "closeLeftAside", "toggleLeftAside", "openRightAside"],
+  setup(e, { emit: t }) {
+    const n = t;
+    function o() {
+      n("createConversation");
+    }
+    function u() {
+      n("openLeftAside");
+    }
+    function m() {
+      n("closeLeftAside");
+    }
+    function d() {
+      n("toggleLeftAside");
+    }
+    function a() {
+      n("openRightAside");
+    }
+    return (l, b) => (I(), F(Ae, null, [
+      l.$slots.notice ? (I(), F("div", no, [
+        k(l.$slots, "notice", {}, void 0, !0)
+      ])) : B("", !0),
+      k(l.$slots, "default", {
+        title: e.title,
+        isEmpty: e.isEmpty,
+        conversation: e.conversation,
+        createConversation: o,
+        isLeftAsideOpen: e.isLeftAsideOpen,
+        openLeftAside: u,
+        closeLeftAside: m,
+        toggleLeftAside: d,
+        openRightAside: a
+      }, () => [
+        V("header", so, [
+          V("div", ao, [
+            e.isLeftAsideVisible && e.isLeftAsideDrawer ? (I(), W(y(ge).AsideToggle, {
+              key: 0,
+              side: "left"
+            }, {
+              default: E(({ isOpen: A }) => [
+                V("span", {
+                  class: "chat-header__aside-toggle",
+                  "aria-label": A ? e.labels.collapseConversationList : e.labels.expandConversationList
+                }, [
+                  (I(), W(Ce(A ? y(Ve) : y(he)), { size: 20 }))
+                ], 8, lo)
+              ]),
+              _: 1
+            })) : B("", !0)
+          ]),
+          V("h3", ro, Q(e.title), 1),
+          V("div", io, [
+            e.isRightAsideVisible && !e.isRightAsideOpen ? (I(), F("button", {
+              key: 0,
+              class: "chat-header__aside-action",
+              type: "button",
+              "aria-label": e.labels.openRightAside,
+              title: e.labels.openRightAside,
+              onClick: a
+            }, [
+              U(y(he), { size: 18 })
+            ], 8, uo)) : B("", !0),
+            !e.isEmpty || !e.isLeftAsideVisible ? (I(), F("button", {
+              key: 1,
+              class: X(["chat-header__new", { "chat-header__new--visible": !e.isLeftAsideVisible }]),
+              type: "button",
+              "aria-label": e.labels.createConversation,
+              onClick: o
+            }, [
+              U(y(pe), { size: 20 })
+            ], 10, co)) : B("", !0)
+          ])
+        ])
+      ], !0)
+    ], 64));
+  }
+}), vo = /* @__PURE__ */ Y(fo, [["__scopeId", "data-v-616b4d3a"]]), mo = {
+  key: 0,
+  class: "chat-welcome-content"
+}, bo = /* @__PURE__ */ J({
+  __name: "ChatMessages",
+  props: {
+    messages: {},
+    scrollTarget: {},
+    options: {},
+    welcome: { type: [Boolean, Object] },
+    prompts: { type: [Boolean, Object] },
+    labels: {},
+    centerEmptyState: { type: Boolean },
+    centerWelcomeComposer: { type: Boolean }
+  },
+  emits: ["promptClick", "bubbleStateChange", "bubbleEvent"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = be(le, { style: { fontSize: "28px" } }), m = be(yt, { style: { fontSize: "28px" } }), d = {
+      assistant: {
+        placement: "start",
+        avatar: u
+      },
+      user: {
+        placement: "end",
+        avatar: m
+      },
+      system: {
+        hidden: !0
+      }
+    }, a = h(() => n.messages.length === 0), l = h(() => n.messages.at(-1)), b = h(() => n.messages.map((s) => ({ ...s }))), A = h(() => n.options.autoScroll ?? !0), c = h(() => ({
+      fallbackContentRenderer: ut.Markdown,
+      ...n.options.bubbleProvider
+    })), f = h(() => {
+      const s = n.options.bubbleList, v = {
+        ...d,
+        ...Object.fromEntries(
+          Object.entries(s.roleConfigs ?? {}).map(([S, $]) => [
+            S,
+            {
+              ...d[S],
+              ...$
+            }
+          ])
+        )
+      };
+      return {
+        ...s,
+        roleConfigs: v,
+        autoScroll: !1
+      };
+    }), O = h(() => n.welcome === !1 ? null : n.welcome), C = h(() => n.prompts === !1 ? {
+      items: []
+    } : {
+      ...n.prompts,
+      items: [...n.prompts.items ?? []]
+    }), L = h(() => n.prompts !== !1 && C.value.items.length > 0), { scrollToBottom: T } = ct(
+      () => n.scrollTarget,
+      () => {
+        var s, v;
+        return A.value ? [n.messages.length, (s = l.value) == null ? void 0 : s.content, (v = l.value) == null ? void 0 : v.reasoning_content] : null;
+      }
+    );
+    ue(
+      () => {
+        var s;
+        return (s = l.value) == null ? void 0 : s.role;
+      },
+      async (s) => {
+        A.value && s === "user" && (await He(), T("smooth"));
+      }
+    );
+    function p(s, v) {
+      v.disabled || o("promptClick", s, v);
+    }
+    function r(s) {
+      o("bubbleStateChange", s);
+    }
+    function i(s) {
+      o("bubbleEvent", s);
+    }
+    return (s, v) => (I(), F("div", {
+      class: X(["chat-panel-content chat-panel-content--main", {
+        "is-message-state": !a.value
+      }])
+    }, [
+      k(s.$slots, "default", {}, () => [
+        a.value ? (I(), F("div", {
+          key: 0,
+          class: X(["chat-empty-content", {
+            "chat-empty-content--centered": n.centerEmptyState || n.centerWelcomeComposer
+          }])
+        }, [
+          s.$slots["welcome-composer"] ? (I(), F("div", mo, [
+            O.value ? (I(), W(y(Te), D(N({ key: 0 }, O.value)), {
+              footer: E(() => [
+                k(s.$slots, "welcome-footer", {}, void 0, !0),
+                k(s.$slots, "welcome-composer", {}, void 0, !0)
+              ]),
+              _: 3
+            }, 16)) : B("", !0),
+            L.value ? (I(), W(y(Me), N({ key: 1 }, C.value, { onItemClick: p }), z({ _: 2 }, [
+              s.$slots["prompts-footer"] ? {
+                name: "footer",
+                fn: E(() => [
+                  k(s.$slots, "prompts-footer", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : B("", !0)
+          ])) : (I(), F(Ae, { key: 1 }, [
+            O.value ? (I(), W(y(Te), D(N({ key: 0 }, O.value)), z({ _: 2 }, [
+              s.$slots["welcome-footer"] ? {
+                name: "footer",
+                fn: E(() => [
+                  k(s.$slots, "welcome-footer", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : B("", !0),
+            L.value ? (I(), W(y(Me), N({ key: 1 }, C.value, { onItemClick: p }), z({ _: 2 }, [
+              s.$slots["prompts-footer"] ? {
+                name: "footer",
+                fn: E(() => [
+                  k(s.$slots, "prompts-footer", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : B("", !0)
+          ], 64))
+        ], 2)) : (I(), W(y(ft), D(N({ key: 1 }, c.value)), {
+          default: E(() => [
+            U(y(vt), N(f.value, {
+              class: "tr-chat-messages__bubble-list",
+              messages: b.value,
+              onStateChange: r,
+              onBubbleEvent: i
+            }), z({ _: 2 }, [
+              s.$slots["bubble-prefix"] ? {
+                name: "prefix",
+                fn: E(() => [
+                  k(s.$slots, "bubble-prefix", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              s.$slots["bubble-suffix"] ? {
+                name: "suffix",
+                fn: E(() => [
+                  k(s.$slots, "bubble-suffix", {}, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0,
+              s.$slots["bubble-after"] ? {
+                name: "after",
+                fn: E(() => [
+                  k(s.$slots, "bubble-after", {}, void 0, !0)
+                ]),
+                key: "2"
+              } : void 0,
+              s.$slots["bubble-content-footer"] ? {
+                name: "content-footer",
+                fn: E(() => [
+                  k(s.$slots, "bubble-content-footer", {}, void 0, !0)
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040, ["messages"])
+          ]),
+          _: 3
+        }, 16))
+      ], !0)
+    ], 2));
+  }
+}), go = /* @__PURE__ */ Y(bo, [["__scopeId", "data-v-d0b8924e"]]), ho = { class: "chat-right-aside" }, po = { class: "chat-right-aside__header" }, yo = ["aria-label", "title"], Co = { class: "chat-right-aside__body" }, Ao = /* @__PURE__ */ J({
+  __name: "ChatRightAside",
+  props: {
+    showClose: { type: Boolean, default: !0 },
+    labels: {}
+  },
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const n = t;
+    return (o, u) => (I(), F("section", ho, [
+      V("header", po, [
+        k(o.$slots, "title", {}, void 0, !0),
+        e.showClose ? (I(), F("button", {
+          key: 0,
+          class: "chat-right-aside__close",
+          type: "button",
+          "aria-label": e.labels.closeRightAside,
+          title: e.labels.closeRightAside,
+          onClick: u[0] || (u[0] = (m) => n("close"))
+        }, [
+          U(y(Ct), { class: "chat-right-aside__close-icon" })
+        ], 8, yo)) : B("", !0)
+      ]),
+      V("div", Co, [
+        k(o.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), wo = /* @__PURE__ */ Y(Ao, [["__scopeId", "data-v-1013d8c6"]]);
+function se(e, t) {
+  return typeof e == "number" ? e : t;
+}
+function So(e) {
+  const t = G(e.leftAside), n = G(e.rightAside), o = q(t !== !1 ? (t == null ? void 0 : t.open) ?? (t == null ? void 0 : t.defaultOpen) ?? !1 : !1), u = q(
+    n !== !1 ? (n == null ? void 0 : n.open) ?? (n == null ? void 0 : n.defaultOpen) ?? !1 : !1
+  ), m = h(() => G(e.isMobileViewport)), d = h(() => G(e.viewportWidth)), a = h(() => G(e.leftAside)), l = h(() => G(e.rightAside)), b = h(() => {
+    const p = a.value;
+    return p !== !1 ? (p == null ? void 0 : p.open) ?? o.value : !1;
+  }), A = h(() => {
+    const p = l.value;
+    return p !== !1 ? (p == null ? void 0 : p.open) ?? u.value : !1;
+  }), c = h(
+    () => {
+      var p;
+      return m.value ? "drawer" : a.value !== !1 ? (p = a.value) == null ? void 0 : p.mode : "dock";
+    }
+  ), f = h(
+    () => {
+      var p;
+      return m.value ? "drawer" : l.value !== !1 ? (p = l.value) == null ? void 0 : p.mode : "dock";
+    }
+  ), O = h(() => {
+    const p = a.value, r = se(p !== !1 ? p == null ? void 0 : p.width : void 0, 300);
+    return {
+      mode: c.value,
+      open: b.value,
+      expandedWidth: m.value && d.value > 0 ? Math.min(r, Math.floor(d.value * 0.86)) : r,
+      collapsedWidth: m.value || p === !1 ? 0 : se(p == null ? void 0 : p.collapsedWidth, 56),
+      collapseEffect: "overlay"
+    };
+  }), C = h(() => {
+    const p = l.value, r = m.value && d.value > 0 ? d.value : void 0;
+    return {
+      mode: f.value,
+      open: A.value,
+      expandedWidth: r ?? se(p !== !1 ? p == null ? void 0 : p.width : void 0, 320),
+      minExpandedWidth: r,
+      maxExpandedWidth: r,
+      collapsedWidth: m.value || p === !1 ? 0 : se(p == null ? void 0 : p.collapsedWidth, 0),
+      collapseEffect: "overlay"
+    };
+  });
+  function L(p, r = "user") {
+    var i;
+    b.value !== p && (a.value !== !1 && ((i = a.value) == null ? void 0 : i.open) === void 0 && (o.value = p), e.onLeftOpenChange({ open: p, source: r }));
+  }
+  function T(p, r = "user") {
+    var i;
+    A.value !== p && (l.value !== !1 && ((i = l.value) == null ? void 0 : i.open) === void 0 && (u.value = p), e.onRightOpenChange({ open: p, source: r }));
+  }
+  return ue(m, (p) => {
+    p && (L(!1, "viewport"), T(!1, "viewport"));
+  }), {
+    leftAsideOptions: O,
+    rightAsideOptions: C,
+    resolvedLeftAsideOpen: b,
+    resolvedRightAsideOpen: A,
+    isLeftAsideDock: h(() => c.value === "dock"),
+    isLeftAsideDrawer: h(() => c.value === "drawer"),
+    openLeftAside: () => L(!0),
+    closeLeftAside: () => L(!1),
+    toggleLeftAside: () => L(!b.value),
+    closeRightAside: () => T(!1),
+    openRightAside: () => T(!0),
+    handleLeftAsideOpenChange: (p) => L(p.open),
+    handleRightAsideOpenChange: (p) => T(p.open)
+  };
+}
+function ko() {
+  return {
+    newConversationTitle: "新对话",
+    createConversation: "新建会话",
+    renameConversation: "重命名",
+    deleteConversation: "删除",
+    expandConversationList: "展开会话列表",
+    collapseConversationList: "收起会话列表",
+    composerPlaceholder: "请输入你的问题...",
+    composerLoadingPlaceholder: "思考中...",
+    selectModel: "选择模型",
+    rightAsideTitle: "详情",
+    mcp: "MCP",
+    thinkingFeature: "深度思考",
+    searchFeature: "联网搜索",
+    welcomeTitle: "TinyRobot AI 助手",
+    welcomeDescription: "您好，我是TinyRobot，您专属的 AI 智能专家",
+    openRightAside: "打开详情",
+    closeRightAside: "关闭详情"
+  };
+}
+function Eo() {
+  const e = ko();
+  return {
+    layout: {
+      surface: {
+        mode: "normal"
+      },
+      emptyState: "start",
+      composer: {
+        welcome: "footer"
+      },
+      contentMaxWidth: 980,
+      panelPadding: 12,
+      panelGap: 12,
+      leftAside: {
+        mode: "dock",
+        width: 300,
+        collapsedWidth: 56,
+        defaultOpen: !1
+      },
+      rightAside: !1
+    },
+    brand: {
+      name: "TinyRobot",
+      logo: le
+    },
+    labels: e,
+    history: {
+      menuItems: [
+        { id: "rename", text: e.renameConversation },
+        { id: "delete", text: e.deleteConversation }
+      ]
+    },
+    bubble: {
+      autoScroll: !0,
+      bubbleList: {
+        roleConfigs: {
+          system: {
+            hidden: !0
+          }
+        }
+      }
+    },
+    welcome: {
+      title: e.welcomeTitle,
+      description: e.welcomeDescription,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      icon: be(le, { style: { fontSize: "40px" } })
+    },
+    prompts: {
+      items: []
+    },
+    sender: {
+      mode: "multiple",
+      clearable: !0,
+      maxLength: 1e3,
+      showWordLimit: !0
+    },
+    model: {},
+    mcp: {}
+  };
+}
+function Oo(e) {
+  return {
+    conversation: {
+      items: [],
+      activeId: null,
+      title: e.newConversationTitle
+    },
+    bubble: {
+      messages: []
+    },
+    sender: {
+      loading: !1,
+      disabled: !1,
+      submitDisabled: !1
+    },
+    model: void 0,
+    mcp: void 0
+  };
+}
+function To(e, t) {
+  var o, u, m, d, a, l, b;
+  const n = Oo(t);
+  return {
+    conversation: {
+      items: ((o = e == null ? void 0 : e.conversation) == null ? void 0 : o.items) ?? n.conversation.items,
+      activeId: ((u = e == null ? void 0 : e.conversation) == null ? void 0 : u.activeId) ?? n.conversation.activeId,
+      title: ((m = e == null ? void 0 : e.conversation) == null ? void 0 : m.title) ?? n.conversation.title
+    },
+    bubble: {
+      messages: ((d = e == null ? void 0 : e.bubble) == null ? void 0 : d.messages) ?? n.bubble.messages
+    },
+    sender: {
+      loading: ((a = e == null ? void 0 : e.sender) == null ? void 0 : a.loading) ?? n.sender.loading,
+      disabled: ((l = e == null ? void 0 : e.sender) == null ? void 0 : l.disabled) ?? n.sender.disabled,
+      submitDisabled: ((b = e == null ? void 0 : e.sender) == null ? void 0 : b.submitDisabled) ?? n.sender.submitDisabled
+    },
+    request: e == null ? void 0 : e.request,
+    model: (e == null ? void 0 : e.model) ?? n.model,
+    mcp: (e == null ? void 0 : e.mcp) ?? n.mcp
+  };
+}
+function Mo(e) {
+  const t = Eo(), n = Ro(t.labels, e == null ? void 0 : e.labels);
+  return {
+    layout: Lo(t.layout, e == null ? void 0 : e.layout),
+    brand: Vo(t.brand, e == null ? void 0 : e.brand),
+    labels: n,
+    header: (e == null ? void 0 : e.header) !== !1,
+    history: Po(t.history, e == null ? void 0 : e.history, n),
+    bubble: Bo(t.bubble, e == null ? void 0 : e.bubble),
+    welcome: Uo(t.welcome, e == null ? void 0 : e.welcome, n),
+    prompts: Fo(t.prompts, e == null ? void 0 : e.prompts),
+    sender: Wo(t.sender, e == null ? void 0 : e.sender),
+    model: Do(e == null ? void 0 : e.model),
+    mcp: qo(e == null ? void 0 : e.mcp)
+  };
+}
+function Ro(e, t) {
+  return {
+    ...e,
+    ...H(t)
+  };
+}
+function Lo(e, t) {
+  var n, o, u;
+  return {
+    surface: {
+      mode: ((n = t == null ? void 0 : t.surface) == null ? void 0 : n.mode) ?? e.surface.mode,
+      floatingOptions: (o = t == null ? void 0 : t.surface) == null ? void 0 : o.floatingOptions
+    },
+    emptyState: (t == null ? void 0 : t.emptyState) ?? e.emptyState,
+    composer: {
+      welcome: ((u = t == null ? void 0 : t.composer) == null ? void 0 : u.welcome) ?? e.composer.welcome
+    },
+    contentMaxWidth: (t == null ? void 0 : t.contentMaxWidth) ?? e.contentMaxWidth,
+    panelPadding: (t == null ? void 0 : t.panelPadding) ?? e.panelPadding,
+    panelGap: (t == null ? void 0 : t.panelGap) ?? e.panelGap,
+    leftAside: $o(e.leftAside, t == null ? void 0 : t.leftAside),
+    rightAside: Io(t == null ? void 0 : t.rightAside)
+  };
+}
+function $o(e, t) {
+  return t === !1 ? !1 : {
+    mode: (t == null ? void 0 : t.mode) ?? e.mode,
+    width: (t == null ? void 0 : t.width) ?? e.width,
+    collapsedWidth: (t == null ? void 0 : t.collapsedWidth) ?? e.collapsedWidth,
+    open: t == null ? void 0 : t.open,
+    defaultOpen: (t == null ? void 0 : t.defaultOpen) ?? e.defaultOpen
+  };
+}
+function Io(e) {
+  return e === !1 || !e ? !1 : {
+    open: e == null ? void 0 : e.open,
+    mode: (e == null ? void 0 : e.mode) ?? "dock",
+    width: (e == null ? void 0 : e.width) ?? 320,
+    collapsedWidth: (e == null ? void 0 : e.collapsedWidth) ?? 0,
+    defaultOpen: (e == null ? void 0 : e.defaultOpen) ?? !0,
+    showClose: (e == null ? void 0 : e.showClose) ?? !0
+  };
+}
+function Vo(e, t) {
+  return {
+    ...e,
+    ...H(t)
+  };
+}
+function Po(e, t, n) {
+  if (t === !1)
+    return !1;
+  const o = {
+    ...e,
+    menuItems: [
+      { id: "rename", text: n.renameConversation },
+      { id: "delete", text: n.deleteConversation }
+    ]
+  };
+  return {
+    ...o,
+    ...H(t),
+    menuItems: t != null && t.menuItems ? [...t.menuItems] : [...o.menuItems]
+  };
+}
+function Bo(e, t) {
+  var n, o;
+  return {
+    ...e,
+    ...H(t),
+    autoScroll: (t == null ? void 0 : t.autoScroll) ?? e.autoScroll,
+    bubbleProvider: (t == null ? void 0 : t.bubbleProvider) ?? e.bubbleProvider,
+    bubbleList: {
+      ...e.bubbleList,
+      ...H(t == null ? void 0 : t.bubbleList),
+      roleConfigs: {
+        ...(n = e.bubbleList) == null ? void 0 : n.roleConfigs,
+        ...Ko((o = t == null ? void 0 : t.bubbleList) == null ? void 0 : o.roleConfigs)
+      }
+    }
+  };
+}
+function Uo(e, t, n) {
+  if (t === !1)
+    return !1;
+  const o = {
+    ...e,
+    title: n.welcomeTitle,
+    description: n.welcomeDescription
+  };
+  return {
+    ...o,
+    ...H(t),
+    title: (t == null ? void 0 : t.title) ?? o.title,
+    description: (t == null ? void 0 : t.description) ?? o.description
+  };
+}
+function Fo(e, t) {
+  return t === !1 ? !1 : {
+    ...e,
+    ...H(t),
+    items: [...(t == null ? void 0 : t.items) ?? e.items]
+  };
+}
+function Wo(e, t) {
+  return t === !1 ? !1 : {
+    ...e,
+    ...H(t)
+  };
+}
+function Do(e) {
+  return e === !1 ? !1 : e ?? {};
+}
+function qo(e) {
+  return e === !1 ? !1 : e ?? {};
+}
+function H(e) {
+  const t = {};
+  if (!e)
+    return t;
+  for (const n of Object.keys(e))
+    e[n] !== void 0 && (t[n] = e[n]);
+  return t;
+}
+function Ko(e) {
+  const t = {};
+  if (!e)
+    return t;
+  for (const [n, o] of Object.entries(e))
+    o !== void 0 && (t[n] = o);
+  return t;
+}
+function zo(e) {
+  if (e instanceof Error)
+    return e.message || String(e);
+  if (typeof e == "string")
+    return e;
+  if (e !== null && typeof e == "object")
+    try {
+      const t = JSON.stringify(e);
+      if (t)
+        return t;
+    } catch {
+      return String(e);
+    }
+  return String(e);
+}
+const jo = { class: "chat-panel-content chat-panel-content--header" }, Jo = { class: "chat-panel" }, Zo = {
+  key: 0,
+  class: "chat-request-error",
+  role: "alert"
+}, Go = { class: "chat-scroll-actions" }, Yo = {
+  key: 0,
+  class: "chat-panel-content chat-panel-content--footer"
+}, No = { class: "chat-right-aside-title" }, Qo = /* @__PURE__ */ J({
+  __name: "ChatUI",
+  props: {
+    data: {},
+    ui: {},
+    inputValue: {},
+    defaultInputValue: {},
+    floatingState: {}
+  },
+  emits: ["update:floating-state", "floating-drag-start", "floating-drag", "floating-drag-end", "floating-resize-start", "floating-resize", "floating-resize-end", "update:inputValue", "submit", "cancel", "clear", "create-conversation", "switch-conversation", "rename-conversation", "delete-conversation", "history-action", "prompt-click", "bubble-state-change", "bubble-event", "model-select", "model-feature-change", "mcp-add-server", "mcp-remove-server", "mcp-server-enabled-change", "mcp-tool-enabled-change", "left-aside-open-change", "right-aside-open-change"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = Xe(), m = n.inputValue !== void 0, d = q(n.inputValue ?? n.defaultInputValue ?? ""), a = q(null), b = st({
+      mobile: 0,
+      desktop: 960
+    }).smaller("desktop"), { width: A } = at(), c = h(() => Mo(n.ui)), f = h(() => To(n.data, c.value.labels)), O = h(() => m ? n.inputValue ?? "" : d.value), C = h(() => c.value.header !== !1), L = h(() => c.value.layout.leftAside), T = h(() => c.value.layout.rightAside), p = h(
+      () => c.value.history === !1 ? { menuItems: [] } : c.value.history
+    ), r = h(
+      () => c.value.sender === !1 ? void 0 : c.value.sender
+    ), i = h(() => c.value.model === !1 ? void 0 : f.value.model), s = h(() => c.value.mcp === !1 ? void 0 : f.value.mcp), v = h(() => c.value.sender !== !1), S = h(() => L.value !== !1), $ = h(() => T.value !== !1), w = So({
+      leftAside: L,
+      rightAside: T,
+      isMobileViewport: b,
+      viewportWidth: A,
+      onLeftOpenChange: (g) => o("left-aside-open-change", g),
+      onRightOpenChange: (g) => o("right-aside-open-change", g)
+    }), P = h(
+      () => c.value.bubble.bubbleList.roleConfigs ?? { system: { hidden: !0 } }
+    ), Z = h(
+      () => f.value.bubble.messages.filter((g) => !Ke(g.role))
+    ), K = h(() => Z.value.length === 0), x = !!u["layout-main"], ee = h(() => K.value && c.value.layout.emptyState === "center"), ce = h(
+      () => K.value && r.value !== void 0 && c.value.welcome !== !1 && c.value.layout.composer.welcome === "center" && !x
+    ), te = h(() => {
+      var g;
+      return (g = f.value.request) == null ? void 0 : g.error;
+    }), De = h(() => ({
+      containerType: "inline-size",
+      "--tr-layout-left-aside-bg": "var(--tr-chat-ui-left-aside-bg, var(--tr-container-bg-default))",
+      "--tr-layout-right-aside-bg": "var(--tr-chat-ui-right-aside-bg, var(--tr-container-bg-default))",
+      "--tr-layout-header-bg": "var(--tr-chat-ui-header-bg, var(--tr-container-bg-default))",
+      "--tr-layout-main-bg": "var(--tr-chat-ui-main-bg, var(--tr-container-bg-default))",
+      "--tr-layout-footer-bg": "var(--tr-chat-ui-footer-bg, var(--tr-container-bg-default))",
+      "--tr-chat-ui-content-max-width": fe(c.value.layout.contentMaxWidth),
+      "--tr-chat-ui-panel-padding": fe(c.value.layout.panelPadding),
+      "--tr-chat-ui-panel-gap": fe(c.value.layout.panelGap)
+    })), qe = h(() => {
+      const g = c.value.layout, M = {
+        leftAside: S.value ? w.leftAsideOptions.value : void 0,
+        rightAside: $.value ? w.rightAsideOptions.value : void 0
+      };
+      return g.surface.mode === "floating" ? {
+        ...M,
+        mode: "floating",
+        floatingState: n.floatingState,
+        floatingOptions: g.surface.floatingOptions
+      } : {
+        ...M,
+        mode: "normal"
+      };
+    });
+    function fe(g) {
+      return typeof g == "number" ? `${g}px` : g;
+    }
+    function Ke(g) {
+      var M;
+      return g ? !!((M = P.value[g]) != null && M.hidden) : !1;
+    }
+    function oe() {
+      o("create-conversation"), w.isLeftAsideDrawer.value && w.closeLeftAside();
+    }
+    function we(g) {
+      o("switch-conversation", { id: g.id }), w.isLeftAsideDrawer.value && w.closeLeftAside();
+    }
+    function Se(g, M) {
+      o("rename-conversation", { id: g.id, title: M });
+    }
+    function ze(g, M) {
+      o("history-action", { action: g, conversation: M });
+    }
+    function je(g) {
+      o("delete-conversation", { id: g.id });
+    }
+    function Je(g, M) {
+      ne(M.label), o("prompt-click", { event: g, item: M });
+    }
+    function ke(g) {
+      o("submit", g);
+    }
+    function Ee() {
+      o("cancel");
+    }
+    function Oe() {
+      ne(""), o("clear");
+    }
+    function ne(g) {
+      m || (d.value = g), o("update:inputValue", g);
+    }
+    function Ze(g) {
+      o("bubble-state-change", g);
+    }
+    function Ge(g) {
+      o("bubble-event", g);
+    }
+    return (g, M) => (I(), W(y(ge), N(qe.value, {
+      class: "tr-chat-ui",
+      style: De.value,
+      onLeftAsideOpenChange: y(w).handleLeftAsideOpenChange,
+      onRightAsideOpenChange: y(w).handleRightAsideOpenChange,
+      "onUpdate:floatingState": M[12] || (M[12] = (R) => o("update:floating-state", R)),
+      onFloatingDragStart: M[13] || (M[13] = (R) => o("floating-drag-start", R)),
+      onFloatingDrag: M[14] || (M[14] = (R) => o("floating-drag", R)),
+      onFloatingDragEnd: M[15] || (M[15] = (R) => o("floating-drag-end", R)),
+      onFloatingResizeStart: M[16] || (M[16] = (R) => o("floating-resize-start", R)),
+      onFloatingResize: M[17] || (M[17] = (R) => o("floating-resize", R)),
+      onFloatingResizeEnd: M[18] || (M[18] = (R) => o("floating-resize-end", R))
+    }), z({
+      main: E(() => [
+        V("section", Jo, [
+          V("div", {
+            ref_key: "scrollTarget",
+            ref: a,
+            class: "chat-main-scroll-host"
+          }, [
+            te.value !== void 0 && te.value !== null ? (I(), F("div", Zo, [
+              k(g.$slots, "request-error", { error: te.value }, () => [
+                Ie(Q(y(zo)(te.value)), 1)
+              ], !0)
+            ])) : B("", !0),
+            U(go, {
+              messages: Z.value,
+              "scroll-target": a.value,
+              options: c.value.bubble,
+              welcome: c.value.welcome,
+              prompts: c.value.prompts,
+              labels: c.value.labels,
+              "center-empty-state": ee.value,
+              "center-welcome-composer": ce.value,
+              onPromptClick: Je,
+              onBubbleStateChange: Ze,
+              onBubbleEvent: Ge
+            }, z({ _: 2 }, [
+              g.$slots["layout-main"] ? {
+                name: "default",
+                fn: E(() => [
+                  k(g.$slots, "layout-main", {
+                    messages: Z.value,
+                    request: f.value.request,
+                    conversation: f.value.conversation
+                  }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              g.$slots["welcome-footer"] ? {
+                name: "welcome-footer",
+                fn: E(() => [
+                  k(g.$slots, "welcome-footer", {}, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0,
+              g.$slots["prompts-footer"] ? {
+                name: "prompts-footer",
+                fn: E(() => [
+                  k(g.$slots, "prompts-footer", {}, void 0, !0)
+                ]),
+                key: "2"
+              } : void 0,
+              ce.value && r.value ? {
+                name: "welcome-composer",
+                fn: E(() => [
+                  U(Re, {
+                    class: "chat-welcome-composer",
+                    sender: f.value.sender,
+                    value: O.value,
+                    "sender-options": r.value,
+                    labels: c.value.labels,
+                    model: i.value,
+                    mcp: s.value,
+                    onSubmit: ke,
+                    onCancel: Ee,
+                    onClear: Oe,
+                    "onUpdate:value": ne,
+                    onModelSelect: M[0] || (M[0] = (R) => o("model-select", R)),
+                    onModelFeatureChange: M[1] || (M[1] = (R) => o("model-feature-change", R)),
+                    onMcpAddServer: M[2] || (M[2] = (R) => o("mcp-add-server", R)),
+                    onMcpRemoveServer: M[3] || (M[3] = (R) => o("mcp-remove-server", R)),
+                    onMcpServerEnabledChange: M[4] || (M[4] = (R) => o("mcp-server-enabled-change", R)),
+                    onMcpToolEnabledChange: M[5] || (M[5] = (R) => o("mcp-tool-enabled-change", R))
+                  }, z({ _: 2 }, [
+                    g.$slots["composer-before"] ? {
+                      name: "composer-before",
+                      fn: E((R) => [
+                        k(g.$slots, "composer-before", D(j(R)), void 0, !0)
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    g.$slots["layout-footer"] ? {
+                      name: "layout-footer",
+                      fn: E((R) => [
+                        k(g.$slots, "layout-footer", D(j(R)), void 0, !0)
+                      ]),
+                      key: "1"
+                    } : void 0,
+                    g.$slots["sender-footer"] ? {
+                      name: "sender-footer",
+                      fn: E(() => [
+                        k(g.$slots, "sender-footer", {}, void 0, !0)
+                      ]),
+                      key: "2"
+                    } : void 0,
+                    g.$slots["sender-footer-right"] ? {
+                      name: "sender-footer-right",
+                      fn: E(() => [
+                        k(g.$slots, "sender-footer-right", {}, void 0, !0)
+                      ]),
+                      key: "3"
+                    } : void 0
+                  ]), 1032, ["sender", "value", "sender-options", "labels", "model", "mcp"])
+                ]),
+                key: "3"
+              } : void 0,
+              g.$slots["bubble-prefix"] ? {
+                name: "bubble-prefix",
+                fn: E(() => [
+                  k(g.$slots, "bubble-prefix", {}, void 0, !0)
+                ]),
+                key: "4"
+              } : void 0,
+              g.$slots["bubble-suffix"] ? {
+                name: "bubble-suffix",
+                fn: E(() => [
+                  k(g.$slots, "bubble-suffix", {}, void 0, !0)
+                ]),
+                key: "5"
+              } : void 0,
+              g.$slots["bubble-after"] ? {
+                name: "bubble-after",
+                fn: E(() => [
+                  k(g.$slots, "bubble-after", {}, void 0, !0)
+                ]),
+                key: "6"
+              } : void 0,
+              g.$slots["bubble-content-footer"] ? {
+                name: "bubble-content-footer",
+                fn: E(() => [
+                  k(g.$slots, "bubble-content-footer", {}, void 0, !0)
+                ]),
+                key: "7"
+              } : void 0
+            ]), 1032, ["messages", "scroll-target", "options", "welcome", "prompts", "labels", "center-empty-state", "center-welcome-composer"])
+          ], 512)
+        ]),
+        V("div", Go, [
+          U(Tt, { target: a.value }, null, 8, ["target"])
+        ]),
+        U(y(ge).ProxyScrollbar, { "scroll-target": a.value }, null, 8, ["scroll-target"])
+      ]),
+      _: 2
+    }, [
+      S.value ? {
+        name: "left-aside",
+        fn: E(() => [
+          U(Bt, {
+            conversation: f.value.conversation,
+            history: p.value,
+            brand: c.value.brand,
+            labels: c.value.labels,
+            "is-open": y(w).resolvedLeftAsideOpen.value,
+            "is-dock": y(w).isLeftAsideDock.value,
+            "show-history": c.value.history !== !1,
+            onCreateConversation: oe,
+            onSwitchConversation: we,
+            onRenameConversation: Se,
+            onDeleteConversation: je,
+            onHistoryAction: ze,
+            onOpen: y(w).openLeftAside,
+            onClose: y(w).closeLeftAside,
+            onToggle: y(w).toggleLeftAside
+          }, z({ _: 2 }, [
+            g.$slots["layout-left-aside"] ? {
+              name: "default",
+              fn: E(() => [
+                k(g.$slots, "layout-left-aside", {
+                  conversation: f.value.conversation,
+                  isOpen: y(w).resolvedLeftAsideOpen.value,
+                  createConversation: oe,
+                  switchConversation: (R) => we({ id: R }),
+                  renameConversation: (R, Ye) => Se({ id: R }, Ye),
+                  deleteConversation: (R) => o("delete-conversation", { id: R }),
+                  openLeftAside: y(w).openLeftAside,
+                  closeLeftAside: y(w).closeLeftAside,
+                  toggleLeftAside: y(w).toggleLeftAside
+                }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["conversation", "history", "brand", "labels", "is-open", "is-dock", "show-history", "onOpen", "onClose", "onToggle"])
+        ]),
+        key: "0"
+      } : void 0,
+      C.value ? {
+        name: "header",
+        fn: E(() => [
+          V("div", jo, [
+            U(vo, {
+              title: f.value.conversation.title,
+              "is-empty": K.value,
+              conversation: f.value.conversation,
+              "is-left-aside-visible": S.value,
+              "is-left-aside-drawer": y(w).isLeftAsideDrawer.value,
+              "is-left-aside-open": y(w).resolvedLeftAsideOpen.value,
+              "is-right-aside-visible": $.value,
+              "is-right-aside-open": y(w).resolvedRightAsideOpen.value,
+              labels: c.value.labels,
+              onCreateConversation: oe,
+              onOpenLeftAside: y(w).openLeftAside,
+              onCloseLeftAside: y(w).closeLeftAside,
+              onToggleLeftAside: y(w).toggleLeftAside,
+              onOpenRightAside: y(w).openRightAside
+            }, z({ _: 2 }, [
+              g.$slots["header-notice"] ? {
+                name: "notice",
+                fn: E(() => [
+                  k(g.$slots, "header-notice", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              g.$slots["layout-header"] ? {
+                name: "default",
+                fn: E(() => [
+                  k(g.$slots, "layout-header", {
+                    title: f.value.conversation.title,
+                    isEmpty: K.value,
+                    conversation: f.value.conversation,
+                    createConversation: oe,
+                    isLeftAsideOpen: y(w).resolvedLeftAsideOpen.value,
+                    openLeftAside: y(w).openLeftAside,
+                    closeLeftAside: y(w).closeLeftAside,
+                    toggleLeftAside: y(w).toggleLeftAside,
+                    openRightAside: y(w).openRightAside,
+                    closeRightAside: y(w).closeRightAside
+                  }, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["title", "is-empty", "conversation", "is-left-aside-visible", "is-left-aside-drawer", "is-left-aside-open", "is-right-aside-visible", "is-right-aside-open", "labels", "onOpenLeftAside", "onCloseLeftAside", "onToggleLeftAside", "onOpenRightAside"])
+          ])
+        ]),
+        key: "1"
+      } : void 0,
+      v.value && r.value ? {
+        name: "footer",
+        fn: E(() => [
+          ce.value ? B("", !0) : (I(), F("div", Yo, [
+            U(Re, {
+              sender: f.value.sender,
+              value: O.value,
+              "sender-options": r.value,
+              labels: c.value.labels,
+              model: i.value,
+              mcp: s.value,
+              onSubmit: ke,
+              onCancel: Ee,
+              onClear: Oe,
+              "onUpdate:value": ne,
+              onModelSelect: M[6] || (M[6] = (R) => o("model-select", R)),
+              onModelFeatureChange: M[7] || (M[7] = (R) => o("model-feature-change", R)),
+              onMcpAddServer: M[8] || (M[8] = (R) => o("mcp-add-server", R)),
+              onMcpRemoveServer: M[9] || (M[9] = (R) => o("mcp-remove-server", R)),
+              onMcpServerEnabledChange: M[10] || (M[10] = (R) => o("mcp-server-enabled-change", R)),
+              onMcpToolEnabledChange: M[11] || (M[11] = (R) => o("mcp-tool-enabled-change", R))
+            }, z({ _: 2 }, [
+              g.$slots["composer-before"] ? {
+                name: "composer-before",
+                fn: E((R) => [
+                  k(g.$slots, "composer-before", D(j(R)), void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              g.$slots["layout-footer"] ? {
+                name: "layout-footer",
+                fn: E((R) => [
+                  k(g.$slots, "layout-footer", D(j(R)), void 0, !0)
+                ]),
+                key: "1"
+              } : void 0,
+              g.$slots["sender-footer"] ? {
+                name: "sender-footer",
+                fn: E(() => [
+                  k(g.$slots, "sender-footer", {}, void 0, !0)
+                ]),
+                key: "2"
+              } : void 0,
+              g.$slots["sender-footer-right"] ? {
+                name: "sender-footer-right",
+                fn: E(() => [
+                  k(g.$slots, "sender-footer-right", {}, void 0, !0)
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1032, ["sender", "value", "sender-options", "labels", "model", "mcp"])
+          ]))
+        ]),
+        key: "2"
+      } : void 0,
+      $.value ? {
+        name: "right-aside",
+        fn: E(() => [
+          U(wo, {
+            "show-close": T.value !== !1 ? T.value.showClose : !0,
+            labels: c.value.labels,
+            onClose: y(w).closeRightAside
+          }, {
+            title: E(() => [
+              k(g.$slots, "layout-right-aside-title", {}, () => [
+                V("h2", No, Q(c.value.labels.rightAsideTitle), 1)
+              ], !0)
+            ]),
+            default: E(() => [
+              k(g.$slots, "layout-right-aside", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["show-close", "labels", "onClose"])
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["style", "onLeftAsideOpenChange", "onRightAsideOpenChange"]));
+  }
+}), Ho = /* @__PURE__ */ Y(Qo, [["__scopeId", "data-v-b37c2cd2"]]);
+function Xo(e) {
+  const t = q("");
+  function n(u) {
+    t.value = u;
+  }
+  async function o(u) {
+    const m = u.text.trim();
+    if (!m)
+      return !1;
+    const d = u.text;
+    try {
+      t.value = "", await Promise.resolve();
+      const a = await e.send({
+        ...u,
+        text: m
+      });
+      return !a && t.value === "" && (t.value = d), a;
+    } catch (a) {
+      throw t.value === "" && (t.value = d), a;
+    }
+  }
+  return {
+    inputValue: t,
+    setInputValue: n,
+    send: o,
+    abort: e.abort
+  };
+}
+function xo(e) {
+  const t = h(() => G(e.runtime)), n = h(() => t.value.activeConversation.value), o = q(!1), u = q(/* @__PURE__ */ new Set()), m = q(/* @__PURE__ */ new Set()), d = q(/* @__PURE__ */ new Set()), a = Xo({
+    send: async (i) => await c("send", i, () => t.value.actions.send(i)) ?? !1
+  }), l = h(() => {
+    var P, Z;
+    const i = n.value, s = t.value.composer.model, v = t.value.composer.mcp, S = {};
+    for (const [K, x] of Object.entries((v == null ? void 0 : v.tools.value) ?? {}))
+      x && (S[K] = x.map(
+        (ee) => ({
+          ...ee,
+          loading: d.value.has(A(K, ee.id))
+        })
+      ));
+    const $ = s ? {
+      options: s.options.value,
+      selectedId: s.selectedId.value,
+      features: s.features.value,
+      selecting: o.value,
+      pendingFeatureIds: [...u.value]
+    } : void 0, w = v ? {
+      servers: v.servers.value.map(
+        (K) => ({
+          ...K,
+          loading: !!(K.loading || m.value.has(K.id))
+        })
+      ),
+      tools: S
+    } : void 0;
+    return {
+      conversation: {
+        items: t.value.conversations.value,
+        activeId: (i == null ? void 0 : i.id) ?? null,
+        title: G(e.title) || (i == null ? void 0 : i.title)
+      },
+      bubble: { messages: (i == null ? void 0 : i.messages) ?? [] },
+      sender: {
+        loading: (i == null ? void 0 : i.requestState) === "processing",
+        disabled: !!((P = t.value.composer.disabled) != null && P.value),
+        submitDisabled: !!((Z = t.value.composer.submitDisabled) != null && Z.value)
+      },
+      request: i ? {
+        state: i.requestState,
+        processingState: i.processingState,
+        error: i.lastError ?? void 0
+      } : void 0,
+      model: $,
+      mcp: w
+    };
+  });
+  function b(i, s, v) {
+    const S = new Set(i.value);
+    v ? S.add(s) : S.delete(s), i.value = S;
+  }
+  function A(i, s) {
+    return `${i}:${s}`;
+  }
+  async function c(i, s, v) {
+    try {
+      return await v();
+    } catch (S) {
+      e.onActionError({ action: i, payload: s, error: S });
+      return;
+    }
+  }
+  async function f(i, s, v) {
+    if (!i.value.has(s)) {
+      b(i, s, !0);
+      try {
+        await v();
+      } finally {
+        b(i, s, !1);
+      }
+    }
+  }
+  async function O(i) {
+    const s = t.value.composer.model;
+    if (!(!s || s.selectedId.value === i || o.value)) {
+      o.value = !0;
+      try {
+        await c("select-model", { id: i }, () => s.select(i));
+      } finally {
+        o.value = !1;
+      }
+    }
+  }
+  async function C(i, s) {
+    const v = t.value.composer.model;
+    !v || v.features.value[i] === s || await f(
+      u,
+      i,
+      () => c("set-model-feature", { id: i, enabled: s }, () => v.setFeature(i, s))
+    );
+  }
+  async function L(i) {
+    const s = t.value.composer.mcp;
+    s && await f(m, i, () => c("add-mcp-server", { id: i }, () => s.addServer(i)));
+  }
+  async function T(i) {
+    const s = t.value.composer.mcp;
+    s && await f(
+      m,
+      i,
+      () => c("remove-mcp-server", { id: i }, () => s.removeServer(i))
+    );
+  }
+  async function p(i, s) {
+    const v = t.value.composer.mcp, S = v == null ? void 0 : v.servers.value.find(($) => $.id === i);
+    v && S && S.enabled !== s && await f(
+      m,
+      i,
+      () => c("set-mcp-server-enabled", { id: i, enabled: s }, () => v.setServerEnabled(i, s))
+    );
+  }
+  async function r(i, s, v) {
+    var P;
+    const S = t.value.composer.mcp, $ = (P = S == null ? void 0 : S.tools.value[i]) == null ? void 0 : P.find((Z) => Z.id === s), w = A(i, s);
+    S && $ && $.enabled !== v && await f(
+      d,
+      w,
+      () => c(
+        "set-mcp-tool-enabled",
+        { serverId: i, toolId: s, enabled: v },
+        () => S.setToolEnabled(i, s, v)
+      )
+    );
+  }
+  return {
+    data: l,
+    inputValue: a.inputValue,
+    setInputValue: a.setInputValue,
+    send: (i) => a.send(i),
+    abort: () => c("abort", void 0, () => {
+      var i, s;
+      return (s = (i = t.value.actions).abort) == null ? void 0 : s.call(i);
+    }),
+    createConversation: () => c("create-conversation", void 0, () => t.value.actions.createConversation()),
+    switchConversation: (i) => c("switch-conversation", { id: i }, () => t.value.actions.switchConversation(i)),
+    renameConversation: (i, s) => c("rename-conversation", { id: i, title: s }, () => t.value.actions.renameConversation(i, s)),
+    deleteConversation: (i) => c("delete-conversation", { id: i }, () => t.value.actions.deleteConversation(i)),
+    selectModel: O,
+    setModelFeature: C,
+    addMcpServer: L,
+    removeMcpServer: T,
+    setMcpServerEnabled: p,
+    setMcpToolEnabled: r
+  };
+}
+const Tn = /* @__PURE__ */ J({
+  __name: "Chat",
+  props: {
+    runtime: {},
+    ui: {},
+    title: {},
+    floatingState: {}
+  },
+  emits: ["update:floating-state", "floating-drag-start", "floating-drag", "floating-drag-end", "floating-resize-start", "floating-resize", "floating-resize-end", "runtime-action-error", "history-action", "prompt-click", "bubble-state-change", "bubble-event", "left-aside-open-change", "right-aside-open-change"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, u = xo({
+      runtime: () => n.runtime,
+      title: () => n.title,
+      onActionError: (d) => o("runtime-action-error", d)
+    });
+    function m(d) {
+      if (d.action.id === "delete") {
+        u.deleteConversation(d.conversation.id);
+        return;
+      }
+      o("history-action", d);
+    }
+    return (d, a) => (I(), W(Ho, {
+      data: y(u).data.value,
+      ui: n.ui,
+      "floating-state": n.floatingState,
+      "input-value": y(u).inputValue.value,
+      onCreateConversation: y(u).createConversation,
+      onSwitchConversation: a[0] || (a[0] = ({ id: l }) => y(u).switchConversation(l)),
+      onRenameConversation: a[1] || (a[1] = ({ id: l, title: b }) => y(u).renameConversation(l, b)),
+      onDeleteConversation: a[2] || (a[2] = ({ id: l }) => y(u).deleteConversation(l)),
+      onHistoryAction: m,
+      onPromptClick: a[3] || (a[3] = (l) => o("prompt-click", l)),
+      onBubbleStateChange: a[4] || (a[4] = (l) => o("bubble-state-change", l)),
+      onBubbleEvent: a[5] || (a[5] = (l) => o("bubble-event", l)),
+      onLeftAsideOpenChange: a[6] || (a[6] = (l) => o("left-aside-open-change", l)),
+      onRightAsideOpenChange: a[7] || (a[7] = (l) => o("right-aside-open-change", l)),
+      "onUpdate:floatingState": a[8] || (a[8] = (l) => o("update:floating-state", l)),
+      onFloatingDragStart: a[9] || (a[9] = (l) => o("floating-drag-start", l)),
+      onFloatingDrag: a[10] || (a[10] = (l) => o("floating-drag", l)),
+      onFloatingDragEnd: a[11] || (a[11] = (l) => o("floating-drag-end", l)),
+      onFloatingResizeStart: a[12] || (a[12] = (l) => o("floating-resize-start", l)),
+      onFloatingResize: a[13] || (a[13] = (l) => o("floating-resize", l)),
+      onFloatingResizeEnd: a[14] || (a[14] = (l) => o("floating-resize-end", l)),
+      onSubmit: y(u).send,
+      onCancel: y(u).abort,
+      onClear: a[15] || (a[15] = () => y(u).setInputValue("")),
+      "onUpdate:inputValue": y(u).setInputValue,
+      onModelSelect: a[16] || (a[16] = ({ id: l }) => y(u).selectModel(l)),
+      onModelFeatureChange: a[17] || (a[17] = ({ id: l, enabled: b }) => y(u).setModelFeature(l, b)),
+      onMcpAddServer: a[18] || (a[18] = ({ id: l }) => y(u).addMcpServer(l)),
+      onMcpRemoveServer: a[19] || (a[19] = ({ id: l }) => y(u).removeMcpServer(l)),
+      onMcpServerEnabledChange: a[20] || (a[20] = ({ id: l, enabled: b }) => y(u).setMcpServerEnabled(l, b)),
+      onMcpToolEnabledChange: a[21] || (a[21] = ({ serverId: l, toolId: b, enabled: A }) => y(u).setMcpToolEnabled(l, b, A))
+    }, z({ _: 2 }, [
+      d.$slots["layout-header"] ? {
+        name: "layout-header",
+        fn: E((l) => [
+          k(d.$slots, "layout-header", D(j(l)))
+        ]),
+        key: "0"
+      } : void 0,
+      d.$slots["layout-left-aside"] ? {
+        name: "layout-left-aside",
+        fn: E((l) => [
+          k(d.$slots, "layout-left-aside", D(j(l)))
+        ]),
+        key: "1"
+      } : void 0,
+      d.$slots["layout-right-aside"] ? {
+        name: "layout-right-aside",
+        fn: E(() => [
+          k(d.$slots, "layout-right-aside")
+        ]),
+        key: "2"
+      } : void 0,
+      d.$slots["layout-right-aside-title"] ? {
+        name: "layout-right-aside-title",
+        fn: E(() => [
+          k(d.$slots, "layout-right-aside-title")
+        ]),
+        key: "3"
+      } : void 0,
+      d.$slots["layout-main"] ? {
+        name: "layout-main",
+        fn: E((l) => [
+          k(d.$slots, "layout-main", D(j(l)))
+        ]),
+        key: "4"
+      } : void 0,
+      d.$slots["layout-footer"] ? {
+        name: "layout-footer",
+        fn: E((l) => [
+          k(d.$slots, "layout-footer", D(j(l)))
+        ]),
+        key: "5"
+      } : void 0,
+      d.$slots["composer-before"] ? {
+        name: "composer-before",
+        fn: E((l) => [
+          k(d.$slots, "composer-before", D(j(l)))
+        ]),
+        key: "6"
+      } : void 0,
+      d.$slots["header-notice"] ? {
+        name: "header-notice",
+        fn: E(() => [
+          k(d.$slots, "header-notice")
+        ]),
+        key: "7"
+      } : void 0,
+      d.$slots["request-error"] ? {
+        name: "request-error",
+        fn: E((l) => [
+          k(d.$slots, "request-error", D(j(l)))
+        ]),
+        key: "8"
+      } : void 0,
+      d.$slots["welcome-footer"] ? {
+        name: "welcome-footer",
+        fn: E(() => [
+          k(d.$slots, "welcome-footer")
+        ]),
+        key: "9"
+      } : void 0,
+      d.$slots["prompts-footer"] ? {
+        name: "prompts-footer",
+        fn: E(() => [
+          k(d.$slots, "prompts-footer")
+        ]),
+        key: "10"
+      } : void 0,
+      d.$slots["bubble-prefix"] ? {
+        name: "bubble-prefix",
+        fn: E(() => [
+          k(d.$slots, "bubble-prefix")
+        ]),
+        key: "11"
+      } : void 0,
+      d.$slots["bubble-suffix"] ? {
+        name: "bubble-suffix",
+        fn: E(() => [
+          k(d.$slots, "bubble-suffix")
+        ]),
+        key: "12"
+      } : void 0,
+      d.$slots["bubble-after"] ? {
+        name: "bubble-after",
+        fn: E(() => [
+          k(d.$slots, "bubble-after")
+        ]),
+        key: "13"
+      } : void 0,
+      d.$slots["bubble-content-footer"] ? {
+        name: "bubble-content-footer",
+        fn: E(() => [
+          k(d.$slots, "bubble-content-footer")
+        ]),
+        key: "14"
+      } : void 0,
+      d.$slots["sender-footer"] ? {
+        name: "sender-footer",
+        fn: E(() => [
+          k(d.$slots, "sender-footer")
+        ]),
+        key: "15"
+      } : void 0,
+      d.$slots["sender-footer-right"] ? {
+        name: "sender-footer-right",
+        fn: E(() => [
+          k(d.$slots, "sender-footer-right")
+        ]),
+        key: "16"
+      } : void 0
+    ]), 1032, ["data", "ui", "floating-state", "input-value", "onCreateConversation", "onSubmit", "onCancel", "onUpdate:inputValue"]));
+  }
+}), Pe = "run_config_metadata", ie = "run_config_context";
+function de(e) {
+  if (e)
+    return {
+      ...e,
+      features: e.features ? { ...e.features } : void 0,
+      reasoning: e.reasoning ? { ...e.reasoning } : void 0,
+      mcp: e.mcp ? {
+        serverIds: [...e.mcp.serverIds],
+        toolIds: Object.fromEntries(
+          Object.entries(e.mcp.toolIds).map(([t, n]) => [t, [...n]])
+        )
+      } : void 0
+    };
+}
+function Be(e) {
+  return (e == null ? void 0 : e.servers.value.filter((t) => t.installed && t.enabled)) ?? [];
+}
+function Ue(e) {
+  return e ? Be(e).every(
+    (t) => !t.loading && Object.prototype.hasOwnProperty.call(e.tools.value, t.id)
+  ) : !0;
+}
+function _o(e) {
+  if (e === void 0)
+    return;
+  const t = Be(e);
+  if (!(t.length === 0 || !Ue(e)))
+    return {
+      serverIds: t.map((n) => n.id),
+      toolIds: Object.fromEntries(
+        t.map((n) => [
+          n.id,
+          (e.tools.value[n.id] ?? []).filter((o) => o.enabled).map((o) => o.id)
+        ])
+      )
+    };
+}
+function en(e) {
+  var u, m;
+  const t = e.model, n = (m = (u = e.model) == null ? void 0 : u.reasoning) == null ? void 0 : m.value, o = _o(e.mcp);
+  if (!(!t && !n && !o))
+    return de({
+      modelId: (t == null ? void 0 : t.selectedId.value) ?? void 0,
+      features: t ? { ...t.features.value } : void 0,
+      reasoning: n,
+      mcp: o
+    });
+}
+function _(e) {
+  return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function tn(e) {
+  if (!_(e) || !Array.isArray(e.serverIds) || !_(e.toolIds) || !e.serverIds.every((u) => typeof u == "string" && u.length > 0))
+    return;
+  const t = e.serverIds, n = new Set(t);
+  if (n.size !== t.length)
+    return;
+  const o = Object.entries(e.toolIds);
+  if (!(o.length !== t.length || !o.every(
+    ([u, m]) => n.has(u) && Array.isArray(m) && m.every((d) => typeof d == "string" && d.length > 0) && new Set(m).size === m.length
+  )) && !t.some((u) => !Object.prototype.hasOwnProperty.call(e.toolIds, u)))
+    return {
+      serverIds: [...t],
+      toolIds: Object.fromEntries(o.map(([u, m]) => [u, [...m]]))
+    };
+}
+function on(e) {
+  var u;
+  const t = (u = e == null ? void 0 : e.metadata) == null ? void 0 : u[Pe];
+  if (!_(t) || t.modelId !== void 0 && typeof t.modelId != "string" || t.features !== void 0 && (!_(t.features) || Object.values(t.features).some((m) => typeof m != "boolean")))
+    return;
+  let n;
+  if (t.reasoning !== void 0) {
+    if (!_(t.reasoning) || typeof t.reasoning.enabled != "boolean" || t.reasoning.effort !== void 0 && (typeof t.reasoning.effort != "string" || !jt.includes(t.reasoning.effort)))
+      return;
+    n = {
+      enabled: t.reasoning.enabled,
+      effort: t.reasoning.effort
+    };
+  }
+  const o = t.mcp === void 0 ? void 0 : tn(t.mcp);
+  if (!(t.mcp !== void 0 && !o))
+    return de({
+      modelId: t.modelId,
+      features: t.features,
+      reasoning: n,
+      mcp: o
+    });
+}
+const Fe = "新对话";
+function We(e) {
+  return e.trim().slice(0, 20) || Fe;
+}
+function nn(e) {
+  return e || Fe;
+}
+const Le = (e) => ({
+  id: e.id,
+  title: nn(e.title),
+  createdAt: e.createdAt,
+  updatedAt: e.updatedAt,
+  metadata: e.metadata
+});
+function sn(e) {
+  const { conversation: t, lastError: n, titleGenerator: o, send: u, composer: m } = e, d = q({}), a = o ?? We, l = h(() => t.activeConversation.value), b = h(() => t.conversations.value.map(Le)), A = h(() => {
+    const T = l.value;
+    return T ? {
+      ...Le(T),
+      messages: T.engine.messages.value,
+      requestState: T.engine.requestState.value,
+      processingState: T.engine.processingState.value,
+      lastError: d.value[T.id] ?? null
+    } : null;
+  });
+  n && xe(() => {
+    var T;
+    n.value = ((T = A.value) == null ? void 0 : T.lastError) ?? null;
+  });
+  const c = m ?? {}, f = h(
+    () => {
+      var T;
+      return !!((T = c.submitDisabled) != null && T.value) || !Ue(c.mcp);
+    }
+  ), O = {
+    ...c,
+    submitDisabled: f
+  }, C = u ?? (async (T) => {
+    const p = T.text.trim();
+    if (!p)
+      return;
+    let r = l.value;
+    r ? r.title || t.updateConversationTitle(r.id, a(p)) : r = t.createConversation({ title: a(p) });
+    const i = Math.floor(Date.now() / 1e3);
+    await r.engine.send({
+      role: "user",
+      content: p,
+      metadata: {
+        createdAt: i,
+        updatedAt: i,
+        ...T.runConfig ? {
+          [Pe]: de(T.runConfig)
+        } : {}
+      }
+    });
+  });
+  async function L(T) {
+    var s, v, S, $;
+    const p = T.text.trim();
+    if (!p || (s = O.disabled) != null && s.value || (v = O.submitDisabled) != null && v.value)
+      return !1;
+    let r = ((S = t.activeConversation.value) == null ? void 0 : S.id) ?? null;
+    const i = {
+      ...T,
+      text: p,
+      runConfig: de(en(O))
+    };
+    try {
+      const w = Promise.resolve(C(i));
+      return r = (($ = t.activeConversation.value) == null ? void 0 : $.id) ?? r, r && (d.value = {
+        ...d.value,
+        [r]: null
+      }), await w, !0;
+    } catch (w) {
+      throw r && (d.value = {
+        ...d.value,
+        [r]: w
+      }), w;
+    }
+  }
+  return {
+    conversations: b,
+    activeConversation: A,
+    composer: O,
+    actions: {
+      send: L,
+      abort: async () => {
+        await t.abortActiveRequest();
+      },
+      createConversation: (T) => {
+        t.createConversation(T);
+      },
+      switchConversation: async (T) => {
+        await t.switchConversation(T);
+      },
+      renameConversation: (T, p) => {
+        t.updateConversationTitle(T, p);
+      },
+      deleteConversation: async (T) => {
+        await t.deleteConversation(T);
+        const { [T]: p, ...r } = d.value;
+        d.value = r;
+      }
+    }
+  };
+}
+function an(e) {
+  var l, b, A;
+  const t = q(((l = e[0]) == null ? void 0 : l.id) ?? null), n = q(((A = (b = e[0]) == null ? void 0 : b.reasoning) == null ? void 0 : A.defaultEffort) ?? "high"), o = _e({}), u = h(() => e.find((c) => c.id === t.value));
+  function m(c) {
+    return e.find((f) => f.id === c);
+  }
+  function d(c) {
+    var O, C, L, T, p;
+    const f = c ? m(c) : void 0;
+    re.forEach((r) => {
+      var i;
+      (i = f == null ? void 0 : f.capabilities) != null && i[r] || (o[r] = !1);
+    }), (C = (O = f == null ? void 0 : f.reasoning) == null ? void 0 : O.efforts) != null && C.includes(n.value) || (n.value = ((L = f == null ? void 0 : f.reasoning) == null ? void 0 : L.defaultEffort) ?? ((p = (T = f == null ? void 0 : f.reasoning) == null ? void 0 : T.efforts) == null ? void 0 : p[0]) ?? "high");
+  }
+  return {
+    model: {
+      options: h(
+        () => e.map(({ id: c, label: f, capabilities: O }) => ({
+          id: c,
+          label: f,
+          capabilities: O
+        }))
+      ),
+      selectedId: h(() => t.value),
+      features: h(
+        () => Object.fromEntries(
+          re.map((c) => {
+            var f, O;
+            return [
+              c,
+              !!((O = (f = u.value) == null ? void 0 : f.capabilities) != null && O[c] && o[c])
+            ];
+          })
+        )
+      ),
+      reasoning: h(() => {
+        var O, C, L;
+        const c = u.value, f = !!((O = c == null ? void 0 : c.capabilities) != null && O.thinking && o.thinking);
+        return {
+          enabled: f,
+          effort: f && ((L = (C = c == null ? void 0 : c.reasoning) == null ? void 0 : C.efforts) != null && L.includes(n.value)) ? n.value : void 0
+        };
+      }),
+      select(c) {
+        if (c !== null && !m(c))
+          throw new Error(`Unknown model: ${c}`);
+        t.value = c, d(c);
+      },
+      setFeature(c, f) {
+        var O, C, L;
+        if (f) {
+          if (!Object.prototype.hasOwnProperty.call(((O = u.value) == null ? void 0 : O.capabilities) ?? {}, c))
+            throw new Error(`Unknown model feature: ${c}`);
+          if (!((L = (C = u.value) == null ? void 0 : C.capabilities) != null && L[c]))
+            throw new Error(`Current model does not support ${c}`);
+        }
+        o[c] = f;
+      }
+    },
+    selectedModel: u,
+    resolveModel: m
+  };
+}
+const ye = "__chat_provider_model_id";
+function ln(e) {
+  return {
+    name: "chat-provider-request",
+    onBeforeRequest({ customContext: t, requestBody: n }) {
+      var d, a, l;
+      const o = t[ie], u = o != null && o.modelId ? e(o.modelId) : null;
+      if (o != null && o.modelId && !u)
+        throw new Error(`Unknown model for this turn: ${o.modelId}`);
+      if (!u || !o)
+        return;
+      n[ye] = u.id;
+      const m = o;
+      re.forEach((b) => {
+        var O, C, L, T;
+        const A = (O = u.featureBody) == null ? void 0 : O[b];
+        if (!A) return;
+        const f = (b === "thinking" ? ((C = m.reasoning) == null ? void 0 : C.enabled) ?? ((L = m.features) == null ? void 0 : L.thinking) : (T = m.features) == null ? void 0 : T[b]) ? A.enabled : A.disabled;
+        f && Object.assign(n, f);
+      }), (d = o == null ? void 0 : o.reasoning) != null && d.effort && ((a = u.reasoning) != null && a.effortParam) && ((l = u.reasoning.efforts) != null && l.includes(o.reasoning.effort)) && Object.assign(n, {
+        [u.reasoning.effortParam]: o.reasoning.effort
+      });
+    }
+  };
+}
+function rn(e) {
+  return async (t, n) => {
+    const o = t[ye];
+    if (typeof o != "string" || !o)
+      throw new Error("No model selected for this turn.");
+    const u = e(o);
+    if (!u)
+      throw new Error(`Unknown model for this turn: ${o}`);
+    const m = { ...t };
+    delete m[ye];
+    const d = u.timeout, a = d === void 0 ? void 0 : new AbortController(), l = a ? setTimeout(() => a.abort(new Error(`Provider request timed out after ${d}ms.`)), d) : void 0, b = a ? AbortSignal.any([n, a.signal]) : n, A = {
+      "Content-Type": "application/json",
+      ...u.headers
+    }, c = Object.keys(A).some((f) => f.toLowerCase() === "authorization");
+    u.apiKey && !c && (A.Authorization = `Bearer ${u.apiKey}`);
+    try {
+      const f = await fetch(u.apiUrl, {
+        method: "POST",
+        headers: A,
+        body: JSON.stringify({
+          ...m,
+          model: u.id,
+          stream: !0
+        }),
+        signal: b
+      });
+      if (!f.ok) {
+        const O = await f.text().catch(() => "");
+        throw new Error(`HTTP ${f.status}: ${f.statusText}${O ? ` - ${O}` : ""}`);
+      }
+      return async function* () {
+        try {
+          yield* At(f, { signal: b });
+        } finally {
+          l !== void 0 && clearTimeout(l);
+        }
+      }();
+    } catch (f) {
+      throw l !== void 0 && clearTimeout(l), f;
+    }
+  };
+}
+const dn = {
+  openai: {
+    label: "OpenAI",
+    apiUrl: "https://api.openai.com/v1"
+  },
+  deepseek: {
+    label: "DeepSeek",
+    apiUrl: "https://api.deepseek.com/chat/completions",
+    featureBody: {
+      thinking: {
+        enabled: {
+          thinking: {
+            type: "enabled"
+          }
+        },
+        disabled: {
+          thinking: {
+            type: "disabled"
+          }
+        }
+      }
+    },
+    reasoning: {
+      efforts: ["high", "max"],
+      defaultEffort: "high",
+      effortParam: "reasoning_effort"
+    }
+  },
+  qwen: {
+    label: "DashScope",
+    apiUrl: "https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions",
+    featureBody: {
+      thinking: {
+        enabled: {
+          enable_thinking: !0
+        },
+        disabled: {
+          enable_thinking: !1
+        }
+      },
+      search: {
+        enabled: {
+          enable_search: !0
+        }
+      }
+    }
+  }
+};
+function un(e) {
+  const t = e.trim().replace(/\/+$/, "");
+  return t.endsWith("/chat/completions") ? t : `${t}/chat/completions`;
+}
+function cn(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.flatMap((n) => {
+    const o = dn[n.type];
+    if (!o)
+      throw new Error(`Unknown provider type: ${String(n.type)}`);
+    const u = n.label ?? o.label, m = un(n.apiUrl ?? o.apiUrl);
+    return n.models.map((d) => {
+      if (t.has(d.id))
+        throw new Error(`Duplicate model id: ${d.id}`);
+      return t.add(d.id), {
+        ...d,
+        providerType: n.type,
+        providerLabel: u,
+        apiUrl: m,
+        apiKey: n.apiKey,
+        headers: n.headers,
+        timeout: n.timeout,
+        featureBody: {
+          ...o.featureBody,
+          ...d.featureBody
+        },
+        reasoning: d.reasoning ?? o.reasoning
+      };
+    });
+  });
+}
+function fn(e) {
+  return [...e].reverse().find((t) => t.role === "user");
+}
+function vn() {
+  return {
+    name: "chat-run-config-context",
+    onTurnStart({ currentTurn: e, setCustomContext: t }) {
+      t({
+        [ie]: on(fn(e))
+      });
+    }
+  };
+}
+const ve = "__chat_tool_snapshot";
+function mn(e, t) {
+  var n;
+  for (const o of t.serverIds) {
+    const u = (n = t.toolIds[o]) == null ? void 0 : n.find((m) => `${o}__${m}` === e);
+    if (u)
+      return { serverId: o, toolId: u };
+  }
+  return null;
+}
+function bn(e, t) {
+  return wt({
+    getTools: async ({ customContext: n, setCustomContext: o }) => {
+      const u = n[ie], m = u == null ? void 0 : u.mcp;
+      if (!m)
+        return [];
+      const d = m.serverIds.find(
+        (l) => !Object.prototype.hasOwnProperty.call(m.toolIds, l)
+      );
+      if (d)
+        throw new Error(`Tool selection is missing for this turn: ${d}`);
+      let a = n[ve];
+      return Array.isArray(a) || (a = (await e(m.serverIds, m.toolIds)).map((l) => ({ ...l })), o({
+        [ve]: a
+      })), a.map((l) => ({
+        type: "function",
+        function: {
+          name: l.name,
+          description: l.description ?? "",
+          parameters: l.inputSchema ?? { type: "object", properties: {} }
+        }
+      }));
+    },
+    callTool: async (n, { customContext: o }) => {
+      var f, O;
+      const u = o[ie], m = u == null ? void 0 : u.mcp, d = ((f = n.function) == null ? void 0 : f.name) ?? "", a = m ? mn(d, m) : null, l = o[ve], b = Array.isArray(l) ? l.find((C) => C.name === d) : void 0;
+      if (!m || !a || !b || b.serverId !== a.serverId || b.id !== a.toolId)
+        throw new Error(`Tool is not enabled in this turn: ${d}`);
+      const A = (O = n.function) == null ? void 0 : O.arguments;
+      let c = {};
+      if (A && A.trim())
+        try {
+          c = JSON.parse(A);
+        } catch {
+          throw new Error(`Invalid JSON arguments for MCP tool "${d}".`);
+        }
+      return t(b.serverId, b.originalName, c);
+    }
+  });
+}
+const gn = 3e4;
+function $e(e, t, n) {
+  let o;
+  const u = new Promise((m, d) => {
+    o = setTimeout(() => d(new Error(`MCP ${n} timed out after ${t}ms.`)), t);
+  });
+  return Promise.race([e, u]).finally(() => {
+    o !== void 0 && clearTimeout(o);
+  });
+}
+function hn(e, t, n) {
+  const o = typeof t.name == "string" && t.name ? t.name : `tool_${n + 1}`;
+  return {
+    serverId: e,
+    id: o,
+    name: `${e}__${o}`,
+    originalName: o,
+    description: t.description,
+    inputSchema: typeof t.inputSchema == "object" && t.inputSchema !== null ? t.inputSchema : { type: "object", properties: {} }
+  };
+}
+function pn(e, t) {
+  var n;
+  try {
+    return new URL(t);
+  } catch {
+    const o = (n = globalThis.location) == null ? void 0 : n.origin;
+    if (!o)
+      throw new Error(`MCP server "${e}" requires an absolute baseUrl outside a browser environment.`);
+    return new URL(t, o);
+  }
+}
+function yn(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    if (t.has(r.id)) throw new Error(`Duplicate MCP server id: ${r.id}`);
+    t.set(r.id, r);
+  }
+  const n = me(
+    e.map((r) => ({
+      id: r.id,
+      name: r.name,
+      description: r.description,
+      installed: r.installed === !0,
+      enabled: !1,
+      metadata: r.icon ? { icon: r.icon } : void 0,
+      config: r
+    }))
+  ), o = me({}), u = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  function l(r) {
+    const i = n.value.find((s) => s.id === r);
+    if (!i) throw new Error(`Unknown MCP server: ${r}`);
+    return i;
+  }
+  function b(r) {
+    const i = { ...o.value };
+    delete i[r], o.value = i, u.delete(r), d.delete(r), m.delete(r), a.set(r, (a.get(r) ?? 0) + 1);
+  }
+  function A(r, i) {
+    const s = o.value[r];
+    s && (o.value = {
+      ...o.value,
+      [r]: s.map((v) => ({ ...v, enabled: i }))
+    });
+  }
+  async function c(r, i) {
+    var w;
+    const s = t.get(r);
+    if (!s) throw new Error(`Unknown MCP server: ${r}`);
+    (w = s.validate) == null || w.call(s, r);
+    const v = new kt({ name: `tiny-robot-chat-${r}`, version: "1.0.0" }), S = new Et(pn(r, s.baseUrl), {
+      requestInit: { headers: s.headers }
+    }), $ = s.timeout ?? gn;
+    try {
+      return await $e(v.connect(S), $, "connect"), await $e(i(v), $, "request");
+    } finally {
+      await v.close().catch(() => {
+      });
+    }
+  }
+  async function f(r, i = !1) {
+    const s = u.get(r);
+    if (!i && s) return s;
+    const v = a.get(r) ?? 0, S = m.get(r);
+    if ((S == null ? void 0 : S.generation) === v) return S.task;
+    const $ = c(r, async (P) => (await P.listTools()).tools.map((K, x) => hn(r, K, x))), w = { generation: v, task: $ };
+    m.set(r, w);
+    try {
+      const P = await $;
+      return (a.get(r) ?? 0) === v && u.set(r, P), P;
+    } finally {
+      m.get(r) === w && m.delete(r);
+    }
+  }
+  async function O(r, i = !0) {
+    const s = d.get(r);
+    if (s) {
+      await s;
+      return;
+    }
+    const v = C(r, i);
+    d.set(r, v);
+    try {
+      await v;
+    } finally {
+      d.get(r) === v && d.delete(r);
+    }
+  }
+  async function C(r, i) {
+    const s = l(r);
+    if (!s.installed) throw new Error(`MCP server is not installed: ${r}`);
+    const v = a.get(r) ?? 0, S = s;
+    let $ = !1;
+    s.loading = !0, s.error = void 0;
+    try {
+      const w = await f(r, !0);
+      if (!S.installed || (a.get(r) ?? 0) !== v) return;
+      o.value = {
+        ...o.value,
+        [r]: w.map((P) => ({
+          id: P.id,
+          name: P.originalName,
+          description: P.description,
+          enabled: S.enabled && i
+        }))
+      };
+    } catch (w) {
+      throw (a.get(r) ?? 0) === v && (S.enabled = !1, S.error = w, $ = !0, b(r)), w;
+    } finally {
+      ((a.get(r) ?? 0) === v || $) && (S.loading = void 0);
+    }
+  }
+  const L = {
+    servers: h(() => n.value.map(({ config: r, ...i }) => ({ ...i }))),
+    tools: h(
+      () => Object.fromEntries(Object.entries(o.value).map(([r, i]) => [r, i.map((s) => ({ ...s }))]))
+    ),
+    async addServer(r) {
+      const i = l(r);
+      if (i.installed = !0, i.enabled = !0, o.value[r]) {
+        A(r, !0);
+        return;
+      }
+      await O(r), A(r, !0);
+    },
+    removeServer(r) {
+      const i = l(r);
+      i.installed = !1, i.enabled = !1, i.loading = void 0, i.error = void 0, b(r);
+    },
+    async setServerEnabled(r, i) {
+      const s = l(r);
+      if (i && !s.installed) throw new Error(`MCP server is not installed: ${r}`);
+      if (s.enabled = i, s.error = void 0, i) {
+        if (o.value[r]) {
+          A(r, !0);
+          return;
+        }
+        await O(r), A(r, !0);
+      } else
+        A(r, !1);
+    },
+    setToolEnabled(r, i, s) {
+      const v = l(r), S = o.value[r];
+      if (!v.installed) throw new Error(`MCP server is not installed: ${r}`);
+      if (!S) throw new Error(`MCP tools are not loaded: ${r}`);
+      if (!S.some((w) => w.id === i)) throw new Error(`Unknown MCP tool: ${r}/${i}`);
+      const $ = S.map((w) => w.id === i ? { ...w, enabled: s } : w);
+      o.value = {
+        ...o.value,
+        [r]: $
+      }, s ? v.enabled = !0 : $.some((w) => w.enabled) || (v.enabled = !1);
+    }
+  };
+  for (const r of n.value)
+    r.installed && O(r.id, !1).catch(() => {
+    });
+  return { runtime: L, listTools: async (r, i) => {
+    const s = [];
+    for (const v of r) {
+      if (!Object.prototype.hasOwnProperty.call(i, v))
+        throw new Error(`MCP tool selection is missing for this turn: ${v}`);
+      const S = u.get(v) ?? await f(v), $ = i[v];
+      if ($.length === 0) continue;
+      const w = S.filter((P) => $.includes(P.id));
+      if (w.length !== $.length)
+        throw new Error(`MCP tools selected for this turn no longer exist on "${v}".`);
+      s.push(...w);
+    }
+    return s;
+  }, callTool: (r, i, s) => c(r, (v) => v.callTool({ name: i, arguments: s })) };
+}
+function Mn(e) {
+  var f;
+  const t = e.conversation ?? {}, n = e.titleGenerator ?? We, o = t.useMessageOptions, u = o == null ? void 0 : o.responseProvider;
+  if (e.mcp !== void 0 && e.mcpServers !== void 0)
+    throw new Error("useLocalChatRuntime: mcp and mcpServers cannot be configured at the same time.");
+  if ((f = e.modelProviders) != null && f.length && u)
+    throw new Error("useLocalChatRuntime: modelProviders and responseProvider cannot be configured at the same time.");
+  const m = e.modelProviders ? cn(e.modelProviders) : [], d = m.length > 0 ? an(m) : null, a = e.mcpServers !== void 0 ? yn(e.mcpServers) : e.mcp, l = e.composer ?? {}, b = [vn()];
+  d && b.push(ln(d.resolveModel)), a && b.push(bn(a.listTools, a.callTool));
+  const A = {
+    ...o,
+    plugins: [...b, ...(o == null ? void 0 : o.plugins) ?? []],
+    responseProvider: d ? rn(d.resolveModel) : u
+  };
+  if (!A.responseProvider)
+    throw new Error("useLocalChatRuntime requires conversation.useMessageOptions.responseProvider or modelProviders.");
+  const c = St({
+    autoSaveMessages: !0,
+    ...t,
+    useMessageOptions: A
+  });
+  return sn({
+    conversation: c,
+    titleGenerator: n,
+    composer: {
+      ...l,
+      model: d == null ? void 0 : d.model,
+      mcp: a == null ? void 0 : a.runtime
+    }
+  });
+}
+export {
+  Tn as TrChat,
+  Ho as TrChatUI,
+  Mt as useChatHistoryItems,
+  xo as useChatRuntimeAdapter,
+  sn as useKitChatRuntime,
+  Mn as useLocalChatRuntime
+};