@fv-ui/ai-chat 0.1.0 → 0.2.0

package/lib/index.js

@@ -23,6 +23,13 @@
 
   var ElementPlusIconsVue__namespace = /*#__PURE__*/_interopNamespaceDefault(ElementPlusIconsVue);
 
+  function unwrapPlugin(plugin) {
+    const candidate = plugin && typeof plugin === "object" && "default" in plugin ? plugin.default : plugin;
+    if (typeof candidate !== "function") {
+      throw new TypeError("[XMarkdown] \u65E0\u6548\u7684 markdown-it \u63D2\u4EF6:\u9884\u671F\u51FD\u6570,\u6536\u5230 " + typeof candidate);
+    }
+    return candidate;
+  }
   function createMarkdownInstance(options) {
     const md = new MarkdownIt({
       html: true,
@@ -30,9 +37,9 @@
       linkify: true,
       highlight: options?.highlight
     });
-    md.use(mdKatex);
+    md.use(unwrapPlugin(mdKatex));
     if (options?.mdPlugins) {
-      for (const p of options.mdPlugins) md.use(p);
+      for (const p of options.mdPlugins) md.use(unwrapPlugin(p));
     }
     return md;
   }
@@ -1535,8 +1542,8 @@
     }
   }
 
-  const _hoisted_1$h = ["innerHTML"];
-  var _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$i = ["innerHTML"];
+  var _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "FvMarkdown" },
     __name: "index",
     props: {
@@ -1559,12 +1566,12 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: "fv-xmarkdown markdown-body",
           innerHTML: html.value
-        }, null, 8, _hoisted_1$h);
+        }, null, 8, _hoisted_1$i);
       };
     }
   });
 
-  const _hoisted_1$g = {
+  const _hoisted_1$h = {
     key: 1,
     class: "fv-typewriter-text"
   };
@@ -1572,7 +1579,7 @@
     key: 0,
     class: "fv-typewriter-suffix"
   };
