@yh-ui/components 0.1.16 → 0.1.21

package/dist/ai-sender/src/ai-sender.cjs

@@ -94,5 +94,9 @@ const aiSenderEmits = exports.aiSenderEmits = {
   /**
    * 附件移除时触发
    */
-  "remove-attachment": _attachment => true
+  "remove-attachment": _attachment => true,
+  /**
+   * 文件上传/拖入时触发
+   */
+  upload: _files => true
 };

package/dist/ai-sender/src/ai-sender.css

@@ -751,4 +751,42 @@ html.dark {
     opacity: 1;
     transform: translateY(0);
   }
+}
+.yh-ai-sender__drag-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(var(--yh-color-primary-rgb), 0.1);
+  backdrop-filter: blur(4px);
+  border: 2px dashed var(--yh-color-primary);
+  border-radius: 12px;
+  transition: all 0.3s ease;
+  pointer-events: none;
+}
+
+.yh-ai-sender__drag-message {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  color: var(--yh-color-primary);
+  font-size: 14px;
+  font-weight: 500;
+}
+.yh-ai-sender__drag-message .yh-icon {
+  font-size: 32px;
+}
+
+@keyframes yh-sender-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }

package/dist/ai-sender/src/ai-sender.d.ts

@@ -143,5 +143,9 @@ export declare const aiSenderEmits: {
      * 附件移除时触发
      */
     'remove-attachment': (_attachment: AiAttachment) => boolean;
+    /**
+     * 文件上传/拖入时触发
+     */
+    upload: (_files: File[]) => boolean;
 };
 export type AiSenderEmits = typeof aiSenderEmits;

package/dist/ai-sender/src/ai-sender.mjs

@@ -88,5 +88,9 @@ export const aiSenderEmits = {
   /**
    * 附件移除时触发
    */
-  "remove-attachment": (_attachment) => true
+  "remove-attachment": (_attachment) => true,
+  /**
+   * 文件上传/拖入时触发
+   */
+  upload: (_files) => true
 };

package/dist/ai-sender/src/ai-sender.vue

