@yh-ui/components 0.1.21 → 0.1.22

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

@@ -1,322 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import AiSender from "../src/ai-sender.vue";
-describe("YhAiSender", () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-  it("should render with base class", () => {
-    const wrapper = mount(AiSender);
-    expect(wrapper.find(".yh-ai-sender").exists()).toBe(true);
-  });
-  it("should render textarea", () => {
-    const wrapper = mount(AiSender);
-    expect(wrapper.find("textarea").exists()).toBe(true);
-  });
-  it("should render send button", () => {
-    const wrapper = mount(AiSender);
-    expect(wrapper.find(".yh-ai-sender__send-btn").exists()).toBe(true);
-  });
-  it("should display modelValue in textarea", () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "hello" } });
-    expect(wrapper.find("textarea").element.value).toBe("hello");
-  });
-  it("should emit update:modelValue on input", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "" } });
-    await wrapper.find("textarea").setValue("new text");
-    const emitted = wrapper.emitted("update:modelValue");
-    expect(emitted).toBeTruthy();
-    expect(emitted[emitted.length - 1][0]).toBe("new text");
-  });
-  it("should emit change on input", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "" } });
-    await wrapper.find("textarea").setValue("changed");
-    expect(wrapper.emitted("change")).toBeTruthy();
-  });
-  it("should apply is-disabled class when disabled=true", () => {
-    const wrapper = mount(AiSender, { props: { disabled: true } });
-    expect(wrapper.find(".yh-ai-sender").classes()).toContain("is-disabled");
-  });
-  it("should disable textarea when disabled=true", () => {
-    const wrapper = mount(AiSender, { props: { disabled: true } });
-    expect(wrapper.find("textarea").element.disabled).toBe(true);
-  });
-  it("should apply is-loading class when loading=true", () => {
-    const wrapper = mount(AiSender, { props: { loading: true } });
-    expect(wrapper.find(".yh-ai-sender").classes()).toContain("is-loading");
-  });
-  it("should disable textarea when loading=true", () => {
-    const wrapper = mount(AiSender, { props: { loading: true } });
-    expect(wrapper.find("textarea").element.disabled).toBe(true);
-  });
-  it("should emit send when button clicked with text", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "Hello" } });
-    await wrapper.find(".yh-ai-sender__send-btn").trigger("click");
-    expect(wrapper.emitted("send")).toBeTruthy();
-    expect(wrapper.emitted("send")[0][0]).toBe("Hello");
-  });
-  it("should NOT emit send when textarea is empty", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "" } });
-    await wrapper.find(".yh-ai-sender__send-btn").trigger("click");
-    expect(wrapper.emitted("send")).toBeFalsy();
-  });
-  it("should NOT emit send when disabled", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "text", disabled: true } });
-    await wrapper.find(".yh-ai-sender__send-btn").trigger("click");
-    expect(wrapper.emitted("send")).toBeFalsy();
-  });
-  it("should NOT emit send when loading", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "text", loading: true } });
-    await wrapper.find(".yh-ai-sender__send-btn").trigger("click");
-    expect(wrapper.emitted("send")).toBeFalsy();
-  });
-  it("should emit send on Enter (without Shift)", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "Hello" } });
-    await wrapper.find("textarea").trigger("keydown", { key: "Enter", shiftKey: false });
-    expect(wrapper.emitted("send")).toBeTruthy();
-  });
-  it("should NOT emit send on Shift+Enter", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "Hello" } });
-    await wrapper.find("textarea").trigger("keydown", { key: "Enter", shiftKey: true });
-    expect(wrapper.emitted("send")).toBeFalsy();
-  });
-  it("should clear value after send", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "Hello" } });
-    await wrapper.find(".yh-ai-sender__send-btn").trigger("click");
-    await nextTick();
-    const emitted = wrapper.emitted("update:modelValue");
-    expect(emitted[emitted.length - 1][0]).toBe("");
-  });
-  it("should show clear button when clearable=true and has text", () => {
-    const wrapper = mount(AiSender, {
-      props: { modelValue: "text", clearable: true }
-    });
-    expect(wrapper.find(".yh-ai-sender__clear-btn").exists()).toBe(true);
-  });
-  it("should NOT show clear button when clearable=true but empty", () => {
-    const wrapper = mount(AiSender, {
-      props: { modelValue: "", clearable: true }
-    });
-    expect(wrapper.find(".yh-ai-sender__clear-btn").exists()).toBe(false);
-  });
-  it("should emit clear when clear button clicked", async () => {
-    const wrapper = mount(AiSender, {
-      props: { modelValue: "text", clearable: true }
-    });
-    await wrapper.find(".yh-ai-sender__clear-btn").trigger("click");
-    expect(wrapper.emitted("clear")).toBeTruthy();
-  });
-  it("should show word limit when showWordLimit=true and maxLength set", () => {
-    const wrapper = mount(AiSender, {
-      props: { modelValue: "hi", showWordLimit: true, maxLength: 100 }
-    });
-    expect(wrapper.find(".yh-ai-sender__word-limit").exists()).toBe(true);
-    expect(wrapper.find(".yh-ai-sender__word-limit").text()).toContain("100");
-  });
-  it("should apply is-focused on textarea focus", async () => {
-    const wrapper = mount(AiSender);
-    await wrapper.find("textarea").trigger("focus");
-    expect(wrapper.find(".yh-ai-sender").classes()).toContain("is-focused");
-  });
-  it("should remove is-focused on textarea blur", async () => {
-    const wrapper = mount(AiSender);
-    await wrapper.get("textarea").trigger("focus");
-    await wrapper.get("textarea").trigger("blur");
-    vi.advanceTimersByTime(400);
-    await nextTick();
-    expect(wrapper.find(".yh-ai-sender").classes()).not.toContain("is-focused");
-  });
-  it("should render prefix slot", () => {
-    const wrapper = mount(AiSender, {
-      slots: { prefix: '<div class="custom-prefix">P</div>' }
-    });
-    expect(wrapper.find(".custom-prefix").exists()).toBe(true);
-  });
-  it("should render actions slot", () => {
-    const wrapper = mount(AiSender, {
-      slots: { actions: '<button class="custom-action">Extra</button>' }
-    });
-    expect(wrapper.find(".custom-action").exists()).toBe(true);
-  });
-  it("should render submit slot overriding default send button", () => {
-    const wrapper = mount(AiSender, {
-      slots: { submit: '<button class="custom-submit">Go</button>' }
-    });
-    expect(wrapper.find(".custom-submit").exists()).toBe(true);
-  });
-  it("should update when modelValue prop changes", async () => {
-    const wrapper = mount(AiSender, { props: { modelValue: "old" } });
-    await wrapper.setProps({ modelValue: "new text" });
-    await nextTick();
-    expect(wrapper.find("textarea").element.value).toBe("new text");
-  });
-  describe("Slash Commands", () => {
-    const commands = [
-      { key: "help", label: "Help" },
-      { key: "settings", label: "Settings", prompt: "Show Settings " }
-    ];
-    it("should show slash commands panel when triggering /", async () => {
-      const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.get("textarea");
-      await textarea.setValue("/h");
-      textarea.element.selectionStart = 2;
-      await textarea.trigger("input");
-      await nextTick();
-      expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(true);
-      expect(wrapper.findAll(".yh-ai-sender__command-item").length).toBe(1);
-    });
-    it("should navigate and select command with keyboard", async () => {
-      const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.find("textarea");
-      await textarea.setValue("/");
-      textarea.element.selectionStart = 1;
-      await textarea.trigger("input");
-      expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(true);
-      await textarea.trigger("keydown", { key: "ArrowDown" });
-      await textarea.trigger("keydown", { key: "ArrowUp" });
-      await textarea.trigger("keydown", { key: "Enter" });
-      expect(wrapper.emitted("command")[0][0]).toEqual(commands[0]);
-      expect(textarea.element.value).toBe("/help ");
-    });
-    it("should select command via mouse click", async () => {
-      const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.find("textarea");
-      await textarea.setValue("/");
-      textarea.element.selectionStart = 1;
-      await textarea.trigger("input");
-      await wrapper.find(".yh-ai-sender__command-item").trigger("click");
-      expect(wrapper.emitted("command")).toBeTruthy();
-    });
-    it("should hide commands on Escape", async () => {
-      const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.find("textarea");
-      await textarea.setValue("/");
-      textarea.element.selectionStart = 1;
-      await textarea.trigger("input");
-      await textarea.trigger("keydown", { key: "Escape" });
-      expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
-    });
-    it("should ignore slash followed by space", async () => {
-      const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.find("textarea");
-      await textarea.setValue("/ ");
-      textarea.element.selectionStart = 2;
-      await textarea.trigger("input");
-      expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
-    });
-    it("should hide commands on blur after delay", async () => {
-      const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.find("textarea");
-      await textarea.setValue("/");
-      textarea.element.selectionStart = 1;
-      await textarea.trigger("input");
-      await textarea.trigger("blur");
-      vi.advanceTimersByTime(400);
-      await nextTick();
-      expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
-    });
-  });
-  describe("Attachments", () => {
-    it("should render attachments and emit remove event", async () => {
-      const attachments = [
-        { id: "1", name: "img.png", type: "image/png", url: "img.png" },
-        {
-          id: "2",
-          name: "doc.pdf",
-          type: "application/pdf",
-          url: "doc.pdf",
-          status: "uploading",
-          progress: 50
-        }
-      ];
-      const wrapper = mount(AiSender, { props: { attachments } });
-      const items = wrapper.findAll(".yh-ai-sender__attachment-item");
-      expect(items.length).toBe(2);
-      expect(wrapper.find(".yh-ai-sender__progress-bar").exists()).toBe(true);
-      await wrapper.find(".yh-ai-sender__attachment-remove").trigger("click");
-      expect(wrapper.emitted("remove-attachment")[0][0]).toEqual(attachments[0]);
-    });
-  });
-  describe("Drag and Drop", () => {
-    it("should handle dragenter, dragover, dragleave and drop", async () => {
-      const wrapper = mount(AiSender);
-      const container = wrapper.find(".yh-ai-sender");
-      await container.trigger("dragenter");
-      expect(wrapper.find(".yh-ai-sender__drag-overlay").exists()).toBe(true);
-      await container.trigger("dragover");
-      expect(wrapper.find(".yh-ai-sender__drag-overlay").exists()).toBe(true);
-      const leaveEvent = new DragEvent("dragleave", { clientX: -10, clientY: -10 });
-      Object.defineProperty(leaveEvent, "currentTarget", {
-        value: { getBoundingClientRect: () => ({ left: 0, right: 100, top: 0, bottom: 100 }) }
-      });
-      await container.trigger("dragleave", leaveEvent);
-      await nextTick();
-      await container.trigger("dragover");
-      const file = new File([""], "test.png", { type: "image/png" });
-      const dropEvent = { dataTransfer: { files: [file] }, preventDefault: vi.fn() };
-      await container.trigger("drop", dropEvent);
-      expect(wrapper.emitted("upload")).toBeTruthy();
-      expect(wrapper.emitted("upload")[0][0]).toEqual([file]);
-      const leaveOutside = new DragEvent("dragleave", { clientX: -10, clientY: -10 });
-      Object.defineProperty(leaveOutside, "currentTarget", {
-        value: { getBoundingClientRect: () => ({ left: 0, right: 100, top: 0, bottom: 100 }) }
-      });
-      await container.trigger("dragleave", leaveOutside);
-      expect(wrapper.vm.isDragging).toBe(false);
-    });
-    it("should ignore drag events when disabled or loading", async () => {
-      const wrapper = mount(AiSender, { props: { disabled: true } });
-      const container = wrapper.find(".yh-ai-sender");
-      await container.trigger("dragenter");
-      expect(wrapper.find(".yh-ai-sender__drag-overlay").exists()).toBe(false);
-      await container.trigger("dragover");
-      expect(wrapper.find(".yh-ai-sender__drag-overlay").exists()).toBe(false);
-      await container.trigger("drop");
-      expect(wrapper.emitted("upload")).toBeFalsy();
-    });
-  });
-  describe("Edge Cases", () => {
-    it("should handle Enter key scenarios", async () => {
-      const wrapper = mount(AiSender);
-      const textarea = wrapper.find("textarea");
-      const preventDefault = vi.fn();
-      await textarea.trigger("keydown", { key: "Enter", preventDefault });
-      expect(preventDefault).toHaveBeenCalled();
-      expect(wrapper.emitted("send")).toBeFalsy();
-      const wrapper2 = mount(AiSender, { props: { modelValue: "   " } });
-      const preventDef2 = vi.fn();
-      await wrapper2.find("textarea").trigger("keydown", { key: "Enter", preventDefault: preventDef2 });
-      expect(preventDef2).toHaveBeenCalled();
-    });
-    it("should handle slash command boundary cases", async () => {
-      const wrapper = mount(AiSender, { props: { modelValue: "abc/" } });
-      const textarea = wrapper.find("textarea");
-      await textarea.trigger("input");
-      expect(wrapper.vm.showCommands).toBe(false);
-    });
-  });
-  describe("aiSenderEmits", () => {
-    it("should validate send event", async () => {
-      const { aiSenderEmits } = await import("../src/ai-sender.mjs");
-      expect(aiSenderEmits.send("hello")).toBe(true);
-      expect(aiSenderEmits.send("")).toBe(true);
-    });
-    it("should pass-through other event validators", async () => {
-      const { aiSenderEmits } = await import("../src/ai-sender.mjs");
-      expect(aiSenderEmits["update:modelValue"]("text")).toBe(true);
-      expect(aiSenderEmits.change("text")).toBe(true);
-      expect(aiSenderEmits.command({ key: "a", label: "b" })).toBe(true);
-      expect(aiSenderEmits.blur(new FocusEvent("blur"))).toBe(true);
-      expect(aiSenderEmits.focus(new FocusEvent("focus"))).toBe(true);
-      expect(aiSenderEmits.clear()).toBe(true);
-      expect(
-        aiSenderEmits["remove-attachment"]({ id: "1", name: "f", type: "doc", url: "doc" })
-      ).toBe(true);
-      expect(aiSenderEmits.upload([new File([""], "test.png")])).toBe(true);
-    });
-  });
-});

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