-  var _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "FvTypewriter" },
     __name: "index",
     props: {
@@ -1662,11 +1669,11 @@
           },
           [
             vue.createCommentVNode(" markdown \u6A21\u5F0F:suffix \u4E0D\u8FFD\u52A0(element-plus-x \u884C\u4E3A),isTyping \u900F\u4F20\u7ED9 XMarkdown \u4F5C\u6837\u5F0F\u94A9\u5B50 "),
-            __props.isMarkdown ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
+            __props.isMarkdown ? (vue.openBlock(), vue.createBlock(_sfc_main$i, {
               key: 0,
               content: renderedContent.value,
               "is-typing": isTyping.value
-            }, null, 8, ["content", "is-typing"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$g, [
+            }, null, 8, ["content", "is-typing"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$h, [
               vue.createTextVNode(
                 vue.toDisplayString(renderedContent.value),
                 1
@@ -1701,7 +1708,7 @@
     }
   });
 
-  const _hoisted_1$f = {
+  const _hoisted_1$g = {
     key: 0,
     class: "fv-bubble-avatar"
   };
@@ -1722,7 +1729,7 @@
     key: 1,
     class: "fv-bubble-footer"
   };
-  var _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "FvBubble" },
     __name: "index",
     props: {
@@ -1789,7 +1796,7 @@
           },
           [
             vue.createCommentVNode(" \u5934\u50CF:placement \u540C\u7F18\u6392\u5217(end \u7ECF row-reverse \u7FFB\u8F6C\u5230\u53F3\u4FA7),#avatar \u63D2\u69FD\u4F18\u5148 "),
-            _ctx.$slots.avatar || __props.avatar || __props.avatarIcon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+            _ctx.$slots.avatar || __props.avatar || __props.avatarIcon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
               _ctx.$slots.avatar ? vue.renderSlot(_ctx.$slots, "avatar", {}, void 0, void 0, 0) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAvatar), {
                 key: 1,
                 size: __props.avatarSize || void 0,
@@ -1847,7 +1854,7 @@
                     { key: 2 },
                     [
                       vue.createCommentVNode(" typing \u900F\u4F20 Typewriter;\u975E typing:isMarkdown \u2192 XMarkdown,\u5426\u5219\u7EAF\u6587\u672C "),
-                      vue.createVNode(_sfc_main$g, {
+                      vue.createVNode(_sfc_main$h, {
                         ref_key: "twRef",
                         ref: twRef,
                         content: __props.content,
@@ -1861,7 +1868,7 @@
                     ],
                     2112
                     /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                  )) : __props.isMarkdown ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
+                  )) : __props.isMarkdown ? (vue.openBlock(), vue.createBlock(_sfc_main$i, {
                     key: 3,
                     content: __props.content
                   }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock(
@@ -1887,8 +1894,8 @@
     }
   });
 
-  const _hoisted_1$e = { class: "fv-bubble-list" };
-  var _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$f = { class: "fv-bubble-list" };
+  var _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "FvBubbleList" },
     __name: "index",
     props: {
@@ -1988,7 +1995,7 @@
       }));
       __expose({ scrollToTop, scrollToBottom, scrollToBubble });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
           vue.createElementVNode(
             "div",
             {
@@ -2003,7 +2010,7 @@
                 vue.Fragment,
                 null,
                 vue.renderList(__props.list, (item, index) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
+                  return vue.openBlock(), vue.createBlock(_sfc_main$g, vue.mergeProps({
                     key: item.key,
                     ref_for: true,
                     ref: (el) => setBubbleRef(el, index)
@@ -2111,6 +2118,139 @@
     }
   });
 
+  const _hoisted_1$e = {
+    class: "fv-stop-icon",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    height: "1em",
+    "aria-hidden": "true",
+    focusable: "false"
+  };
+  var _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "FvStopIcon" },
+    __name: "StopIcon",
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
+          vue.createElementVNode(
+            "rect",
+            {
+              x: "5.5",
+              y: "5.5",
+              width: "13",
+              height: "13",
+              rx: "2.5",
+              fill: "currentColor"
+            },
+            null,
+            -1
+            /* CACHED */
+          )
+        ])]);
+      };
+    }
+  });
+
+  function getSpeechRecognitionCtor() {
+    if (typeof window === "undefined") return void 0;
+    const w = window;
+    const ctor = w.SpeechRecognition ?? w.webkitSpeechRecognition;
+    return typeof ctor === "function" ? ctor : void 0;
+  }
+  function useRecord() {
+    const isRecording = vue.ref(false);
+    const text = vue.ref("");
+    const audioUrl = vue.ref(null);
+    const error = vue.ref(null);
+    let mediaStream = null;
+    let mediaRecorder = null;
+    let chunks = [];
+    let recognition = null;
+    let finalText = "";
+    function revokeAudioUrl() {
+      if (audioUrl.value) {
+        URL.revokeObjectURL(audioUrl.value);
+        audioUrl.value = null;
+      }
+    }
+    async function start() {
+      if (isRecording.value) return;
+      error.value = null;
+      text.value = "";
+      finalText = "";
+      chunks = [];
+      revokeAudioUrl();
+      if (typeof MediaRecorder === "undefined" || !navigator.mediaDevices?.getUserMedia) {
+        error.value = new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301\u97F3\u9891\u5F55\u5236");
+        return;
+      }
+      try {
+        mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      } catch (e) {
+        error.value = e instanceof Error ? e : new Error(String(e));
+        return;
+      }
+      mediaRecorder = new MediaRecorder(mediaStream);
+      mediaRecorder.ondataavailable = (e) => {
+        if (e.data && e.data.size > 0) chunks.push(e.data);
+      };
+      mediaRecorder.onstop = () => {
+        if (chunks.length > 0) {
+          const blob = new Blob(chunks, { type: mediaRecorder?.mimeType || "audio/webm" });
+          audioUrl.value = URL.createObjectURL(blob);
+        }
+        mediaStream?.getTracks().forEach((t) => t.stop());
+        mediaStream = null;
+      };
+      const SRCtor = getSpeechRecognitionCtor();
+      if (SRCtor) {
+        try {
+          recognition = new SRCtor();
+          recognition.continuous = true;
+          recognition.interimResults = true;
+          recognition.onresult = (event) => {
+            let interim = "";
+            for (let i = event.resultIndex; i < event.results.length; i++) {
+              const r = event.results[i];
+              if (r.isFinal) finalText += r[0].transcript;
+              else interim += r[0].transcript;
+            }
+            text.value = finalText + interim;
+          };
+          recognition.onerror = (ev) => {
+            error.value = new Error(`\u8BED\u97F3\u8BC6\u522B\u9519\u8BEF: ${ev?.error ?? "unknown"}`);
+          };
+          recognition.start();
+        } catch {
+          recognition = null;
+        }
+      }
+      mediaRecorder.start();
+      isRecording.value = true;
+    }
+    function stop() {
+      if (!isRecording.value) return;
+      isRecording.value = false;
+      try {
+        recognition?.stop();
+      } catch {
+      }
+      recognition = null;
+      try {
+        if (mediaRecorder && mediaRecorder.state !== "inactive") mediaRecorder.stop();
+      } catch {
+      }
+    }
+    if (vue.getCurrentInstance()) {
+      vue.onBeforeUnmount(() => {
+        stop();
+        revokeAudioUrl();
+      });
+    }
+    return { start, stop, isRecording, text, audioUrl, error };
+  }
+
   const _hoisted_1$d = {
     key: 0,
     class: "fv-sender-header"
@@ -2125,24 +2265,38 @@
     key: 0,
     class: "fv-sender-prefix"
   };
