@xto/chat 1.0.0

package/es/index.mjs

@@ -0,0 +1,682 @@
+import { defineComponent as b, computed as $, watch as A, openBlock as a, createElementBlock as i, ref as x, createElementVNode as n, toDisplayString as g, Fragment as M, renderList as S, createCommentVNode as m, normalizeClass as B, createBlock as F, withDirectives as V, vModelText as K, nextTick as I, createVNode as D, withModifiers as L, onBeforeUnmount as G } from "vue";
+import J from "markdown-it";
+import U from "highlight.js";
+import z from "dompurify";
+import W from "dayjs";
+const P = ["innerHTML"], H = /* @__PURE__ */ b({
+  name: "XMarkdownRenderer",
+  __name: "index",
+  props: {
+    content: { default: "" },
+    enableHighlight: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const o = e, c = $(() => {
+      const t = new J({
+        html: !1,
+        linkify: !0,
+        breaks: !0,
+        highlight(l, s) {
+          if (s && o.enableHighlight && U.getLanguage(s))
+            try {
+              return `<pre class="hljs"><code>${U.highlight(l, { language: s }).value}</code></pre>`;
+            } catch {
+            }
+          return `<pre class="hljs"><code>${t.utils.escapeHtml(l)}</code></pre>`;
+        }
+      });
+      return t;
+    }), u = $(() => {
+      if (!o.content) return "";
+      const t = c.value.render(o.content);
+      return z.sanitize(t, {
+        ADD_ATTR: ["target"],
+        ALLOWED_TAGS: z.config.ALLOWED_TAGS
+      });
+    });
+    return A(u, () => {
+    }), (t, l) => (a(), i("div", {
+      class: "x-markdown-renderer",
+      innerHTML: u.value
+    }, null, 8, P));
+  }
+}), Y = { class: "x-thinking-chain" }, Z = { class: "x-thinking-chain__title" }, ee = { class: "x-thinking-chain__toggle" }, se = {
+  key: 0,
+  class: "x-thinking-chain__steps"
+}, te = {
+  key: 0,
+  class: "x-thinking-chain__field"
+}, ae = { class: "x-thinking-chain__value" }, ne = {
+  key: 1,
+  class: "x-thinking-chain__field"
+}, le = { class: "x-thinking-chain__value x-thinking-chain__value--action" }, oe = {
+  key: 2,
+  class: "x-thinking-chain__field"
+}, ie = { class: "x-thinking-chain__value" }, ce = {
+  key: 3,
+  class: "x-thinking-chain__field"
+}, ue = { class: "x-thinking-chain__value" }, X = /* @__PURE__ */ b({
+  name: "XThinkingChain",
+  __name: "index",
+  props: {
+    steps: { default: () => [] },
+    collapsed: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, c = x(o.collapsed), u = () => {
+      c.value = !c.value;
+    }, t = $(() => o.steps.length);
+    return (l, s) => (a(), i("div", Y, [
+      n("div", {
+        class: "x-thinking-chain__header",
+        onClick: u
+      }, [
+        s[0] || (s[0] = n("span", { class: "x-thinking-chain__icon" }, "🧠", -1)),
+        n("span", Z, "思维链 (" + g(t.value) + " 步)", 1),
+        n("span", ee, g(c.value ? "▶" : "▼"), 1)
+      ]),
+      c.value ? m("", !0) : (a(), i("div", se, [
+        (a(!0), i(M, null, S(e.steps, (d, f) => (a(), i("div", {
+          key: f,
+          class: "x-thinking-chain__step"
+        }, [
+          d.thought ? (a(), i("div", te, [
+            s[1] || (s[1] = n("span", { class: "x-thinking-chain__label" }, "Thought:", -1)),
+            n("span", ae, g(d.thought), 1)
+          ])) : m("", !0),
+          d.action ? (a(), i("div", ne, [
+            s[2] || (s[2] = n("span", { class: "x-thinking-chain__label" }, "Action:", -1)),
+            n("span", le, g(d.action), 1)
+          ])) : m("", !0),
+          d.actionInput ? (a(), i("div", oe, [
+            s[3] || (s[3] = n("span", { class: "x-thinking-chain__label" }, "Action Input:", -1)),
+            n("span", ie, g(d.actionInput), 1)
+          ])) : m("", !0),
+          d.observation ? (a(), i("div", ce, [
+            s[4] || (s[4] = n("span", { class: "x-thinking-chain__label" }, "Observation:", -1)),
+            n("span", ue, g(d.observation), 1)
+          ])) : m("", !0)
+        ]))), 128))
+      ]))
+    ]));
+  }
+}), de = {
+  key: 0,
+  class: "x-tool-call-display"
+}, re = ["onClick"], me = { class: "x-tool-call-display__name" }, ge = {
+  key: 0,
+  class: "x-tool-call-display__time"
+}, he = { class: "x-tool-call-display__toggle" }, _e = {
+  key: 0,
+  class: "x-tool-call-display__body"
+}, fe = {
+  key: 0,
+  class: "x-tool-call-display__section"
+}, ve = { class: "x-tool-call-display__code" }, pe = {
+  key: 1,
+  class: "x-tool-call-display__section"
+}, xe = { class: "x-tool-call-display__code" }, ke = {
+  key: 2,
+  class: "x-tool-call-display__error"
+}, E = /* @__PURE__ */ b({
+  name: "XToolCallDisplay",
+  __name: "index",
+  props: {
+    toolCalls: { default: () => [] }
+  },
+  setup(e) {
+    const o = x(/* @__PURE__ */ new Set()), c = (t) => {
+      o.value.has(t) ? o.value.delete(t) : o.value.add(t);
+    }, u = (t) => o.value.has(t);
+    return (t, l) => e.toolCalls.length ? (a(), i("div", de, [
+      (a(!0), i(M, null, S(e.toolCalls, (s, d) => (a(), i("div", {
+        key: d,
+        class: "x-tool-call-display__item"
+      }, [
+        n("div", {
+          class: "x-tool-call-display__header",
+          onClick: (f) => c(d)
+        }, [
+          l[0] || (l[0] = n("span", { class: "x-tool-call-display__icon" }, "🔧", -1)),
+          n("span", me, g(s.name), 1),
+          n("span", {
+            class: B(["x-tool-call-display__status", `x-tool-call-display__status--${s.success ? "success" : "failed"}`])
+          }, g(s.success === !1 ? "失败" : "成功"), 3),
+          s.elapsedMs ? (a(), i("span", ge, g(s.elapsedMs) + "ms", 1)) : m("", !0),
+          n("span", he, g(u(d) ? "▼" : "▶"), 1)
+        ], 8, re),
+        u(d) ? (a(), i("div", _e, [
+          s.arguments ? (a(), i("div", fe, [
+            l[1] || (l[1] = n("div", { class: "x-tool-call-display__label" }, "参数:", -1)),
+            n("pre", ve, g(JSON.stringify(s.arguments, null, 2)), 1)
+          ])) : m("", !0),
+          s.result !== void 0 ? (a(), i("div", pe, [
+            l[2] || (l[2] = n("div", { class: "x-tool-call-display__label" }, "结果:", -1)),
+            n("pre", xe, g(typeof s.result == "string" ? s.result : JSON.stringify(s.result, null, 2)), 1)
+          ])) : m("", !0),
+          s.errorMessage ? (a(), i("div", ke, g(s.errorMessage), 1)) : m("", !0)
+        ])) : m("", !0)
+      ]))), 128))
+    ])) : m("", !0);
+  }
+}), ye = { class: "x-feedback-buttons" }, O = /* @__PURE__ */ b({
+  name: "XFeedbackButtons",
+  __name: "index",
+  props: {
+    current: { default: null }
+  },
+  emits: ["feedback"],
+  setup(e, { emit: o }) {
+    const c = o;
+    return (u, t) => (a(), i("div", ye, [
+      n("button", {
+        class: B(["x-feedback-buttons__btn", { "x-feedback-buttons__btn--active": e.current === "like" }]),
+        onClick: t[0] || (t[0] = (l) => c("feedback", "like"))
+      }, "👍", 2),
+      n("button", {
+        class: B(["x-feedback-buttons__btn", { "x-feedback-buttons__btn--active": e.current === "dislike" }]),
+        onClick: t[1] || (t[1] = (l) => c("feedback", "dislike"))
+      }, "👎", 2)
+    ]));
+  }
+}), be = {
+  key: 0,
+  class: "x-message-item__avatar"
+}, $e = { key: 0 }, we = { key: 1 }, Ce = { key: 2 }, Be = { class: "x-message-item__body" }, Me = {
+  key: 0,
+  class: "x-message-item__meta"
+}, Se = { class: "x-message-item__time" }, Te = {
+  key: 0,
+  class: "x-message-item__latency"
+}, Fe = {
+  key: 1,
+  class: "x-message-item__tokens"
+}, De = { class: "x-message-item__content" }, Le = {
+  key: 3,
+  class: "x-message-item__cursor"
+}, Q = /* @__PURE__ */ b({
+  name: "XMessageItem",
+  __name: "index",
+  props: {
+    message: {},
+    showAvatar: { type: Boolean, default: !0 },
+    showTimestamp: { type: Boolean, default: !0 },
+    showFeedback: { type: Boolean, default: !0 }
+  },
+  emits: ["feedback"],
+  setup(e, { emit: o }) {
+    const c = e, u = o, t = $(() => c.message.role === "user"), l = $(() => c.message.role === "assistant"), s = $(() => c.message.timestamp ? W(c.message.timestamp).format("HH:mm:ss") : ""), d = (f) => {
+      c.message.id && u("feedback", c.message.id, f);
+    };
+    return (f, h) => {
+      var p, k;
+      return a(), i("div", {
+        class: B(["x-message-item", `x-message-item--${e.message.role}`])
+      }, [
+        e.showAvatar ? (a(), i("div", be, [
+          t.value ? (a(), i("span", $e, "U")) : l.value ? (a(), i("span", we, "AI")) : (a(), i("span", Ce, "S"))
+        ])) : m("", !0),
+        n("div", Be, [
+          e.showTimestamp ? (a(), i("div", Me, [
+            n("span", Se, g(s.value), 1),
+            e.message.latency ? (a(), i("span", Te, g((e.message.latency / 1e3).toFixed(2)) + "s", 1)) : m("", !0),
+            e.message.tokenUsage ? (a(), i("span", Fe, g(e.message.tokenUsage) + " tokens", 1)) : m("", !0)
+          ])) : m("", !0),
+          n("div", De, [
+            (p = e.message.thinkingChain) != null && p.length ? (a(), F(X, {
+              key: 0,
+              steps: e.message.thinkingChain
+            }, null, 8, ["steps"])) : m("", !0),
+            (k = e.message.toolCalls) != null && k.length ? (a(), F(E, {
+              key: 1,
+              "tool-calls": e.message.toolCalls
+            }, null, 8, ["tool-calls"])) : m("", !0),
+            e.message.content ? (a(), F(H, {
+              key: 2,
+              content: e.message.content
+            }, null, 8, ["content"])) : m("", !0),
+            e.message.status === "streaming" ? (a(), i("span", Le, "|")) : m("", !0)
+          ]),
+          e.showFeedback && l.value && e.message.status === "completed" ? (a(), F(O, {
+            key: 1,
+            current: e.message.feedback || null,
+            onFeedback: d
+          }, null, 8, ["current"])) : m("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), Ae = { class: "x-message-list" }, Ie = {
+  key: 0,
+  class: "x-message-list__loading"
+}, q = /* @__PURE__ */ b({
+  name: "XMessageList",
+  __name: "index",
+  props: {
+    messages: { default: () => [] },
+    loading: { type: Boolean, default: !1 },
+    showAvatar: { type: Boolean, default: !0 },
+    showTimestamp: { type: Boolean, default: !0 },
+    showFeedback: { type: Boolean, default: !0 }
+  },
+  emits: ["feedback"],
+  setup(e, { emit: o }) {
+    const c = o, u = (t, l) => c("feedback", t, l);
+    return (t, l) => (a(), i("div", Ae, [
+      (a(!0), i(M, null, S(e.messages, (s) => (a(), F(Q, {
+        key: s.id || s.timestamp,
+        message: s,
+        "show-avatar": e.showAvatar,
+        "show-timestamp": e.showTimestamp,
+        "show-feedback": e.showFeedback,
+        onFeedback: u
+      }, null, 8, ["message", "show-avatar", "show-timestamp", "show-feedback"]))), 128)),
+      e.loading ? (a(), i("div", Ie, [...l[0] || (l[0] = [
+        n("span", { class: "x-message-list__dot" }, null, -1),
+        n("span", { class: "x-message-list__dot" }, null, -1),
+        n("span", { class: "x-message-list__dot" }, null, -1)
+      ])])) : m("", !0)
+    ]));
+  }
+}), Ue = { class: "x-message-input" }, ze = {
+  key: 0,
+  class: "x-message-input__attachments"
+}, He = { class: "x-message-input__attachment-name" }, Xe = ["onClick"], Ee = { class: "x-message-input__row" }, Oe = {
+  key: 0,
+  class: "x-message-input__upload"
+}, Qe = ["placeholder", "disabled", "maxlength"], qe = { class: "x-message-input__actions" }, Ne = { class: "x-message-input__count" }, je = ["disabled"], N = /* @__PURE__ */ b({
+  name: "XMessageInput",
+  __name: "index",
+  props: {
+    placeholder: { default: "请输入消息..." },
+    maxLength: { default: 4e3 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    enableFileUpload: { type: Boolean, default: !1 }
+  },
+  emits: ["send", "stop", "regenerate"],
+  setup(e, { emit: o }) {
+    const c = e, u = o, t = x(""), l = x(null), s = x([]), d = $(() => t.value.length), f = $(() => t.value.trim().length > 0 && !c.disabled), h = () => {
+      l.value && (l.value.style.height = "auto", l.value.style.height = Math.min(l.value.scrollHeight, 200) + "px");
+    }, p = () => {
+      h(), t.value.length > c.maxLength && (t.value = t.value.substring(0, c.maxLength));
+    }, k = () => {
+      f.value && (u("send", t.value.trim(), s.value.length ? s.value : void 0), t.value = "", s.value = [], I(() => h()));
+    }, w = (r) => {
+      r.key === "Enter" && !r.shiftKey && (r.preventDefault(), k());
+    }, C = (r) => {
+      const _ = r.target;
+      _.files && (s.value = [...s.value, ...Array.from(_.files)]);
+    }, v = (r) => {
+      s.value.splice(r, 1);
+    };
+    return (r, _) => (a(), i("div", Ue, [
+      s.value.length ? (a(), i("div", ze, [
+        (a(!0), i(M, null, S(s.value, (y, T) => (a(), i("div", {
+          key: T,
+          class: "x-message-input__attachment"
+        }, [
+          n("span", He, g(y.name), 1),
+          n("button", {
+            class: "x-message-input__attachment-remove",
+            onClick: (R) => v(T)
+          }, "×", 8, Xe)
+        ]))), 128))
+      ])) : m("", !0),
+      n("div", Ee, [
+        e.enableFileUpload ? (a(), i("label", Oe, [
+          n("input", {
+            type: "file",
+            multiple: "",
+            onChange: C
+          }, null, 32),
+          _[2] || (_[2] = n("span", null, "📎", -1))
+        ])) : m("", !0),
+        V(n("textarea", {
+          ref_key: "textareaRef",
+          ref: l,
+          "onUpdate:modelValue": _[0] || (_[0] = (y) => t.value = y),
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          maxlength: e.maxLength,
+          class: "x-message-input__textarea",
+          rows: "1",
+          onInput: p,
+          onKeydown: w
+        }, null, 40, Qe), [
+          [K, t.value]
+        ]),
+        n("div", qe, [
+          n("span", Ne, g(d.value) + "/" + g(e.maxLength), 1),
+          e.loading ? (a(), i("button", {
+            key: 0,
+            class: "x-message-input__btn x-message-input__btn--stop",
+            onClick: _[1] || (_[1] = (y) => u("stop"))
+          }, "停止")) : (a(), i("button", {
+            key: 1,
+            class: "x-message-input__btn x-message-input__btn--send",
+            disabled: !f.value,
+            onClick: k
+          }, "发送", 8, je))
+        ])
+      ])
+    ]));
+  }
+}), Re = {
+  key: 0,
+  class: "x-suggested-questions"
+}, Ve = { class: "x-suggested-questions__list" }, Ke = ["onClick"], j = /* @__PURE__ */ b({
+  name: "XSuggestedQuestions",
+  __name: "index",
+  props: {
+    questions: { default: () => [] }
+  },
+  emits: ["select"],
+  setup(e, { emit: o }) {
+    const c = o, u = (t) => c("select", t);
+    return (t, l) => e.questions.length ? (a(), i("div", Re, [
+      l[0] || (l[0] = n("div", { class: "x-suggested-questions__label" }, "推荐问题:", -1)),
+      n("div", Ve, [
+        (a(!0), i(M, null, S(e.questions, (s, d) => (a(), i("button", {
+          key: d,
+          class: "x-suggested-questions__item",
+          onClick: (f) => u(s)
+        }, g(s), 9, Ke))), 128))
+      ])
+    ])) : m("", !0);
+  }
+});
+function Ge(e) {
+  const o = x(!0);
+  let c = 0;
+  const u = () => {
+    if (!e.value) return;
+    const { scrollTop: s, scrollHeight: d, clientHeight: f } = e.value, h = d - s - f < 50;
+    s < c && !h ? o.value = !1 : h && (o.value = !0), c = s;
+  }, t = () => {
+    I(() => {
+      e.value && (e.value.scrollTop = e.value.scrollHeight);
+    });
+  }, l = () => {
+    o.value = !0, t();
+  };
+  return e.value && e.value.addEventListener("scroll", u), A(e, (s, d, f) => {
+    s && (s.addEventListener("scroll", u), f(() => s.removeEventListener("scroll", u)));
+  }), { autoScroll: o, scrollToBottom: t, enableAutoScroll: l };
+}
+const Je = { class: "x-chat-container__messages" }, We = {
+  key: 0,
+  class: "x-chat-container__suggested"
+}, Pe = { class: "x-chat-container__input" }, Ye = /* @__PURE__ */ b({
+  name: "XChatContainer",
+  __name: "index",
+  props: {
+    messages: { default: () => [] },
+    loading: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    showAvatar: { type: Boolean, default: !0 },
+    showTimestamp: { type: Boolean, default: !0 },
+    showFeedback: { type: Boolean, default: !0 },
+    suggestedQuestions: { default: () => [] },
+    placeholder: { default: "请输入消息..." },
+    maxLength: { default: 4e3 },
+    enableFileUpload: { type: Boolean, default: !1 }
+  },
+  emits: ["send", "stop", "regenerate", "feedback", "selectQuestion"],
+  setup(e, { expose: o, emit: c }) {
+    const u = e, t = c, l = x(null), { autoScroll: s, scrollToBottom: d } = Ge(l), f = $(() => u.messages), h = (v, r) => t("send", v, r), p = () => t("stop"), k = () => t("regenerate"), w = (v, r) => t("feedback", v, r), C = (v) => t("selectQuestion", v);
+    return A(() => u.messages.length, () => {
+      s.value && I(() => d());
+    }), o({
+      clearMessages: () => t("send", "__clear__"),
+      scrollToBottom: d,
+      appendMessage: (v) => {
+        u.messages.push(v);
+      },
+      updateLastMessage: (v) => {
+        u.messages.length > 0 && (u.messages[u.messages.length - 1] = v);
+      }
+    }), (v, r) => (a(), i("div", {
+      ref_key: "containerRef",
+      ref: l,
+      class: "x-chat-container"
+    }, [
+      n("div", Je, [
+        D(q, {
+          messages: f.value,
+          loading: e.loading,
+          "show-avatar": e.showAvatar,
+          "show-timestamp": e.showTimestamp,
+          "show-feedback": e.showFeedback,
+          onFeedback: w
+        }, null, 8, ["messages", "loading", "show-avatar", "show-timestamp", "show-feedback"])
+      ]),
+      e.suggestedQuestions.length ? (a(), i("div", We, [
+        D(j, {
+          questions: e.suggestedQuestions,
+          onSelect: C
+        }, null, 8, ["questions"])
+      ])) : m("", !0),
+      n("div", Pe, [
+        D(N, {
+          placeholder: e.placeholder,
+          "max-length": e.maxLength,
+          disabled: e.loading || e.readonly,
+          "enable-file-upload": e.enableFileUpload,
+          onSend: h,
+          onStop: p,
+          onRegenerate: k,
+          loading: e.loading
+        }, null, 8, ["placeholder", "max-length", "disabled", "enable-file-upload", "loading"])
+      ])
+    ], 512));
+  }
+}), Ze = { class: "x-code-block" }, es = { class: "x-code-block__header" }, ss = { class: "x-code-block__language" }, ts = { class: "x-code-block__pre" }, as = /* @__PURE__ */ b({
+  name: "XCodeBlock",
+  __name: "index",
+  props: {
+    code: {},
+    language: { default: "plaintext" },
+    showCopy: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const o = e, c = x(!1), u = async () => {
+      try {
+        await navigator.clipboard.writeText(o.code), c.value = !0, setTimeout(() => {
+          c.value = !1;
+        }, 2e3);
+      } catch {
+      }
+    };
+    return (t, l) => (a(), i("div", Ze, [
+      n("div", es, [
+        n("span", ss, g(e.language), 1),
+        e.showCopy ? (a(), i("button", {
+          key: 0,
+          class: "x-code-block__copy",
+          onClick: u
+        }, g(c.value ? "已复制" : "复制"), 1)) : m("", !0)
+      ]),
+      n("pre", ts, [
+        n("code", {
+          class: B(`language-${e.language}`)
+        }, g(e.code), 3)
+      ])
+    ]));
+  }
+}), ns = { class: "x-file-upload" }, ls = ["accept", "multiple"], os = { class: "x-file-upload__hint" }, is = { class: "x-file-upload__max" }, cs = {
+  key: 0,
+  class: "x-file-upload__list"
+}, us = { class: "x-file-upload__name" }, ds = { class: "x-file-upload__size" }, rs = ["onClick"], ms = /* @__PURE__ */ b({
+  name: "XFileUpload",
+  __name: "index",
+  props: {
+    accept: { default: "" },
+    multiple: { type: Boolean, default: !0 },
+    maxSize: { default: 50 }
+  },
+  emits: ["change", "exceed"],
+  setup(e, { expose: o, emit: c }) {
+    const u = e, t = c, l = x([]), s = x(!1), d = (r) => r < 1024 ? r + "B" : r < 1024 * 1024 ? (r / 1024).toFixed(1) + "KB" : (r / 1024 / 1024).toFixed(1) + "MB", f = (r) => {
+      if (!r) return;
+      const _ = [];
+      for (const y of Array.from(r)) {
+        if (y.size > u.maxSize * 1024 * 1024) {
+          t("exceed", y);
+          continue;
+        }
+        _.push(y);
+      }
+      u.multiple ? l.value = [...l.value, ..._] : l.value = _, t("change", l.value);
+    }, h = (r) => {
+      const _ = r.target;
+      f(_.files);
+    }, p = (r) => {
+      var _;
+      s.value = !1, (_ = r.dataTransfer) != null && _.files && f(r.dataTransfer.files);
+    }, k = () => {
+      s.value = !0;
+    }, w = () => {
+      s.value = !1;
+    }, C = (r) => {
+      l.value.splice(r, 1), t("change", l.value);
+    };
+    return o({ files: l, clear: () => {
+      l.value = [], t("change", l.value);
+    } }), (r, _) => (a(), i("div", ns, [
+      n("div", {
+        class: B(["x-file-upload__dropzone", { "x-file-upload__dropzone--active": s.value }]),
+        onDrop: L(p, ["prevent"]),
+        onDragover: L(k, ["prevent"]),
+        onDragleave: L(w, ["prevent"])
+      }, [
+        n("input", {
+          type: "file",
+          accept: e.accept,
+          multiple: e.multiple,
+          onChange: h
+        }, null, 40, ls),
+        n("div", os, [
+          _[0] || (_[0] = n("span", null, "📎 拖拽文件到此处，或点击选择", -1)),
+          n("span", is, "最大 " + g(e.maxSize) + "MB", 1)
+        ])
+      ], 34),
+      l.value.length ? (a(), i("div", cs, [
+        (a(!0), i(M, null, S(l.value, (y, T) => (a(), i("div", {
+          key: T,
+          class: "x-file-upload__item"
+        }, [
+          n("span", us, g(y.name), 1),
+          n("span", ds, g(d(y.size)), 1),
+          n("button", {
+            class: "x-file-upload__remove",
+            onClick: (R) => C(T)
+          }, "×", 8, rs)
+        ]))), 128))
+      ])) : m("", !0)
+    ]));
+  }
+});
+function xs(e) {
+  const o = x([]), c = x(!1), u = x(null);
+  return { messages: o, loading: c, error: u, send: async (d) => {
+    if (!d.trim() || c.value) return;
+    const f = {
+      id: `user-${Date.now()}`,
+      role: "user",
+      content: d,
+      status: "completed",
+      timestamp: Date.now()
+    };
+    o.value.push(f);
+    const h = {
+      id: `assistant-${Date.now()}`,
+      role: "assistant",
+      content: "",
+      status: "pending",
+      timestamp: Date.now()
+    };
+    o.value.push(h), c.value = !0, u.value = null;
+    try {
+      if (e != null && e.sendMessage) {
+        const p = await e.sendMessage(d);
+        if (p instanceof ReadableStream) {
+          const k = p.getReader();
+          let w = "";
+          for (; ; ) {
+            const { done: C, value: v } = await k.read();
+            if (C) break;
+            v && (w += v.content || "", h.content = w, h.status = "streaming");
+          }
+          h.status = "completed";
+        } else
+          Object.assign(h, p), h.status = "completed";
+      } else
+        h.content = "No sendMessage handler configured.", h.status = "failed";
+    } catch (p) {
+      h.status = "failed", h.content = `Error: ${p.message || "Unknown error"}`, u.value = p.message;
+    } finally {
+      c.value = !1;
+    }
+  }, stop: () => {
+    c.value = !1;
+    const d = o.value[o.value.length - 1];
+    d && d.status === "streaming" && (d.status = "completed");
+  }, clear: () => {
+    o.value = [], u.value = null;
+  } };
+}
+function ks() {
+  const e = x(!1);
+  let o = null;
+  const c = (t, l, s) => {
+    u(), o = new EventSource(t), e.value = !0, o.onmessage = (d) => {
+      l(d.data);
+    }, o.onerror = (d) => {
+      e.value = !1, s == null || s(d);
+    }, o.onopen = () => {
+      e.value = !0;
+    };
+  }, u = () => {
+    o && (o.close(), o = null, e.value = !1);
+  };
+  return G(() => {
+    u();
+  }), { isConnected: e, connect: c, disconnect: u };
+}
+const gs = {
+  ChatContainer: Ye,
+  MessageList: q,
+  MessageItem: Q,
+  MessageInput: N,
+  ThinkingChain: X,
+  ToolCallDisplay: E,
+  MarkdownRenderer: H,
+  CodeBlock: as,
+  SuggestedQuestions: j,
+  FileUpload: ms,
+  FeedbackButtons: O
+}, ys = {
+  install(e) {
+    Object.entries(gs).forEach(([o, c]) => {
+      e.component(o, c);
+    });
+  }
+};
+export {
+  Ye as ChatContainer,
+  as as CodeBlock,
+  O as FeedbackButtons,
+  ms as FileUpload,
+  H as MarkdownRenderer,
+  N as MessageInput,
+  Q as MessageItem,
+  q as MessageList,
+  j as SuggestedQuestions,
+  X as ThinkingChain,
+  E as ToolCallDisplay,
+  ys as default,
+  Ge as useAutoScroll,
+  xs as useChat,
+  ks as useSSE
+};