@fv-ui/ai-chat 0.1.0 → 0.2.0

package/es/index.mjs

@@ -1,12 +1,19 @@
-import { defineComponent, computed, openBlock, createElementBlock, ref, watch, onBeforeUnmount, normalizeClass, createCommentVNode, createBlock, createTextVNode, toDisplayString, normalizeStyle, renderSlot, unref, createElementVNode, Fragment, renderList, createVNode, isRef, nextTick, onMounted, mergeProps, createSlots, withCtx, Transition, useSlots, normalizeProps, guardReactiveProps, reactive, resolveDynamicComponent, markRaw, withModifiers, getCurrentInstance } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, ref, watch, onBeforeUnmount, normalizeClass, createCommentVNode, createBlock, createTextVNode, toDisplayString, normalizeStyle, renderSlot, unref, createElementVNode, Fragment, renderList, createVNode, isRef, nextTick, onMounted, mergeProps, createSlots, withCtx, Transition, getCurrentInstance, useSlots, normalizeProps, guardReactiveProps, reactive, resolveDynamicComponent, markRaw, withModifiers } from 'vue';
 import MarkdownIt from 'markdown-it';
 import mdKatex from '@vscode/markdown-it-katex';
 import DOMPurify from 'dompurify';
 import Prism$1 from 'prismjs';
-import { ElAvatar, ElButton, ElPopover, ElIcon, ElDialog, ElDropdown, ElDropdownMenu, ElDropdownItem, ElMessageBox, ElTooltip, ElSelect, ElOption } from 'element-plus';
+import { ElAvatar, ElButton, ElIcon, ElPopover, ElMessage, ElDialog, ElDropdown, ElDropdownMenu, ElDropdownItem, ElMessageBox, ElTooltip, ElSelect, ElOption } from 'element-plus';
 import * as ElementPlusIconsVue from '@element-plus/icons-vue';
-import { ArrowDown, Delete, Microphone, VideoPause, Promotion, Loading, SuccessFilled, CircleCloseFilled, ChatDotRound, Cpu, Cellphone, Link, Folder, Headset, Film, Monitor, DataAnalysis, Document, Notebook, Picture, Close, Paperclip, RefreshRight, MoreFilled, User, DocumentCopy, ArrowUp, CopyDocument, Download, FullScreen } from '@element-plus/icons-vue';
+import { ArrowDown, Close, Check, Delete, Microphone, Promotion, VideoPause, Loading, SuccessFilled, CircleCloseFilled, ChatDotRound, Cpu, Cellphone, Link, Folder, Headset, Film, Monitor, DataAnalysis, Document, Notebook, Picture, Paperclip, RefreshRight, MoreFilled, User, DocumentCopy, ArrowUp, CopyDocument, Download, FullScreen } from '@element-plus/icons-vue';
 
+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,
@@ -14,9 +21,9 @@ function createMarkdownInstance(options) {
     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;
 }
@@ -1519,8 +1526,8 @@ function prismHighlight(str, lang) {
   }
 }
 