-  const _hoisted_6$5 = ["value", "placeholder", "disabled", "readonly"];
-  const _hoisted_7$4 = {
-    key: 1,
+  const _hoisted_6$5 = {
+    class: "fv-sender-recording-wave",
+    "aria-hidden": "true"
+  };
+  const _hoisted_7$4 = { class: "fv-sender-recording-duration" };
+  const _hoisted_8$3 = ["value", "placeholder", "disabled", "readonly"];
+  const _hoisted_9$2 = {
+    key: 3,
     class: "fv-sender-actions"
   };
-  const _hoisted_8$3 = {
-    key: 2,
+  const _hoisted_10$2 = {
+    key: 4,
     class: "fv-sender-actions"
   };
-  const _hoisted_9$2 = {
+  const _hoisted_11$2 = {
     key: 0,
     class: "fv-sender-action-left"
   };
-  const _hoisted_10$2 = {
+  const _hoisted_12$2 = {
+    class: "fv-sender-stop-ring",
+    "aria-hidden": "true"
+  };
+  const _hoisted_13$2 = ["rx"];
+  const _hoisted_14$2 = {
     key: 1,
     class: "fv-sender-footer"
   };
   const ROW_HEIGHT = 22;
+  const WAVE_BARS = 48;
+  const RING_HEAD = 10;
+  const RING_TAIL = 40;
+  const RING_LAYERS = 6;
   var _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "FvSender" },
     __name: "index",
@@ -2156,6 +2310,8 @@
       disabled: { type: Boolean, required: false, default: false },
       readOnly: { type: Boolean, required: false, default: false },
       clearable: { type: Boolean, required: false, default: false },
+      round: { type: Boolean, required: false, default: true },
+      shadow: { type: Boolean, required: false, default: false },
       inputWidth: { type: String, required: false, default: "" },
       variant: { type: String, required: false, default: "default" },
       submitBtnDisabled: { type: Boolean, required: false, default: false },
@@ -2328,11 +2484,136 @@
           for (const f of Array.from(files)) emit("paste-file", f);
         }
       }
-      function onSpeechClick() {
-        console.warn("useRecord \u672A\u63A5\u5165,Task 15 \u63A5\u7EBF");
+      const { start: startRecord, stop: stopRecord, isRecording, text: recordText, error: recordError } = useRecord();
+      async function exitRecordingFocusInput() {
+        await vue.nextTick();
+        focus("end");
+      }
+      function insertTextAtCursor(insert) {
+        if (!insert) return;
+        const el = textareaRef.value;
+        const pos = el?.selectionStart ?? value.value.length;
+        const next = value.value.slice(0, pos) + insert + value.value.slice(el?.selectionEnd ?? pos);
+        setValue(next);
+        vue.nextTick(() => {
+          const t = textareaRef.value;
+          if (t) t.setSelectionRange(pos + insert.length, pos + insert.length);
+        });
+      }
+      async function onSpeechClick() {
+        if (isRecording.value) return;
+        await startRecord();
+        if (recordError.value) {
+          elementPlus.ElMessage.error(recordError.value.message || "\u65E0\u6CD5\u8BBF\u95EE\u9EA6\u514B\u98CE");
+          return;
+        }
+        emit("recording-change", true);
+      }
+      async function onRecordConfirm() {
+        stopRecord();
+        emit("recording-change", false);
+        insertTextAtCursor(recordText.value);
+        await exitRecordingFocusInput();
+      }
+      async function onRecordCancel() {
+        stopRecord();
+        emit("recording-change", false);
+        await exitRecordingFocusInput();
       }
+      function onRecordingKeydown(e) {
+        if (e.key === "Escape") {
+          e.preventDefault();
+          onRecordCancel();
+        }
+      }
+      const waveLevels = vue.ref(Array(WAVE_BARS).fill(0.04));
+      let audioCtx = null;
+      let analyserSource = null;
+      let waveRafId = 0;
+      function normalizeRms(rms) {
+        const scaled = Math.pow(rms * 10, 1.5);
+        return Math.min(1, Math.max(0.04, scaled));
+      }
+      async function startWaveVisualizer() {
+        if (typeof AudioContext === "undefined" || !navigator.mediaDevices?.getUserMedia) return;
+        try {
+          const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+          audioCtx = new AudioContext();
+          analyserSource = audioCtx.createMediaStreamSource(stream);
+          const analyser = audioCtx.createAnalyser();
+          analyser.minDecibels = -45;
+          analyserSource.connect(analyser);
+          const timeData = new Uint8Array(analyser.fftSize);
+          const processFrame = () => {
+            analyser.getByteTimeDomainData(timeData);
+            let sumSquares = 0;
+            for (let i = 0; i < timeData.length; i++) {
+              const v = (timeData[i] - 128) / 128;
+              sumSquares += v * v;
+            }
+            const level = normalizeRms(Math.sqrt(sumSquares / timeData.length));
+            waveLevels.value = [...waveLevels.value.slice(1), level];
+            waveRafId = requestAnimationFrame(processFrame);
+          };
+          waveRafId = requestAnimationFrame(processFrame);
+          stream.getTracks().forEach((t) => t.addEventListener("ended", () => stopWaveVisualizer()));
+          analyserSourceStream = stream;
+        } catch {
+        }
+      }
+      let analyserSourceStream = null;
+      function stopWaveVisualizer() {
+        cancelAnimationFrame(waveRafId);
+        waveRafId = 0;
+        analyserSource?.disconnect();
+        analyserSource = null;
+        analyserSourceStream?.getTracks().forEach((t) => t.stop());
+        analyserSourceStream = null;
+        audioCtx?.close().catch(() => {
+        });
+        audioCtx = null;
+        waveLevels.value = Array(WAVE_BARS).fill(0.04);
+      }
+      vue.watch(isRecording, (rec) => {
+        if (rec) startWaveVisualizer();
+        else stopWaveVisualizer();
+      });
+      const recordSeconds = vue.ref(0);
+      let recordTimer = null;
+      vue.watch(isRecording, (rec) => {
+        if (rec) {
+          recordSeconds.value = 0;
+          recordTimer = setInterval(() => {
+            recordSeconds.value++;
+          }, 1e3);
+        } else if (recordTimer) {
+          clearInterval(recordTimer);
+          recordTimer = null;
+        }
+      });
+      const recordDuration = vue.computed(() => {
+        const m = Math.floor(recordSeconds.value / 60);
+        const s = recordSeconds.value % 60;
+        return `${m}:${String(s).padStart(2, "0")}`;
+      });
+      vue.onBeforeUnmount(() => {
+        stopWaveVisualizer();
+        if (recordTimer) clearInterval(recordTimer);
+      });
       const inputDisabled = vue.computed(() => props.disabled || props.loading);
       const inputReadonly = vue.computed(() => props.readOnly);
+      const ringLayers = vue.computed(
+        () => Array.from({ length: RING_LAYERS }, (_, i) => {
+          const len = RING_HEAD + RING_TAIL * i / (RING_LAYERS - 1);
+          const alpha = 0.9 * Math.pow(0.72, i);
+          return {
+            style: {
+              "--ring-len": len.toFixed(2),
+              "--ring-alpha": alpha.toFixed(3)
+            }
+          };
+        })
+      );
       const slots = vue.useSlots();
       const hasActionListSlot = vue.computed(() => !!slots["action-list"]);
       __expose({ submit, cancel, clear, focus, blur, openHeader, closeHeader });
@@ -2340,7 +2621,7 @@
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
-            class: vue.normalizeClass(["fv-sender", [`variant-${__props.variant}`, { "is-disabled": __props.disabled, "is-loading": __props.loading, "is-focused": isFocused.value }]])
+            class: vue.normalizeClass(["fv-sender", [`variant-${__props.variant}`, { "is-disabled": __props.disabled, "is-loading": __props.loading, "is-focused": isFocused.value, "has-shadow": __props.shadow }]])
           },
           [
             vue.createCommentVNode(" \u5934\u90E8:#header \u63D2\u69FD,openHeader/closeHeader \u63A7\u5236 "),
@@ -2358,9 +2639,89 @@
                 _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
                   vue.renderSlot(_ctx.$slots, "prefix")
                 ])) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode(
+                vue.createCommentVNode(" \u8BED\u97F3\u5F55\u97F3\u4E2D:\u8F93\u5165\u533A\u539F\u4F4D\u66FF\u6362\u4E3A\u5F55\u97F3\u6761(\u53D6\u6D88/\u6CE2\u5F62+\u65F6\u957F/\u786E\u8BA4);Esc \u53D6\u6D88 "),
+                vue.unref(isRecording) ? (vue.openBlock(), vue.createElementBlock(
                   "div",
                   {
+                    key: 1,
+                    class: "fv-sender-recording",
+                    tabindex: "-1",
+                    onKeydown: onRecordingKeydown
+                  },
+                  [
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      class: "fv-sender-recording-cancel",
+                      text: "",
+                      circle: "",
+                      "aria-label": "\u53D6\u6D88\u5F55\u97F3",
+                      onClick: onRecordCancel
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(ElementPlusIconsVue.Close))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    vue.createElementVNode("div", _hoisted_6$5, [
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(waveLevels.value, (lv, i) => {
+                          return vue.openBlock(), vue.createElementBlock(
+                            "span",
+                            {
+                              key: i,
+                              class: "fv-sender-recording-bar",
+                              style: vue.normalizeStyle({ height: `${Math.round(lv * 100)}%` })
+                            },
+                            null,
+                            4
+                            /* STYLE */
+                          );
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_7$4,
+                      vue.toDisplayString(recordDuration.value),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      class: "fv-sender-recording-confirm",
+                      type: "primary",
+                      circle: "",
+                      "aria-label": "\u786E\u8BA4\u5F55\u97F3",
+                      onClick: onRecordConfirm
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(ElementPlusIconsVue.Check))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ],
+                  32
+                  /* NEED_HYDRATION */
+                )) : (vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  {
+                    key: 2,
                     class: "fv-sender-input",
                     style: vue.normalizeStyle(__props.inputWidth && __props.variant === "default" ? { width: __props.inputWidth } : void 0)
                   },
@@ -2380,7 +2741,7 @@
                       onPaste,
                       onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
                       onBlur: onTextareaBlur
-                    }, null, 40, _hoisted_6$5),
+                    }, null, 40, _hoisted_8$3),
                     vue.createCommentVNode(" \u6307\u4EE4\u5F39\u6846:\u5185\u7F6E el-popover,\u5B9A\u4F4D\u6309 triggerPopover* \u7CFB\u5217 "),
                     vue.createVNode(vue.unref(elementPlus.ElPopover), {
                       visible: triggerVisible.value && __props.triggerStrings.length > 0,
@@ -2411,12 +2772,12 @@
                   ],
                   4
                   /* STYLE */
-                ),
+                )),
                 vue.createCommentVNode(" \u64CD\u4F5C\u533A:#action-list \u5B58\u5728\u65F6\u5168\u81EA\u5B9A\u4E49,\u9690\u85CF\u5185\u7F6E\u6309\u94AE;#action-left \u7F6E\u4E8E\u64CD\u4F5C\u680F\u5DE6\u4FA7(\u4E0E\u63D0\u4EA4\u6309\u94AE\u540C\u884C) "),