@@ -1,72 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _aiSources = _interopRequireDefault(require("../src/ai-sources.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAiSources SSR", () => {
-  const mockSources = [{
-    id: 1,
-    title: "SSR Source 1",
-    source: "vuejs.org",
-    fileType: "web",
-    score: 0.95,
-    excerpt: "Excerpt 1"
-  }, {
-    id: 2,
-    title: "SSR Source 2",
-    source: "github.com",
-    fileType: "code",
-    score: 0.85,
-    excerpt: "Excerpt 2"
-  }];
-  (0, _vitest.it)("should render basic structure in inline mode on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
-      sources: mockSources,
-      mode: "inline"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-sources");
-    (0, _vitest.expect)(html).toContain("yh-ai-sources--inline");
-    (0, _vitest.expect)(html).toContain("SSR Source 1");
-    (0, _vitest.expect)(html).toContain("SSR Source 2");
-    (0, _vitest.expect)(html).toContain("2");
-    (0, _vitest.expect)(html).toContain("\u53C2\u8003\u6765\u6E90");
-  });
-  (0, _vitest.it)("should render in card mode on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
-      sources: mockSources,
-      mode: "card"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-sources--card");
-    (0, _vitest.expect)(html).toContain("yh-ai-sources__source-card");
-    (0, _vitest.expect)(html).toContain("\u5F15\u7528\u6765\u6E90");
-  });
-  (0, _vitest.it)("should render in badge mode on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
-      sources: mockSources,
-      mode: "badge"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-sources--badge");
-    (0, _vitest.expect)(html).toContain("yh-ai-sources__badge");
-  });
-  (0, _vitest.it)("should render relevance score, file types and excerpt on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
-      sources: mockSources,
-      mode: "card",
-      showScore: true
-    }));
-    (0, _vitest.expect)(html).toContain("95%");
-    (0, _vitest.expect)(html).toContain("\u76F8\u5173\u5EA6");
-    (0, _vitest.expect)(html).toContain("Excerpt 1");
-  });
-  (0, _vitest.it)("should handle expansion text on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
-      sources: mockSources,
-      mode: "card",
-      maxVisible: 1
-    }));
-    (0, _vitest.expect)(html).toContain("\u663E\u793A\u5168\u90E8");
-    (0, _vitest.expect)(html).toContain("(2)");
-  });
-});

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

