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

package/README.md

@@ -65,6 +65,7 @@ async function submit() {
         <a v-if="seg.kind === 'link'" :href="seg.href" target="_blank" rel="noopener noreferrer">{{
           seg.label
         }}</a>
+        <img v-else-if="seg.kind === 'image'" :src="seg.href" :alt="seg.alt" loading="lazy" />
         <span v-else>{{ seg.value }}</span>
       </template>
     </p>

package/dist/content.d.ts

@@ -5,6 +5,16 @@ export type ContentSegment = {
     kind: 'link';
     href: string;
     label: string;
+} | {
+    kind: 'image';
+    href: string;
+    alt: string;
+} | {
+    kind: 'price';
+    value: string;
+} | {
+    kind: 'strong';
+    value: string;
 };
 export declare function linkAnchorLabel(prefix: string): string | null;
 export declare function toContentSegments(content: string): ContentSegment[];

package/dist/index.css

@@ -1 +1 @@
-.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}
+.seer-chat[data-v-dc651545]{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-dc651545]{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-dc651545]{margin:0;font-size:22px;letter-spacing:-.03em}.seer-chat__header p[data-v-dc651545],.seer-chat__empty[data-v-dc651545],.seer-chat__status[data-v-dc651545]{margin:4px 0 0;color:#5f6f89;font-size:14px}.seer-chat__header p[data-v-dc651545]{max-width:34ch;color:#ffffffb8}.seer-chat__messages[data-v-dc651545]{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-dc651545]{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-dc651545]{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-dc651545]{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-dc651545]{font-size:12px;font-weight:700;opacity:.75}.seer-chat__body[data-v-dc651545]{display:flex;flex-direction:column}.seer-chat__line[data-v-dc651545]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.seer-chat__line[data-v-dc651545]:not(:last-child){margin-bottom:5px}.seer-chat__line[data-v-dc651545]:empty{height:7px}.seer-chat__strong[data-v-dc651545]{font-weight:700}.seer-chat__price[data-v-dc651545]{color:#e0331d;font-weight:600}.seer-chat__message--user .seer-chat__price[data-v-dc651545]{color:#ffe2dc}.seer-chat__link[data-v-dc651545]{color:#1f5eff;font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.seer-chat__link[data-v-dc651545]:hover{color:#173fb3}.seer-chat__message--user .seer-chat__link[data-v-dc651545]{color:#fff}.seer-chat__image-button[data-v-dc651545]{display:block;padding:0;background:transparent;border:0;cursor:zoom-in}.seer-chat__image-button[data-v-dc651545]:not(:disabled):hover{transform:none}.seer-chat__image[data-v-dc651545]{display:block;max-width:100%;margin:6px 0;border-radius:12px;border:1px solid rgba(127,143,170,.22);transition:filter .16s ease}.seer-chat__image-button:hover .seer-chat__image[data-v-dc651545]{filter:brightness(.96)}.seer-chat__lightbox[data-v-dc651545]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:32px;background:#0a0f1ad1;cursor:zoom-out;animation:seer-chat__fade-in-dc651545 .14s ease}.seer-chat__lightbox-image[data-v-dc651545]{max-width:min(92vw,1200px);max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px #00000080}.seer-chat__lightbox-close[data-v-dc651545]{position:fixed;top:18px;right:22px;display:grid;place-items:center;width:40px;height:40px;color:#fff;font-size:26px;line-height:1;background:#ffffff24;border-radius:50%}.seer-chat__lightbox-close[data-v-dc651545]:not(:disabled):hover{background:#ffffff3d}@keyframes seer-chat__fade-in-dc651545{0%{opacity:0}to{opacity:1}}.seer-chat__error[data-v-dc651545],.seer-chat__handoff[data-v-dc651545]{margin:0 18px;padding:10px 12px;border-radius:14px}.seer-chat__error[data-v-dc651545]{color:#8a1f11;background:#fff0ed}.seer-chat__handoff[data-v-dc651545]{color:#704600;background:#fff7db}.seer-chat__form[data-v-dc651545]{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-dc651545]{font-size:13px;font-weight:700}.seer-chat textarea[data-v-dc651545]{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-dc651545]{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-dc651545]:not(:disabled):hover{transform:translateY(-1px)}.seer-chat button[data-v-dc651545]:disabled{cursor:not-allowed;opacity:.5}.seer-chat button[data-v-dc651545]:focus-visible,.seer-chat textarea[data-v-dc651545]:focus-visible{border-color:#1f5eff6b;box-shadow:0 0 0 4px #1f5eff21}.seer-chat__clear-button[data-v-dc651545]{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-dc651545]:not(:disabled):hover{color:#fff;background:#ffffff1a;box-shadow:none}.seer-chat__stop-button[data-v-dc651545]{padding:8px 11px;color:#6c3b12;font-size:12px;background:#fff1df;border-radius:12px}.seer-chat__send-button[data-v-dc651545]{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-dc651545]:not(:disabled):hover{box-shadow:0 14px 28px #1f5eff47}.seer-chat__hint[data-v-dc651545]{margin-right:auto;color:#7a879a;font-size:12px}.seer-chat__composer-footer[data-v-dc651545]{display:flex;gap:8px;align-items:center;justify-content:flex-end}

package/dist/index.js

@@ -1,102 +1,102 @@
-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;
+import { hasInjectionContext as K, inject as D, ref as y, defineComponent as U, computed as B, onBeforeUnmount as M, openBlock as h, createElementBlock as _, createElementVNode as f, toDisplayString as C, unref as g, createCommentVNode as T, Fragment as R, renderList as I, normalizeClass as q, withModifiers as A, withDirectives as z, withKeys as F, vModelText as V } from "vue";
+function X(e) {
+  const n = e.fetcher ?? fetch, t = e.model ?? "seer", s = e.now ?? (() => Math.floor(Date.now() / 1e3));
+  let r, a = 0;
   return {
-    async chat(s, c = {}) {
-      const f = s.stream ?? !1, h = await d(), p = {
+    async chat(l, i = {}) {
+      const c = l.stream ?? !1, o = await v(), m = {
         "Content-Type": "application/json"
       };
-      h && (p.Authorization = `Bearer ${h}`);
-      const g = await n(e.endpoint, {
+      o && (m.Authorization = `Bearer ${o}`);
+      const k = await n(e.endpoint, {
         method: "POST",
-        headers: p,
-        signal: c.signal,
+        headers: m,
+        signal: i.signal,
         body: JSON.stringify({
-          model: s.model ?? t,
-          messages: s.messages,
-          stream: f,
-          conversation_id: s.conversationId,
-          metadata: s.metadata
+          model: l.model ?? t,
+          messages: l.messages,
+          stream: c,
+          conversation_id: l.conversationId,
+          metadata: l.metadata
         })
       });
-      if (!g.ok)
-        throw new Error(await j(g));
-      if (f)
-        return V(g, c.onDelta);
-      const b = await g.json();
-      return P(b);
+      if (!k.ok)
+        throw new Error(await P(k));
+      if (c)
+        return G(k, i.onDelta);
+      const w = await k.json();
+      return j(w);
     }
   };
-  async function d() {
+  async function v() {
     if (!e.sessionEndpoint)
       return;
-    const s = a();
-    if (l && r - 30 > s)
-      return l;
-    const c = await n(e.sessionEndpoint, {
+    const l = s();
+    if (r && a - 30 > l)
+      return r;
+    const i = await n(e.sessionEndpoint, {
       method: "GET",
-      headers: await o()
+      headers: await p()
     });
-    if (!c.ok)
-      throw new Error(await j(c));
-    const f = await c.json();
-    return l = f.token, r = f.expires_at, l;
+    if (!i.ok)
+      throw new Error(await P(i));
+    const c = await i.json();
+    return r = c.token, a = c.expires_at, r;
   }
-  async function o() {
-    const s = {};
-    return e.challengeTokenProvider && (s["X-Seer-Challenge-Token"] = await e.challengeTokenProvider()), s;
+  async function p() {
+    const l = {};
+    return e.challengeTokenProvider && (l["X-Seer-Challenge-Token"] = await e.challengeTokenProvider()), l;
   }
 }
-function P(e) {
-  var t, a, l;
+function j(e) {
+  var t, s, r;
   const n = (t = e.choices) == null ? void 0 : t[0];
   return {
-    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) ?? "",
+    content: ((s = n == null ? void 0 : n.message) == null ? void 0 : s.content) ?? ((r = n == null ? void 0 : n.delta) == null ? void 0 : r.content) ?? "",
     conversationId: e.conversation_id,
     citations: e.citations ?? [],
     handoffRequested: e.handoff_requested ?? !1,
     finishReason: n == null ? void 0 : n.finish_reason
   };
 }
-async function V(e, n) {
-  var f, h, p;
+async function G(e, n) {
+  var c, o, m;
   if (!e.body)
-    return P({});
-  const t = e.body.getReader(), a = new TextDecoder();
-  let l = "", r = "", d, o = [], s = !1, c;
+    return j({});
+  const t = e.body.getReader(), s = new TextDecoder();
+  let r = "", a = "", v, p = [], l = !1, i;
   for (; ; ) {
-    const { done: g, value: b } = await t.read();
-    if (g)
+    const { done: k, value: w } = await t.read();
+    if (k)
       break;
-    l += a.decode(b, { stream: !0 });
-    const T = l.split(`
+    r += s.decode(w, { stream: !0 });
+    const x = r.split(`
 
 `);
-    l = T.pop() ?? "";
-    for (const x of T) {
-      const S = z(x);
-      if (!S || S === "[DONE]")
+    r = x.pop() ?? "";
+    for (const u of x) {
+      const E = H(u);
+      if (!E || E === "[DONE]")
         continue;
-      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;
+      const b = JSON.parse(E), d = (c = b.choices) == null ? void 0 : c[0], S = ((o = d == null ? void 0 : d.delta) == null ? void 0 : o.content) ?? ((m = d == null ? void 0 : d.message) == null ? void 0 : m.content) ?? "";
+      S && (a += S, n == null || n(S)), v = b.conversation_id ?? v, p = b.citations ?? p, l = b.handoff_requested ?? l, i = (d == null ? void 0 : d.finish_reason) ?? i;
     }
   }
   return {
-    content: r,
-    conversationId: d,
-    citations: o,
-    handoffRequested: s,
-    finishReason: c
+    content: a,
+    conversationId: v,
+    citations: p,
+    handoffRequested: l,
+    finishReason: i
   };
 }
-function z(e) {
+function H(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(e) {
+async function P(e) {
   let n = e.statusText || "unknown error";
   try {
     const t = await e.json();
@@ -107,111 +107,142 @@ async function j(e) {
   }
   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 O = /https?:\/\/[^\s)]+/g, J = /\.(png|jpe?g|gif|webp|bmp|svg)$/i, W = "单价\\s*\\d[\\d.]*\\s*[A-Za-z]+\\/kg", Y = "按当前信息为您筛选出[^\\n：]*推荐方案[^\\n：]*：", Z = "方案PK|时效最快|价格最低", $ = new RegExp(`(${W})|(${Y})|(${Z})`, "g");
+function L(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;
+  $.lastIndex = 0;
+  let t = 0, s;
+  for (; (s = $.exec(e)) !== null; ) {
+    s.index > t && n.push({ kind: "text", value: e.slice(t, s.index) });
+    const r = s[0];
+    n.push(s[1] ? { kind: "price", value: r } : { kind: "strong", value: r }), t = s.index + r.length;
   }
   return t < e.length && n.push({ kind: "text", value: e.slice(t) }), n;
 }
-function H(e) {
+const Q = /标签|箱唛|唛头|入库单|交接单|入仓单|面单|下载/;
+function ee(e, n) {
+  if (/方案|截图|报价图|效果图|示意图|图片/.test(n))
+    return !0;
+  if (Q.test(n))
+    return !1;
+  const t = e.split(/[?#]/)[0];
+  return J.test(t);
+}
+function te(e) {
+  return /方案|报价|截图|PK/.test(e) ? "方案PK" : "图片";
+}
+function ne(e) {
+  return /标签|箱唛/.test(e) ? "点击下载箱唛" : /入库单|交接单/.test(e) ? "点击下载入库单" : /面单/.test(e) ? "点击下载面单" : /截图|方案/.test(e) ? "点击查看方案PK" : /下载链接|labelUrl|下载/.test(e) ? "点击下载" : /链接/.test(e) ? "点击查看" : null;
+}
+function se(e) {
+  const n = [];
+  O.lastIndex = 0;
+  let t = 0, s;
+  for (; (s = O.exec(e)) !== null; ) {
+    const r = s[0], a = s.index, v = e.lastIndexOf(`
+`, a - 1) + 1, p = e.slice(v, a), l = ee(r, p);
+    if (a > t) {
+      let i = e.slice(t, a);
+      l && (i = i.replace(/链接([：:])\s*$/, "$1")), n.push(...L(i));
+    }
+    l ? n.push({ kind: "image", href: r, alt: te(p) }) : n.push({ kind: "link", href: r, label: ne(p) ?? r }), t = a + r.length;
+  }
+  return t < e.length && n.push(...L(e.slice(t))), n;
+}
+function ae(e) {
   return e.split(`
-`).map((n) => G(n));
+`).map((n) => se(n));
 }
-const $ = Symbol("seer-chat-options"), he = {
+const N = Symbol("seer-chat-options"), Ie = {
   install(e, n) {
-    e.provide($, n);
+    e.provide(N, n);
   }
 };
-function W(e = {}) {
-  const t = { ...N() ? q($, void 0) : void 0, ...e };
+function oe(e = {}) {
+  const t = { ...K() ? D(N, void 0) : void 0, ...e };
   if (!t.endpoint)
     throw new Error("Seer chat endpoint is required. Pass it to app.use() or useSeerChat().");
-  const a = {
+  const s = {
     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)
+  }, r = X(s), a = y([]), v = y(!1), p = y(null), l = y(), i = y([]), c = y(!1);
+  let o = null;
+  async function m(x) {
+    const u = x.trim();
+    if (!u || v.value)
       return;
-    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]);
+    const E = { role: "user", content: u };
+    a.value = [...a.value, E], v.value = !0, p.value = null, o = new AbortController();
+    const b = { role: "assistant", content: "" };
+    t.stream && (a.value = [...a.value, b]);
     try {
-      const i = await l.chat(
+      const d = await r.chat(
         {
-          messages: r.value.filter((k) => k.content),
+          messages: a.value.filter((S) => S.content),
           stream: t.stream ?? !1,
-          conversationId: s.value
+          conversationId: l.value
         },
         {
-          signal: h.signal,
-          onDelta(k) {
-            y.content += k, r.value = [...r.value];
+          signal: o.signal,
+          onDelta(S) {
+            b.content += S, a.value = [...a.value];
           }
         }
       );
-      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" && (o.value = i instanceof Error ? i.message : String(i));
+      t.stream || (a.value = [...a.value, { role: "assistant", content: d.content }]), l.value = d.conversationId, i.value = d.citations, c.value = d.handoffRequested;
+    } catch (d) {
+      d.name !== "AbortError" && (p.value = d instanceof Error ? d.message : String(d));
     } finally {
-      d.value = !1, h = null;
+      v.value = !1, o = null;
     }
   }
-  function g() {
-    r.value = [], o.value = null, s.value = void 0, c.value = [], f.value = !1;
+  function k() {
+    a.value = [], p.value = null, l.value = void 0, i.value = [], c.value = !1;
   }
-  function b() {
-    h == null || h.abort();
+  function w() {
+    o == null || o.abort();
   }
   return {
-    messages: r,
-    loading: d,
-    error: o,
-    conversationId: s,
-    citations: c,
-    handoffRequested: f,
-    send: p,
-    reset: g,
-    abort: b
+    messages: a,
+    loading: v,
+    error: p,
+    conversationId: l,
+    citations: i,
+    handoffRequested: c,
+    send: m,
+    reset: k,
+    abort: w
   };
 }
-const X = {
+const re = {
   class: "seer-chat",
   "aria-label": "多发货 AI 客服聊天"
-}, Q = { class: "seer-chat__header" }, Y = {
+}, le = { class: "seer-chat__header" }, ie = {
   class: "seer-chat__messages",
   "aria-live": "polite"
-}, Z = {
+}, ce = {
   key: 0,
   class: "seer-chat__empty"
-}, ee = { class: "seer-chat__role" }, te = { class: "seer-chat__body" }, ne = ["href"], se = { key: 1 }, ae = {
+}, ue = { class: "seer-chat__role" }, de = { class: "seer-chat__body" }, fe = ["href"], he = ["aria-label", "onClick"], _e = ["src", "alt"], ve = {
+  key: 2,
+  class: "seer-chat__strong"
+}, pe = {
+  key: 3,
+  class: "seer-chat__price"
+}, me = { key: 4 }, ge = {
   key: 0,
   class: "seer-chat__status"
-}, oe = {
+}, ke = {
   key: 1,
   class: "seer-chat__error",
   role: "alert"
-}, re = {
+}, be = {
   key: 2,
   class: "seer-chat__handoff"
-}, le = ["placeholder", "disabled", "onKeydown"], ie = { class: "seer-chat__composer-footer" }, ce = ["disabled"], ue = /* @__PURE__ */ L({
+}, ye = ["placeholder", "disabled", "onKeydown"], we = { class: "seer-chat__composer-footer" }, Ee = ["disabled"], Se = ["aria-label"], Ce = ["src", "alt"], xe = /* @__PURE__ */ U({
   __name: "SeerChat",
   props: {
     endpoint: {},
@@ -222,110 +253,155 @@ const X = {
     placeholder: { default: "输入你的问题，例如：美国海派怎么报价？" }
   },
   setup(e) {
-    const n = e, t = w(""), a = W({
+    const n = e, t = y(""), s = oe({
       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)
+    }), r = B(
+      () => t.value.trim().length > 0 && !s.loading.value
+    ), a = y(null);
+    function v(c) {
+      c.key === "Escape" && l();
+    }
+    function p(c, o) {
+      a.value = { src: c, alt: o }, window.addEventListener("keydown", v);
+    }
+    function l() {
+      a.value = null, window.removeEventListener("keydown", v);
+    }
+    M(() => {
+      window.removeEventListener("keydown", v);
+    });
+    async function i() {
+      if (!r.value)
         return;
-      const d = t.value;
-      t.value = "", await a.send(d);
+      const c = t.value;
+      t.value = "", await s.send(c);
     }
-    return (d, o) => (v(), m("section", X, [
-      u("header", Q, [
-        u("div", null, [
-          u("h2", null, C(e.title), 1),
-          o[3] || (o[3] = u("p", null, "可咨询渠道报价、时效、下单资料、入仓和售后问题。", -1))
+    return (c, o) => (h(), _("section", re, [
+      f("header", le, [
+        f("div", null, [
+          f("h2", null, C(e.title), 1),
+          o[3] || (o[3] = f("p", null, "可咨询渠道报价、时效、下单资料、入仓和售后问题。", -1))
         ]),
-        u("button", {
+        f("button", {
           type: "button",
           class: "seer-chat__clear-button",
-          onClick: o[0] || (o[0] = (s) => _(a).reset())
+          onClick: o[0] || (o[0] = (m) => g(s).reset())
         }, " 清空对话 ")
       ]),
-      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}`])
+      f("div", ie, [
+        g(s).messages.value.length === 0 ? (h(), _("p", ce, " 直接输入问题即可，复杂查单或赔付问题会提示转人工。 ")) : T("", !0),
+        (h(!0), _(R, null, I(g(s).messages.value, (m, k) => (h(), _("article", {
+          key: `${m.role}-${k}`,
+          class: q(["seer-chat__message", `seer-chat__message--${m.role}`])
         }, [
-          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,
+          f("span", ue, C(m.role === "user" ? "你" : "AI 客服"), 1),
+          f("div", de, [
+            (h(!0), _(R, null, I(g(ae)(m.content), (w, x) => (h(), _("p", {
+              key: x,
               class: "seer-chat__line"
             }, [
-              (v(!0), m(I, null, R(f, (p, g) => (v(), m(I, { key: g }, [
-                p.kind === "link" ? (v(), m("a", {
+              (h(!0), _(R, null, I(w, (u, E) => (h(), _(R, { key: E }, [
+                u.kind === "link" ? (h(), _("a", {
                   key: 0,
                   class: "seer-chat__link",
-                  href: p.href,
+                  href: u.href,
                   target: "_blank",
                   rel: "noopener noreferrer"
-                }, C(p.label), 9, ne)) : (v(), m("span", se, C(p.value), 1))
+                }, C(u.label), 9, fe)) : u.kind === "image" ? (h(), _("button", {
+                  key: 1,
+                  type: "button",
+                  class: "seer-chat__image-button",
+                  "aria-label": `放大查看${u.alt}`,
+                  onClick: (b) => p(u.href, u.alt)
+                }, [
+                  f("img", {
+                    class: "seer-chat__image",
+                    src: u.href,
+                    alt: u.alt,
+                    loading: "lazy"
+                  }, null, 8, _e)
+                ], 8, he)) : u.kind === "strong" ? (h(), _("strong", ve, C(u.value), 1)) : u.kind === "price" ? (h(), _("span", pe, C(u.value), 1)) : (h(), _("span", me, C(u.value), 1))
               ], 64))), 128))
             ]))), 128))
           ])
         ], 2))), 128))
       ]),
-      _(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", {
+      g(s).loading.value ? (h(), _("p", ge, "正在回复...")) : T("", !0),
+      g(s).error.value ? (h(), _("p", ke, C(g(s).error.value), 1)) : T("", !0),
+      g(s).handoffRequested.value ? (h(), _("p", be, " 建议转人工：请留下联系方式或等待客服接入。 ")) : T("", !0),
+      f("form", {
         class: "seer-chat__form",
-        onSubmit: O(r, ["prevent"])
+        onSubmit: A(i, ["prevent"])
       }, [
-        o[6] || (o[6] = u("label", {
+        o[6] || (o[6] = f("label", {
           class: "seer-chat__label",
           for: "seer-chat-input"
         }, "问题", -1)),
-        K(u("textarea", {
+        z(f("textarea", {
           id: "seer-chat-input",
-          "onUpdate:modelValue": o[1] || (o[1] = (s) => t.value = s),
+          "onUpdate:modelValue": o[1] || (o[1] = (m) => t.value = m),
           placeholder: e.placeholder,
-          disabled: _(a).loading.value,
+          disabled: g(s).loading.value,
           rows: "3",
-          onKeydown: D(O(r, ["exact", "prevent"]), ["enter"])
-        }, null, 40, le), [
-          [F, t.value]
+          onKeydown: F(A(i, ["exact", "prevent"]), ["enter"])
+        }, null, 40, ye), [
+          [V, t.value]
         ]),
-        u("div", ie, [
-          o[5] || (o[5] = u("span", { class: "seer-chat__hint" }, "Enter 发送 · Shift+Enter 换行", -1)),
-          _(a).loading.value ? (v(), m("button", {
+        f("div", we, [
+          o[5] || (o[5] = f("span", { class: "seer-chat__hint" }, "Enter 发送 · Shift+Enter 换行", -1)),
+          g(s).loading.value ? (h(), _("button", {
             key: 0,
             type: "button",
             class: "seer-chat__stop-button",
-            onClick: o[2] || (o[2] = (s) => _(a).abort())
-          }, " 停止 ")) : E("", !0),
-          u("button", {
+            onClick: o[2] || (o[2] = (m) => g(s).abort())
+          }, " 停止 ")) : T("", !0),
+          f("button", {
             class: "seer-chat__send-button",
             type: "submit",
-            disabled: !l.value
+            disabled: !r.value
           }, [...o[4] || (o[4] = [
-            u("span", null, "发送", -1),
-            u("span", { "aria-hidden": "true" }, "↵", -1)
-          ])], 8, ce)
+            f("span", null, "发送", -1),
+            f("span", { "aria-hidden": "true" }, "↵", -1)
+          ])], 8, Ee)
         ])
-      ], 32)
+      ], 32),
+      a.value ? (h(), _("div", {
+        key: 3,
+        class: "seer-chat__lightbox",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": a.value.alt,
+        onClick: l
+      }, [
+        f("button", {
+          type: "button",
+          class: "seer-chat__lightbox-close",
+          "aria-label": "关闭",
+          onClick: l
+        }, " × "),
+        f("img", {
+          class: "seer-chat__lightbox-image",
+          src: a.value.src,
+          alt: a.value.alt
+        }, null, 8, Ce)
+      ], 8, Se)) : T("", !0)
     ]));
   }
-}), de = (e, n) => {
+}), Te = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, l] of n)
-    t[a] = l;
+  for (const [s, r] of n)
+    t[s] = r;
   return t;
-}, ve = /* @__PURE__ */ de(ue, [["__scopeId", "data-v-f2b8b91f"]]);
+}, Ae = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-dc651545"]]);
 export {
-  ve as SeerChat,
-  he as SeerChatPlugin,
-  U as createSeerClient,
-  J as linkAnchorLabel,
-  H as toContentLines,
-  G as toContentSegments,
-  W as useSeerChat
+  Ae as SeerChat,
+  Ie as SeerChatPlugin,
+  X as createSeerClient,
+  ne as linkAnchorLabel,
+  ae as toContentLines,
+  se as toContentSegments,
+  oe as useSeerChat
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seer-ai/seer-vue",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.6",
   "description": "Vue chat plugin for the seer OpenAI-compatible API",
   "type": "module",
   "main": "./dist/index.js",