-                hasActionListSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
+                hasActionListSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
                   vue.renderSlot(_ctx.$slots, "action-list")
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, [
-                  _ctx.$slots["action-left"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
+                  _ctx.$slots["action-left"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [
                     vue.renderSlot(_ctx.$slots, "action-left")
                   ])) : vue.createCommentVNode("v-if", true),
                   __props.clearable && value.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
@@ -2439,7 +2800,7 @@
                     _: 1
                     /* STABLE */
                   }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
-                  __props.allowSpeech ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                  __props.allowSpeech && !vue.unref(isRecording) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                     key: 2,
                     class: "fv-sender-speech",
                     text: "",
@@ -2459,29 +2820,49 @@
                     _: 1
                     /* STABLE */
                   }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
-                  vue.createCommentVNode(" loading \u2192 \u505C\u6B62\u6309\u94AE;\u5426\u5219\u53D1\u9001\u6309\u94AE "),
+                  vue.createCommentVNode(" loading \u2192 \u505C\u6B62\u6309\u94AE:SVG \u5149\u5E26\u6CBF\u8FB9\u6846\u5300\u901F\u6D41\u8F6C,\u65B9/\u5706\u6309\u94AE\u5747\u9002\u7528 "),
                   __props.loading ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                     key: 3,
                     class: "fv-sender-stop",
                     type: "primary",
