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

package/dist/index.css

@@ -1 +1 @@
-.seer-chat[data-v-51cf8455]{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-51cf8455]{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.seer-chat__header h2[data-v-51cf8455]{margin:0;font-size:20px}.seer-chat__header p[data-v-51cf8455],.seer-chat__empty[data-v-51cf8455],.seer-chat__status[data-v-51cf8455],.seer-chat__citations[data-v-51cf8455]{margin:4px 0 0;color:#5f6f89;font-size:14px}.seer-chat__messages[data-v-51cf8455]{display:grid;gap:12px;min-height:180px}.seer-chat__message[data-v-51cf8455]{display:grid;gap:4px;max-width:86%;padding:12px 14px;border-radius:14px;background:#f3f6fb}.seer-chat__message--user[data-v-51cf8455]{justify-self:end;color:#fff;background:#1f5eff}.seer-chat__role[data-v-51cf8455]{font-size:12px;font-weight:700;opacity:.75}.seer-chat__message p[data-v-51cf8455]{margin:0;white-space:pre-wrap}.seer-chat__error[data-v-51cf8455],.seer-chat__handoff[data-v-51cf8455]{margin:0;padding:10px 12px;border-radius:10px}.seer-chat__error[data-v-51cf8455]{color:#8a1f11;background:#fff0ed}.seer-chat__handoff[data-v-51cf8455]{color:#704600;background:#fff7db}.seer-chat__citations ul[data-v-51cf8455]{margin:6px 0 0;padding-left:18px}.seer-chat__form[data-v-51cf8455]{display:grid;gap:10px}.seer-chat__label[data-v-51cf8455]{font-size:13px;font-weight:700}.seer-chat textarea[data-v-51cf8455]{width:100%;box-sizing:border-box;padding:12px;color:inherit;border:1px solid #c8d3e2;border-radius:12px;resize:vertical}.seer-chat button[data-v-51cf8455]{padding:9px 14px;color:#fff;background:#172033;border:0;border-radius:999px;cursor:pointer}.seer-chat button[data-v-51cf8455]:disabled{cursor:not-allowed;opacity:.5}.seer-chat button[data-v-51cf8455]:focus-visible,.seer-chat textarea[data-v-51cf8455]:focus-visible{outline:3px solid #8fb4ff;outline-offset:2px}.seer-chat__ghost-button[data-v-51cf8455]{color:#172033!important;background:#eef3fa!important}.seer-chat__actions[data-v-51cf8455]{display:flex;gap:8px;justify-content:flex-end}
+.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}

package/dist/index.js

@@ -1,16 +1,16 @@
-import { hasInjectionContext as A, inject as q, ref as y, defineComponent as M, computed as N, openBlock as m, createElementBlock as v, createElementVNode as u, toDisplayString as S, unref as h, createCommentVNode as b, Fragment as j, renderList as O, normalizeClass as B, withModifiers as D, withDirectives as F, vModelText as P } from "vue";
+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;
   return {
     async chat(r, a = {}) {
-      const o = r.stream ?? !1, f = await l(), p = {
+      const o = r.stream ?? !1, f = await l(), m = {
         "Content-Type": "application/json"
       };
-      f && (p.Authorization = `Bearer ${f}`);
+      f && (m.Authorization = `Bearer ${f}`);
       const d = await t(n.endpoint, {
         method: "POST",
-        headers: p,
+        headers: m,
         signal: a.signal,
         body: JSON.stringify({
           model: r.model ?? e,
@@ -21,11 +21,11 @@ function V(n) {
         })
       });
       if (!d.ok)
-        throw new Error(await R(d));
+        throw new Error(await j(d));
       if (o)
         return z(d, a.onDelta);
-      const w = await d.json();
-      return T(w);
+      const y = await d.json();
+      return O(y);
     }
   };
   async function l() {
@@ -38,12 +38,12 @@ function V(n) {
       method: "GET"
     });
     if (!a.ok)
-      throw new Error(await R(a));
+      throw new Error(await j(a));
     const o = await a.json();
     return s = o.token, c = o.expires_at, s;
   }
 }
-function T(n) {
+function O(n) {
   var e, s, c;
   const t = (e = n.choices) == null ? void 0 : e[0];
   return {
@@ -55,9 +55,9 @@ function T(n) {
   };
 }
 async function z(n, t) {
-  var p, d, w;
+  var m, d, y;
   if (!n.body)
-    return T({});
+    return O({});
   const e = n.body.getReader(), s = new TextDecoder();
   let c = "", l = "", r, a = [], o = !1, f;
   for (; ; ) {
@@ -65,15 +65,15 @@ async function z(n, t) {
     if (x)
       break;
     c += s.decode(I, { stream: !0 });
-    const C = c.split(`
+    const S = c.split(`
 
 `);
-    c = C.pop() ?? "";
-    for (const E of C) {
-      const k = J(E);
-      if (!k || k === "[DONE]")
+    c = S.pop() ?? "";
+    for (const C of S) {
+      const b = J(C);
+      if (!b || b === "[DONE]")
         continue;
-      const _ = JSON.parse(k), i = (p = _.choices) == null ? void 0 : p[0], g = ((d = i == null ? void 0 : i.delta) == null ? void 0 : d.content) ?? ((w = i == null ? void 0 : i.message) == null ? void 0 : w.content) ?? "";
+      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;
     }
   }
@@ -91,7 +91,7 @@ function J(n) {
   return t.length === 0 ? null : t.join(`
 `);
 }
-async function R(n) {
+async function j(n) {
   let t = n.statusText || "unknown error";
   try {
     const e = await n.json();
@@ -102,13 +102,13 @@ async function R(n) {
   }
   return `seer chat request failed with status ${n.status}: ${t}`;
 }
-const $ = Symbol("seer-chat-options"), re = {
+const R = Symbol("seer-chat-options"), oe = {
   install(n, t) {
-    n.provide($, t);
+    n.provide(R, t);
   }
 };
 function L(n = {}) {
-  const e = { ...A() ? q($, void 0) : void 0, ...n };
+  const e = { ...T() ? $(R, void 0) : void 0, ...n };
   if (!e.endpoint)
     throw new Error("Seer chat endpoint is required. Pass it to app.use() or useSeerChat().");
   const s = {
@@ -116,14 +116,14 @@ function L(n = {}) {
     sessionEndpoint: e.sessionEndpoint,
     model: e.model,
     fetcher: e.fetcher
-  }, c = V(s), l = y([]), r = y(!1), a = y(null), o = y(), f = y([]), p = y(!1);
+  }, c = V(s), l = w([]), r = w(!1), a = w(null), o = w(), f = w([]), m = w(!1);
   let d = null;
-  async function w(C) {
-    const E = C.trim();
-    if (!E || r.value)
+  async function y(S) {
+    const C = S.trim();
+    if (!C || r.value)
       return;
-    const k = { role: "user", content: E };
-    l.value = [...l.value, k], r.value = !0, a.value = null, d = new AbortController();
+    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, _]);
     try {
@@ -140,7 +140,7 @@ function L(n = {}) {
           }
         }
       );
-      e.stream || (l.value = [...l.value, { role: "assistant", content: i.content }]), o.value = i.conversationId, f.value = i.citations, p.value = i.handoffRequested;
+      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));
     } finally {
@@ -148,7 +148,7 @@ function L(n = {}) {
     }
   }
   function x() {
-    l.value = [], a.value = null, o.value = void 0, f.value = [], p.value = !1;
+    l.value = [], a.value = null, o.value = void 0, f.value = [], m.value = !1;
   }
   function I() {
     d == null || d.abort();
@@ -159,8 +159,8 @@ function L(n = {}) {
     error: a,
     conversationId: o,
     citations: f,
-    handoffRequested: p,
-    send: w,
+    handoffRequested: m,
+    send: y,
     reset: x,
     abort: I
   };
@@ -184,10 +184,7 @@ const G = {
 }, Y = {
   key: 2,
   class: "seer-chat__handoff"
-}, Z = {
-  key: 3,
-  class: "seer-chat__citations"
-}, ee = ["placeholder", "disabled"], te = { class: "seer-chat__actions" }, ne = ["disabled"], se = /* @__PURE__ */ M({
+}, Z = ["placeholder", "disabled"], ee = { class: "seer-chat__actions" }, te = ["disabled"], ne = /* @__PURE__ */ A({
   __name: "SeerChat",
   props: {
     endpoint: {},
@@ -198,22 +195,22 @@ const G = {
     placeholder: { default: "输入你的问题，例如：美国海派怎么报价？" }
   },
   setup(n) {
-    const t = n, e = y(""), s = L({
+    const t = n, e = w(""), s = L({
       endpoint: t.endpoint,
       model: t.model,
       stream: t.stream,
       fetcher: t.fetcher
-    }), c = N(() => e.value.trim().length > 0 && !s.loading.value);
+    }), c = q(() => e.value.trim().length > 0 && !s.loading.value);
     async function l() {
       if (!c.value)
         return;
       const r = e.value;
       e.value = "", await s.send(r);
     }
-    return (r, a) => (m(), v("section", G, [
+    return (r, a) => (v(), p("section", G, [
       u("header", K, [
         u("div", null, [
-          u("h2", null, S(n.title), 1),
+          u("h2", null, E(n.title), 1),
           a[3] || (a[3] = u("p", null, "可咨询渠道报价、时效、下单资料、入仓和售后问题。", -1))
         ]),
         u("button", {
@@ -223,29 +220,23 @@ const G = {
         }, "清空")
       ]),
       u("div", U, [
-        h(s).messages.value.length === 0 ? (m(), v("p", W, " 直接输入问题即可，复杂查单或赔付问题会提示转人工。 ")) : b("", !0),
-        (m(!0), v(j, null, O(h(s).messages.value, (o, f) => (m(), v("article", {
+        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("span", H, S(o.role === "user" ? "你" : "AI 客服"), 1),
-          u("p", null, S(o.content), 1)
+          u("span", H, E(o.role === "user" ? "你" : "AI 客服"), 1),
+          u("p", null, E(o.content), 1)
         ], 2))), 128))
       ]),
-      h(s).loading.value ? (m(), v("p", Q, "正在回复...")) : b("", !0),
-      h(s).error.value ? (m(), v("p", X, S(h(s).error.value), 1)) : b("", !0),
-      h(s).handoffRequested.value ? (m(), v("p", Y, " 建议转人工：请留下联系方式或等待客服接入。 ")) : b("", !0),
-      h(s).citations.value.length > 0 ? (m(), v("footer", Z, [
-        a[4] || (a[4] = u("span", null, "参考资料", -1)),
-        u("ul", null, [
-          (m(!0), v(j, null, O(h(s).citations.value, (o) => (m(), v("li", { key: o }, S(o), 1))), 128))
-        ])
-      ])) : b("", !0),
+      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", {
         class: "seer-chat__form",
         onSubmit: D(l, ["prevent"])
       }, [
-        a[5] || (a[5] = u("label", {
+        a[4] || (a[4] = u("label", {
           class: "seer-chat__label",
           for: "seer-chat-input"
         }, "问题", -1)),
@@ -255,33 +246,33 @@ const G = {
           placeholder: n.placeholder,
           disabled: h(s).loading.value,
           rows: "3"
-        }, null, 8, ee), [
+        }, null, 8, Z), [
           [P, e.value]
         ]),
-        u("div", te, [
-          h(s).loading.value ? (m(), v("button", {
+        u("div", ee, [
+          h(s).loading.value ? (v(), p("button", {
             key: 0,
             type: "button",
             class: "seer-chat__ghost-button",
             onClick: a[2] || (a[2] = (o) => h(s).abort())
-          }, " 停止 ")) : b("", !0),
+          }, " 停止 ")) : k("", !0),
           u("button", {
             type: "submit",
             disabled: !c.value
-          }, "发送", 8, ne)
+          }, "发送", 8, te)
         ])
       ], 32)
     ]));
   }
-}), ae = (n, t) => {
+}), se = (n, t) => {
   const e = n.__vccOpts || n;
   for (const [s, c] of t)
     e[s] = c;
   return e;
-}, ie = /* @__PURE__ */ ae(se, [["__scopeId", "data-v-51cf8455"]]);
+}, re = /* @__PURE__ */ se(ne, [["__scopeId", "data-v-163bc07c"]]);
 export {
-  ie as SeerChat,
-  re as SeerChatPlugin,
+  re as SeerChat,
+  oe as SeerChatPlugin,
   V as createSeerClient,
   L as useSeerChat
 };

package/package.json

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