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

package/README.md

@@ -13,6 +13,7 @@ npm install @seer-ai/seer-vue@beta
 ```ts
 import { createApp } from 'vue'
 import { SeerChatPlugin } from '@seer-ai/seer-vue'
+import '@seer-ai/seer-vue/style.css' // 必须：链接的蓝色/下划线样式来自这里
 import App from './App.vue'
 
 createApp(App)
@@ -37,10 +38,14 @@ import { SeerChat } from '@seer-ai/seer-vue'
 
 ## Use custom UI
 
+自定义 UI 时**不要**直接把 `message.content` 当纯文本渲染——回复里的下载/截图链接是裸
+URL 文本，会原样显示成一长串 url。用导出的 `toContentLines` 把它切成可点链接（这正是
+`<SeerChat>` 内部用的逻辑）：
+
 ```vue
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useSeerChat } from '@seer-ai/seer-vue'
+import { toContentLines, useSeerChat } from '@seer-ai/seer-vue'
 
 const input = ref('')
 const chat = useSeerChat()
@@ -52,6 +57,19 @@ async function submit() {
   await chat.send(content)
 }
 </script>
+
+<template>
+  <div v-for="(message, i) in chat.messages.value" :key="i">
+    <p v-for="(line, li) in toContentLines(message.content)" :key="li">
+      <template v-for="(seg, si) in line" :key="si">
+        <a v-if="seg.kind === 'link'" :href="seg.href" target="_blank" rel="noopener noreferrer">{{
+          seg.label
+        }}</a>
+        <span v-else>{{ seg.value }}</span>
+      </template>
+    </p>
+  </div>
+</template>
 ```
 
 ## Security

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/content.d.ts

@@ -0,0 +1,11 @@
+export type ContentSegment = {
+    kind: 'text';
+    value: string;
+} | {
+    kind: 'link';
+    href: string;
+    label: string;
+};
+export declare function linkAnchorLabel(prefix: string): string | null;
+export declare function toContentSegments(content: string): ContentSegment[];
+export declare function toContentLines(content: string): ContentSegment[][];

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-f2b8b91f]{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-f2b8b91f]{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-f2b8b91f]{margin:0;font-size:22px;letter-spacing:-.03em}.seer-chat__header p[data-v-f2b8b91f],.seer-chat__empty[data-v-f2b8b91f],.seer-chat__status[data-v-f2b8b91f]{margin:4px 0 0;color:#5f6f89;font-size:14px}.seer-chat__header p[data-v-f2b8b91f]{max-width:34ch;color:#ffffffb8}.seer-chat__messages[data-v-f2b8b91f]{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-f2b8b91f]{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-f2b8b91f]{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-f2b8b91f]{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-f2b8b91f]{font-size:12px;font-weight:700;opacity:.75}.seer-chat__body[data-v-f2b8b91f]{display:flex;flex-direction:column}.seer-chat__line[data-v-f2b8b91f]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.seer-chat__line[data-v-f2b8b91f]:not(:last-child){margin-bottom:5px}.seer-chat__line[data-v-f2b8b91f]:empty{height:7px}.seer-chat__link[data-v-f2b8b91f]{color:#1f5eff;font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.seer-chat__link[data-v-f2b8b91f]:hover{color:#173fb3}.seer-chat__message--user .seer-chat__link[data-v-f2b8b91f]{color:#fff}.seer-chat__error[data-v-f2b8b91f],.seer-chat__handoff[data-v-f2b8b91f]{margin:0 18px;padding:10px 12px;border-radius:14px}.seer-chat__error[data-v-f2b8b91f]{color:#8a1f11;background:#fff0ed}.seer-chat__handoff[data-v-f2b8b91f]{color:#704600;background:#fff7db}.seer-chat__form[data-v-f2b8b91f]{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-f2b8b91f]{font-size:13px;font-weight:700}.seer-chat textarea[data-v-f2b8b91f]{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-f2b8b91f]{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-f2b8b91f]:not(:disabled):hover{transform:translateY(-1px)}.seer-chat button[data-v-f2b8b91f]:disabled{cursor:not-allowed;opacity:.5}.seer-chat button[data-v-f2b8b91f]:focus-visible,.seer-chat textarea[data-v-f2b8b91f]:focus-visible{border-color:#1f5eff6b;box-shadow:0 0 0 4px #1f5eff21}.seer-chat__clear-button[data-v-f2b8b91f]{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-f2b8b91f]:not(:disabled):hover{color:#fff;background:#ffffff1a;box-shadow:none}.seer-chat__stop-button[data-v-f2b8b91f]{padding:8px 11px;color:#6c3b12;font-size:12px;background:#fff1df;border-radius:12px}.seer-chat__send-button[data-v-f2b8b91f]{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-f2b8b91f]:not(:disabled):hover{box-shadow:0 14px 28px #1f5eff47}.seer-chat__hint[data-v-f2b8b91f]{margin-right:auto;color:#7a879a;font-size:12px}.seer-chat__composer-footer[data-v-f2b8b91f]{display:flex;gap:8px;align-items:center;justify-content:flex-end}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { createSeerClient } from './client';
+export { linkAnchorLabel, toContentLines, toContentSegments, type ContentSegment, } from './content';
 export { SeerChatPlugin } from './plugin';
 export { useSeerChat } from './useSeerChat';
 export { default as SeerChat } from './components/SeerChat.vue';

package/dist/index.js

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