+                    circle: __props.round,
                     "aria-label": "\u505C\u6B62",
                     onClick: cancel
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(ElementPlusIconsVue.VideoPause))
+                          vue.createVNode(_sfc_main$e)
                         ]),
                         _: 1
                         /* STABLE */
-                      })
+                      }),
+                      vue.createCommentVNode('\r\n            \u6CBF\u8FB9\u6846\u6D41\u8F6C\u7684\u6E10\u53D8\u5149\u5E26(\u8682\u8681\u7EBF\u539F\u7406,pathLength=100 \u5F52\u4E00\u5468\u957F,dashoffset \u5300\u901F\u5E73\u79FB)\u3002\r\n            \u6E10\u53D8\u96BE\u70B9:linearGradient \u6CBF\u76F4\u7EBF\u8DEF\u5F84\u5B9A\u4E49,\u65E0\u6CD5\u6CBF\u95ED\u5408\u6298\u7EBF\u5468\u957F\u6E10\u53D8 \u2014\u2014\r\n            \u6545\u7528 6 \u5C42\u957F\u77ED/\u900F\u660E\u5EA6\u53CC\u9012\u51CF\u7684\u540C\u76F8\u4F4D dash \u53E0\u52A0,\u79BB\u6563\u9636\u68AF\u903C\u8FD1\u8FDE\u7EED\u6E10\u53D8:\r\n            \u6BCF\u5C42\u957F\u5EA6\u4F9D\u6B21\u9012\u589E(\u5E26\u5934\u6700\u77ED\u6700\u5B9E,\u5E26\u5C3E\u6700\u957F\u6700\u865A),\u900F\u660E\u5EA6\u4F9D\u6B21\u9012\u51CF,\r\n            \u53E0\u52A0\u540E\u7684\u900F\u660E\u5EA6\u5256\u9762\u4E3A\u591A\u7EA7\u53F0\u9636 \u2192 \u8FD0\u52A8\u4E2D\u8BFB\u4F5C"\u5934\u4EAE\u5C3E\u9690"\u7684\u8FDE\u7EED\u62D6\u5F71\u3002\r\n            \u5C42\u6570\u7531 RING_LAYERS \u5E38\u91CF\u9A71\u52A8,\u900F\u660E\u5EA6\u63D2\u503C\u5728 CSS \u91CC\u6309 --ring-alpha \u53D8\u91CF\u7B97\u3002\r\n          '),
+                      (vue.openBlock(), vue.createElementBlock("svg", _hoisted_12$2, [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(ringLayers.value, (layer, i) => {
+                            return vue.openBlock(), vue.createElementBlock("rect", {
+                              key: i,
+                              class: "fv-sender-stop-ring-rect",
+                              style: vue.normalizeStyle(layer.style),
+                              rx: __props.round ? "50%" : 2.5,
+                              pathLength: "100"
+                            }, null, 12, _hoisted_13$2);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]))
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                  }, 8, ["circle"])) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                     key: 4,
                     class: "fv-sender-submit",
                     type: "primary",