@@ -1,82 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import AiSources from "../src/ai-sources.vue";
-describe("YhAiSources SSR", () => {
-  const mockSources = [
-    {
-      id: 1,
-      title: "SSR Source 1",
-      source: "vuejs.org",
-      fileType: "web",
-      score: 0.95,
-      excerpt: "Excerpt 1"
-    },
-    {
-      id: 2,
-      title: "SSR Source 2",
-      source: "github.com",
-      fileType: "code",
-      score: 0.85,
-      excerpt: "Excerpt 2"
-    }
-  ];
-  it("should render basic structure in inline mode on server", async () => {
-    const html = await renderToString(
-      h(AiSources, {
-        sources: mockSources,
-        mode: "inline"
-      })
-    );
-    expect(html).toContain("yh-ai-sources");
-    expect(html).toContain("yh-ai-sources--inline");
-    expect(html).toContain("SSR Source 1");
-    expect(html).toContain("SSR Source 2");
-    expect(html).toContain("2");
-    expect(html).toContain("\u53C2\u8003\u6765\u6E90");
-  });
-  it("should render in card mode on server", async () => {
-    const html = await renderToString(
-      h(AiSources, {
-        sources: mockSources,
-        mode: "card"
-      })
-    );
-    expect(html).toContain("yh-ai-sources--card");
-    expect(html).toContain("yh-ai-sources__source-card");
-    expect(html).toContain("\u5F15\u7528\u6765\u6E90");
-  });
-  it("should render in badge mode on server", async () => {
-    const html = await renderToString(
-      h(AiSources, {
-        sources: mockSources,
-        mode: "badge"
-      })
-    );
-    expect(html).toContain("yh-ai-sources--badge");
-    expect(html).toContain("yh-ai-sources__badge");
-  });
-  it("should render relevance score, file types and excerpt on server", async () => {
-    const html = await renderToString(
-      h(AiSources, {
-        sources: mockSources,
-        mode: "card",
-        showScore: true
-      })
-    );
-    expect(html).toContain("95%");
-    expect(html).toContain("\u76F8\u5173\u5EA6");
-    expect(html).toContain("Excerpt 1");
-  });
-  it("should handle expansion text on server", async () => {
-    const html = await renderToString(
-      h(AiSources, {
-        sources: mockSources,
-        mode: "card",
-        maxVisible: 1
-      })
-    );
-    expect(html).toContain("\u663E\u793A\u5168\u90E8");
-    expect(html).toContain("(2)");
-  });
-});

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

