@incremark/chat-vue 0.4.0-alpha.1 → 1.0.0

package/dist/index.js

@@ -1,7 +1,3870 @@
-import { provideUIAdapter } from './chunk-X3YI3YOK.js';
-export { chain_of_thought_default as ChainOfThought, chain_of_thought_step_default as ChainOfThoughtStep, error_message_default as ErrorMessage, file_preview_default as FilePreview, im_button_default as ImButton, im_tooltip_default as ImTooltip, message_action_default as MessageAction, message_action_copy_default as MessageActionCopy, message_action_feedback_default as MessageActionFeedback, message_actions_default as MessageActions, message_bubble_default as MessageBubble, part_renderer_default as PartRenderer, reasoning_message_default as ReasoningMessage, sender_default as Sender, sender_action_button_default as SenderActionButton, sender_input_default as SenderInput, sender_submit_button_default as SenderSubmitButton, source_reference_default as SourceReference, suggestion_default as Suggestion, suggestion_item_default as SuggestionItem, svg_icon_default as SvgIcon, text_message_default as TextMessage, tool_call_default as ToolCall, welcome_default as Welcome, provideUIAdapter, useCollapsible, useCopyAction, useSender, useUIAdapter } from './chunk-X3YI3YOK.js';
-import { defineComponent, renderSlot } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, computed, Fragment, createElementVNode, createBlock, Teleport, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, mergeModels, useModel, ref, toDisplayString, createTextVNode, useSlots, withDirectives, renderList, createSlots, resolveDynamicComponent, mergeProps, vShow, normalizeProps, toRef, h, watch, provide, inject, useTemplateRef, nextTick } from 'vue';
+import { createImBem, formatDuration, formatFileSize } from '@incremark/shared';
+import { Icon } from '@iconify/vue';
+import { offset, flip, shift, arrow, useFloating, autoUpdate } from '@floating-ui/vue';
+import { onClickOutside } from '@vueuse/core';
+import { IncremarkContent, AutoScrollContainer } from '@incremark/vue';
+export { IncremarkCode, IncremarkContent } from '@incremark/vue';
+import { TOOL_CALL_STATES } from '@incremark/chat-core';
+import { useEditor, EditorContent } from '@tiptap/vue-3';
+import { Document } from '@tiptap/extension-document';
+import { Paragraph } from '@tiptap/extension-paragraph';
+import { Text } from '@tiptap/extension-text';
+import { Placeholder, UndoRedo } from '@tiptap/extensions';
+import { Markdown } from '@tiptap/markdown';
 
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/svg-icon/svg-icon.vue?type=script
+var svg_icon_default = /* @__PURE__ */ defineComponent({
+  __name: "svg-icon",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const bem = createImBem("svg-icon");
+    const __returned__ = { bem };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "span",
+    {
+      class: normalizeClass($setup.bem())
+    },
+    [
+      renderSlot(_ctx.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/svg-icon/svg-icon.vue
+svg_icon_default.render = render;
+svg_icon_default.__file = "src/components/svg-icon/svg-icon.vue";
+var svg_icon_default2 = svg_icon_default;
+function useChainOfThought(props) {
+  const duration = computed(() => {
+    if (!props.startTime) return null;
+    const end = props.endTime || Date.now();
+    return formatDuration(end - props.startTime, props.locale);
+  });
+  return { duration };
+}
+function useCollapsible(defaultExpanded = true) {
+  const expanded = ref(defaultExpanded);
+  const toggle = () => {
+    expanded.value = !expanded.value;
+  };
+  return { expanded, toggle };
+}
+var im_button_default = /* @__PURE__ */ defineComponent({
+  __name: "im-button",
+  props: {
+    variant: { type: String, required: false, default: "solid" },
+    color: { type: String, required: false, default: "primary" },
+    size: { type: String, required: false, default: "md" },
+    disabled: { type: Boolean, required: false, default: false },
+    loading: { type: Boolean, required: false, default: false },
+    block: { type: Boolean, required: false, default: false },
+    square: { type: Boolean, required: false, default: false },
+    circle: { type: Boolean, required: false, default: false },
+    active: { type: Boolean, required: false, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("button");
+    const rootClass = computed(() => [
+      bem(),
+      bem("", props.variant),
+      bem("", props.color),
+      bem("", props.size),
+      props.block && bem("", "block"),
+      props.square && bem("", "square"),
+      props.circle && bem("", "circle"),
+      props.loading && bem("", "loading"),
+      props.disabled && bem("", "disabled"),
+      props.active && bem("", "active")
+    ]);
+    const handleClick = (event) => {
+      if (!props.disabled && !props.loading) {
+        emit("click", event);
+      }
+    };
+    const __returned__ = { props, emit, bem, rootClass, handleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_1 = ["disabled"];
+function render2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("button", {
+    class: normalizeClass($setup.rootClass),
+    disabled: $props.disabled || $props.loading,
+    type: "button",
+    onClick: $setup.handleClick
+  }, [
+    $props.loading ? (openBlock(), createElementBlock(
+      "span",
+      {
+        key: 0,
+        class: normalizeClass($setup.bem("spinner"))
+      },
+      null,
+      2
+      /* CLASS */
+    )) : renderSlot(_ctx.$slots, "icon", { key: 1 }),
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
+}
+
+// src/components/base/im-button/im-button.vue
+im_button_default.render = render2;
+im_button_default.__file = "src/components/base/im-button/im-button.vue";
+var im_button_default2 = im_button_default;
+var im_popover_default = /* @__PURE__ */ defineComponent({
+  __name: "im-popover",
+  props: /* @__PURE__ */ mergeModels({
+    trigger: { type: String, required: false, default: "click" },
+    placement: { type: null, required: false, default: "bottom" },
+    offset: { type: Number, required: false, default: 8 },
+    arrow: { type: Boolean, required: false, default: false },
+    disabled: { type: Boolean, required: false, default: false },
+    strategy: { type: String, required: false, default: "absolute" },
+    to: { type: [String, Function], required: false, skipCheck: true, default: "body" },
+    teleportDisabled: { type: Boolean, required: false, default: false }
+  }, {
+    "visible": { type: Boolean, ...{ default: false } },
+    "visibleModifiers": {}
+  }),
+  emits: ["update:visible"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const visible = useModel(__props, "visible");
+    const bem = createImBem("popover");
+    const referenceEl = ref(null);
+    const floatingEl = ref(null);
+    const arrowEl = ref(null);
+    const middleware = computed(() => {
+      const list = [offset(props.offset), flip(), shift({ padding: 8 })];
+      if (props.arrow) {
+        list.push(arrow({ element: arrowEl }));
+      }
+      return list;
+    });
+    const { floatingStyles, middlewareData, placement: finalPlacement, isPositioned } = useFloating(referenceEl, floatingEl, {
+      placement: computed(() => props.placement),
+      strategy: computed(() => props.strategy),
+      middleware,
+      whileElementsMounted: autoUpdate
+    });
+    const popoverStyles = computed(() => ({
+      ...floatingStyles.value,
+      // 在位置计算完成前隐藏，避免从角落飘入
+      visibility: isPositioned.value ? "visible" : "hidden"
+    }));
+    const arrowStyles = computed(() => {
+      if (!props.arrow) return {};
+      const { x, y } = middlewareData.value.arrow || {};
+      const side = finalPlacement.value.split("-")[0];
+      const staticSide = { top: "bottom", right: "left", bottom: "top", left: "right" }[side];
+      return {
+        left: x != null ? `${x}px` : "",
+        top: y != null ? `${y}px` : "",
+        [staticSide]: "-5px"
+      };
+    });
+    const teleportTarget = computed(() => {
+      const { to } = props;
+      return typeof to === "function" ? to() : to;
+    });
+    let hideTimeout = null;
+    const show = () => {
+      if (hideTimeout) {
+        clearTimeout(hideTimeout);
+        hideTimeout = null;
+      }
+      if (!props.disabled) visible.value = true;
+    };
+    const hide = () => {
+      visible.value = false;
+    };
+    const delayedHide = () => {
+      hideTimeout = setTimeout(() => {
+        hide();
+      }, 100);
+    };
+    const toggle = () => {
+      if (!props.disabled) visible.value = !visible.value;
+    };
+    onClickOutside(floatingEl, (e) => {
+      if (props.trigger === "click" && visible.value) {
+        if (referenceEl.value?.contains(e.target)) return;
+        hide();
+      }
+    }, { ignore: [referenceEl] });
+    const onFloatingMouseenter = () => {
+      if (props.trigger === "hover") {
+        show();
+      }
+    };
+    const onFloatingMouseleave = () => {
+      if (props.trigger === "hover") {
+        delayedHide();
+      }
+    };
+    const onTriggerClick = () => {
+      if (props.trigger === "click") {
+        toggle();
+      }
+    };
+    const onTriggerMouseenter = () => {
+      if (props.trigger === "hover") {
+        show();
+      }
+    };
+    const onTriggerMouseleave = () => {
+      if (props.trigger === "hover") {
+        delayedHide();
+      }
+    };
+    const onTriggerFocus = () => {
+      if (props.trigger === "focus") {
+        show();
+      }
+    };
+    const onTriggerBlur = () => {
+      if (props.trigger === "focus") {
+        hide();
+      }
+    };
+    __expose({
+      show,
+      hide,
+      toggle
+    });
+    const __returned__ = { props, visible, bem, referenceEl, floatingEl, arrowEl, middleware, floatingStyles, middlewareData, finalPlacement, isPositioned, popoverStyles, arrowStyles, teleportTarget, get hideTimeout() {
+      return hideTimeout;
+    }, set hideTimeout(v) {
+      hideTimeout = v;
+    }, show, hide, delayedHide, toggle, onFloatingMouseenter, onFloatingMouseleave, onTriggerClick, onTriggerMouseenter, onTriggerMouseleave, onTriggerFocus, onTriggerBlur };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_12 = ["data-placement"];
+function render3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createElementVNode(
+        "span",
+        {
+          ref: "referenceEl",
+          class: "im-popover-trigger",
+          onClick: $setup.onTriggerClick,
+          onMouseenter: $setup.onTriggerMouseenter,
+          onMouseleave: $setup.onTriggerMouseleave,
+          onFocusin: $setup.onTriggerFocus,
+          onFocusout: $setup.onTriggerBlur
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        544
+        /* NEED_HYDRATION, NEED_PATCH */
+      ),
+      (openBlock(), createBlock(Teleport, {
+        to: $setup.teleportTarget,
+        disabled: $props.teleportDisabled
+      }, [
+        createVNode(Transition, { name: "im-popover-fade" }, {
+          default: withCtx(() => [
+            $setup.visible ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref: "floatingEl",
+              class: normalizeClass($setup.bem()),
+              style: normalizeStyle($setup.popoverStyles),
+              "data-placement": $setup.finalPlacement,
+              onMouseenter: $setup.onFloatingMouseenter,
+              onMouseleave: $setup.onFloatingMouseleave
+            }, [
+              renderSlot(_ctx.$slots, "content"),
+              $props.arrow ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  ref: "arrowEl",
+                  class: normalizeClass($setup.bem("arrow")),
+                  style: normalizeStyle($setup.arrowStyles)
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              )) : createCommentVNode("v-if", true)
+            ], 46, _hoisted_12)) : createCommentVNode("v-if", true)
+          ]),
+          _: 3
+          /* FORWARDED */
+        })
+      ], 8, ["to", "disabled"]))
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+
+// src/components/base/im-popover/im-popover.vue
+im_popover_default.render = render3;
+im_popover_default.__file = "src/components/base/im-popover/im-popover.vue";
+var im_popover_default2 = im_popover_default;
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/base/im-tooltip/im-tooltip.vue?type=script
+var im_tooltip_default = /* @__PURE__ */ defineComponent({
+  __name: "im-tooltip",
+  props: {
+    content: { type: String, required: false },
+    placement: { type: null, required: false, default: "top" },
+    to: { type: [String, Function], required: false, skipCheck: true, default: "body" },
+    teleportDisabled: { type: Boolean, required: false, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createImBem("tooltip");
+    const __returned__ = { props, bem, get ImPopover() {
+      return im_popover_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render4(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.content ? (openBlock(), createBlock($setup["ImPopover"], {
+    key: 0,
+    trigger: "hover",
+    placement: $props.placement,
+    offset: 8,
+    arrow: true,
+    to: $props.to,
+    "teleport-disabled": $props.teleportDisabled
+  }, {
+    content: withCtx(() => [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem())
+        },
+        toDisplayString($props.content),
+        3
+        /* TEXT, CLASS */
+      )
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["placement", "to", "teleport-disabled"])) : renderSlot(_ctx.$slots, "default", { key: 1 });
+}
+
+// src/components/base/im-tooltip/im-tooltip.vue
+im_tooltip_default.render = render4;
+im_tooltip_default.__file = "src/components/base/im-tooltip/im-tooltip.vue";
+var im_tooltip_default2 = im_tooltip_default;
+
+// src/composables/useUIAdapter.ts
+var UI_ADAPTER_KEY = /* @__PURE__ */ Symbol("ui-adapter");
+var defaultAdapter = {
+  Button: im_button_default2,
+  Tooltip: im_tooltip_default2,
+  icons: {}
+};
+function provideUIAdapter(adapter) {
+  const merged = {
+    ...defaultAdapter,
+    ...adapter,
+    icons: {
+      ...defaultAdapter.icons,
+      ...adapter?.icons
+    }
+  };
+  provide(UI_ADAPTER_KEY, merged);
+}
+function useUIAdapter() {
+  return inject(UI_ADAPTER_KEY, defaultAdapter);
+}
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/chain-of-thought/chain-of-thought-step.vue?type=script
+var chain_of_thought_step_default = /* @__PURE__ */ defineComponent({
+  __name: "chain-of-thought-step",
+  props: {
+    label: { type: String, required: false },
+    status: { type: String, required: false, default: "pending" },
+    showDivider: { type: Boolean, required: false, default: false },
+    collapsible: { type: Boolean, required: false, default: false },
+    defaultExpanded: { type: Boolean, required: false, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const slots = useSlots();
+    const bem = createImBem("cot-step");
+    const { expanded, toggle: baseToggle } = useCollapsible(props.defaultExpanded);
+    const toggle = () => {
+      if (props.collapsible) baseToggle();
+    };
+    const hasHeader = computed(() => !!props.label || !!slots.header);
+    const hasFooter = computed(() => !!slots.footer);
+    const __returned__ = { props, slots, bem, expanded, baseToggle, toggle, hasHeader, hasFooter, get Icon() {
+      return Icon;
+    }, get SvgIcon() {
+      return svg_icon_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render5(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.bem(void 0, { [$props.status]: true, collapsible: $props.collapsible, collapsed: $props.collapsible && !$setup.expanded }))
+    },
+    [
+      createCommentVNode(" \u56FE\u6807\u4F4D\u7F6E "),
+      createVNode($setup["SvgIcon"], {
+        class: normalizeClass($setup.bem("icon", { "with-divider": $props.showDivider }))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createCommentVNode(" \u9ED8\u8BA4\u56FE\u6807 "),
+            $props.status === "pending" ? (openBlock(), createBlock($setup["Icon"], {
+              key: 0,
+              icon: "ph:circle"
+            })) : $props.status === "active" ? (openBlock(), createBlock($setup["Icon"], {
+              key: 1,
+              icon: "ph:spinner",
+              class: normalizeClass($setup.bem("spinner"))
+            }, null, 8, ["class"])) : $props.status === "complete" ? (openBlock(), createBlock($setup["Icon"], {
+              key: 2,
+              icon: "ph:check-circle"
+            })) : $props.status === "error" ? (openBlock(), createBlock($setup["Icon"], {
+              key: 3,
+              icon: "ph:x-circle"
+            })) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class"]),
+      createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("content"))
+        },
+        [
+          createCommentVNode(" Header: label prop \u6216 header slot "),
+          $setup.hasHeader ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass($setup.bem("header")),
+              onClick: $setup.toggle
+            },
+            [
+              renderSlot(_ctx.$slots, "header", {}, () => [
+                createTextVNode(
+                  toDisplayString($props.label),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              $props.collapsible ? (openBlock(), createBlock($setup["SvgIcon"], {
+                key: 0,
+                class: normalizeClass($setup.bem("chevron"))
+              }, {
+                default: withCtx(() => [
+                  createVNode($setup["Icon"], { icon: "ph:caret-right" })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" Body: \u9ED8\u8BA4 slot "),
+          _ctx.$slots.default && (!$props.collapsible || $setup.expanded) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass($setup.bem("body"))
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" Footer: footer slot "),
+          $setup.hasFooter && (!$props.collapsible || $setup.expanded) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: normalizeClass($setup.bem("footer"))
+            },
+            [
+              renderSlot(_ctx.$slots, "footer")
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/chain-of-thought/chain-of-thought-step.vue
+chain_of_thought_step_default.render = render5;
+chain_of_thought_step_default.__file = "src/components/chain-of-thought/chain-of-thought-step.vue";
+var chain_of_thought_step_default2 = chain_of_thought_step_default;
+var reasoning_message_default = /* @__PURE__ */ defineComponent({
+  __name: "reasoning-message",
+  props: {
+    content: { type: String, required: true },
+    streaming: { type: Boolean, required: false, default: false },
+    plainText: { type: Boolean, required: false, default: false },
+    blockquote: { type: Boolean, required: false, default: false },
+    incremarkOptions: { type: null, required: false },
+    customContainers: { type: Object, required: false },
+    customCodeBlocks: { type: Object, required: false },
+    codeBlockConfigs: { type: Object, required: false },
+    pendingClass: { type: String, required: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createImBem("reasoning");
+    const incremarkOptions = computed(() => ({
+      gfm: true,
+      htmlTree: true,
+      containers: true,
+      math: true,
+      ...props.incremarkOptions
+    }));
+    const __returned__ = { props, bem, incremarkOptions, get IncremarkContent() {
+      return IncremarkContent;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.bem(void 0, { blockquote: $props.blockquote }))
+    },
+    [
+      $props.plainText ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 0 },
+        [
+          createTextVNode(
+            toDisplayString($props.content),
+            1
+            /* TEXT */
+          )
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : (openBlock(), createBlock($setup["IncremarkContent"], {
+        key: 1,
+        content: $props.content,
+        "is-finished": !$props.streaming,
+        "incremark-options": $setup.incremarkOptions,
+        "custom-containers": $props.customContainers,
+        "custom-code-blocks": $props.customCodeBlocks,
+        "code-block-configs": $props.codeBlockConfigs,
+        "pending-class": $props.pendingClass
+      }, null, 8, ["content", "is-finished", "incremark-options", "custom-containers", "custom-code-blocks", "code-block-configs", "pending-class"]))
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/reasoning-message/reasoning-message.vue
+reasoning_message_default.render = render6;
+reasoning_message_default.__file = "src/components/reasoning-message/reasoning-message.vue";
+var reasoning_message_default2 = reasoning_message_default;
+var text_message_default = /* @__PURE__ */ defineComponent({
+  __name: "text-message",
+  props: {
+    part: { type: null, required: true },
+    streaming: { type: Boolean, required: false, default: false },
+    incremarkOptions: { type: null, required: false },
+    components: { type: null, required: false },
+    customContainers: { type: Object, required: false },
+    customCodeBlocks: { type: Object, required: false },
+    codeBlockConfigs: { type: Object, required: false },
+    pendingClass: { type: String, required: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createImBem("text-message");
+    const incremarkOptions = computed(() => ({
+      gfm: true,
+      htmlTree: true,
+      containers: true,
+      math: true,
+      ...props.incremarkOptions
+    }));
+    const isMarkdown = computed(() => props.part.format !== "plain");
+    const __returned__ = { props, bem, incremarkOptions, isMarkdown, get IncremarkContent() {
+      return IncremarkContent;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createCommentVNode(" Markdown \u683C\u5F0F "),
+      $setup.isMarkdown ? (openBlock(), createBlock($setup["IncremarkContent"], {
+        key: 0,
+        content: $props.part.content,
+        "is-finished": !$props.streaming,
+        "incremark-options": $setup.incremarkOptions,
+        components: $props.components,
+        "custom-containers": $props.customContainers,
+        "custom-code-blocks": $props.customCodeBlocks,
+        "code-block-configs": $props.codeBlockConfigs,
+        "pending-class": $props.pendingClass
+      }, null, 8, ["content", "is-finished", "incremark-options", "components", "custom-containers", "custom-code-blocks", "code-block-configs", "pending-class"])) : (openBlock(), createElementBlock(
+        Fragment,
+        { key: 1 },
+        [
+          createCommentVNode(" \u7EAF\u6587\u672C\u683C\u5F0F "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("plain"))
+            },
+            toDisplayString($props.part.content),
+            3
+            /* TEXT, CLASS */
+          )
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+
+// src/components/text-message/text-message.vue
+text_message_default.render = render7;
+text_message_default.__file = "src/components/text-message/text-message.vue";
+var text_message_default2 = text_message_default;
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/chain-of-thought/chain-of-thought.vue?type=script
+var chain_of_thought_default = /* @__PURE__ */ defineComponent({
+  __name: "chain-of-thought",
+  props: /* @__PURE__ */ mergeModels({
+    title: { type: String, required: false, default: "\u601D\u8003\u8FC7\u7A0B" },
+    loading: { type: Boolean, required: false, default: false },
+    loadingAnimation: { type: String, required: false, default: "pulse" },
+    startTime: { type: Number, required: false },
+    endTime: { type: Number, required: false },
+    locale: { type: String, required: false, default: "zh" },
+    steps: { type: Array, required: false },
+    components: { type: Object, required: false },
+    maxHeight: { type: [String, Number], required: false }
+  }, {
+    "expanded": { type: Boolean, ...{ default: true } },
+    "expandedModifiers": {}
+  }),
+  emits: ["update:expanded"],
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const defaultComponents = {
+      reasoning: reasoning_message_default2,
+      text: text_message_default2
+    };
+    const props = __props;
+    const expanded = useModel(__props, "expanded");
+    const bem = createImBem("cot");
+    const { duration } = useChainOfThought(props);
+    const mergedComponents = computed(() => ({
+      ...defaultComponents,
+      ...props.components
+    }));
+    const contentStyle = computed(() => {
+      if (!props.maxHeight) return void 0;
+      return {
+        maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight,
+        overflowY: "auto"
+      };
+    });
+    function toggle() {
+      expanded.value = !expanded.value;
+    }
+    const __returned__ = { defaultComponents, props, expanded, bem, duration, mergedComponents, contentStyle, toggle, get Icon() {
+      return Icon;
+    }, ChainOfThoughtStep: chain_of_thought_step_default2, get SvgIcon() {
+      return svg_icon_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_13 = { key: 1 };
+function render8(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.bem())
+    },
+    [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("header")),
+          onClick: $setup.toggle
+        },
+        [
+          $props.loading ? (openBlock(), createBlock($setup["SvgIcon"], {
+            key: 0,
+            class: normalizeClass($setup.bem("icon", { loading: true, [$props.loadingAnimation]: true }))
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "loading-icon", {}, () => [
+                createVNode($setup["Icon"], { icon: "ph:brain" })
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["class"])) : _ctx.$slots.icon ? (openBlock(), createBlock($setup["SvgIcon"], {
+            key: 1,
+            class: normalizeClass($setup.bem("icon"))
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "icon")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["class"])) : createCommentVNode("v-if", true),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("title"))
+            },
+            [
+              createTextVNode(
+                toDisplayString($props.title) + " ",
+                1
+                /* TEXT */
+              ),
+              $setup.duration ? (openBlock(), createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: normalizeClass($setup.bem("duration"))
+                },
+                toDisplayString($setup.duration),
+                3
+                /* TEXT, CLASS */
+              )) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          ),
+          createVNode($setup["SvgIcon"], {
+            class: normalizeClass($setup.bem("chevron", { expanded: $setup.expanded }))
+          }, {
+            default: withCtx(() => [
+              createVNode($setup["Icon"], { icon: "ph:caret-right" })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ],
+        2
+        /* CLASS */
+      ),
+      withDirectives(createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("content")),
+          style: normalizeStyle($setup.contentStyle)
+        },
+        [
+          $props.steps?.length ? (openBlock(true), createElementBlock(
+            Fragment,
+            { key: 0 },
+            renderList($props.steps, (step, index) => {
+              return openBlock(), createBlock($setup["ChainOfThoughtStep"], {
+                key: index,
+                label: step.label,
+                status: step.status,
+                "show-divider": step.showDivider,
+                collapsible: step.collapsible,
+                "default-expanded": step.defaultExpanded
+              }, createSlots({
+                default: withCtx(() => [
+                  $setup.mergedComponents[step.type] ? (openBlock(), createBlock(
+                    resolveDynamicComponent($setup.mergedComponents[step.type]),
+                    mergeProps({
+                      key: 0,
+                      ref_for: true
+                    }, step.data || {}),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : (openBlock(), createElementBlock(
+                    "div",
+                    _hoisted_13,
+                    "Unknown step type: " + toDisplayString(step.type),
+                    1
+                    /* TEXT */
+                  ))
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, [
+                step.icon ? {
+                  name: "icon",
+                  fn: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(step.icon)))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["label", "status", "show-divider", "collapsible", "default-expanded"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ],
+        6
+        /* CLASS, STYLE */
+      ), [
+        [vShow, $setup.expanded]
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/chain-of-thought/chain-of-thought.vue
+chain_of_thought_default.render = render8;
+chain_of_thought_default.__file = "src/components/chain-of-thought/chain-of-thought.vue";
+var chain_of_thought_default2 = chain_of_thought_default;
+var tool_call_default = /* @__PURE__ */ defineComponent({
+  __name: "tool-call",
+  props: {
+    part: { type: null, required: true },
+    tools: { type: Object, required: false },
+    outputRenderers: { type: Object, required: false },
+    defaultRenderer: { type: null, required: false },
+    stateLabels: { type: Object, required: false },
+    stateCategories: { type: Object, required: false },
+    showArgs: { type: Boolean, required: false, default: true },
+    showOutput: { type: Boolean, required: false, default: true },
+    defaultExpanded: { type: Boolean, required: false, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const expanded = ref(props.defaultExpanded);
+    function toggle() {
+      expanded.value = !expanded.value;
+    }
+    const bem = createImBem("tool-call");
+    const defaultStateCategories = {
+      loading: [TOOL_CALL_STATES.INPUT_STREAMING, TOOL_CALL_STATES.EXECUTING],
+      complete: [TOOL_CALL_STATES.OUTPUT_AVAILABLE],
+      error: [TOOL_CALL_STATES.OUTPUT_ERROR],
+      denied: [TOOL_CALL_STATES.OUTPUT_DENIED],
+      approval: [TOOL_CALL_STATES.APPROVAL_REQUESTED]
+    };
+    const mergedCategories = computed(() => ({
+      loading: [...defaultStateCategories.loading || [], ...props.stateCategories?.loading || []],
+      complete: [...defaultStateCategories.complete || [], ...props.stateCategories?.complete || []],
+      error: [...defaultStateCategories.error || [], ...props.stateCategories?.error || []],
+      denied: [...defaultStateCategories.denied || [], ...props.stateCategories?.denied || []],
+      approval: [...defaultStateCategories.approval || [], ...props.stateCategories?.approval || []]
+    }));
+    const toolRenderer = computed(() => {
+      if (props.tools?.[props.part.toolName]) {
+        return props.tools[props.part.toolName];
+      }
+      return props.defaultRenderer;
+    });
+    const outputRenderer = computed(() => {
+      return props.outputRenderers?.[props.part.toolName];
+    });
+    const rendererProps = computed(() => ({
+      toolCallId: props.part.toolCallId,
+      toolName: props.part.toolName,
+      args: props.part.args,
+      state: props.part.state,
+      output: props.part.output,
+      error: props.part.error
+    }));
+    const outputRendererProps = computed(() => ({
+      toolName: props.part.toolName,
+      output: props.part.output
+    }));
+    const isLoading = computed(() => mergedCategories.value.loading.includes(props.part.state));
+    const isComplete = computed(() => mergedCategories.value.complete.includes(props.part.state));
+    const isError = computed(() => mergedCategories.value.error.includes(props.part.state));
+    const isDenied = computed(() => mergedCategories.value.denied.includes(props.part.state));
+    const isAwaitingApproval = computed(() => mergedCategories.value.approval.includes(props.part.state));
+    const formattedArgs = computed(() => {
+      try {
+        return JSON.stringify(props.part.args, null, 2);
+      } catch {
+        return String(props.part.args);
+      }
+    });
+    const formattedOutput = computed(() => {
+      if (props.part.output === void 0) return "";
+      try {
+        return JSON.stringify(props.part.output, null, 2);
+      } catch {
+        return String(props.part.output);
+      }
+    });
+    const defaultStateLabels = {
+      [TOOL_CALL_STATES.INPUT_STREAMING]: "Streaming...",
+      [TOOL_CALL_STATES.INPUT_AVAILABLE]: "Ready",
+      [TOOL_CALL_STATES.APPROVAL_REQUESTED]: "Awaiting Approval",
+      [TOOL_CALL_STATES.APPROVAL_RESPONDED]: "Approved",
+      [TOOL_CALL_STATES.EXECUTING]: "Executing...",
+      [TOOL_CALL_STATES.OUTPUT_AVAILABLE]: "Completed",
+      [TOOL_CALL_STATES.OUTPUT_ERROR]: "Error",
+      [TOOL_CALL_STATES.OUTPUT_DENIED]: "Denied"
+    };
+    const stateLabel = computed(() => {
+      const labels = { ...defaultStateLabels, ...props.stateLabels };
+      return labels[props.part.state] || props.part.state;
+    });
+    const __returned__ = { props, expanded, toggle, bem, defaultStateCategories, mergedCategories, toolRenderer, outputRenderer, rendererProps, outputRendererProps, isLoading, isComplete, isError, isDenied, isAwaitingApproval, formattedArgs, formattedOutput, defaultStateLabels, stateLabel, get Icon() {
+      return Icon;
+    }, get SvgIcon() {
+      return svg_icon_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_14 = ["data-tool-name", "data-tool-state"];
+var _hoisted_2 = { key: 1 };
+function render9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([
+      $setup.bem(),
+      $setup.bem("", $setup.props.part.state),
+      { [$setup.bem("", "loading")]: $setup.isLoading }
+    ]),
+    "data-tool-name": $props.part.toolName,
+    "data-tool-state": $props.part.state
+  }, [
+    createCommentVNode(" \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668 "),
+    $setup.toolRenderer ? (openBlock(), createBlock(
+      resolveDynamicComponent($setup.toolRenderer),
+      normalizeProps(mergeProps({ key: 0 }, $setup.rendererProps)),
+      null,
+      16
+      /* FULL_PROPS */
+    )) : (openBlock(), createElementBlock(
+      Fragment,
+      { key: 1 },
+      [
+        createCommentVNode(" \u9ED8\u8BA4\u6E32\u67D3\u5668 "),
+        createCommentVNode(" \u5934\u90E8\uFF1A\u5DE5\u5177\u540D\u79F0 + \u72B6\u6001 "),
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass($setup.bem("header")),
+            onClick: $setup.toggle
+          },
+          [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass($setup.bem("header-left"))
+              },
+              [
+                createVNode($setup["SvgIcon"], {
+                  class: normalizeClass($setup.bem("chevron", { expanded: $setup.expanded }))
+                }, {
+                  default: withCtx(() => [
+                    createVNode($setup["Icon"], { icon: "ph:caret-right" })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["class"]),
+                createElementVNode(
+                  "span",
+                  {
+                    class: normalizeClass($setup.bem("name"))
+                  },
+                  toDisplayString($props.part.toolName),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            ),
+            createElementVNode(
+              "span",
+              {
+                class: normalizeClass([$setup.bem("state"), $setup.bem("state", $props.part.state)])
+              },
+              toDisplayString($setup.stateLabel),
+              3
+              /* TEXT, CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        ),
+        $setup.expanded ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 0 },
+          [
+            createCommentVNode(" \u53C2\u6570 "),
+            $props.showArgs && Object.keys($props.part.args).length > 0 ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: normalizeClass($setup.bem("args"))
+              },
+              [
+                createElementVNode(
+                  "pre",
+                  null,
+                  toDisplayString($setup.formattedArgs),
+                  1
+                  /* TEXT */
+                )
+              ],
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true),
+            createCommentVNode(" \u7ED3\u679C\uFF1A\u4F18\u5148\u4F7F\u7528\u81EA\u5B9A\u4E49\u8F93\u51FA\u6E32\u67D3\u5668 "),
+            $props.showOutput && $setup.isComplete && $props.part.output !== void 0 ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 1,
+                class: normalizeClass($setup.bem("output"))
+              },
+              [
+                $setup.outputRenderer ? (openBlock(), createBlock(
+                  resolveDynamicComponent($setup.outputRenderer),
+                  normalizeProps(mergeProps({ key: 0 }, $setup.outputRendererProps)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                )) : (openBlock(), createElementBlock(
+                  "pre",
+                  _hoisted_2,
+                  toDisplayString($setup.formattedOutput),
+                  1
+                  /* TEXT */
+                ))
+              ],
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true),
+            createCommentVNode(" \u9519\u8BEF "),
+            $setup.isError && $props.part.error ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 2,
+                class: normalizeClass($setup.bem("error"))
+              },
+              toDisplayString($props.part.error),
+              3
+              /* TEXT, CLASS */
+            )) : createCommentVNode("v-if", true),
+            createCommentVNode(" \u62D2\u7EDD "),
+            $setup.isDenied ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 3,
+                class: normalizeClass($setup.bem("denied"))
+              },
+              " \u7528\u6237\u5DF2\u62D2\u7EDD\u6267\u884C\u6B64\u64CD\u4F5C ",
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true),
+            createCommentVNode(" \u7B49\u5F85\u5BA1\u6279 "),
+            $setup.isAwaitingApproval ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 4,
+                class: normalizeClass($setup.bem("approval"))
+              },
+              [
+                renderSlot(_ctx.$slots, "approval", {}, () => [
+                  _cache[0] || (_cache[0] = createElementVNode(
+                    "span",
+                    null,
+                    "\u6B64\u64CD\u4F5C\u9700\u8981\u60A8\u7684\u786E\u8BA4",
+                    -1
+                    /* CACHED */
+                  ))
+                ])
+              ],
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : createCommentVNode("v-if", true)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ))
+  ], 10, _hoisted_14);
+}
+
+// src/components/tool-call/tool-call.vue
+tool_call_default.render = render9;
+tool_call_default.__file = "src/components/tool-call/tool-call.vue";
+var tool_call_default2 = tool_call_default;
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/message-renderer/part-renderer.vue?type=script
+var part_renderer_default = /* @__PURE__ */ defineComponent({
+  __name: "part-renderer",
+  props: {
+    part: { type: null, required: true },
+    streaming: { type: Boolean, required: false, default: false },
+    incremarkOptions: { type: null, required: false },
+    customContainers: { type: Object, required: false },
+    customCodeBlocks: { type: Object, required: false },
+    codeBlockConfigs: { type: Object, required: false },
+    pendingClass: { type: String, required: false },
+    parts: { type: Object, required: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createImBem("part-renderer");
+    const customComponent = computed(() => {
+      return props.parts?.[props.part.type];
+    });
+    const isBuiltinType = computed(() => {
+      return ["text", "reasoning", "tool-call"].includes(props.part.type);
+    });
+    const __returned__ = { props, bem, customComponent, isBuiltinType, TextMessage: text_message_default2, ReasoningMessage: reasoning_message_default2, ToolCall: tool_call_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render10(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createCommentVNode(" \u4F18\u5148\u4F7F\u7528 slot \u8986\u76D6 "),
+      renderSlot(_ctx.$slots, $props.part.type, {
+        part: $props.part,
+        streaming: $props.streaming
+      }, () => [
+        createCommentVNode(" \u81EA\u5B9A\u4E49\u7EC4\u4EF6 "),
+        $setup.customComponent ? (openBlock(), createBlock(resolveDynamicComponent($setup.customComponent), {
+          key: 0,
+          part: $props.part,
+          streaming: $props.streaming
+        }, null, 8, ["part", "streaming"])) : $props.part.type === "text" ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 1 },
+          [
+            createCommentVNode(" TextPart "),
+            createVNode($setup["TextMessage"], {
+              part: $props.part,
+              streaming: $props.streaming,
+              "incremark-options": $props.incremarkOptions,
+              "custom-containers": $props.customContainers,
+              "custom-code-blocks": $props.customCodeBlocks,
+              "code-block-configs": $props.codeBlockConfigs,
+              "pending-class": $props.pendingClass
+            }, null, 8, ["part", "streaming", "incremark-options", "custom-containers", "custom-code-blocks", "code-block-configs", "pending-class"])
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        )) : $props.part.type === "reasoning" ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 2 },
+          [
+            createCommentVNode(" ReasoningPart "),
+            createVNode($setup["ReasoningMessage"], {
+              content: $props.part.content,
+              streaming: $props.streaming,
+              "incremark-options": $props.incremarkOptions,
+              "custom-containers": $props.customContainers,
+              "custom-code-blocks": $props.customCodeBlocks,
+              "code-block-configs": $props.codeBlockConfigs,
+              "pending-class": $props.pendingClass
+            }, null, 8, ["content", "streaming", "incremark-options", "custom-containers", "custom-code-blocks", "code-block-configs", "pending-class"])
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        )) : $props.part.type === "tool-call" ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 3 },
+          [
+            createCommentVNode(" ToolCallPart "),
+            createVNode($setup["ToolCall"], { part: $props.part }, null, 8, ["part"])
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        )) : (openBlock(), createElementBlock(
+          Fragment,
+          { key: 4 },
+          [
+            createCommentVNode(" \u672A\u77E5\u7C7B\u578B "),
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass($setup.bem("unknown"))
+              },
+              " Unknown Part Type: " + toDisplayString($props.part.type),
+              3
+              /* TEXT, CLASS */
+            )
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        ))
+      ])
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+
+// src/components/message-renderer/part-renderer.vue
+part_renderer_default.render = render10;
+part_renderer_default.__file = "src/components/message-renderer/part-renderer.vue";
+var part_renderer_default2 = part_renderer_default;
+var source_reference_default = /* @__PURE__ */ defineComponent({
+  __name: "source-reference",
+  props: {
+    part: { type: null, required: true },
+    openInNewTab: { type: Boolean, required: false, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createImBem("source-reference");
+    const isUrl = computed(() => props.part.sourceType === "url");
+    const isDocument = computed(() => props.part.sourceType === "document");
+    const linkTarget = computed(() => props.openInNewTab ? "_blank" : void 0);
+    const linkRel = computed(() => props.openInNewTab ? "noopener noreferrer" : void 0);
+    const fileTypeMap = {
+      // PDF - 红色
+      "application/pdf": { icon: "mdi:file-pdf-box", color: "#FF4B4B" },
+      // Word - 蓝色
+      "application/msword": { icon: "mdi:file-word", color: "#2B579A" },
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document": { icon: "mdi:file-word", color: "#2B579A" },
+      // Excel - 绿色
+      "application/vnd.ms-excel": { icon: "mdi:file-excel", color: "#217346" },
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": { icon: "mdi:file-excel", color: "#217346" },
+      // PowerPoint - 橙色
+      "application/vnd.ms-powerpoint": { icon: "mdi:file-powerpoint", color: "#D24726" },
+      "application/vnd.openxmlformats-officedocument.presentationml.presentation": { icon: "mdi:file-powerpoint", color: "#D24726" },
+      // 图片 - 紫色
+      "image/jpeg": { icon: "mdi:file-image", color: "#9B59B6" },
+      "image/png": { icon: "mdi:file-image", color: "#9B59B6" },
+      "image/gif": { icon: "mdi:file-image", color: "#9B59B6" },
+      "image/webp": { icon: "mdi:file-image", color: "#9B59B6" },
+      "image/svg+xml": { icon: "mdi:file-image", color: "#9B59B6" },
+      // 视频 - 深紫色
+      "video/mp4": { icon: "mdi:file-video", color: "#8E44AD" },
+      "video/webm": { icon: "mdi:file-video", color: "#8E44AD" },
+      "video/quicktime": { icon: "mdi:file-video", color: "#8E44AD" },
+      // 音频 - 青色
+      "audio/mpeg": { icon: "mdi:file-music", color: "#1ABC9C" },
+      "audio/wav": { icon: "mdi:file-music", color: "#1ABC9C" },
+      "audio/ogg": { icon: "mdi:file-music", color: "#1ABC9C" },
+      // 压缩文件 - 黄色
+      "application/zip": { icon: "mdi:file-zip", color: "#F39C12" },
+      "application/x-rar-compressed": { icon: "mdi:file-zip", color: "#F39C12" },
+      "application/x-7z-compressed": { icon: "mdi:file-zip", color: "#F39C12" },
+      "application/x-tar": { icon: "mdi:file-zip", color: "#F39C12" },
+      // 文本 - 灰色
+      "text/plain": { icon: "mdi:file-document-outline", color: "#7F8C8D" },
+      "text/html": { icon: "mdi:file-code", color: "#7F8C8D" },
+      "text/css": { icon: "mdi:file-code", color: "#7F8C8D" },
+      "text/javascript": { icon: "mdi:file-code", color: "#7F8C8D" },
+      // JSON/XML
+      "application/json": { icon: "mdi:file-code", color: "#7F8C8D" },
+      "application/xml": { icon: "mdi:file-code", color: "#7F8C8D" },
+      "text/xml": { icon: "mdi:file-code", color: "#7F8C8D" },
+      // Markdown
+      "text/markdown": { icon: "mdi:language-markdown", color: "#7F8C8D" },
+      // 代码文件
+      "application/x-sh": { icon: "mdi:file-code", color: "#7F8C8D" },
+      "application/x-python": { icon: "mdi:language-python", color: "#7F8C8D" }
+    };
+    const getFileTypeFromUrl = (url) => {
+      const extension = url.split(".").pop()?.toLowerCase();
+      if (!extension) return void 0;
+      const extMap = {
+        "pdf": { icon: "mdi:file-pdf-box", color: "#FF4B4B" },
+        "doc": { icon: "mdi:file-word", color: "#2B579A" },
+        "docx": { icon: "mdi:file-word", color: "#2B579A" },
+        "xls": { icon: "mdi:file-excel", color: "#217346" },
+        "xlsx": { icon: "mdi:file-excel", color: "#217346" },
+        "ppt": { icon: "mdi:file-powerpoint", color: "#D24726" },
+        "pptx": { icon: "mdi:file-powerpoint", color: "#D24726" },
+        "jpg": { icon: "mdi:file-image", color: "#9B59B6" },
+        "jpeg": { icon: "mdi:file-image", color: "#9B59B6" },
+        "png": { icon: "mdi:file-image", color: "#9B59B6" },
+        "gif": { icon: "mdi:file-image", color: "#9B59B6" },
+        "webp": { icon: "mdi:file-image", color: "#9B59B6" },
+        "svg": { icon: "mdi:file-image", color: "#9B59B6" },
+        "mp4": { icon: "mdi:file-video", color: "#8E44AD" },
+        "webm": { icon: "mdi:file-video", color: "#8E44AD" },
+        "mov": { icon: "mdi:file-video", color: "#8E44AD" },
+        "mp3": { icon: "mdi:file-music", color: "#1ABC9C" },
+        "wav": { icon: "mdi:file-music", color: "#1ABC9C" },
+        "zip": { icon: "mdi:file-zip", color: "#F39C12" },
+        "rar": { icon: "mdi:file-zip", color: "#F39C12" },
+        "7z": { icon: "mdi:file-zip", color: "#F39C12" },
+        "txt": { icon: "mdi:file-document-outline", color: "#7F8C8D" },
+        "md": { icon: "mdi:language-markdown", color: "#7F8C8D" },
+        "json": { icon: "mdi:file-code", color: "#7F8C8D" },
+        "xml": { icon: "mdi:file-code", color: "#7F8C8D" },
+        "html": { icon: "mdi:file-code", color: "#7F8C8D" },
+        "css": { icon: "mdi:file-code", color: "#7F8C8D" },
+        "js": { icon: "mdi:file-code", color: "#7F8C8D" },
+        "ts": { icon: "mdi:file-code", color: "#7F8C8D" },
+        "py": { icon: "mdi:language-python", color: "#7F8C8D" },
+        "sh": { icon: "mdi:file-code", color: "#7F8C8D" }
+      };
+      return extMap[extension];
+    };
+    const fileTypeInfo = computed(() => {
+      if (isDocument.value && props.part.mediaType) {
+        return fileTypeMap[props.part.mediaType];
+      }
+      if (isUrl.value && props.part.url) {
+        return getFileTypeFromUrl(props.part.url);
+      }
+      return void 0;
+    });
+    const defaultIcon = computed(() => {
+      if (fileTypeInfo.value) {
+        return fileTypeInfo.value.icon;
+      }
+      if (isUrl.value) return "mdi:link-variant";
+      if (isDocument.value) return "mdi:file-document-outline";
+      return void 0;
+    });
+    const iconColor = computed(() => {
+      return fileTypeInfo.value?.color;
+    });
+    const hasDefaultIcon = computed(() => defaultIcon.value !== void 0);
+    const __returned__ = { props, bem, isUrl, isDocument, linkTarget, linkRel, fileTypeMap, getFileTypeFromUrl, fileTypeInfo, defaultIcon, iconColor, hasDefaultIcon, get Icon() {
+      return Icon;
+    }, SvgIcon: svg_icon_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_15 = ["href", "target", "rel"];
+function render11(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass([$setup.bem(), $setup.bem("", $props.part.sourceType)])
+    },
+    [
+      createCommentVNode(" URL \u7C7B\u578B "),
+      $setup.isUrl && $props.part.url ? (openBlock(), createElementBlock("a", {
+        key: 0,
+        href: $props.part.url,
+        target: $setup.linkTarget,
+        rel: $setup.linkRel,
+        class: normalizeClass($setup.bem("link"))
+      }, [
+        createCommentVNode(" \u56FE\u6807\u63D2\u69FD\uFF0C\u4F18\u5148\u4F7F\u7528\u5916\u90E8\u5B9A\u5236 "),
+        renderSlot(_ctx.$slots, "icon", {}, () => [
+          $setup.hasDefaultIcon ? (openBlock(), createBlock($setup["SvgIcon"], {
+            key: 0,
+            class: normalizeClass($setup.bem("icon")),
+            style: normalizeStyle({ color: $setup.iconColor })
+          }, {
+            default: withCtx(() => [
+              createVNode($setup["Icon"], {
+                icon: $setup.defaultIcon
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class", "style"])) : createCommentVNode("v-if", true)
+        ]),
+        createElementVNode(
+          "span",
+          {
+            class: normalizeClass($setup.bem("title"))
+          },
+          toDisplayString($props.part.title || $props.part.url),
+          3
+          /* TEXT, CLASS */
+        )
+      ], 10, _hoisted_15)) : $setup.isDocument ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 1 },
+        [
+          createCommentVNode(" \u6587\u6863\u7C7B\u578B "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("document"))
+            },
+            [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                $setup.hasDefaultIcon ? (openBlock(), createBlock($setup["SvgIcon"], {
+                  key: 0,
+                  class: normalizeClass($setup.bem("icon")),
+                  style: normalizeStyle({ color: $setup.iconColor })
+                }, {
+                  default: withCtx(() => [
+                    createVNode($setup["Icon"], {
+                      icon: $setup.defaultIcon
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["class", "style"])) : createCommentVNode("v-if", true)
+              ]),
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass($setup.bem("title"))
+                },
+                toDisplayString($props.part.title),
+                3
+                /* TEXT, CLASS */
+              ),
+              $props.part.mediaType ? (openBlock(), createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: normalizeClass($setup.bem("type"))
+                },
+                toDisplayString($props.part.mediaType),
+                3
+                /* TEXT, CLASS */
+              )) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      )) : createCommentVNode("v-if", true),
+      createCommentVNode(" \u652F\u6301\u5B8C\u5168\u81EA\u5B9A\u4E49\u5185\u5BB9 "),
+      renderSlot(_ctx.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/source-reference/source-reference.vue
+source_reference_default.render = render11;
+source_reference_default.__file = "src/components/source-reference/source-reference.vue";
+var source_reference_default2 = source_reference_default;
+var mimeTypeMap = {
+  // PDF
+  "application/pdf": "pdf",
+  // Word
+  "application/msword": "word",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "word",
+  // Excel
+  "application/vnd.ms-excel": "excel",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "excel",
+  "text/csv": "excel",
+  // PPT
+  "application/vnd.ms-powerpoint": "ppt",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "ppt",
+  // Archive
+  "application/zip": "archive",
+  "application/x-rar-compressed": "archive",
+  "application/x-7z-compressed": "archive",
+  "application/gzip": "archive",
+  "application/x-tar": "archive",
+  // Code
+  "application/javascript": "code",
+  "application/typescript": "code",
+  "application/json": "code",
+  "application/xml": "code",
+  "text/html": "code",
+  "text/css": "code",
+  "text/javascript": "code",
+  "text/xml": "code",
+  // Text
+  "text/plain": "text",
+  "text/markdown": "text",
+  "text/rtf": "text"
+};
+var extensionMap = {
+  // PDF
+  pdf: "pdf",
+  // Word
+  doc: "word",
+  docx: "word",
+  odt: "word",
+  // Excel
+  xls: "excel",
+  xlsx: "excel",
+  csv: "excel",
+  ods: "excel",
+  // PPT
+  ppt: "ppt",
+  pptx: "ppt",
+  odp: "ppt",
+  // Archive
+  zip: "archive",
+  rar: "archive",
+  "7z": "archive",
+  gz: "archive",
+  tar: "archive",
+  // Code
+  js: "code",
+  ts: "code",
+  jsx: "code",
+  tsx: "code",
+  vue: "code",
+  py: "code",
+  java: "code",
+  c: "code",
+  cpp: "code",
+  h: "code",
+  go: "code",
+  rs: "code",
+  rb: "code",
+  php: "code",
+  swift: "code",
+  kt: "code",
+  json: "code",
+  xml: "code",
+  html: "code",
+  css: "code",
+  scss: "code",
+  less: "code",
+  yaml: "code",
+  yml: "code",
+  sh: "code",
+  sql: "code",
+  // Text
+  txt: "text",
+  md: "text",
+  rtf: "text",
+  log: "text"
+};
+var categoryConfig = {
+  image: {
+    icon: "vscode-icons:file-type-image",
+    color: "var(--incremark-base-colors-purple-6)",
+    bgColor: "var(--incremark-base-colors-purple-1)"
+  },
+  video: {
+    icon: "vscode-icons:file-type-video",
+    color: "var(--incremark-base-colors-pink-6)",
+    bgColor: "var(--incremark-base-colors-pink-1)"
+  },
+  audio: {
+    icon: "vscode-icons:file-type-audio",
+    color: "var(--incremark-base-colors-cyan-6)",
+    bgColor: "var(--incremark-base-colors-cyan-1)"
+  },
+  pdf: {
+    icon: "vscode-icons:file-type-pdf2",
+    color: "var(--incremark-base-colors-red-6)",
+    bgColor: "var(--incremark-base-colors-red-1)"
+  },
+  word: {
+    icon: "vscode-icons:file-type-word",
+    color: "var(--incremark-base-colors-blue-6)",
+    bgColor: "var(--incremark-base-colors-blue-1)"
+  },
+  excel: {
+    icon: "vscode-icons:file-type-excel",
+    color: "var(--incremark-base-colors-green-6)",
+    bgColor: "var(--incremark-base-colors-green-1)"
+  },
+  ppt: {
+    icon: "vscode-icons:file-type-powerpoint",
+    color: "var(--incremark-base-colors-orange-6)",
+    bgColor: "var(--incremark-base-colors-orange-1)"
+  },
+  archive: {
+    icon: "vscode-icons:file-type-zip",
+    color: "var(--incremark-base-colors-yellow-6)",
+    bgColor: "var(--incremark-base-colors-yellow-1)"
+  },
+  code: {
+    icon: "vscode-icons:file-type-typescript",
+    color: "var(--incremark-base-colors-indigo-6)",
+    bgColor: "var(--incremark-base-colors-indigo-1)"
+  },
+  text: {
+    icon: "vscode-icons:file-type-text",
+    color: "var(--incremark-color-neutral-6)",
+    bgColor: "var(--incremark-color-neutral-2)"
+  },
+  unknown: {
+    icon: "vscode-icons:default-file",
+    color: "var(--incremark-color-neutral-6)",
+    bgColor: "var(--incremark-color-neutral-2)"
+  }
+};
+function getExtension(filename) {
+  const parts = filename.toLowerCase().split(".");
+  return parts.length > 1 ? parts[parts.length - 1] : "";
+}
+function getFileCategory(mimeType, filename) {
+  if (mimeType) {
+    if (mimeType.startsWith("image/")) return "image";
+    if (mimeType.startsWith("video/")) return "video";
+    if (mimeType.startsWith("audio/")) return "audio";
+    const categoryByMime = mimeTypeMap[mimeType];
+    if (categoryByMime) return categoryByMime;
+  }
+  if (filename) {
+    const ext = getExtension(filename);
+    const categoryByExt = extensionMap[ext];
+    if (categoryByExt) return categoryByExt;
+  }
+  return "unknown";
+}
+function getFileTypeConfig(mimeType, filename) {
+  const category = getFileCategory(mimeType, filename);
+  return {
+    category,
+    ...categoryConfig[category]
+  };
+}
+function useFileType(mimeType, filename) {
+  const config = computed(() => getFileTypeConfig(mimeType.value, filename.value));
+  const category = computed(() => config.value.category);
+  const icon = computed(() => config.value.icon);
+  const color = computed(() => config.value.color);
+  const bgColor = computed(() => config.value.bgColor);
+  const isImage = computed(() => category.value === "image");
+  const isVideo = computed(() => category.value === "video");
+  const isAudio = computed(() => category.value === "audio");
+  const isPreviewable = computed(() => isImage.value || isVideo.value || isAudio.value);
+  return {
+    config,
+    category,
+    icon,
+    color,
+    bgColor,
+    isImage,
+    isVideo,
+    isAudio,
+    isPreviewable
+  };
+}
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/file-preview/file-preview.vue?type=script
+var file_preview_default = /* @__PURE__ */ defineComponent({
+  __name: "file-preview",
+  props: {
+    part: { type: null, required: false },
+    file: { type: Object, required: false },
+    maxWidth: { type: Number, required: false, default: 400 },
+    maxHeight: { type: Number, required: false, default: 300 },
+    compact: { type: Boolean, required: false, default: false },
+    removable: { type: Boolean, required: false, default: false }
+  },
+  emits: ["remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("file-preview");
+    const filename = computed(() => props.file?.name ?? props.part?.filename ?? "\u6587\u4EF6");
+    const mimeType = computed(() => props.file?.type ?? props.part?.mediaType);
+    const fileSize = computed(() => props.file?.size);
+    const mimeTypeRef = toRef(() => mimeType.value);
+    const filenameRef = toRef(() => filename.value);
+    const { icon, isImage, isVideo, isAudio } = useFileType(mimeTypeRef, filenameRef);
+    const previewUrl = computed(() => {
+      if (props.file?.url) {
+        return props.file.url;
+      }
+      if (props.part) {
+        if (props.part.data.startsWith("data:") || props.part.data.startsWith("http")) {
+          return props.part.data;
+        }
+        return `data:${props.part.mediaType};base64,${props.part.data}`;
+      }
+      return "";
+    });
+    const previewStyle = computed(() => ({
+      maxWidth: `${props.maxWidth}px`,
+      maxHeight: `${props.maxHeight}px`
+    }));
+    const handleRemove = () => {
+      emit("remove");
+    };
+    const __returned__ = { props, emit, bem, filename, mimeType, fileSize, mimeTypeRef, filenameRef, icon, isImage, isVideo, isAudio, previewUrl, previewStyle, handleRemove, get formatFileSize() {
+      return formatFileSize;
+    }, get Icon() {
+      return Icon;
+    }, get ImButton() {
+      return im_button_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_16 = ["src", "alt"];
+var _hoisted_22 = ["src", "alt"];
+var _hoisted_3 = ["src"];
+var _hoisted_4 = ["src"];
+function render12(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass([$setup.bem(), $props.compact && $setup.bem("", "compact")])
+    },
+    [
+      createCommentVNode(" \u7D27\u51D1\u6A21\u5F0F\uFF1A\u7528\u4E8E\u9644\u4EF6\u5217\u8868 "),
+      $props.compact ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 0 },
+        [
+          createCommentVNode(" \u56FE\u7247\u7F29\u7565\u56FE "),
+          $setup.isImage && $setup.previewUrl ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass($setup.bem("thumbnail"))
+            },
+            [
+              createElementVNode("img", {
+                src: $setup.previewUrl,
+                alt: $setup.filename,
+                class: normalizeClass($setup.bem("thumbnail-img"))
+              }, null, 10, _hoisted_16)
+            ],
+            2
+            /* CLASS */
+          )) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" \u6587\u4EF6\u56FE\u6807\uFF08vscode-icons \u81EA\u5E26\u989C\u8272\uFF09 "),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass($setup.bem("icon-box"))
+                },
+                [
+                  createVNode($setup["Icon"], {
+                    icon: $setup.icon,
+                    class: normalizeClass($setup.bem("icon"))
+                  }, null, 8, ["icon", "class"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )),
+          createCommentVNode(" \u6587\u4EF6\u4FE1\u606F "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("info"))
+            },
+            [
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass($setup.bem("name"))
+                },
+                toDisplayString($setup.filename),
+                3
+                /* TEXT, CLASS */
+              ),
+              $setup.fileSize ? (openBlock(), createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: normalizeClass($setup.bem("size"))
+                },
+                toDisplayString($setup.formatFileSize($setup.fileSize)),
+                3
+                /* TEXT, CLASS */
+              )) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          ),
+          createCommentVNode(" \u5220\u9664\u6309\u94AE "),
+          $props.removable ? (openBlock(), createBlock($setup["ImButton"], {
+            key: 2,
+            variant: "ghost",
+            color: "neutral",
+            size: "xs",
+            circle: "",
+            class: normalizeClass($setup.bem("remove")),
+            "aria-label": "\u5220\u9664",
+            onClick: $setup.handleRemove
+          }, {
+            icon: withCtx(() => [
+              createVNode($setup["Icon"], { icon: "mdi:close" })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : (openBlock(), createElementBlock(
+        Fragment,
+        { key: 1 },
+        [
+          createCommentVNode(" \u6807\u51C6\u6A21\u5F0F\uFF1A\u7528\u4E8E\u6D88\u606F\u9884\u89C8 "),
+          createCommentVNode(" \u56FE\u7247\u9884\u89C8 "),
+          $setup.isImage && $setup.previewUrl ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: $setup.previewUrl,
+            alt: $setup.filename,
+            class: normalizeClass($setup.bem("image")),
+            style: normalizeStyle($setup.previewStyle)
+          }, null, 14, _hoisted_22)) : $setup.isVideo && $setup.previewUrl ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" \u89C6\u9891\u9884\u89C8 "),
+              createElementVNode("video", {
+                src: $setup.previewUrl,
+                class: normalizeClass($setup.bem("video")),
+                style: normalizeStyle($setup.previewStyle),
+                controls: ""
+              }, null, 14, _hoisted_3)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isAudio && $setup.previewUrl ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 2 },
+            [
+              createCommentVNode(" \u97F3\u9891\u9884\u89C8 "),
+              createElementVNode("audio", {
+                src: $setup.previewUrl,
+                class: normalizeClass($setup.bem("audio")),
+                controls: ""
+              }, null, 10, _hoisted_4)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 3 },
+            [
+              createCommentVNode(" \u5176\u4ED6\u6587\u4EF6 "),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass($setup.bem("file"))
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass($setup.bem("icon-box"))
+                    },
+                    [
+                      createVNode($setup["Icon"], {
+                        icon: $setup.icon,
+                        class: normalizeClass($setup.bem("icon"))
+                      }, null, 8, ["icon", "class"])
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass($setup.bem("file-info"))
+                    },
+                    [
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass($setup.bem("filename"))
+                        },
+                        toDisplayString($setup.filename),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      $setup.mimeType ? (openBlock(), createElementBlock(
+                        "span",
+                        {
+                          key: 0,
+                          class: normalizeClass($setup.bem("type"))
+                        },
+                        toDisplayString($setup.mimeType),
+                        3
+                        /* TEXT, CLASS */
+                      )) : createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          ))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/file-preview/file-preview.vue
+file_preview_default.render = render12;
+file_preview_default.__file = "src/components/file-preview/file-preview.vue";
+var file_preview_default2 = file_preview_default;
+var message_bubble_default = /* @__PURE__ */ defineComponent({
+  __name: "message-bubble",
+  props: {
+    placement: { type: String, required: false, default: "start" },
+    variant: { type: String, required: false, default: "filled" },
+    shape: { type: String, required: false, default: "default" },
+    width: { type: String, required: false, default: "block" },
+    fillTheme: { type: String, required: false, default: "default" },
+    loading: { type: Boolean, required: false, default: false },
+    streaming: { type: Boolean, required: false, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const bem = createImBem("message-bubble");
+    const rootClass = computed(() => [
+      bem(),
+      bem("", props.placement),
+      bem("", props.width),
+      props.loading && bem("", "loading"),
+      props.streaming && bem("", "streaming")
+    ]);
+    const contentClass = computed(() => [
+      bem("content"),
+      bem("content", props.variant),
+      bem("content", props.shape),
+      props.fillTheme !== "default" && bem("content", props.fillTheme)
+    ]);
+    const __returned__ = { props, bem, rootClass, contentClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render13(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.rootClass)
+    },
+    [
+      createCommentVNode(" \u5934\u50CF\u63D2\u69FD "),
+      _ctx.$slots.avatar ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass($setup.bem("avatar"))
+        },
+        [
+          renderSlot(_ctx.$slots, "avatar")
+        ],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true),
+      createCommentVNode(" \u4E3B\u4F53\u533A\u57DF "),
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("main"))
+        },
+        [
+          createCommentVNode(" \u5934\u90E8\u63D2\u69FD "),
+          _ctx.$slots.header ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass($setup.bem("header"))
+            },
+            [
+              renderSlot(_ctx.$slots, "header")
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.contentClass)
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          ),
+          createCommentVNode(" \u5E95\u90E8\u63D2\u69FD "),
+          _ctx.$slots.footer ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass($setup.bem("footer"))
+            },
+            [
+              renderSlot(_ctx.$slots, "footer")
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/message-bubble/message-bubble.vue
+message_bubble_default.render = render13;
+message_bubble_default.__file = "src/components/message-bubble/message-bubble.vue";
+var message_bubble_default2 = message_bubble_default;
+var action_button_default = /* @__PURE__ */ defineComponent({
+  __name: "action-button",
+  props: {
+    ariaLabel: { type: String, required: false },
+    intent: { type: String, required: false, default: "action" },
+    size: { type: String, required: false, default: "sm" },
+    square: { type: Boolean, required: false, default: false },
+    circle: { type: Boolean, required: false, default: false },
+    disabled: { type: Boolean, required: false, default: false },
+    loading: { type: Boolean, required: false, default: false },
+    active: { type: Boolean, required: false, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const { Button } = useUIAdapter();
+    const buttonProps = computed(() => {
+      const intentMap = {
+        action: { variant: "ghost", color: "neutral" },
+        primary: { variant: "solid", color: "primary" },
+        secondary: { variant: "outline", color: "neutral" },
+        danger: { variant: "solid", color: "error" }
+      };
+      const { variant, color } = intentMap[props.intent] || intentMap.action;
+      return {
+        variant,
+        color,
+        size: props.size,
+        square: props.square,
+        circle: props.circle,
+        disabled: props.disabled,
+        loading: props.loading,
+        active: props.active,
+        // 传递原始 options，供自定义 adapter 使用
+        options: {
+          intent: props.intent,
+          size: props.size,
+          square: props.square,
+          circle: props.circle,
+          disabled: props.disabled,
+          loading: props.loading,
+          active: props.active
+        }
+      };
+    });
+    const handleClick = (event) => {
+      if (!props.disabled && !props.loading) {
+        emit("click", event);
+      }
+    };
+    const __returned__ = { props, emit, Button, buttonProps, handleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render14(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent($setup.Button), mergeProps($setup.buttonProps, {
+    "aria-label": $props.ariaLabel,
+    "aria-pressed": $setup.props.active,
+    onClick: $setup.handleClick
+  }), {
+    icon: withCtx(() => [
+      renderSlot(_ctx.$slots, "icon")
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["aria-label", "aria-pressed"]);
+}
+
+// src/components/base/action-button/action-button.vue
+action_button_default.render = render14;
+action_button_default.__file = "src/components/base/action-button/action-button.vue";
+var action_button_default2 = action_button_default;
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/message-actions/message-action.vue?type=script
+var message_action_default = /* @__PURE__ */ defineComponent({
+  __name: "message-action",
+  props: {
+    icon: { type: null, required: false },
+    tooltip: { type: String, required: false },
+    label: { type: String, required: false },
+    loading: { type: Boolean, required: false, default: false },
+    disabled: { type: Boolean, required: false, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("message-action");
+    const { Tooltip } = useUIAdapter();
+    const rootClass = computed(() => [
+      bem(),
+      props.loading && bem("", "loading"),
+      props.disabled && bem("", "disabled")
+    ]);
+    const handleClick = (event) => {
+      if (!props.disabled && !props.loading) {
+        emit("click", event);
+      }
+    };
+    const __returned__ = { props, emit, bem, Tooltip, rootClass, handleClick, get ActionButton() {
+      return action_button_default2;
+    }, get SvgIcon() {
+      return svg_icon_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render15(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent($setup.Tooltip), { content: $props.tooltip }, {
+    default: withCtx(() => [
+      createVNode($setup["ActionButton"], {
+        class: normalizeClass($setup.rootClass),
+        intent: "action",
+        size: "sm",
+        square: "",
+        disabled: $props.disabled,
+        loading: $props.loading,
+        "aria-label": $props.label || $props.tooltip,
+        onClick: $setup.handleClick
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            $props.icon ? (openBlock(), createBlock($setup["SvgIcon"], {
+              key: 0,
+              class: normalizeClass($setup.bem("icon"))
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent($props.icon)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class", "disabled", "loading", "aria-label"])
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["content"]);
+}
+
+// src/components/message-actions/message-action.vue
+message_action_default.render = render15;
+message_action_default.__file = "src/components/message-actions/message-action.vue";
+var message_action_default2 = message_action_default;
+function useCopyAction(text, options = {}) {
+  const { resetDelay = 2e3 } = options;
+  const copied = ref(false);
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(text.value);
+      copied.value = true;
+      setTimeout(() => {
+        copied.value = false;
+      }, resetDelay);
+    } catch (err) {
+      console.error("Failed to copy text:", err);
+    }
+  };
+  return { copied, copy };
+}
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/message-actions/message-action-copy.vue?type=script
+var message_action_copy_default = /* @__PURE__ */ defineComponent({
+  __name: "message-action-copy",
+  props: {
+    text: { type: String, required: true },
+    copiedTooltip: { type: String, required: false, default: "\u5DF2\u590D\u5236" },
+    tooltip: { type: String, required: false, default: "\u590D\u5236" }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { icons } = useUIAdapter();
+    const { copied, copy } = useCopyAction(toRef(props, "text"));
+    const defaultCopyIcon = h(Icon, { icon: "ph:copy" });
+    const defaultCheckIcon = h(Icon, { icon: "ph:check" });
+    const currentIcon = computed(() => {
+      if (copied.value) {
+        return icons?.check || defaultCheckIcon;
+      }
+      return icons?.copy || defaultCopyIcon;
+    });
+    const currentTooltip = computed(() => {
+      return copied.value ? props.copiedTooltip : props.tooltip;
+    });
+    const __returned__ = { props, icons, copied, copy, defaultCopyIcon, defaultCheckIcon, currentIcon, currentTooltip, MessageAction: message_action_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render16(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["MessageAction"], {
+    icon: $setup.currentIcon,
+    tooltip: $setup.currentTooltip,
+    label: $setup.currentTooltip,
+    onClick: $setup.copy
+  }, null, 8, ["icon", "tooltip", "label", "onClick"]);
+}
+
+// src/components/message-actions/message-action-copy.vue
+message_action_copy_default.render = render16;
+message_action_copy_default.__file = "src/components/message-actions/message-action-copy.vue";
+var message_action_copy_default2 = message_action_copy_default;
+var message_action_feedback_default = /* @__PURE__ */ defineComponent({
+  __name: "message-action-feedback",
+  props: {
+    value: { type: String, required: false, default: "default" },
+    likeTooltip: { type: String, required: false, default: "\u6709\u5E2E\u52A9" },
+    dislikeTooltip: { type: String, required: false, default: "\u6CA1\u5E2E\u52A9" }
+  },
+  emits: ["update:value", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("message-action-feedback");
+    const { icons } = useUIAdapter();
+    const defaultThumbUp = h(Icon, { icon: "ph:thumbs-up" });
+    const defaultThumbUpFill = h(Icon, { icon: "ph:thumbs-up-fill" });
+    const defaultThumbDown = h(Icon, { icon: "ph:thumbs-down" });
+    const defaultThumbDownFill = h(Icon, { icon: "ph:thumbs-down-fill" });
+    const likeIcon = computed(() => {
+      if (props.value === "like") {
+        return icons?.thumbUpFilled || defaultThumbUpFill;
+      }
+      return icons?.thumbUp || defaultThumbUp;
+    });
+    const dislikeIcon = computed(() => {
+      if (props.value === "dislike") {
+        return icons?.thumbDownFilled || defaultThumbDownFill;
+      }
+      return icons?.thumbDown || defaultThumbDown;
+    });
+    const handleLike = () => {
+      const newValue = props.value === "like" ? "default" : "like";
+      emit("update:value", newValue);
+      emit("change", newValue);
+    };
+    const handleDislike = () => {
+      const newValue = props.value === "dislike" ? "default" : "dislike";
+      emit("update:value", newValue);
+      emit("change", newValue);
+    };
+    const showLike = computed(() => props.value === "default" || props.value === "like");
+    const showDislike = computed(() => props.value === "default" || props.value === "dislike");
+    const __returned__ = { props, emit, bem, icons, defaultThumbUp, defaultThumbUpFill, defaultThumbDown, defaultThumbDownFill, likeIcon, dislikeIcon, handleLike, handleDislike, showLike, showDislike, MessageAction: message_action_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render17(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "span",
+    {
+      class: normalizeClass($setup.bem())
+    },
+    [
+      $setup.showLike ? (openBlock(), createBlock($setup["MessageAction"], {
+        key: 0,
+        icon: $setup.likeIcon,
+        tooltip: $props.likeTooltip,
+        label: $props.likeTooltip,
+        class: normalizeClass([$setup.bem("like"), $props.value === "like" && $setup.bem("like", "active")]),
+        onClick: $setup.handleLike
+      }, null, 8, ["icon", "tooltip", "label", "class"])) : createCommentVNode("v-if", true),
+      $setup.showDislike ? (openBlock(), createBlock($setup["MessageAction"], {
+        key: 1,
+        icon: $setup.dislikeIcon,
+        tooltip: $props.dislikeTooltip,
+        label: $props.dislikeTooltip,
+        class: normalizeClass([$setup.bem("dislike"), $props.value === "dislike" && $setup.bem("dislike", "active")]),
+        onClick: $setup.handleDislike
+      }, null, 8, ["icon", "tooltip", "label", "class"])) : createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/message-actions/message-action-feedback.vue
+message_action_feedback_default.render = render17;
+message_action_feedback_default.__file = "src/components/message-actions/message-action-feedback.vue";
+var message_action_feedback_default2 = message_action_feedback_default;
+var im_dropdown_default = /* @__PURE__ */ defineComponent({
+  __name: "im-dropdown",
+  props: {
+    items: { type: Array, required: true },
+    placement: { type: null, required: false, default: "bottom-start" },
+    offset: { type: Number, required: false, default: 4 },
+    disabled: { type: Boolean, required: false, default: false },
+    to: { type: [String, Function], required: false, skipCheck: true, default: "body" },
+    teleportDisabled: { type: Boolean, required: false, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("dropdown");
+    const visible = ref(false);
+    const handleSelect = (item) => {
+      if (item.disabled || item.divider) return;
+      emit("select", item);
+      visible.value = false;
+    };
+    const __returned__ = { props, emit, bem, visible, handleSelect, get ImPopover() {
+      return im_popover_default2;
+    }, get SvgIcon() {
+      return svg_icon_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_17 = ["onClick"];
+function render18(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["ImPopover"], {
+    visible: $setup.visible,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $setup.visible = $event),
+    trigger: "click",
+    placement: $props.placement,
+    offset: $props.offset,
+    disabled: $props.disabled,
+    to: $props.to,
+    "teleport-disabled": $props.teleportDisabled
+  }, {
+    content: withCtx(() => [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("menu"))
+        },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList($props.items, (item) => {
+              return openBlock(), createElementBlock(
+                Fragment,
+                {
+                  key: item.key
+                },
+                [
+                  item.divider ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: normalizeClass($setup.bem("divider"))
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass([$setup.bem("item"), { [$setup.bem("item", "disabled")]: item.disabled }]),
+                    onClick: ($event) => $setup.handleSelect(item)
+                  }, [
+                    item.icon ? (openBlock(), createElementBlock(
+                      "span",
+                      {
+                        key: 0,
+                        class: normalizeClass($setup.bem("icon"))
+                      },
+                      [
+                        createVNode(
+                          $setup["SvgIcon"],
+                          null,
+                          {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        )
+                      ],
+                      2
+                      /* CLASS */
+                    )) : createCommentVNode("v-if", true),
+                    createElementVNode(
+                      "span",
+                      {
+                        class: normalizeClass($setup.bem("label"))
+                      },
+                      toDisplayString(item.label),
+                      3
+                      /* TEXT, CLASS */
+                    )
+                  ], 10, _hoisted_17))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      )
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["visible", "placement", "offset", "disabled", "to", "teleport-disabled"]);
+}
+
+// src/components/base/im-dropdown/im-dropdown.vue
+im_dropdown_default.render = render18;
+im_dropdown_default.__file = "src/components/base/im-dropdown/im-dropdown.vue";
+var im_dropdown_default2 = im_dropdown_default;
+var message_action_more_default = /* @__PURE__ */ defineComponent({
+  __name: "message-action-more",
+  props: {
+    items: { type: Array, required: true },
+    tooltip: { type: String, required: false, default: "\u66F4\u591A" }
+  },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("message-action-more");
+    const { Tooltip } = useUIAdapter();
+    const defaultMoreIcon = h(Icon, { icon: "ph:dots-three" });
+    const dropdownItems = computed(() => {
+      return props.items.map((item) => ({
+        key: item.key,
+        label: item.label,
+        icon: item.icon,
+        disabled: item.disabled,
+        divider: item.divider
+      }));
+    });
+    const handleSelect = (dropdownItem) => {
+      const item = props.items.find((i) => i.key === dropdownItem.key);
+      if (item) {
+        emit("select", item);
+      }
+    };
+    const __returned__ = { props, emit, bem, Tooltip, defaultMoreIcon, dropdownItems, handleSelect, get ImDropdown() {
+      return im_dropdown_default2;
+    }, get ActionButton() {
+      return action_button_default2;
+    }, get SvgIcon() {
+      return svg_icon_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render19(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["ImDropdown"], {
+    items: $setup.dropdownItems,
+    placement: "bottom-end",
+    onSelect: $setup.handleSelect
+  }, {
+    default: withCtx(() => [
+      (openBlock(), createBlock(resolveDynamicComponent($setup.Tooltip), { content: $props.tooltip }, {
+        default: withCtx(() => [
+          createVNode($setup["ActionButton"], {
+            class: normalizeClass($setup.bem()),
+            intent: "action",
+            size: "sm",
+            square: "",
+            "aria-label": $props.tooltip
+          }, {
+            default: withCtx(() => [
+              createVNode($setup["SvgIcon"], {
+                class: normalizeClass($setup.bem("icon"))
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent($setup.defaultMoreIcon)))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class", "aria-label"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["content"]))
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["items"]);
+}
+
+// src/components/message-actions/message-action-more.vue
+message_action_more_default.render = render19;
+message_action_more_default.__file = "src/components/message-actions/message-action-more.vue";
+var message_action_more_default2 = message_action_more_default;
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/message-actions/message-actions.vue?type=script
+var message_actions_default = /* @__PURE__ */ defineComponent({
+  __name: "message-actions",
+  props: {
+    variant: { type: String, required: false, default: "borderless" },
+    actions: { type: Array, required: false },
+    maxVisible: { type: Number, required: false, default: Infinity },
+    feedbackValue: { type: String, required: false }
+  },
+  emits: ["action", "update:feedbackValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const bem = createImBem("message-actions");
+    const rootClass = computed(() => [
+      bem(),
+      bem("", props.variant)
+    ]);
+    const useConfigMode = computed(() => {
+      return props.actions && props.actions.length > 0 && !slots.default;
+    });
+    const visibleActions = computed(() => {
+      if (!props.actions) return [];
+      return props.actions.slice(0, props.maxVisible);
+    });
+    const moreActions = computed(() => {
+      if (!props.actions || props.actions.length <= props.maxVisible) return [];
+      return props.actions.slice(props.maxVisible).map((item) => ({
+        key: item.key,
+        label: item.label || item.tooltip || item.key,
+        icon: item.icon,
+        disabled: item.disabled
+      }));
+    });
+    const handleAction = (item) => {
+      if (item.handler) {
+        item.handler();
+      }
+      emit("action", item);
+    };
+    const handleMoreSelect = (moreItem) => {
+      const item = props.actions?.find((a) => a.key === moreItem.key);
+      if (item) {
+        handleAction(item);
+      }
+    };
+    const handleFeedbackChange = (value) => {
+      emit("update:feedbackValue", value);
+    };
+    const __returned__ = { props, emit, slots, bem, rootClass, useConfigMode, visibleActions, moreActions, handleAction, handleMoreSelect, handleFeedbackChange, MessageAction: message_action_default2, MessageActionCopy: message_action_copy_default2, MessageActionFeedback: message_action_feedback_default2, MessageActionMore: message_action_more_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render20(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.rootClass)
+    },
+    [
+      createCommentVNode(" \u914D\u7F6E\u65B9\u5F0F "),
+      $setup.useConfigMode ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 0 },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList($setup.visibleActions, (item) => {
+              return openBlock(), createElementBlock(
+                Fragment,
+                {
+                  key: item.key
+                },
+                [
+                  createCommentVNode(" \u590D\u5236\u7C7B\u578B "),
+                  item.type === "copy" && item.copyText ? (openBlock(), createBlock($setup["MessageActionCopy"], {
+                    key: 0,
+                    text: item.copyText,
+                    tooltip: item.tooltip
+                  }, null, 8, ["text", "tooltip"])) : item.type === "feedback" ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      createCommentVNode(" \u53CD\u9988\u7C7B\u578B "),
+                      createVNode($setup["MessageActionFeedback"], {
+                        value: $props.feedbackValue,
+                        "onUpdate:value": $setup.handleFeedbackChange
+                      }, null, 8, ["value"])
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  )) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 2 },
+                    [
+                      createCommentVNode(" \u81EA\u5B9A\u4E49\u7C7B\u578B "),
+                      createVNode($setup["MessageAction"], {
+                        icon: item.icon,
+                        tooltip: item.tooltip,
+                        disabled: item.disabled,
+                        onClick: ($event) => $setup.handleAction(item)
+                      }, null, 8, ["icon", "tooltip", "disabled", "onClick"])
+                    ],
+                    2112
+                    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                  ))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          createCommentVNode(" \u66F4\u591A\u64CD\u4F5C "),
+          $setup.moreActions.length > 0 ? (openBlock(), createBlock($setup["MessageActionMore"], {
+            key: 0,
+            items: $setup.moreActions,
+            onSelect: $setup.handleMoreSelect
+          }, null, 8, ["items"])) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : (openBlock(), createElementBlock(
+        Fragment,
+        { key: 1 },
+        [
+          createCommentVNode(" slot \u65B9\u5F0F "),
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/message-actions/message-actions.vue
+message_actions_default.render = render20;
+message_actions_default.__file = "src/components/message-actions/message-actions.vue";
+var message_actions_default2 = message_actions_default;
+var defaultPlaceholder = "Type something...";
+var sender_input_default = /* @__PURE__ */ defineComponent({
+  __name: "sender-input",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { type: String, required: false, default: defaultPlaceholder },
+    disabled: { type: Boolean, required: false, default: false },
+    bordered: { type: Boolean, required: false, default: false },
+    maxHeight: { type: [String, Number], required: false },
+    submitType: { type: String, required: false, default: "enter" },
+    extensions: { type: Array, required: false, default: () => [] }
+  }, {
+    "modelValue": { type: String, ...{ default: "" } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["focus", "blur", "change", "paste", "pasteFile", "submit"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const bem = createImBem("sender-input");
+    const modelValueChangeByEditor = ref(false);
+    const setContentByModelValue = ref(false);
+    const handleKeyDown = (event) => {
+      if (props.disabled) return false;
+      const isEnter = event.key === "Enter";
+      const hasShift = event.shiftKey;
+      const hasMeta = event.metaKey || event.ctrlKey;
+      if (!isEnter) return false;
+      if (hasMeta) {
+        event.preventDefault();
+        emit("submit");
+        return true;
+      }
+      if (props.submitType === "enter" && !hasShift) {
+        event.preventDefault();
+        emit("submit");
+        return true;
+      } else if (props.submitType === "shiftEnter" && hasShift) {
+        event.preventDefault();
+        emit("submit");
+        return true;
+      }
+      return false;
+    };
+    const editor = useEditor({
+      editorProps: {
+        editable: () => !props.disabled,
+        attributes: {
+          class: bem("editor")
+        },
+        handleKeyDown: (_view, event) => {
+          return handleKeyDown(event);
+        },
+        handlePaste: (_view, event) => {
+          const files = Array.from(event.clipboardData?.files || []);
+          if (files.length > 0) {
+            emit("pasteFile", files);
+            return true;
+          }
+          return false;
+        }
+      },
+      content: modelValue.value,
+      extensions: [
+        Markdown,
+        Document,
+        Paragraph.configure(),
+        Text,
+        Placeholder.configure({
+          placeholder: () => props.placeholder || defaultPlaceholder,
+          showOnlyWhenEditable: false
+        }),
+        UndoRedo,
+        ...props.extensions || []
+      ],
+      onFocus: (options) => {
+        emit("focus", options.event);
+      },
+      onBlur: (options) => {
+        emit("blur", options.event);
+      },
+      onUpdate: (options) => {
+        if (setContentByModelValue.value) {
+          setContentByModelValue.value = false;
+          return;
+        }
+        const markdownContent = options.editor.getMarkdown().trim();
+        if (markdownContent === modelValue.value) {
+          return;
+        }
+        modelValueChangeByEditor.value = true;
+        modelValue.value = markdownContent;
+      }
+    });
+    watch(() => props.placeholder, (newPlaceholder) => {
+      const newPlaceholderValue = newPlaceholder || defaultPlaceholder;
+      editor.value?.commands.setMeta("placeholder", newPlaceholderValue);
+    });
+    watch(modelValue, (newVal) => {
+      if (modelValueChangeByEditor.value) {
+        modelValueChangeByEditor.value = false;
+        return;
+      }
+      const newContent = newVal ?? "";
+      setContentByModelValue.value = true;
+      editor.value?.commands.setContent(newContent);
+    });
+    watch(() => props.disabled, (newDisable) => {
+      editor.value?.setEditable(!newDisable);
+    });
+    const maxHeightValue = computed(() => {
+      if (!props.maxHeight) return void 0;
+      return typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
+    });
+    const handleClick = () => {
+      nextTick(() => {
+        if (editor.value?.isEditable && !editor.value.isFocused) {
+          editor.value?.commands.focus();
+        }
+      });
+    };
+    const focus = () => {
+      editor.value?.commands.focus();
+    };
+    const blur = () => {
+      editor.value?.commands.blur();
+    };
+    const clear = () => {
+      editor.value?.commands.clearContent();
+      modelValue.value = "";
+    };
+    const insert = (text) => {
+      editor.value?.commands.insertContent(text);
+    };
+    const getEditor = () => editor.value;
+    __expose({
+      focus,
+      blur,
+      clear,
+      insert,
+      getEditor
+    });
+    const __returned__ = { defaultPlaceholder, props, emit, modelValue, bem, modelValueChangeByEditor, setContentByModelValue, handleKeyDown, editor, maxHeightValue, handleClick, focus, blur, clear, insert, getEditor, get EditorContent() {
+      return EditorContent;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render21(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["EditorContent"], {
+    class: normalizeClass($setup.bem("", {
+      bordered: $setup.props.bordered,
+      disabled: $setup.props.disabled
+    })),
+    style: normalizeStyle({
+      "--im-sender-input-max-height": $setup.maxHeightValue
+    }),
+    editor: $setup.editor,
+    onClick: $setup.handleClick
+  }, null, 8, ["class", "style", "editor"]);
+}
+
+// src/components/sender-input/sender-input.vue
+sender_input_default.render = render21;
+sender_input_default.__file = "src/components/sender-input/sender-input.vue";
+var sender_input_default2 = sender_input_default;
+var sender_submit_button_default = /* @__PURE__ */ defineComponent({
+  __name: "sender-submit-button",
+  props: {
+    disabled: { type: Boolean, required: false, default: false },
+    loading: { type: Boolean, required: false, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("sender-submit-button");
+    const buttonColor = computed(() => props.loading ? "neutral" : "primary");
+    const isDisabled = computed(() => props.disabled && !props.loading);
+    const handleClick = (event) => {
+      if (!props.loading && props.disabled) {
+        return;
+      }
+      emit("click", event);
+    };
+    const __returned__ = { props, emit, bem, buttonColor, isDisabled, handleClick, get Icon() {
+      return Icon;
+    }, ImButton: im_button_default2, SvgIcon: svg_icon_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render22(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["ImButton"], {
+    class: normalizeClass($setup.bem("", { loading: $setup.props.loading })),
+    variant: "solid",
+    color: $setup.buttonColor,
+    size: "sm",
+    square: "",
+    disabled: $setup.isDisabled,
+    "aria-label": $setup.props.loading ? "\u505C\u6B62" : "\u53D1\u9001",
+    onClick: $setup.handleClick
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createVNode($setup["SvgIcon"], {
+          class: normalizeClass($setup.bem("icon"))
+        }, {
+          default: withCtx(() => [
+            createVNode($setup["Icon"], {
+              icon: $setup.props.loading ? "mdi:stop" : "mdi:arrow-up"
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])
+      ])
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "color", "disabled", "aria-label"]);
+}
+
+// src/components/sender/components/sender-submit-button.vue
+sender_submit_button_default.render = render22;
+sender_submit_button_default.__file = "src/components/sender/components/sender-submit-button.vue";
+var sender_submit_button_default2 = sender_submit_button_default;
+var attachmentId = 0;
+function isFileTypeAccepted(file, accept) {
+  if (!accept) return true;
+  const acceptTypes = accept.split(",").map((t) => t.trim());
+  return acceptTypes.some((type) => {
+    if (type.startsWith(".")) {
+      return file.name.toLowerCase().endsWith(type.toLowerCase());
+    } else if (type.endsWith("/*")) {
+      const baseType = type.slice(0, -2);
+      return file.type.startsWith(baseType);
+    } else {
+      return file.type === type;
+    }
+  });
+}
+function useSender(options) {
+  const { props, emit, modelValue, attachments, inputRef } = options;
+  const canSubmit = computed(() => {
+    const hasContent = modelValue.value.trim().length > 0;
+    const hasAttachments = attachments.value.length > 0;
+    return !props.disabled && !props.loading && (hasContent || hasAttachments);
+  });
+  const submit = () => {
+    if (!canSubmit.value) return;
+    const message = {
+      content: modelValue.value.trim(),
+      attachments: attachments.value.length > 0 ? [...attachments.value] : void 0
+    };
+    emit("submit", message);
+    if (props.clearOnSubmit !== false) {
+      modelValue.value = "";
+      attachments.value = [];
+      inputRef.value?.clear();
+    }
+  };
+  const cancel = () => {
+    emit("cancel");
+  };
+  const focus = () => {
+    inputRef.value?.focus();
+  };
+  const blur = () => {
+    inputRef.value?.blur();
+  };
+  const clear = () => {
+    modelValue.value = "";
+    attachments.value = [];
+    inputRef.value?.clear();
+  };
+  const addFiles = (files) => {
+    for (const file of files) {
+      if (!isFileTypeAccepted(file, props.accept)) {
+        emit("fileError", { type: "type", file, message: `\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: ${file.type || file.name}` });
+        continue;
+      }
+      if (props.maxSize && file.size > props.maxSize) {
+        emit("fileError", { type: "size", file, message: `\u6587\u4EF6\u8FC7\u5927: ${file.name}` });
+        continue;
+      }
+      if (props.maxFiles && attachments.value.length >= props.maxFiles) {
+        emit("fileError", { type: "count", file, message: `\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ${props.maxFiles} \u4E2A\u6587\u4EF6` });
+        break;
+      }
+      const attachment = {
+        id: `attachment-${++attachmentId}`,
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        url: URL.createObjectURL(file),
+        file
+      };
+      attachments.value.push(attachment);
+    }
+  };
+  const removeAttachment = (id) => {
+    const index = attachments.value.findIndex((a) => a.id === id);
+    if (index !== -1) {
+      const attachment = attachments.value[index];
+      if (attachment.url?.startsWith("blob:")) {
+        URL.revokeObjectURL(attachment.url);
+      }
+      attachments.value.splice(index, 1);
+    }
+  };
+  return {
+    canSubmit,
+    submit,
+    cancel,
+    focus,
+    blur,
+    clear,
+    addFiles,
+    removeAttachment
+  };
+}
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/sender/sender.vue?type=script
+var sender_default = /* @__PURE__ */ defineComponent({
+  __name: "sender",
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: { type: String, required: false },
+    attachments: { type: Array, required: false },
+    placeholder: { type: String, required: false, default: "Type something..." },
+    disabled: { type: Boolean, required: false, default: false },
+    bordered: { type: Boolean, required: false, default: true },
+    loading: { type: Boolean, required: false, default: false },
+    maxHeight: { type: [String, Number], required: false },
+    submitType: { type: String, required: false, default: "enter" },
+    extensions: { type: Array, required: false },
+    clearOnSubmit: { type: Boolean, required: false, default: true },
+    accept: { type: String, required: false },
+    maxFiles: { type: Number, required: false },
+    maxSize: { type: Number, required: false }
+  }, {
+    "modelValue": { type: String, ...{ default: "" } },
+    "modelModifiers": {},
+    "attachments": { type: Array, ...{ default: () => [] } },
+    "attachmentsModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit", "cancel", "fileError"], ["update:modelValue", "update:attachments"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const attachments = useModel(__props, "attachments");
+    const bem = createImBem("sender");
+    const inputRef = ref();
+    const {
+      canSubmit,
+      submit,
+      cancel,
+      focus,
+      blur,
+      clear,
+      addFiles,
+      removeAttachment
+    } = useSender({
+      props,
+      emit,
+      modelValue,
+      attachments,
+      inputRef
+    });
+    const handleInputSubmit = () => {
+      submit();
+    };
+    const handleSubmitClick = () => {
+      if (props.loading) {
+        cancel();
+      } else {
+        submit();
+      }
+    };
+    const handlePasteFile = (files) => {
+      addFiles(files);
+    };
+    const fileConfig = computed(() => ({
+      accept: props.accept,
+      maxFiles: props.maxFiles,
+      maxSize: props.maxSize
+    }));
+    provide("sender", {
+      value: modelValue,
+      attachments,
+      disabled: toRef(props, "disabled"),
+      loading: toRef(props, "loading"),
+      canSubmit,
+      submit,
+      cancel,
+      addFiles,
+      removeAttachment,
+      fileConfig: fileConfig.value
+    });
+    const getEditor = () => inputRef.value?.getEditor();
+    __expose({
+      focus,
+      blur,
+      clear,
+      submit,
+      addFiles,
+      removeAttachment,
+      getEditor
+    });
+    const __returned__ = { props, emit, modelValue, attachments, bem, inputRef, canSubmit, submit, cancel, focus, blur, clear, addFiles, removeAttachment, handleInputSubmit, handleSubmitClick, handlePasteFile, fileConfig, getEditor, get SenderInput() {
+      return sender_input_default2;
+    }, SenderSubmitButton: sender_submit_button_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render23(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.bem())
+    },
+    [
+      createCommentVNode(" Header \u63D2\u69FD "),
+      renderSlot(_ctx.$slots, "header"),
+      createCommentVNode(" \u4E3B\u4F53\u5185\u5BB9\u533A "),
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("box", {
+            bordered: $setup.props.bordered,
+            disabled: $setup.props.disabled
+          }))
+        },
+        [
+          createCommentVNode(" \u9644\u4EF6\u533A\u57DF\u63D2\u69FD "),
+          renderSlot(_ctx.$slots, "attachments", {
+            attachments: $setup.attachments,
+            remove: $setup.removeAttachment
+          }),
+          createCommentVNode(" \u8F93\u5165\u6846 "),
+          createVNode($setup["SenderInput"], {
+            ref: "inputRef",
+            modelValue: $setup.modelValue,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event),
+            class: normalizeClass($setup.bem("input")),
+            placeholder: $setup.props.placeholder,
+            disabled: $setup.props.disabled || $setup.props.loading,
+            "max-height": $setup.props.maxHeight,
+            "submit-type": $setup.props.submitType,
+            extensions: $setup.props.extensions,
+            onSubmit: $setup.handleInputSubmit,
+            onPasteFile: $setup.handlePasteFile
+          }, null, 8, ["modelValue", "class", "placeholder", "disabled", "max-height", "submit-type", "extensions"]),
+          createCommentVNode(" \u5DE5\u5177\u680F "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("toolbar"))
+            },
+            [
+              createCommentVNode(" \u5DE6\u4FA7\u64CD\u4F5C\u533A "),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass($setup.bem("prefix"))
+                },
+                [
+                  renderSlot(_ctx.$slots, "prefix")
+                ],
+                2
+                /* CLASS */
+              ),
+              createCommentVNode(" \u53F3\u4FA7\u64CD\u4F5C\u533A "),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass($setup.bem("suffix"))
+                },
+                [
+                  renderSlot(_ctx.$slots, "suffix"),
+                  createCommentVNode(" \u9ED8\u8BA4\u53D1\u9001\u6309\u94AE "),
+                  createVNode($setup["SenderSubmitButton"], {
+                    disabled: !$setup.canSubmit,
+                    loading: $setup.props.loading,
+                    onClick: $setup.handleSubmitClick
+                  }, null, 8, ["disabled", "loading"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      ),
+      createCommentVNode(" Footer \u63D2\u69FD "),
+      renderSlot(_ctx.$slots, "footer")
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/sender/sender.vue
+sender_default.render = render23;
+sender_default.__file = "src/components/sender/sender.vue";
+var sender_default2 = sender_default;
+var sender_action_button_default = /* @__PURE__ */ defineComponent({
+  __name: "sender-action-button",
+  props: {
+    disabled: { type: Boolean, required: false, default: false },
+    active: { type: Boolean, required: false, default: false },
+    square: { type: Boolean, required: false, default: false },
+    ariaLabel: { type: String, required: false }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("sender-action-button");
+    const handleClick = (event) => {
+      if (!props.disabled) {
+        emit("click", event);
+      }
+    };
+    const __returned__ = { props, emit, bem, handleClick, ActionButton: action_button_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render24(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["ActionButton"], {
+    class: normalizeClass([$setup.bem("", { active: $setup.props.active })]),
+    intent: "action",
+    size: "sm",
+    square: $setup.props.square,
+    disabled: $setup.props.disabled,
+    "aria-label": $setup.props.ariaLabel,
+    onClick: $setup.handleClick
+  }, {
+    icon: withCtx(() => [
+      renderSlot(_ctx.$slots, "icon")
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "square", "disabled", "aria-label"]);
+}
+
+// src/components/sender/components/sender-action-button.vue
+sender_action_button_default.render = render24;
+sender_action_button_default.__file = "src/components/sender/components/sender-action-button.vue";
+var sender_action_button_default2 = sender_action_button_default;
+var sender_file_button_default = /* @__PURE__ */ defineComponent({
+  __name: "sender-file-button",
+  props: {
+    accept: { type: String, required: false },
+    multiple: { type: Boolean, required: false },
+    ariaLabel: { type: String, required: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const sender = inject("sender");
+    const inputRef = ref();
+    const handleClick = () => {
+      inputRef.value?.click();
+    };
+    const handleChange = (event) => {
+      const input = event.target;
+      const files = Array.from(input.files || []);
+      if (files.length > 0) {
+        sender?.addFiles(files);
+      }
+      input.value = "";
+    };
+    const acceptValue = props.accept ?? sender?.fileConfig.accept;
+    const __returned__ = { props, sender, inputRef, handleClick, handleChange, acceptValue, get Icon() {
+      return Icon;
+    }, get SvgIcon() {
+      return svg_icon_default2;
+    }, SenderActionButton: sender_action_button_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_18 = ["accept", "multiple"];
+function render25(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createVNode($setup["SenderActionButton"], {
+        square: "",
+        "aria-label": $props.ariaLabel || "\u6DFB\u52A0\u6587\u4EF6",
+        disabled: $setup.sender?.disabled.value,
+        onClick: $setup.handleClick
+      }, {
+        icon: withCtx(() => [
+          createVNode($setup["SvgIcon"], null, {
+            default: withCtx(() => [
+              createVNode($setup["Icon"], { icon: "mdi:attachment" })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["aria-label", "disabled"]),
+      createElementVNode("input", {
+        ref: "inputRef",
+        type: "file",
+        accept: $setup.acceptValue,
+        multiple: $props.multiple !== false,
+        style: { "display": "none" },
+        onChange: $setup.handleChange
+      }, null, 40, _hoisted_18)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+
+// src/components/sender/components/sender-file-button.vue
+sender_file_button_default.render = render25;
+sender_file_button_default.__file = "src/components/sender/components/sender-file-button.vue";
+var sender_file_button_default2 = sender_file_button_default;
+var sender_attachments_default = /* @__PURE__ */ defineComponent({
+  __name: "sender-attachments",
+  props: {
+    attachments: { type: Array, required: true }
+  },
+  emits: ["remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const bem = createImBem("sender-attachments");
+    const handleRemove = (id) => {
+      emit("remove", id);
+    };
+    const __returned__ = { emit, bem, handleRemove, get FilePreview() {
+      return file_preview_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render26(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.attachments.length > 0 ? (openBlock(), createElementBlock(
+    "div",
+    {
+      key: 0,
+      class: normalizeClass($setup.bem())
+    },
+    [
+      (openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList($props.attachments, (attachment) => {
+          return openBlock(), createBlock($setup["FilePreview"], {
+            key: attachment.id,
+            file: {
+              name: attachment.name,
+              type: attachment.type,
+              size: attachment.size,
+              url: attachment.url
+            },
+            compact: "",
+            removable: "",
+            onRemove: ($event) => $setup.handleRemove(attachment.id)
+          }, null, 8, ["file", "onRemove"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  )) : createCommentVNode("v-if", true);
+}
+
+// src/components/sender/components/sender-attachments.vue
+sender_attachments_default.render = render26;
+sender_attachments_default.__file = "src/components/sender/components/sender-attachments.vue";
+var sender_attachments_default2 = sender_attachments_default;
+var suggestion_item_default = /* @__PURE__ */ defineComponent({
+  __name: "suggestion-item",
+  props: {
+    item: { type: Object, required: true }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("suggestion-item");
+    const handleClick = () => {
+      if (!props.item.disabled) {
+        emit("click", props.item);
+      }
+    };
+    const __returned__ = { props, emit, bem, handleClick, get Icon() {
+      return Icon;
+    }, SvgIcon: svg_icon_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+var _hoisted_19 = ["disabled"];
+function render27(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("button", {
+    type: "button",
+    class: normalizeClass([$setup.bem(), { [$setup.bem("", "disabled")]: $props.item.disabled }]),
+    disabled: $props.item.disabled,
+    onClick: $setup.handleClick
+  }, [
+    renderSlot(_ctx.$slots, "icon", {}, () => [
+      $props.item.icon ? (openBlock(), createBlock($setup["SvgIcon"], {
+        key: 0,
+        class: normalizeClass($setup.bem("icon"))
+      }, {
+        default: withCtx(() => [
+          createVNode($setup["Icon"], {
+            icon: $props.item.icon
+          }, null, 8, ["icon"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["class"])) : createCommentVNode("v-if", true)
+    ]),
+    createElementVNode(
+      "span",
+      {
+        class: normalizeClass($setup.bem("content"))
+      },
+      [
+        createElementVNode(
+          "span",
+          {
+            class: normalizeClass($setup.bem("label"))
+          },
+          toDisplayString($props.item.label),
+          3
+          /* TEXT, CLASS */
+        ),
+        $props.item.description ? (openBlock(), createElementBlock(
+          "span",
+          {
+            key: 0,
+            class: normalizeClass($setup.bem("description"))
+          },
+          toDisplayString($props.item.description),
+          3
+          /* TEXT, CLASS */
+        )) : createCommentVNode("v-if", true)
+      ],
+      2
+      /* CLASS */
+    )
+  ], 10, _hoisted_19);
+}
+
+// src/components/suggestion/suggestion-item.vue
+suggestion_item_default.render = render27;
+suggestion_item_default.__file = "src/components/suggestion/suggestion-item.vue";
+var suggestion_item_default2 = suggestion_item_default;
+
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/chat-vue/src/components/suggestion/suggestion.vue?type=script
+var suggestion_default = /* @__PURE__ */ defineComponent({
+  __name: "suggestion",
+  props: {
+    items: { type: Array, required: true },
+    vertical: { type: Boolean, required: false, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const bem = createImBem("suggestion");
+    const handleItemClick = (item) => {
+      emit("select", item);
+    };
+    const __returned__ = { emit, bem, handleItemClick, SuggestionItemVue: suggestion_item_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render28(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass([$setup.bem(), { [$setup.bem("", "vertical")]: $props.vertical }])
+    },
+    [
+      (openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList($props.items, (item, index) => {
+          return openBlock(), createBlock($setup["SuggestionItemVue"], {
+            key: item.id ?? index,
+            item,
+            onClick: $setup.handleItemClick
+          }, {
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "icon", { item })
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["item"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/suggestion/suggestion.vue
+suggestion_default.render = render28;
+suggestion_default.__file = "src/components/suggestion/suggestion.vue";
+var suggestion_default2 = suggestion_default;
+var error_message_default = /* @__PURE__ */ defineComponent({
+  __name: "error-message",
+  props: {
+    title: { type: String, required: false },
+    message: { type: String, required: true },
+    type: { type: String, required: false, default: "unknown" },
+    retryable: { type: Boolean, required: false, default: false },
+    retryText: { type: String, required: false, default: "\u91CD\u8BD5" }
+  },
+  emits: ["retry"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createImBem("error-message");
+    const iconMap = {
+      "network": "mdi:wifi-off",
+      "rate-limit": "mdi:clock-alert-outline",
+      "server": "mdi:server-off",
+      "auth": "mdi:account-alert-outline",
+      "unknown": "mdi:alert-circle-outline"
+    };
+    const icon = computed(() => iconMap[props.type]);
+    const defaultTitleMap = {
+      "network": "\u7F51\u7EDC\u9519\u8BEF",
+      "rate-limit": "\u8BF7\u6C42\u8FC7\u4E8E\u9891\u7E41",
+      "server": "\u670D\u52A1\u5668\u9519\u8BEF",
+      "auth": "\u8BA4\u8BC1\u5931\u8D25",
+      "unknown": "\u51FA\u9519\u4E86"
+    };
+    const displayTitle = computed(() => props.title || defaultTitleMap[props.type]);
+    const handleRetry = () => {
+      emit("retry");
+    };
+    const __returned__ = { props, emit, bem, iconMap, icon, defaultTitleMap, displayTitle, handleRetry, get Icon() {
+      return Icon;
+    }, SvgIcon: svg_icon_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render29(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass([$setup.bem(), $setup.bem("", $props.type)])
+    },
+    [
+      renderSlot(_ctx.$slots, "icon", {}, () => [
+        createVNode($setup["SvgIcon"], {
+          class: normalizeClass($setup.bem("icon"))
+        }, {
+          default: withCtx(() => [
+            createVNode($setup["Icon"], { icon: $setup.icon }, null, 8, ["icon"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])
+      ]),
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("content"))
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("title"))
+            },
+            toDisplayString($setup.displayTitle),
+            3
+            /* TEXT, CLASS */
+          ),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass($setup.bem("message"))
+            },
+            toDisplayString($props.message),
+            3
+            /* TEXT, CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      ),
+      $props.retryable ? (openBlock(), createElementBlock(
+        "button",
+        {
+          key: 0,
+          type: "button",
+          class: normalizeClass($setup.bem("retry")),
+          onClick: $setup.handleRetry
+        },
+        [
+          createVNode($setup["SvgIcon"], {
+            class: normalizeClass($setup.bem("retry-icon"))
+          }, {
+            default: withCtx(() => [
+              createVNode($setup["Icon"], { icon: "mdi:refresh" })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"]),
+          createTextVNode(
+            " " + toDisplayString($props.retryText),
+            1
+            /* TEXT */
+          )
+        ],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/error-message/error-message.vue
+error_message_default.render = render29;
+error_message_default.__file = "src/components/error-message/error-message.vue";
+var error_message_default2 = error_message_default;
+var welcome_default = /* @__PURE__ */ defineComponent({
+  __name: "welcome",
+  props: {
+    title: { type: String, required: false, default: "\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u4F60\uFF1F" },
+    description: { type: String, required: false },
+    icon: { type: String, required: false, default: "mdi:robot-happy-outline" },
+    suggestions: { type: Array, required: false },
+    hint: { type: String, required: false }
+  },
+  emits: ["select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const bem = createImBem("welcome");
+    const handleSelect = (item) => {
+      emit("select", item);
+    };
+    const __returned__ = { emit, bem, handleSelect, get Icon() {
+      return Icon;
+    }, SvgIcon: svg_icon_default2, get Suggestion() {
+      return suggestion_default2;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render30(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass($setup.bem())
+    },
+    [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass($setup.bem("header"))
+        },
+        [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            $props.icon ? (openBlock(), createBlock($setup["SvgIcon"], {
+              key: 0,
+              class: normalizeClass($setup.bem("icon"))
+            }, {
+              default: withCtx(() => [
+                createVNode($setup["Icon"], { icon: $props.icon }, null, 8, ["icon"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])) : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode(
+            "h2",
+            {
+              class: normalizeClass($setup.bem("title"))
+            },
+            toDisplayString($props.title),
+            3
+            /* TEXT, CLASS */
+          ),
+          $props.description ? (openBlock(), createElementBlock(
+            "p",
+            {
+              key: 0,
+              class: normalizeClass($setup.bem("description"))
+            },
+            toDisplayString($props.description),
+            3
+            /* TEXT, CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      ),
+      $props.suggestions?.length ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass($setup.bem("suggestions"))
+        },
+        [
+          renderSlot(_ctx.$slots, "suggestions", { items: $props.suggestions }, () => [
+            createVNode($setup["Suggestion"], {
+              items: $props.suggestions,
+              onSelect: $setup.handleSelect
+            }, null, 8, ["items"])
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true),
+      $props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 1,
+          class: normalizeClass($setup.bem("hint"))
+        },
+        [
+          renderSlot(_ctx.$slots, "hint", {}, () => [
+            createTextVNode(
+              toDisplayString($props.hint),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/components/welcome/welcome.vue
+welcome_default.render = render30;
+welcome_default.__file = "src/components/welcome/welcome.vue";
+var welcome_default2 = welcome_default;
+var message_list_default = /* @__PURE__ */ defineComponent({
+  __name: "message-list",
+  props: {
+    autoScroll: { type: Boolean, required: false, default: true },
+    autoScrollThreshold: { type: Number, required: false, default: 50 },
+    scrollBehavior: { type: null, required: false, default: "instant" }
+  },
+  setup(__props, { expose: __expose }) {
+    const bem = createImBem("message-list");
+    const containerRef = useTemplateRef("container");
+    function scrollToBottom() {
+      containerRef.value?.scrollToBottom();
+    }
+    function isUserScrolledUp() {
+      return containerRef.value?.isUserScrolledUp() ?? false;
+    }
+    __expose({
+      scrollToBottom,
+      isUserScrolledUp
+    });
+    const __returned__ = { bem, containerRef, scrollToBottom, isUserScrolledUp, get AutoScrollContainer() {
+      return AutoScrollContainer;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function render31(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["AutoScrollContainer"], {
+    ref: "container",
+    enabled: $props.autoScroll,
+    threshold: $props.autoScrollThreshold,
+    behavior: $props.scrollBehavior,
+    class: normalizeClass($setup.bem())
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["enabled", "threshold", "behavior", "class"]);
+}
+
+// src/components/message-list/message-list.vue
+message_list_default.render = render31;
+message_list_default.__file = "src/components/message-list/message-list.vue";
+var message_list_default2 = message_list_default;
 var ChatProvider_default = /* @__PURE__ */ defineComponent({
   __name: "ChatProvider",
   props: {
@@ -16,15 +3879,15 @@ var ChatProvider_default = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render32(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
 
 // src/provider/ChatProvider.vue
-ChatProvider_default.render = render;
+ChatProvider_default.render = render32;
 ChatProvider_default.__file = "src/provider/ChatProvider.vue";
 var ChatProvider_default2 = ChatProvider_default;
 
-export { ChatProvider_default2 as ChatProvider };
+export { chain_of_thought_default2 as ChainOfThought, chain_of_thought_step_default2 as ChainOfThoughtStep, ChatProvider_default2 as ChatProvider, error_message_default2 as ErrorMessage, file_preview_default2 as FilePreview, im_button_default2 as ImButton, im_dropdown_default2 as ImDropdown, im_tooltip_default2 as ImTooltip, message_action_default2 as MessageAction, message_action_copy_default2 as MessageActionCopy, message_action_feedback_default2 as MessageActionFeedback, message_actions_default2 as MessageActions, message_bubble_default2 as MessageBubble, message_list_default2 as MessageList, part_renderer_default2 as PartRenderer, reasoning_message_default2 as ReasoningMessage, sender_default2 as Sender, sender_action_button_default2 as SenderActionButton, sender_attachments_default2 as SenderAttachments, sender_file_button_default2 as SenderFileButton, sender_input_default2 as SenderInput, sender_submit_button_default2 as SenderSubmitButton, source_reference_default2 as SourceReference, suggestion_default2 as Suggestion, suggestion_item_default2 as SuggestionItem, svg_icon_default2 as SvgIcon, text_message_default2 as TextMessage, tool_call_default2 as ToolCall, welcome_default2 as Welcome, provideUIAdapter, useCollapsible, useCopyAction, useSender, useUIAdapter };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map