+                    circle: __props.round,
                     disabled: !submitable(),
                     "aria-label": "\u53D1\u9001",
                     onClick: doSubmit
@@ -2497,13 +2878,13 @@
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["disabled"]))
+                  }, 8, ["circle", "disabled"]))
                 ]))
               ]),
               vue.createCommentVNode(" /fv-sender-row ")
             ]),
             vue.createCommentVNode(" \u5E95\u90E8 "),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2, [
               vue.renderSlot(_ctx.$slots, "footer")
             ])) : vue.createCommentVNode("v-if", true)
           ],
@@ -5808,7 +6189,7 @@ ${fileParts.join("\n")}` });
               "auto-collapse": __props.autoCollapse
             }, {
               content: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$h, {
+                vue.createVNode(_sfc_main$i, {
                   content: __props.message.reasoning ?? ""
                 }, null, 8, ["content"])
               ]),
@@ -5823,7 +6204,7 @@ ${fileParts.join("\n")}` });
                 vue.toDisplayString(__props.message.error || "\u751F\u6210\u5931\u8D25"),
                 1
                 /* TEXT */
-              )) : __props.message.content ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
+              )) : __props.message.content ? (vue.openBlock(), vue.createBlock(_sfc_main$i, {
                 key: 1,
                 content: __props.message.content
               }, null, 8, ["content"])) : __props.message.status === "pending" || __props.message.status === "streaming" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, [
@@ -6394,7 +6775,10 @@ ${fileParts.join("\n")}` });
     }
   });
 
-  const _hoisted_1 = { class: "fv-ai-chat-header" };
+  const _hoisted_1 = {
+    key: 0,
+    class: "fv-ai-chat-header"
+  };
   const _hoisted_2 = { class: "fv-ai-chat-title" };
   const _hoisted_3 = { class: "fv-ai-chat-body" };
   const _hoisted_4 = { class: "fv-ai-chat-footer" };
@@ -6409,7 +6793,10 @@ ${fileParts.join("\n")}` });
       adapter: { type: Object, required: false, default: void 0 },
       messages: { type: Array, required: false, default: void 0 },
       title: { type: String, required: false, default: "" },