@@ -21,10 +21,43 @@ const { themeStyle } = useComponentTheme(
 const textareaRef = ref(null);
 const localValue = ref(props.modelValue ?? "");
 const isFocused = ref(false);
+const commandPanelRef = ref();
+const isDragging = ref(false);
 const showCommands = ref(false);
 const commandSearch = ref("");
 const selectedCommandIndex = ref(0);
-const commandPanelRef = ref();
+const handleDragEnter = (e) => {
+  if (props.disabled || props.loading) return;
+  e.preventDefault();
+  isDragging.value = true;
+};
+const handleDragOver = (e) => {
+  if (props.disabled || props.loading) return;
+  e.preventDefault();
+  isDragging.value = true;
+};
+const handleDragLeave = (e) => {
+  e.preventDefault();
+  const rect = e.currentTarget.getBoundingClientRect();
+  if (e.clientX <= rect.left || e.clientX >= rect.right || e.clientY <= rect.top || e.clientY >= rect.bottom) {
+    isDragging.value = false;
+  }
+};
+const handleDrop = (e) => {
+  if (props.disabled || props.loading) return;
+  e.preventDefault();
+  isDragging.value = false;
+  const files = e.dataTransfer?.files;
+  if (files && files.length > 0) {
+    handleFiles(Array.from(files));
+  }
+};
+const handleFiles = (files) => {
+  emit("upload", files);
+};
+const handleRemoveAttachment = (attachment) => {
+  emit("remove-attachment", attachment);
+};
 watch(
   () => props.modelValue,
   (val) => {
@@ -151,7 +184,20 @@ const handleFocus = (e) => {
   <div
     :class="[ns.b(), ns.is('disabled', disabled), ns.is('loading', loading), ns.is('focused', isFocused)]"
     :style="themeStyle"
+    @dragenter="handleDragEnter"
+    @dragover="handleDragOver"
+    @dragleave="handleDragLeave"
+    @drop="handleDrop"
   >
+    <!-- Drag Overlay -->
+    <Transition name="yh-fade-in">
+      <div v-if="isDragging" :class="ns.e('drag-overlay')">
+        <div :class="ns.e('drag-message')">
+          <YhIcon name="upload" />
+          <span>{{ t('ai.sender.dragTip') }}</span>
+        </div>
+      </div>
+    </Transition>
     <!-- Slash Commands Panel -->
     <Transition name="yh-zoom-in-bottom">
       <div
@@ -211,7 +257,7 @@ const handleFocus = (e) => {
               ></div>
             </div>
           </div>
-          <button :class="ns.e('attachment-remove')" @click="emit('remove-attachment', file)">
+          <button :class="ns.e('attachment-remove')" @click="handleRemoveAttachment(file)">
             <YhIcon name="close" />
           </button>
         </div>
@@ -1036,4 +1082,42 @@ html.dark {
     transform: translateY(0);
   }
 }
+.yh-ai-sender__drag-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(var(--yh-color-primary-rgb), 0.1);
+  backdrop-filter: blur(4px);
+  border: 2px dashed var(--yh-color-primary);
+  border-radius: 12px;
+  transition: all 0.3s ease;
+  pointer-events: none;
+}
+
+.yh-ai-sender__drag-message {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  color: var(--yh-color-primary);
+  font-size: 14px;
+  font-weight: 500;
+}
+.yh-ai-sender__drag-message .yh-icon {
+  font-size: 32px;
+}
+
+@keyframes yh-sender-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 </style>

package/dist/ai-sender/src/ai-sender.vue.d.ts

@@ -1,15 +1,15 @@
-import { type AiCommand } from './ai-sender';
-declare var __VLS_9: {}, __VLS_36: {}, __VLS_50: {
-    disabled: any;
-    loading: any;
-    submit: any;
+import { type AiCommand, type AiAttachment } from './ai-sender';
+declare var __VLS_17: {}, __VLS_44: {}, __VLS_58: {
+    disabled: boolean;
+    loading: boolean;
+    submit: () => void;
 };
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_9) => any;
+    prefix?: (props: typeof __VLS_17) => any;
 } & {
-    actions?: (props: typeof __VLS_36) => any;
+    actions?: (props: typeof __VLS_44) => any;
 } & {
-    submit?: (props: typeof __VLS_50) => any;
+    submit?: (props: typeof __VLS_58) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly modelValue: {
@@ -42,28 +42,90 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: () => never[];
     };
     readonly mentionOptions: {
-        readonly type: import("vue").PropType<import("../../ai-mention").AiMentionOption[]>;
+        readonly type: import("vue").PropType<import("../..").AiMentionOption[]>;
         readonly default: () => never[];
     };
     readonly attachments: {
-        readonly type: import("vue").PropType<import("./ai-sender").AiAttachment[]>;
+        readonly type: import("vue").PropType<AiAttachment[]>;
         readonly default: () => never[];
     };
     readonly themeOverrides: {
         readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         readonly default: undefined;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly disabled: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => void;
+    upload: (_files: File[]) => void;
+    focus: (_e: FocusEvent) => void;
+    change: (_val: string) => void;
+    blur: (_e: FocusEvent) => void;
+    "update:modelValue": (_val: string) => void;
+    send: (_val: string) => void;
+    command: (_command: AiCommand) => void;
+    "remove-attachment": (_attachment: AiAttachment) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "Send a message...";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly maxLength: NumberConstructor;
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly commands: {
+        readonly type: import("vue").PropType<AiCommand[]>;
+        readonly default: () => never[];
+    };
+    readonly mentionOptions: {
+        readonly type: import("vue").PropType<import("../..").AiMentionOption[]>;
+        readonly default: () => never[];
+    };
+    readonly attachments: {
+        readonly type: import("vue").PropType<AiAttachment[]>;
+        readonly default: () => never[];
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onUpload?: ((_files: File[]) => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onChange?: ((_val: string) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((_val: string) => any) | undefined;
+    onSend?: ((_val: string) => any) | undefined;
+    onCommand?: ((_command: AiCommand) => any) | undefined;
+    "onRemove-attachment"?: ((_attachment: AiAttachment) => any) | undefined;
+}>, {
     readonly loading: boolean;
     readonly placeholder: string;
+    readonly disabled: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly modelValue: string;
     readonly clearable: boolean;
     readonly showWordLimit: boolean;
     readonly commands: AiCommand[];
-    readonly mentionOptions: import("../../ai-mention").AiMentionOption[];
-    readonly attachments: import("./ai-sender").AiAttachment[];
+    readonly mentionOptions: import("../..").AiMentionOption[];
+    readonly attachments: AiAttachment[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/ai-sources/__tests__/ai-sources.test.cjs

@@ -24,16 +24,31 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     title: "Source 3",
     fileType: "pdf",
     score: 0.75
+  }, {
+    id: 4,
+    title: "Source 4",
+    fileType: "doc",
+    score: 0.55
+  }, {
+    id: 5,
+    title: "Source 5",
+    fileType: "unknown_type",
+    score: 0.2
+  }, {
+    id: 6,
+    title: "Source 6",
+    url: "https://example.com"
   }];
   (0, _vitest.it)("renders inline mode by default", () => {
     const wrapper = (0, _testUtils.mount)(_aiSources.default, {
       props: {
-        sources: mockSources
+        sources: mockSources,
+        maxVisible: 6
       }
     });
     (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--inline");
     (0, _vitest.expect)(wrapper.find(".yh-ai-sources__inline-item").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(3);
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(6);
   });
   (0, _vitest.it)("renders card mode correctly", () => {
     const wrapper = (0, _testUtils.mount)(_aiSources.default, {
@@ -49,11 +64,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     const wrapper = (0, _testUtils.mount)(_aiSources.default, {
       props: {
         sources: mockSources,
-        mode: "badge"
+        mode: "badge",
+        maxVisible: 6
       }
     });
     (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--badge");
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__badge")).toHaveLength(3);
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__badge")).toHaveLength(6);
   });
   (0, _vitest.it)("handles expansion correctly", async () => {
     const wrapper = (0, _testUtils.mount)(_aiSources.default, {
@@ -67,7 +83,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     const expandBtn = wrapper.find(".yh-ai-sources__expand-btn");
     (0, _vitest.expect)(expandBtn.exists()).toBe(true);
     await expandBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(3);
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(6);
   });
   (0, _vitest.it)("emits events on interaction", async () => {
     const wrapper = (0, _testUtils.mount)(_aiSources.default, {
@@ -90,4 +106,95 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     });
     (0, _vitest.expect)(wrapper.find(".yh-ai-sources__score-badge").text()).toContain("95%");
   });
+  (0, _vitest.it)("handles badge mode click and drawer", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "badge"
+      }
+    });
+    const badgeBtn = wrapper.find(".yh-ai-sources__badge");
+    await badgeBtn.trigger("click");
+    (0, _vitest.expect)(wrapper.vm.drawerVisible).toBe(true);
+    const mockSrc = mockSources[0];
+    wrapper.vm.handleClick(mockSrc);
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+    const openMock = _vitest.vi.spyOn(window, "open").mockImplementation(() => null);
+    const mockLinkSrc = mockSources[5];
+    wrapper.vm.handleOpen(new MouseEvent("click"), mockLinkSrc);
+    (0, _vitest.expect)(wrapper.emitted("open")).toBeTruthy();
+    openMock.mockRestore();
+  });
+  (0, _vitest.it)("renders score colors correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "card"
+      }
+    });
+    const badges = wrapper.findAll(".yh-ai-sources__score-badge");
+  });
+  (0, _vitest.it)("handles scrollToSource expose", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "card"
+      }
+    });
+    Element.prototype.scrollIntoView = _vitest.vi.fn();
+    wrapper.vm.scrollToSource(1);
+    await wrapper.vm.$nextTick();
+    (0, _vitest.expect)(Element.prototype.scrollIntoView).toHaveBeenCalled();
+    (0, _vitest.expect)(wrapper.find(".is-highlighted").exists()).toBe(true);
+  });
+  (0, _vitest.it)("handles expansion in inline mode", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "inline",
+        maxVisible: 2
+      }
+    });
+    const expandBtn = wrapper.find(".yh-ai-sources__expand-btn");
+    (0, _vitest.expect)(expandBtn.exists()).toBe(true);
+    await expandBtn.trigger("click");
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(mockSources.length);
+  });
+  (0, _vitest.it)("covers aiSourcesEmits validators", async () => {
+    const {
+      aiSourcesEmits
+    } = await Promise.resolve().then(() => require("../src/ai-sources.cjs"));
+    (0, _vitest.expect)(aiSourcesEmits.click(mockSources[0])).toBe(true);
+    (0, _vitest.expect)(aiSourcesEmits.open(mockSources[0])).toBe(true);
+    (0, _vitest.expect)(aiSourcesEmits.click(null)).toBe(false);
+    (0, _vitest.expect)(aiSourcesEmits.open(null)).toBe(false);
+  });
+  (0, _vitest.it)("covers missing Branches in card handleOpen and default sources", async () => {
+    const wrapperEmpty = (0, _testUtils.mount)(_aiSources.default);
+    (0, _vitest.expect)(wrapperEmpty.props().sources).toEqual([]);
+    const wrapperLink = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: [{
+          id: "link",
+          title: "url",
+          url: "https://test"
+        }],
+        mode: "inline"
+      }
+    });
+    const openMock = _vitest.vi.spyOn(window, "open").mockImplementation(() => null);
+    await wrapperLink.find(".yh-ai-sources__inline-open").trigger("click");
+    (0, _vitest.expect)(openMock).toHaveBeenCalledWith("https://test", "_blank", "noopener");
+    openMock.mockRestore();
+  });
+  (0, _vitest.it)("handles click in inline mode", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "inline"
+      }
+    });
+    await wrapper.find(".yh-ai-sources__inline-item").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+  });
 });

