@seer-ai/seer-vue 0.1.0-beta.3 → 0.1.0-beta.4

package/dist/client.d.ts

@@ -7,8 +7,10 @@ export interface SeerChatMessage {
 export interface SeerClientOptions {
     endpoint: string;
     sessionEndpoint?: string;
+    challengeTokenProvider?: () => Promise<string>;
     model?: string;
     fetcher?: typeof fetch;
+    now?: () => number;
 }
 export interface SeerChatRequest {
     messages: SeerChatMessage[];

package/dist/components/SeerChat.vue.d.ts

@@ -1,9 +1,9 @@
-import type { SeerClientOptions } from '../client';
+import type { SeerClientOptions } from "../client";
 type __VLS_Props = {
     endpoint?: string;
     model?: string;
     stream?: boolean;
-    fetcher?: SeerClientOptions['fetcher'];
+    fetcher?: SeerClientOptions["fetcher"];
     title?: string;
     placeholder?: string;
 };

package/dist/index.css

@@ -1 +1 @@
-.seer-chat[data-v-163bc07c]{display:grid;gap:16px;max-width:720px;padding:20px;color:#172033;background:#fff;border:1px solid #d9e2ef;border-radius:16px}.seer-chat__header[data-v-163bc07c]{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.seer-chat__header h2[data-v-163bc07c]{margin:0;font-size:20px}.seer-chat__header p[data-v-163bc07c],.seer-chat__empty[data-v-163bc07c],.seer-chat__status[data-v-163bc07c]{margin:4px 0 0;color:#5f6f89;font-size:14px}.seer-chat__messages[data-v-163bc07c]{display:grid;gap:12px;min-height:180px}.seer-chat__message[data-v-163bc07c]{display:grid;gap:4px;max-width:86%;padding:12px 14px;border-radius:14px;background:#f3f6fb}.seer-chat__message--user[data-v-163bc07c]{justify-self:end;color:#fff;background:#1f5eff}.seer-chat__role[data-v-163bc07c]{font-size:12px;font-weight:700;opacity:.75}.seer-chat__message p[data-v-163bc07c]{margin:0;white-space:pre-wrap}.seer-chat__error[data-v-163bc07c],.seer-chat__handoff[data-v-163bc07c]{margin:0;padding:10px 12px;border-radius:10px}.seer-chat__error[data-v-163bc07c]{color:#8a1f11;background:#fff0ed}.seer-chat__handoff[data-v-163bc07c]{color:#704600;background:#fff7db}.seer-chat__form[data-v-163bc07c]{display:grid;gap:10px}.seer-chat__label[data-v-163bc07c]{font-size:13px;font-weight:700}.seer-chat textarea[data-v-163bc07c]{width:100%;box-sizing:border-box;padding:12px;color:inherit;border:1px solid #c8d3e2;border-radius:12px;resize:vertical}.seer-chat button[data-v-163bc07c]{padding:9px 14px;color:#fff;background:#172033;border:0;border-radius:999px;cursor:pointer}.seer-chat button[data-v-163bc07c]:disabled{cursor:not-allowed;opacity:.5}.seer-chat button[data-v-163bc07c]:focus-visible,.seer-chat textarea[data-v-163bc07c]:focus-visible{outline:3px solid #8fb4ff;outline-offset:2px}.seer-chat__ghost-button[data-v-163bc07c]{color:#172033!important;background:#eef3fa!important}.seer-chat__actions[data-v-163bc07c]{display:flex;gap:8px;justify-content:flex-end}
+.seer-chat[data-v-fefeb009]{display:grid;gap:18px;max-width:720px;min-height:640px;padding:0;overflow:hidden;color:#18212f;background:radial-gradient(circle at 18% 0%,rgba(71,106,255,.14),transparent 32%),linear-gradient(180deg,#fff,#f7f9fd);border:1px solid rgba(127,143,170,.28);border-radius:28px;box-shadow:0 24px 70px #151f3429}.seer-chat__header[data-v-fefeb009]{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:22px 22px 18px;color:#fff;background:linear-gradient(135deg,#141f34f5,#243f76f0),#172033}.seer-chat__header h2[data-v-fefeb009]{margin:0;font-size:22px;letter-spacing:-.03em}.seer-chat__header p[data-v-fefeb009],.seer-chat__empty[data-v-fefeb009],.seer-chat__status[data-v-fefeb009]{margin:4px 0 0;color:#5f6f89;font-size:14px}.seer-chat__header p[data-v-fefeb009]{max-width:34ch;color:#ffffffb8}.seer-chat__messages[data-v-fefeb009]{display:grid;gap:12px;align-content:start;min-height:330px;max-height:470px;padding:18px 18px 4px;overflow-y:auto}.seer-chat__empty[data-v-fefeb009]{display:grid;place-items:center;min-height:260px;padding:0 28px;color:#66748a;text-align:center;border:1px dashed rgba(127,143,170,.38);border-radius:22px;background:#ffffff9e}.seer-chat__message[data-v-fefeb009]{display:grid;gap:6px;max-width:min(86%,520px);padding:13px 15px;border:1px solid rgba(127,143,170,.16);border-radius:18px 18px 18px 6px;background:#ffffffe0;box-shadow:0 12px 28px #151f3414}.seer-chat__message--user[data-v-fefeb009]{justify-self:end;color:#fff;border-color:transparent;border-radius:18px 18px 6px;background:linear-gradient(135deg,#285cff,#1d45c9);box-shadow:0 14px 30px #1f5eff3d}.seer-chat__role[data-v-fefeb009]{font-size:12px;font-weight:700;opacity:.75}.seer-chat__body[data-v-fefeb009]{display:flex;flex-direction:column}.seer-chat__line[data-v-fefeb009]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.seer-chat__line[data-v-fefeb009]:not(:last-child){margin-bottom:5px}.seer-chat__line[data-v-fefeb009]:empty{height:7px}.seer-chat__link[data-v-fefeb009]{color:#1f5eff;font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.seer-chat__link[data-v-fefeb009]:hover{color:#173fb3}.seer-chat__message--user .seer-chat__link[data-v-fefeb009]{color:#fff}.seer-chat__error[data-v-fefeb009],.seer-chat__handoff[data-v-fefeb009]{margin:0 18px;padding:10px 12px;border-radius:14px}.seer-chat__error[data-v-fefeb009]{color:#8a1f11;background:#fff0ed}.seer-chat__handoff[data-v-fefeb009]{color:#704600;background:#fff7db}.seer-chat__form[data-v-fefeb009]{display:grid;gap:11px;margin:0 18px 18px;padding:14px;background:#fff;border:1px solid rgba(127,143,170,.26);border-radius:22px;box-shadow:0 18px 38px #151f3417}.seer-chat__label[data-v-fefeb009]{font-size:13px;font-weight:700}.seer-chat textarea[data-v-fefeb009]{width:100%;box-sizing:border-box;min-height:92px;padding:14px;color:inherit;line-height:1.55;background:#f8fafd;border:1px solid transparent;border-radius:16px;outline:none;resize:vertical;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.seer-chat button[data-v-fefeb009]{color:inherit;font-weight:700;border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.seer-chat button[data-v-fefeb009]:not(:disabled):hover{transform:translateY(-1px)}.seer-chat button[data-v-fefeb009]:disabled{cursor:not-allowed;opacity:.5}.seer-chat button[data-v-fefeb009]:focus-visible,.seer-chat textarea[data-v-fefeb009]:focus-visible{border-color:#1f5eff6b;box-shadow:0 0 0 4px #1f5eff21}.seer-chat__clear-button[data-v-fefeb009]{flex:0 0 auto;padding:8px 11px;color:#ffffffc7;font-size:12px;background:transparent;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px}.seer-chat__clear-button[data-v-fefeb009]:not(:disabled):hover{color:#fff;background:#ffffff1a;box-shadow:none}.seer-chat__stop-button[data-v-fefeb009]{padding:8px 11px;color:#6c3b12;font-size:12px;background:#fff1df;border-radius:12px}.seer-chat__send-button[data-v-fefeb009]{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:86px;padding:10px 14px;color:#fff;background:linear-gradient(135deg,#1f5eff,#173fb3);border-radius:14px;box-shadow:0 12px 24px #1f5eff38}.seer-chat__send-button[data-v-fefeb009]:not(:disabled):hover{box-shadow:0 14px 28px #1f5eff47}.seer-chat__hint[data-v-fefeb009]{margin-right:auto;color:#7a879a;font-size:12px}.seer-chat__composer-footer[data-v-fefeb009]{display:flex;gap:8px;align-items:center;justify-content:flex-end}

package/dist/index.js

@@ -1,190 +1,196 @@
-import { hasInjectionContext as T, inject as $, ref as w, defineComponent as A, computed as q, openBlock as v, createElementBlock as p, createElementVNode as u, toDisplayString as E, unref as h, createCommentVNode as k, Fragment as M, renderList as N, normalizeClass as B, withModifiers as D, withDirectives as F, vModelText as P } from "vue";
-function V(n) {
-  const t = n.fetcher ?? fetch, e = n.model ?? "seer";
-  let s, c = 0;
+import { hasInjectionContext as $, inject as N, ref as E, defineComponent as q, computed as L, openBlock as v, createElementBlock as m, createElementVNode as f, toDisplayString as T, unref as w, createCommentVNode as x, Fragment as I, renderList as R, normalizeClass as M, withModifiers as O, withDirectives as B, withKeys as K, vModelText as D } from "vue";
+function F(t) {
+  const n = t.fetcher ?? fetch, e = t.model ?? "seer", o = t.now ?? (() => Math.floor(Date.now() / 1e3));
+  let u, i = 0;
   return {
-    async chat(r, a = {}) {
-      const o = r.stream ?? !1, f = await l(), m = {
+    async chat(l, d = {}) {
+      const a = l.stream ?? !1, s = await p(), r = {
         "Content-Type": "application/json"
       };
-      f && (m.Authorization = `Bearer ${f}`);
-      const d = await t(n.endpoint, {
+      s && (r.Authorization = `Bearer ${s}`);
+      const h = await n(t.endpoint, {
         method: "POST",
-        headers: m,
-        signal: a.signal,
+        headers: r,
+        signal: d.signal,
         body: JSON.stringify({
-          model: r.model ?? e,
-          messages: r.messages,
-          stream: o,
-          conversation_id: r.conversationId,
-          metadata: r.metadata
+          model: l.model ?? e,
+          messages: l.messages,
+          stream: a,
+          conversation_id: l.conversationId,
+          metadata: l.metadata
         })
       });
-      if (!d.ok)
-        throw new Error(await j(d));
-      if (o)
-        return z(d, a.onDelta);
-      const y = await d.json();
-      return O(y);
+      if (!h.ok)
+        throw new Error(await j(h));
+      if (a)
+        return U(h, d.onDelta);
+      const y = await h.json();
+      return A(y);
     }
   };
-  async function l() {
-    if (!n.sessionEndpoint)
+  async function p() {
+    if (!t.sessionEndpoint)
       return;
-    const r = Math.floor(Date.now() / 1e3);
-    if (s && c - 30 > r)
-      return s;
-    const a = await t(n.sessionEndpoint, {
-      method: "GET"
+    const l = o();
+    if (u && i - 30 > l)
+      return u;
+    const d = await n(t.sessionEndpoint, {
+      method: "GET",
+      headers: await _()
     });
-    if (!a.ok)
-      throw new Error(await j(a));
-    const o = await a.json();
-    return s = o.token, c = o.expires_at, s;
+    if (!d.ok)
+      throw new Error(await j(d));
+    const a = await d.json();
+    return u = a.token, i = a.expires_at, u;
+  }
+  async function _() {
+    const l = {};
+    return t.challengeTokenProvider && (l["X-Seer-Challenge-Token"] = await t.challengeTokenProvider()), l;
   }
 }
-function O(n) {
-  var e, s, c;
-  const t = (e = n.choices) == null ? void 0 : e[0];
+function A(t) {
+  var e, o, u;
+  const n = (e = t.choices) == null ? void 0 : e[0];
   return {
-    content: ((s = t == null ? void 0 : t.message) == null ? void 0 : s.content) ?? ((c = t == null ? void 0 : t.delta) == null ? void 0 : c.content) ?? "",
-    conversationId: n.conversation_id,
-    citations: n.citations ?? [],
-    handoffRequested: n.handoff_requested ?? !1,
-    finishReason: t == null ? void 0 : t.finish_reason
+    content: ((o = n == null ? void 0 : n.message) == null ? void 0 : o.content) ?? ((u = n == null ? void 0 : n.delta) == null ? void 0 : u.content) ?? "",
+    conversationId: t.conversation_id,
+    citations: t.citations ?? [],
+    handoffRequested: t.handoff_requested ?? !1,
+    finishReason: n == null ? void 0 : n.finish_reason
   };
 }
-async function z(n, t) {
-  var m, d, y;
-  if (!n.body)
-    return O({});
-  const e = n.body.getReader(), s = new TextDecoder();
-  let c = "", l = "", r, a = [], o = !1, f;
+async function U(t, n) {
+  var a, s, r;
+  if (!t.body)
+    return A({});
+  const e = t.body.getReader(), o = new TextDecoder();
+  let u = "", i = "", p, _ = [], l = !1, d;
   for (; ; ) {
-    const { done: x, value: I } = await e.read();
-    if (x)
+    const { done: h, value: y } = await e.read();
+    if (h)
       break;
-    c += s.decode(I, { stream: !0 });
-    const S = c.split(`
+    u += o.decode(y, { stream: !0 });
+    const g = u.split(`
 
 `);
-    c = S.pop() ?? "";
-    for (const C of S) {
-      const b = J(C);
+    u = g.pop() ?? "";
+    for (const k of g) {
+      const b = V(k);
       if (!b || b === "[DONE]")
         continue;
-      const _ = JSON.parse(b), i = (m = _.choices) == null ? void 0 : m[0], g = ((d = i == null ? void 0 : i.delta) == null ? void 0 : d.content) ?? ((y = i == null ? void 0 : i.message) == null ? void 0 : y.content) ?? "";
-      g && (l += g, t == null || t(g)), r = _.conversation_id ?? r, a = _.citations ?? a, o = _.handoff_requested ?? o, f = (i == null ? void 0 : i.finish_reason) ?? f;
+      const S = JSON.parse(b), c = (a = S.choices) == null ? void 0 : a[0], C = ((s = c == null ? void 0 : c.delta) == null ? void 0 : s.content) ?? ((r = c == null ? void 0 : c.message) == null ? void 0 : r.content) ?? "";
+      C && (i += C, n == null || n(C)), p = S.conversation_id ?? p, _ = S.citations ?? _, l = S.handoff_requested ?? l, d = (c == null ? void 0 : c.finish_reason) ?? d;
     }
   }
   return {
-    content: l,
-    conversationId: r,
-    citations: a,
-    handoffRequested: o,
-    finishReason: f
+    content: i,
+    conversationId: p,
+    citations: _,
+    handoffRequested: l,
+    finishReason: d
   };
 }
-function J(n) {
-  const t = n.split(`
+function V(t) {
+  const n = t.split(`
 `).map((e) => e.trim()).filter((e) => e.startsWith("data:")).map((e) => e.slice(5).trim());
-  return t.length === 0 ? null : t.join(`
+  return n.length === 0 ? null : n.join(`
 `);
 }
-async function j(n) {
-  let t = n.statusText || "unknown error";
+async function j(t) {
+  let n = t.statusText || "unknown error";
   try {
-    const e = await n.json();
-    typeof (e == null ? void 0 : e.detail) == "string" ? t = e.detail : typeof (e == null ? void 0 : e.error) == "string" && (t = e.error);
+    const e = await t.json();
+    typeof (e == null ? void 0 : e.detail) == "string" ? n = e.detail : typeof (e == null ? void 0 : e.error) == "string" && (n = e.error);
   } catch {
-    const e = await n.text().catch(() => "");
-    e && (t = e);
+    const e = await t.text().catch(() => "");
+    e && (n = e);
   }
-  return `seer chat request failed with status ${n.status}: ${t}`;
+  return `seer chat request failed with status ${t.status}: ${n}`;
 }
-const R = Symbol("seer-chat-options"), oe = {
-  install(n, t) {
-    n.provide(R, t);
+const P = Symbol("seer-chat-options"), ce = {
+  install(t, n) {
+    t.provide(P, n);
   }
 };
-function L(n = {}) {
-  const e = { ...T() ? $(R, void 0) : void 0, ...n };
+function z(t = {}) {
+  const e = { ...$() ? N(P, void 0) : void 0, ...t };
   if (!e.endpoint)
     throw new Error("Seer chat endpoint is required. Pass it to app.use() or useSeerChat().");
-  const s = {
+  const o = {
     endpoint: e.endpoint,
     sessionEndpoint: e.sessionEndpoint,
+    challengeTokenProvider: e.challengeTokenProvider,
     model: e.model,
     fetcher: e.fetcher
-  }, c = V(s), l = w([]), r = w(!1), a = w(null), o = w(), f = w([]), m = w(!1);
-  let d = null;
-  async function y(S) {
-    const C = S.trim();
-    if (!C || r.value)
+  }, u = F(o), i = E([]), p = E(!1), _ = E(null), l = E(), d = E([]), a = E(!1);
+  let s = null;
+  async function r(g) {
+    const k = g.trim();
+    if (!k || p.value)
       return;
-    const b = { role: "user", content: C };
-    l.value = [...l.value, b], r.value = !0, a.value = null, d = new AbortController();
-    const _ = { role: "assistant", content: "" };
-    e.stream && (l.value = [...l.value, _]);
+    const b = { role: "user", content: k };
+    i.value = [...i.value, b], p.value = !0, _.value = null, s = new AbortController();
+    const S = { role: "assistant", content: "" };
+    e.stream && (i.value = [...i.value, S]);
     try {
-      const i = await c.chat(
+      const c = await u.chat(
         {
-          messages: l.value.filter((g) => g.content),
+          messages: i.value.filter((C) => C.content),
           stream: e.stream ?? !1,
-          conversationId: o.value
+          conversationId: l.value
         },
         {
-          signal: d.signal,
-          onDelta(g) {
-            _.content += g, l.value = [...l.value];
+          signal: s.signal,
+          onDelta(C) {
+            S.content += C, i.value = [...i.value];
           }
         }
       );
-      e.stream || (l.value = [...l.value, { role: "assistant", content: i.content }]), o.value = i.conversationId, f.value = i.citations, m.value = i.handoffRequested;
-    } catch (i) {
-      i.name !== "AbortError" && (a.value = i instanceof Error ? i.message : String(i));
+      e.stream || (i.value = [...i.value, { role: "assistant", content: c.content }]), l.value = c.conversationId, d.value = c.citations, a.value = c.handoffRequested;
+    } catch (c) {
+      c.name !== "AbortError" && (_.value = c instanceof Error ? c.message : String(c));
     } finally {
-      r.value = !1, d = null;
+      p.value = !1, s = null;
     }
   }
-  function x() {
-    l.value = [], a.value = null, o.value = void 0, f.value = [], m.value = !1;
+  function h() {
+    i.value = [], _.value = null, l.value = void 0, d.value = [], a.value = !1;
   }
-  function I() {
-    d == null || d.abort();
+  function y() {
+    s == null || s.abort();
   }
   return {
-    messages: l,
-    loading: r,
-    error: a,
-    conversationId: o,
-    citations: f,
-    handoffRequested: m,
-    send: y,
-    reset: x,
-    abort: I
+    messages: i,
+    loading: p,
+    error: _,
+    conversationId: l,
+    citations: d,
+    handoffRequested: a,
+    send: r,
+    reset: h,
+    abort: y
   };
 }
-const G = {
+const J = {
   class: "seer-chat",
   "aria-label": "多发货 AI 客服聊天"
-}, K = { class: "seer-chat__header" }, U = {
+}, G = { class: "seer-chat__header" }, H = {
   class: "seer-chat__messages",
   "aria-live": "polite"
 }, W = {
   key: 0,
   class: "seer-chat__empty"
-}, H = { class: "seer-chat__role" }, Q = {
+}, X = { class: "seer-chat__role" }, Q = { class: "seer-chat__body" }, Y = ["href"], Z = { key: 1 }, ee = {
   key: 0,
   class: "seer-chat__status"
-}, X = {
+}, te = {
   key: 1,
   class: "seer-chat__error",
   role: "alert"
-}, Y = {
+}, ne = {
   key: 2,
   class: "seer-chat__handoff"
-}, Z = ["placeholder", "disabled"], ee = { class: "seer-chat__actions" }, te = ["disabled"], ne = /* @__PURE__ */ A({
+}, se = ["placeholder", "disabled", "onKeydown"], ae = { class: "seer-chat__composer-footer" }, oe = ["disabled"], re = /* @__PURE__ */ q({
   __name: "SeerChat",
   props: {
     endpoint: {},
@@ -194,85 +200,128 @@ const G = {
     title: { default: "多发货 AI 客服" },
     placeholder: { default: "输入你的问题，例如：美国海派怎么报价？" }
   },
-  setup(n) {
-    const t = n, e = w(""), s = L({
-      endpoint: t.endpoint,
-      model: t.model,
-      stream: t.stream,
-      fetcher: t.fetcher
-    }), c = q(() => e.value.trim().length > 0 && !s.loading.value);
-    async function l() {
-      if (!c.value)
+  setup(t) {
+    const n = t, e = E(""), o = z({
+      endpoint: n.endpoint,
+      model: n.model,
+      stream: n.stream,
+      fetcher: n.fetcher
+    }), u = L(
+      () => e.value.trim().length > 0 && !o.loading.value
+    ), i = /https?:\/\/[^\s)]+/g;
+    function p(a) {
+      return /标签|箱唛/.test(a) ? "点击下载箱唛" : /入库单|交接单/.test(a) ? "点击下载入库单" : /面单/.test(a) ? "点击下载面单" : /截图/.test(a) ? "点击查看报价截图" : /下载链接|labelUrl|下载/.test(a) ? "点击下载" : /链接/.test(a) ? "点击查看" : null;
+    }
+    function _(a) {
+      const s = [];
+      i.lastIndex = 0;
+      let r = 0, h;
+      for (; (h = i.exec(a)) !== null; ) {
+        const y = h[0], g = h.index;
+        g > r && s.push({ kind: "text", value: a.slice(r, g) });
+        const k = a.lastIndexOf(`
+`, g - 1) + 1, b = p(a.slice(k, g)) ?? y;
+        s.push({ kind: "link", href: y, label: b }), r = g + y.length;
+      }
+      return r < a.length && s.push({ kind: "text", value: a.slice(r) }), s;
+    }
+    function l(a) {
+      return a.split(`
+`).map((s) => _(s));
+    }
+    async function d() {
+      if (!u.value)
         return;
-      const r = e.value;
-      e.value = "", await s.send(r);
+      const a = e.value;
+      e.value = "", await o.send(a);
     }
-    return (r, a) => (v(), p("section", G, [
-      u("header", K, [
-        u("div", null, [
-          u("h2", null, E(n.title), 1),
-          a[3] || (a[3] = u("p", null, "可咨询渠道报价、时效、下单资料、入仓和售后问题。", -1))
+    return (a, s) => (v(), m("section", J, [
+      f("header", G, [
+        f("div", null, [
+          f("h2", null, T(t.title), 1),
+          s[3] || (s[3] = f("p", null, "可咨询渠道报价、时效、下单资料、入仓和售后问题。", -1))
         ]),
-        u("button", {
+        f("button", {
           type: "button",
-          class: "seer-chat__ghost-button",
-          onClick: a[0] || (a[0] = (o) => h(s).reset())
-        }, "清空")
+          class: "seer-chat__clear-button",
+          onClick: s[0] || (s[0] = (r) => w(o).reset())
+        }, " 清空对话 ")
       ]),
-      u("div", U, [
-        h(s).messages.value.length === 0 ? (v(), p("p", W, " 直接输入问题即可，复杂查单或赔付问题会提示转人工。 ")) : k("", !0),
-        (v(!0), p(M, null, N(h(s).messages.value, (o, f) => (v(), p("article", {
-          key: `${o.role}-${f}`,
-          class: B(["seer-chat__message", `seer-chat__message--${o.role}`])
+      f("div", H, [
+        w(o).messages.value.length === 0 ? (v(), m("p", W, " 直接输入问题即可，复杂查单或赔付问题会提示转人工。 ")) : x("", !0),
+        (v(!0), m(I, null, R(w(o).messages.value, (r, h) => (v(), m("article", {
+          key: `${r.role}-${h}`,
+          class: M(["seer-chat__message", `seer-chat__message--${r.role}`])
         }, [
-          u("span", H, E(o.role === "user" ? "你" : "AI 客服"), 1),
-          u("p", null, E(o.content), 1)
+          f("span", X, T(r.role === "user" ? "你" : "AI 客服"), 1),
+          f("div", Q, [
+            (v(!0), m(I, null, R(l(r.content), (y, g) => (v(), m("p", {
+              key: g,
+              class: "seer-chat__line"
+            }, [
+              (v(!0), m(I, null, R(y, (k, b) => (v(), m(I, { key: b }, [
+                k.kind === "link" ? (v(), m("a", {
+                  key: 0,
+                  class: "seer-chat__link",
+                  href: k.href,
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }, T(k.label), 9, Y)) : (v(), m("span", Z, T(k.value), 1))
+              ], 64))), 128))
+            ]))), 128))
+          ])
         ], 2))), 128))
       ]),
-      h(s).loading.value ? (v(), p("p", Q, "正在回复...")) : k("", !0),
-      h(s).error.value ? (v(), p("p", X, E(h(s).error.value), 1)) : k("", !0),
-      h(s).handoffRequested.value ? (v(), p("p", Y, " 建议转人工：请留下联系方式或等待客服接入。 ")) : k("", !0),
-      u("form", {
+      w(o).loading.value ? (v(), m("p", ee, "正在回复...")) : x("", !0),
+      w(o).error.value ? (v(), m("p", te, T(w(o).error.value), 1)) : x("", !0),
+      w(o).handoffRequested.value ? (v(), m("p", ne, " 建议转人工：请留下联系方式或等待客服接入。 ")) : x("", !0),
+      f("form", {
         class: "seer-chat__form",
-        onSubmit: D(l, ["prevent"])
+        onSubmit: O(d, ["prevent"])
       }, [
-        a[4] || (a[4] = u("label", {
+        s[6] || (s[6] = f("label", {
           class: "seer-chat__label",
           for: "seer-chat-input"
         }, "问题", -1)),
-        F(u("textarea", {
+        B(f("textarea", {
           id: "seer-chat-input",
-          "onUpdate:modelValue": a[1] || (a[1] = (o) => e.value = o),
-          placeholder: n.placeholder,
-          disabled: h(s).loading.value,
-          rows: "3"
-        }, null, 8, Z), [
-          [P, e.value]
+          "onUpdate:modelValue": s[1] || (s[1] = (r) => e.value = r),
+          placeholder: t.placeholder,
+          disabled: w(o).loading.value,
+          rows: "3",
+          onKeydown: K(O(d, ["exact", "prevent"]), ["enter"])
+        }, null, 40, se), [
+          [D, e.value]
         ]),
-        u("div", ee, [
-          h(s).loading.value ? (v(), p("button", {
+        f("div", ae, [
+          s[5] || (s[5] = f("span", { class: "seer-chat__hint" }, "Enter 发送 · Shift+Enter 换行", -1)),
+          w(o).loading.value ? (v(), m("button", {
             key: 0,
             type: "button",
-            class: "seer-chat__ghost-button",
-            onClick: a[2] || (a[2] = (o) => h(s).abort())
-          }, " 停止 ")) : k("", !0),
-          u("button", {
+            class: "seer-chat__stop-button",
+            onClick: s[2] || (s[2] = (r) => w(o).abort())
+          }, " 停止 ")) : x("", !0),
+          f("button", {
+            class: "seer-chat__send-button",
             type: "submit",
-            disabled: !c.value
-          }, "发送", 8, te)
+            disabled: !u.value
+          }, [...s[4] || (s[4] = [
+            f("span", null, "发送", -1),
+            f("span", { "aria-hidden": "true" }, "↵", -1)
+          ])], 8, oe)
         ])
       ], 32)
     ]));
   }
-}), se = (n, t) => {
-  const e = n.__vccOpts || n;
-  for (const [s, c] of t)
-    e[s] = c;
+}), le = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [o, u] of n)
+    e[o] = u;
   return e;
-}, re = /* @__PURE__ */ se(ne, [["__scopeId", "data-v-163bc07c"]]);
+}, ue = /* @__PURE__ */ le(re, [["__scopeId", "data-v-fefeb009"]]);
 export {
-  re as SeerChat,
-  oe as SeerChatPlugin,
-  V as createSeerClient,
-  L as useSeerChat
+  ue as SeerChat,
+  ce as SeerChatPlugin,
+  F as createSeerClient,
+  z as useSeerChat
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seer-ai/seer-vue",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.4",
   "description": "Vue chat plugin for the seer OpenAI-compatible API",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,8 @@
   "scripts": {
     "test": "vitest run",
     "typecheck": "vue-tsc --noEmit",
-    "build": "vite build && vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist"
+    "build": "vite build && vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",
+    "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
     "vue": "^3.5.0"