+      showHeader: { type: Boolean, required: false, default: false },
+      centerWelcome: { type: Boolean, required: false, default: true },
       placeholder: { type: String, required: false, default: "" },
+      senderShadow: { type: Boolean, required: false, default: true },
       suggestions: { type: Array, required: false, default: () => [] },
       features: { type: Object, required: false, default: () => ({}) },
       allowAttachments: { type: Boolean, required: false, default: false },
@@ -6457,6 +6844,7 @@ ${fileParts.join("\n")}` });
       const { send, stop: stopChat, regenerate: regenerateChat, msgs, isLoading } = chat;
       const nodeTable = chat.messages;
       const chain = chat.chain;
+      const isCenterWelcome = vue.computed(() => props.centerWelcome && chain.value.length === 0);
       let flushTimer = null;
       vue.watch(chain, (c) => {
         if (flushTimer) clearTimeout(flushTimer);
@@ -6622,11 +7010,11 @@ ${fileParts.join("\n")}` });
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
-            class: vue.normalizeClass(["fv-ai-chat", { "is-dark": isDark.value }])
+            class: vue.normalizeClass(["fv-ai-chat", { "is-dark": isDark.value, "is-center-welcome": isCenterWelcome.value }])
           },
           [
             vue.createCommentVNode(" \u9876\u680F:\u6807\u9898 + \u6A21\u578B\u9009\u62E9\u5668(models \u6709\u503C\u65F6 multiple) "),
-            vue.createElementVNode("div", _hoisted_1, [
+            __props.showHeader ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
               vue.createElementVNode(
                 "div",
                 _hoisted_2,
@@ -6662,7 +7050,7 @@ ${fileParts.join("\n")}` });
                 _: 1
                 /* STABLE */
               }, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
-            ]),
+            ])) : vue.createCommentVNode("v-if", true),
             vue.createCommentVNode(" \u6D88\u606F\u533A:\u7A7A\u65F6 Welcome + Prompts(AiMessages \u5185\u7F6E);\u5F00\u542F artifacts \u65F6\u53F3\u4FA7\u62FC\u9884\u89C8\u9762\u677F "),
             vue.createElementVNode("div", _hoisted_3, [
               vue.createVNode(_sfc_main$2, {
@@ -6713,6 +7101,7 @@ ${fileParts.join("\n")}` });
               vue.createVNode(_sfc_main$d, {
                 placeholder: __props.placeholder,
                 loading: vue.unref(isLoading),
+                shadow: __props.senderShadow,
                 variant: "updown",
                 maxlength: 8e3,
                 "allow-empty-submit": __props.allowAttachments && !!pendingFiles.value.length,
@@ -6757,7 +7146,7 @@ ${fileParts.join("\n")}` });
                   ]),
                   key: "2"
                 } : void 0
-              ]), 1032, ["placeholder", "loading", "allow-empty-submit"])
+              ]), 1032, ["placeholder", "loading", "shadow", "allow-empty-submit"])
             ])
           ],
           2
@@ -6888,105 +7277,6 @@ ${fileParts.join("\n")}` });
     });
   }
 