@@ -1,200 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _aiSources = _interopRequireDefault(require("../src/ai-sources.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("AiSources", () => {
-  const mockSources = [{
-    id: 1,
-    title: "Source 1",
-    source: "vuejs.org",
-    fileType: "web",
-    score: 0.95,
-    excerpt: "Excerpt 1"
-  }, {
-    id: 2,
-    title: "Source 2",
-    source: "github.com",
-    fileType: "code",
-    score: 0.85,
-    excerpt: "Excerpt 2"
-  }, {
-    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"
-  }];
-  (0, _vitest.it)("renders inline mode by default", () => {
-    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
-      props: {
-        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(6);
-  });
-  (0, _vitest.it)("renders card mode correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
-      props: {
-        sources: mockSources,
-        mode: "card"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--card");
-    (0, _vitest.expect)(wrapper.find(".yh-ai-sources__source-card").exists()).toBe(true);
-  });
-  (0, _vitest.it)("renders badge mode correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
-      props: {
-        sources: mockSources,
-        mode: "badge",
-        maxVisible: 6
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--badge");
-    (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, {
-      props: {
-        sources: mockSources,
-        maxVisible: 1,
-        mode: "card"
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(1);
-    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(6);
-  });
-  (0, _vitest.it)("emits events on interaction", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
-      props: {
-        sources: mockSources,
-        mode: "card"
-      }
-    });
-    await wrapper.find(".yh-ai-sources__source-card").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("click")[0][0]).toEqual(mockSources[0]);
-  });
-  (0, _vitest.it)("shows relevance score when enabled", () => {
-    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
-      props: {
-        sources: mockSources,
-        showScore: true,
-        mode: "card"
-      }
-    });
-    (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();
-  });
-});