package/dist/ai-sources/__tests__/ai-sources.test.mjs

@@ -1,5 +1,5 @@
 import { mount } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
+import { describe, it, expect, vi } from "vitest";
 import AiSources from "../src/ai-sources.vue";
 describe("AiSources", () => {
   const mockSources = [
@@ -19,17 +19,21 @@ describe("AiSources", () => {
       score: 0.85,
       excerpt: "Excerpt 2"
     },
-    { id: 3, title: "Source 3", fileType: "pdf", score: 0.75 }
+    { id: 3, title: "Source 3", fileType: "pdf", score: 0.75 },
+    { id: 4, title: "Source 4", fileType: "doc", score: 0.55 },
+    { id: 5, title: "Source 5", fileType: "unknown_type", score: 0.2 },
+    { id: 6, title: "Source 6", url: "https://example.com" }
   ];
   it("renders inline mode by default", () => {
     const wrapper = mount(AiSources, {
       props: {
-        sources: mockSources
+        sources: mockSources,
+        maxVisible: 6
       }
     });
     expect(wrapper.classes()).toContain("yh-ai-sources--inline");
     expect(wrapper.find(".yh-ai-sources__inline-item").exists()).toBe(true);
-    expect(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(3);
+    expect(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(6);
   });
   it("renders card mode correctly", () => {
     const wrapper = mount(AiSources, {
@@ -45,11 +49,12 @@ describe("AiSources", () => {
     const wrapper = mount(AiSources, {
       props: {
         sources: mockSources,
-        mode: "badge"
+        mode: "badge",
+        maxVisible: 6
       }
     });
     expect(wrapper.classes()).toContain("yh-ai-sources--badge");
-    expect(wrapper.findAll(".yh-ai-sources__badge")).toHaveLength(3);
+    expect(wrapper.findAll(".yh-ai-sources__badge")).toHaveLength(6);
   });
   it("handles expansion correctly", async () => {
     const wrapper = mount(AiSources, {
@@ -63,7 +68,7 @@ describe("AiSources", () => {
     const expandBtn = wrapper.find(".yh-ai-sources__expand-btn");
     expect(expandBtn.exists()).toBe(true);
     await expandBtn.trigger("click");
-    expect(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(3);
+    expect(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(6);
   });
   it("emits events on interaction", async () => {
     const wrapper = mount(AiSources, {
@@ -86,4 +91,70 @@ describe("AiSources", () => {
     });
     expect(wrapper.find(".yh-ai-sources__score-badge").text()).toContain("95%");
   });
+  it("handles badge mode click and drawer", async () => {
+    const wrapper = mount(AiSources, {
+      props: { sources: mockSources, mode: "badge" }
+    });
+    const badgeBtn = wrapper.find(".yh-ai-sources__badge");
+    await badgeBtn.trigger("click");
+    expect(wrapper.vm.drawerVisible).toBe(true);
+    const mockSrc = mockSources[0];
+    wrapper.vm.handleClick(mockSrc);
+    expect(wrapper.emitted("click")).toBeTruthy();
+    const openMock = vi.spyOn(window, "open").mockImplementation(() => null);
+    const mockLinkSrc = mockSources[5];
+    wrapper.vm.handleOpen(new MouseEvent("click"), mockLinkSrc);
+    expect(wrapper.emitted("open")).toBeTruthy();
+    openMock.mockRestore();
+  });
+  it("renders score colors correctly", () => {
+    const wrapper = mount(AiSources, {
+      props: { sources: mockSources, mode: "card" }
+    });
+    const badges = wrapper.findAll(".yh-ai-sources__score-badge");
+  });
+  it("handles scrollToSource expose", async () => {
+    const wrapper = mount(AiSources, {
+      props: { sources: mockSources, mode: "card" }
+    });
+    Element.prototype.scrollIntoView = vi.fn();
+    wrapper.vm.scrollToSource(1);
+    await wrapper.vm.$nextTick();
+    expect(Element.prototype.scrollIntoView).toHaveBeenCalled();
+    expect(wrapper.find(".is-highlighted").exists()).toBe(true);
+  });
+  it("handles expansion in inline mode", async () => {
+    const wrapper = mount(AiSources, {
+      props: { sources: mockSources, mode: "inline", maxVisible: 2 }
+    });
+    const expandBtn = wrapper.find(".yh-ai-sources__expand-btn");
+    expect(expandBtn.exists()).toBe(true);
+    await expandBtn.trigger("click");
+    expect(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(mockSources.length);
+  });
+  it("covers aiSourcesEmits validators", async () => {
+    const { aiSourcesEmits } = await import("../src/ai-sources.mjs");
+    expect(aiSourcesEmits.click(mockSources[0])).toBe(true);
+    expect(aiSourcesEmits.open(mockSources[0])).toBe(true);
+    expect(aiSourcesEmits.click(null)).toBe(false);
+    expect(aiSourcesEmits.open(null)).toBe(false);
+  });
+  it("covers missing Branches in card handleOpen and default sources", async () => {
+    const wrapperEmpty = mount(AiSources);
+    expect(wrapperEmpty.props().sources).toEqual([]);
+    const wrapperLink = mount(AiSources, {
+      props: { sources: [{ id: "link", title: "url", url: "https://test" }], mode: "inline" }
+    });
+    const openMock = vi.spyOn(window, "open").mockImplementation(() => null);
+    await wrapperLink.find(".yh-ai-sources__inline-open").trigger("click");
+    expect(openMock).toHaveBeenCalledWith("https://test", "_blank", "noopener");
+    openMock.mockRestore();
+  });
+  it("handles click in inline mode", async () => {
+    const wrapper = mount(AiSources, {
+      props: { sources: mockSources, mode: "inline" }
+    });
+    await wrapper.find(".yh-ai-sources__inline-item").trigger("click");
+    expect(wrapper.emitted("click")).toBeTruthy();
+  });
 });