-  function getSpeechRecognitionCtor() {
-    if (typeof window === "undefined") return void 0;
-    const w = window;
-    const ctor = w.SpeechRecognition ?? w.webkitSpeechRecognition;
-    return typeof ctor === "function" ? ctor : void 0;
-  }
-  function useRecord() {
-    const isRecording = vue.ref(false);
-    const text = vue.ref("");
-    const audioUrl = vue.ref(null);
-    const error = vue.ref(null);
-    let mediaStream = null;
-    let mediaRecorder = null;
-    let chunks = [];
-    let recognition = null;
-    let finalText = "";
-    function revokeAudioUrl() {
-      if (audioUrl.value) {
-        URL.revokeObjectURL(audioUrl.value);
-        audioUrl.value = null;
-      }
-    }
-    async function start() {
-      if (isRecording.value) return;
-      error.value = null;
-      text.value = "";
-      finalText = "";
-      chunks = [];
-      revokeAudioUrl();
-      if (typeof MediaRecorder === "undefined" || !navigator.mediaDevices?.getUserMedia) {
-        error.value = new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301\u97F3\u9891\u5F55\u5236");
-        return;
-      }
-      try {
-        mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      } catch (e) {
-        error.value = e instanceof Error ? e : new Error(String(e));
-        return;
-      }
-      mediaRecorder = new MediaRecorder(mediaStream);
-      mediaRecorder.ondataavailable = (e) => {
-        if (e.data && e.data.size > 0) chunks.push(e.data);
-      };
-      mediaRecorder.onstop = () => {
-        if (chunks.length > 0) {
-          const blob = new Blob(chunks, { type: mediaRecorder?.mimeType || "audio/webm" });
-          audioUrl.value = URL.createObjectURL(blob);
-        }
-        mediaStream?.getTracks().forEach((t) => t.stop());
-        mediaStream = null;
-      };
-      const SRCtor = getSpeechRecognitionCtor();
-      if (SRCtor) {
-        try {
-          recognition = new SRCtor();
-          recognition.continuous = true;
-          recognition.interimResults = true;
-          recognition.onresult = (event) => {
-            let interim = "";
-            for (let i = event.resultIndex; i < event.results.length; i++) {
-              const r = event.results[i];
-              if (r.isFinal) finalText += r[0].transcript;
-              else interim += r[0].transcript;
-            }
-            text.value = finalText + interim;
-          };
-          recognition.onerror = (ev) => {
-            error.value = new Error(`\u8BED\u97F3\u8BC6\u522B\u9519\u8BEF: ${ev?.error ?? "unknown"}`);
-          };
-          recognition.start();
-        } catch {
-          recognition = null;
-        }
-      }
-      mediaRecorder.start();
-      isRecording.value = true;
-    }
-    function stop() {
-      if (!isRecording.value) return;
-      isRecording.value = false;
-      try {
-        recognition?.stop();
-      } catch {
-      }
-      recognition = null;
-      try {
-        if (mediaRecorder && mediaRecorder.state !== "inactive") mediaRecorder.stop();
-      } catch {
-      }
-    }
-    if (vue.getCurrentInstance()) {
-      vue.onBeforeUnmount(() => {
-        stop();
-        revokeAudioUrl();
-      });
-    }
-    return { start, stop, isRecording, text, audioUrl, error };
-  }
-
   class DetOmsError extends Error {
     constructor(message, code) {
       super(message);
@@ -7189,18 +7479,18 @@ ${fileParts.join("\n")}` });
   exports.FvAiMessage = _sfc_main$3;
   exports.FvAiMessages = _sfc_main$2;
   exports.FvAttachments = _sfc_main$5;
-  exports.FvBubble = _sfc_main$f;
-  exports.FvBubbleList = _sfc_main$e;
+  exports.FvBubble = _sfc_main$g;
+  exports.FvBubbleList = _sfc_main$f;
   exports.FvConversations = _sfc_main$4;
   exports.FvEditorSender = _sfc_main$b;
   exports.FvFilesCard = _sfc_main$6;
-  exports.FvMarkdown = _sfc_main$h;
+  exports.FvMarkdown = _sfc_main$i;
   exports.FvMentionSender = _sfc_main$c;
   exports.FvPrompts = _sfc_main$7;
   exports.FvSender = _sfc_main$d;
   exports.FvThinking = _sfc_main$a;
   exports.FvThoughtChain = _sfc_main$9;
-  exports.FvTypewriter = _sfc_main$g;
+  exports.FvTypewriter = _sfc_main$h;
   exports.FvWelcome = _sfc_main$8;
   exports.OpenAIAdapter = OpenAIAdapter;
   exports.XRequest = XRequest;