-const _hoisted_1$h = ["innerHTML"];
-var _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = ["innerHTML"];
+var _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "FvMarkdown" },
   __name: "index",
   props: {
@@ -1543,12 +1550,12 @@ var _sfc_main$h = /* @__PURE__ */ defineComponent({
       return openBlock(), 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"
 };
@@ -1556,7 +1563,7 @@ const _hoisted_2$f = {
   key: 0,
   class: "fv-typewriter-suffix"
 };
-var _sfc_main$g = /* @__PURE__ */ defineComponent({
+var _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "FvTypewriter" },
   __name: "index",
   props: {
@@ -1646,11 +1653,11 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
         },
         [
           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 ? (openBlock(), createBlock(_sfc_main$h, {
+          __props.isMarkdown ? (openBlock(), createBlock(_sfc_main$i, {
             key: 0,
             content: renderedContent.value,
             "is-typing": isTyping.value
-          }, null, 8, ["content", "is-typing"])) : (openBlock(), createElementBlock("span", _hoisted_1$g, [
+          }, null, 8, ["content", "is-typing"])) : (openBlock(), createElementBlock("span", _hoisted_1$h, [
             createTextVNode(
               toDisplayString(renderedContent.value),
               1
@@ -1685,7 +1692,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   key: 0,
   class: "fv-bubble-avatar"
 };
@@ -1706,7 +1713,7 @@ const _hoisted_6$6 = {
   key: 1,
   class: "fv-bubble-footer"
 };
-var _sfc_main$f = /* @__PURE__ */ defineComponent({
+var _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "FvBubble" },
   __name: "index",
   props: {
@@ -1773,7 +1780,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
         },
         [
           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 ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+          _ctx.$slots.avatar || __props.avatar || __props.avatarIcon ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
             _ctx.$slots.avatar ? renderSlot(_ctx.$slots, "avatar", {}, void 0, void 0, 0) : (openBlock(), createBlock(unref(ElAvatar), {
               key: 1,
               size: __props.avatarSize || void 0,
@@ -1831,7 +1838,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
                   { key: 2 },
                   [
                     createCommentVNode(" typing \u900F\u4F20 Typewriter;\u975E typing:isMarkdown \u2192 XMarkdown,\u5426\u5219\u7EAF\u6587\u672C "),
-                    createVNode(_sfc_main$g, {
+                    createVNode(_sfc_main$h, {
                       ref_key: "twRef",
                       ref: twRef,
                       content: __props.content,
@@ -1845,7 +1852,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
                   ],
                   2112
                   /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                )) : __props.isMarkdown ? (openBlock(), createBlock(_sfc_main$h, {
+                )) : __props.isMarkdown ? (openBlock(), createBlock(_sfc_main$i, {
                   key: 3,
                   content: __props.content
                 }, null, 8, ["content"])) : (openBlock(), createElementBlock(
@@ -1871,8 +1878,8 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$e = { class: "fv-bubble-list" };
-var _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "fv-bubble-list" };
+var _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "FvBubbleList" },
   __name: "index",
   props: {
@@ -1972,7 +1979,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
     }));
     __expose({ scrollToTop, scrollToBottom, scrollToBubble });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode(
           "div",
           {
@@ -1987,7 +1994,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
               Fragment,
               null,
               renderList(__props.list, (item, index) => {
-                return openBlock(), createBlock(_sfc_main$f, mergeProps({
+                return openBlock(), createBlock(_sfc_main$g, mergeProps({
                   key: item.key,
                   ref_for: true,
                   ref: (el) => setBubbleRef(el, index)
@@ -2095,6 +2102,139 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
+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__ */ defineComponent({
+  ...{ name: "FvStopIcon" },
+  __name: "StopIcon",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
+        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 = ref(false);
+  const text = ref("");
+  const audioUrl = ref(null);
+  const error = 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 (getCurrentInstance()) {
+    onBeforeUnmount(() => {
+      stop();
+      revokeAudioUrl();
+    });
+  }
+  return { start, stop, isRecording, text, audioUrl, error };
+}
+
 const _hoisted_1$d = {
   key: 0,
   class: "fv-sender-header"
@@ -2109,24 +2249,38 @@ const _hoisted_5$7 = {
   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__ */ defineComponent({
   ...{ name: "FvSender" },
   __name: "index",
@@ -2140,6 +2294,8 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
     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 },
@@ -2312,11 +2468,136 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
         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 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);
+      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) {
+        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 = 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);
+    }
+    watch(isRecording, (rec) => {
+      if (rec) startWaveVisualizer();
+      else stopWaveVisualizer();
+    });
+    const recordSeconds = ref(0);
+    let recordTimer = null;
+    watch(isRecording, (rec) => {
+      if (rec) {
+        recordSeconds.value = 0;
+        recordTimer = setInterval(() => {
+          recordSeconds.value++;
+        }, 1e3);
+      } else if (recordTimer) {
+        clearInterval(recordTimer);
+        recordTimer = null;
+      }
+    });
+    const recordDuration = computed(() => {
+      const m = Math.floor(recordSeconds.value / 60);
+      const s = recordSeconds.value % 60;
+      return `${m}:${String(s).padStart(2, "0")}`;
+    });
+    onBeforeUnmount(() => {
+      stopWaveVisualizer();
+      if (recordTimer) clearInterval(recordTimer);
+    });
     const inputDisabled = computed(() => props.disabled || props.loading);
     const inputReadonly = computed(() => props.readOnly);
+    const ringLayers = 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 = useSlots();
     const hasActionListSlot = computed(() => !!slots["action-list"]);
     __expose({ submit, cancel, clear, focus, blur, openHeader, closeHeader });
@@ -2324,7 +2605,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(["fv-sender", [`variant-${__props.variant}`, { "is-disabled": __props.disabled, "is-loading": __props.loading, "is-focused": isFocused.value }]])
+          class: normalizeClass(["fv-sender", [`variant-${__props.variant}`, { "is-disabled": __props.disabled, "is-loading": __props.loading, "is-focused": isFocused.value, "has-shadow": __props.shadow }]])
         },
         [
           createCommentVNode(" \u5934\u90E8:#header \u63D2\u69FD,openHeader/closeHeader \u63A7\u5236 "),
@@ -2342,9 +2623,89 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
               _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
                 renderSlot(_ctx.$slots, "prefix")
               ])) : createCommentVNode("v-if", true),
-              createElementVNode(
+              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 "),
+              unref(isRecording) ? (openBlock(), createElementBlock(
                 "div",
                 {
+                  key: 1,
+                  class: "fv-sender-recording",
+                  tabindex: "-1",
+                  onKeydown: onRecordingKeydown
+                },
+                [
+                  createVNode(unref(ElButton), {
+                    class: "fv-sender-recording-cancel",
+                    text: "",
+                    circle: "",
+                    "aria-label": "\u53D6\u6D88\u5F55\u97F3",
+                    onClick: onRecordCancel
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElIcon), null, {
+                        default: withCtx(() => [
+                          createVNode(unref(Close))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createElementVNode("div", _hoisted_6$5, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(waveLevels.value, (lv, i) => {
+                        return openBlock(), createElementBlock(
+                          "span",
+                          {
+                            key: i,
+                            class: "fv-sender-recording-bar",
+                            style: normalizeStyle({ height: `${Math.round(lv * 100)}%` })
+                          },
+                          null,
+                          4
+                          /* STYLE */
+                        );
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  createElementVNode(
+                    "span",
+                    _hoisted_7$4,
+                    toDisplayString(recordDuration.value),
+                    1
+                    /* TEXT */
+                  ),
+                  createVNode(unref(ElButton), {
+                    class: "fv-sender-recording-confirm",
+                    type: "primary",
+                    circle: "",
+                    "aria-label": "\u786E\u8BA4\u5F55\u97F3",
+                    onClick: onRecordConfirm
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElIcon), null, {
+                        default: withCtx(() => [
+                          createVNode(unref(Check))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                32
+                /* NEED_HYDRATION */
+              )) : (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 2,
                   class: "fv-sender-input",
                   style: normalizeStyle(__props.inputWidth && __props.variant === "default" ? { width: __props.inputWidth } : void 0)
                 },
@@ -2364,7 +2725,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                     onPaste,
                     onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
                     onBlur: onTextareaBlur
-                  }, null, 40, _hoisted_6$5),
+                  }, null, 40, _hoisted_8$3),
                   createCommentVNode(" \u6307\u4EE4\u5F39\u6846:\u5185\u7F6E el-popover,\u5B9A\u4F4D\u6309 triggerPopover* \u7CFB\u5217 "),
                   createVNode(unref(ElPopover), {
                     visible: triggerVisible.value && __props.triggerStrings.length > 0,
@@ -2395,12 +2756,12 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                 ],
                 4
                 /* STYLE */
-              ),
+              )),
               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 ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+              hasActionListSlot.value ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
                 renderSlot(_ctx.$slots, "action-list")
-              ])) : (openBlock(), createElementBlock("div", _hoisted_8$3, [
-                _ctx.$slots["action-left"] ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_10$2, [
+                _ctx.$slots["action-left"] ? (openBlock(), createElementBlock("div", _hoisted_11$2, [
                   renderSlot(_ctx.$slots, "action-left")
                 ])) : createCommentVNode("v-if", true),
                 __props.clearable && value.value ? (openBlock(), createBlock(unref(ElButton), {
@@ -2423,7 +2784,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled"])) : createCommentVNode("v-if", true),
-                __props.allowSpeech ? (openBlock(), createBlock(unref(ElButton), {
+                __props.allowSpeech && !unref(isRecording) ? (openBlock(), createBlock(unref(ElButton), {
                   key: 2,
                   class: "fv-sender-speech",
                   text: "",
@@ -2443,29 +2804,49 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled"])) : createCommentVNode("v-if", true),
-                createCommentVNode(" loading \u2192 \u505C\u6B62\u6309\u94AE;\u5426\u5219\u53D1\u9001\u6309\u94AE "),
+                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 ? (openBlock(), createBlock(unref(ElButton), {
                   key: 3,
                   class: "fv-sender-stop",
                   type: "primary",
+                  circle: __props.round,
                   "aria-label": "\u505C\u6B62",
                   onClick: cancel
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(ElIcon), null, {
                       default: withCtx(() => [
-                        createVNode(unref(VideoPause))
+                        createVNode(_sfc_main$e)
                       ]),
                       _: 1
                       /* STABLE */
-                    })
+                    }),
+                    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          '),
+                    (openBlock(), createElementBlock("svg", _hoisted_12$2, [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(ringLayers.value, (layer, i) => {
+                          return openBlock(), createElementBlock("rect", {
+                            key: i,
+                            class: "fv-sender-stop-ring-rect",
+                            style: normalizeStyle(layer.style),
+                            rx: __props.round ? "50%" : 2.5,
+                            pathLength: "100"
+                          }, null, 12, _hoisted_13$2);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]))
                   ]),
                   _: 1
                   /* STABLE */
-                })) : (openBlock(), createBlock(unref(ElButton), {
+                }, 8, ["circle"])) : (openBlock(), createBlock(unref(ElButton), {
                   key: 4,
                   class: "fv-sender-submit",
                   type: "primary",
+                  circle: __props.round,
                   disabled: !submitable(),
                   "aria-label": "\u53D1\u9001",
                   onClick: doSubmit
@@ -2481,13 +2862,13 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["disabled"]))
+                }, 8, ["circle", "disabled"]))
               ]))
             ]),
             createCommentVNode(" /fv-sender-row ")
           ]),
           createCommentVNode(" \u5E95\u90E8 "),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("v-if", true)
         ],
@@ -5792,7 +6173,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "auto-collapse": __props.autoCollapse
           }, {
             content: withCtx(() => [
-              createVNode(_sfc_main$h, {
+              createVNode(_sfc_main$i, {
                 content: __props.message.reasoning ?? ""
               }, null, 8, ["content"])
             ]),
@@ -5807,7 +6188,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
               toDisplayString(__props.message.error || "\u751F\u6210\u5931\u8D25"),
               1
               /* TEXT */
-            )) : __props.message.content ? (openBlock(), createBlock(_sfc_main$h, {
+            )) : __props.message.content ? (openBlock(), createBlock(_sfc_main$i, {
               key: 1,
               content: __props.message.content
             }, null, 8, ["content"])) : __props.message.status === "pending" || __props.message.status === "streaming" ? (openBlock(), createElementBlock("span", _hoisted_12, [
@@ -6378,7 +6759,10 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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" };
@@ -6393,7 +6777,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     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 },
@@ -6441,6 +6828,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const { send, stop: stopChat, regenerate: regenerateChat, msgs, isLoading } = chat;
     const nodeTable = chat.messages;
     const chain = chat.chain;
+    const isCenterWelcome = computed(() => props.centerWelcome && chain.value.length === 0);
     let flushTimer = null;
     watch(chain, (c) => {
       if (flushTimer) clearTimeout(flushTimer);
@@ -6606,11 +6994,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(["fv-ai-chat", { "is-dark": isDark.value }])
+          class: normalizeClass(["fv-ai-chat", { "is-dark": isDark.value, "is-center-welcome": isCenterWelcome.value }])
         },
         [
           createCommentVNode(" \u9876\u680F:\u6807\u9898 + \u6A21\u578B\u9009\u62E9\u5668(models \u6709\u503C\u65F6 multiple) "),
-          createElementVNode("div", _hoisted_1, [
+          __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createElementVNode(
               "div",
               _hoisted_2,
@@ -6646,7 +7034,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
               /* STABLE */
             }, 8, ["modelValue"])) : createCommentVNode("v-if", true)
-          ]),
+          ])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u6D88\u606F\u533A:\u7A7A\u65F6 Welcome + Prompts(AiMessages \u5185\u7F6E);\u5F00\u542F artifacts \u65F6\u53F3\u4FA7\u62FC\u9884\u89C8\u9762\u677F "),
           createElementVNode("div", _hoisted_3, [
             createVNode(_sfc_main$2, {
@@ -6697,6 +7085,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$d, {
               placeholder: __props.placeholder,
               loading: unref(isLoading),
+              shadow: __props.senderShadow,
               variant: "updown",
               maxlength: 8e3,
               "allow-empty-submit": __props.allowAttachments && !!pendingFiles.value.length,
@@ -6741,7 +7130,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "2"
               } : void 0
-            ]), 1032, ["placeholder", "loading", "allow-empty-submit"])
+            ]), 1032, ["placeholder", "loading", "shadow", "allow-empty-submit"])
           ])
         ],
         2
@@ -6872,105 +7261,6 @@ function XRequest(url, options = {}) {
   });
 }
 
-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 = ref(false);
-  const text = ref("");
-  const audioUrl = ref(null);
-  const error = 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 (getCurrentInstance()) {
-    onBeforeUnmount(() => {
-      stop();
-      revokeAudioUrl();
-    });
-  }
-  return { start, stop, isRecording, text, audioUrl, error };
-}
-
 class DetOmsError extends Error {
   constructor(message, code) {
     super(message);
@@ -7166,4 +7456,4 @@ function createMemoryAdapter() {
 
 const version = "0.1.0";
 
-export { DetOmsChatAdapter, DetOmsError, _sfc_main$1 as FvAiArtifacts, _sfc_main as FvAiChat, _sfc_main$3 as FvAiMessage, _sfc_main$2 as FvAiMessages, _sfc_main$5 as FvAttachments, _sfc_main$f as FvBubble, _sfc_main$e as FvBubbleList, _sfc_main$4 as FvConversations, _sfc_main$b as FvEditorSender, _sfc_main$6 as FvFilesCard, _sfc_main$h as FvMarkdown, _sfc_main$c as FvMentionSender, _sfc_main$7 as FvPrompts, _sfc_main$d as FvSender, _sfc_main$a as FvThinking, _sfc_main$9 as FvThoughtChain, _sfc_main$g as FvTypewriter, _sfc_main$8 as FvWelcome, OpenAIAdapter, XRequest, createLocalStorageAdapter, createMemoryAdapter, createMessageTree, createSSEParser, useChat, useMessages, useRecord, useSend, useXStream, version };
+export { DetOmsChatAdapter, DetOmsError, _sfc_main$1 as FvAiArtifacts, _sfc_main as FvAiChat, _sfc_main$3 as FvAiMessage, _sfc_main$2 as FvAiMessages, _sfc_main$5 as FvAttachments, _sfc_main$g as FvBubble, _sfc_main$f as FvBubbleList, _sfc_main$4 as FvConversations, _sfc_main$b as FvEditorSender, _sfc_main$6 as FvFilesCard, _sfc_main$i as FvMarkdown, _sfc_main$c as FvMentionSender, _sfc_main$7 as FvPrompts, _sfc_main$d as FvSender, _sfc_main$a as FvThinking, _sfc_main$9 as FvThoughtChain, _sfc_main$h as FvTypewriter, _sfc_main$8 as FvWelcome, OpenAIAdapter, XRequest, createLocalStorageAdapter, createMemoryAdapter, createMessageTree, createSSEParser, useChat, useMessages, useRecord, useSend, useXStream, version };