@agent-native/toolkit 0.21.3 → 0.22.0-nightly-20260926081002

package/dist/composer/ComposerContextMenuSearch.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { MenuSearchInput } from "../ui/command.js";
+/** Integrated search with keyboard navigation owned by its Radix menu. */
+export function ComposerContextMenuSearch({ placeholder, value, onValueChange, leading, invalid, onSubmit, }) {
+    const input = useRef(null);
+    useEffect(() => {
+        const frame = requestAnimationFrame(() => {
+            const menu = input.current?.closest('[role="menu"]');
+            // Ancestors can mount in the same frame when a source is resumed.
+            if (!menu?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'))
+                input.current?.focus();
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [placeholder]);
+    return (_jsx(MenuSearchInput, { ref: input, placeholder: placeholder, "aria-label": placeholder, "aria-invalid": invalid, value: value, onChange: (event) => onValueChange(event.target.value), leading: leading, onKeyDown: (event) => {
+            const menu = input.current?.closest('[role="menu"]');
+            const rows = Array.from(menu?.querySelectorAll('[role^="menuitem"]:not([data-disabled])') ?? []).filter((row) => row.closest('[role="menu"]') === menu);
+            if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                event.preventDefault();
+                event.stopPropagation();
+                (event.key === "ArrowDown" ? rows[0] : rows.at(-1))?.focus();
+            }
+            else if (event.key === "Enter") {
+                event.preventDefault();
+                event.stopPropagation();
+                if (onSubmit)
+                    onSubmit();
+                else
+                    rows[0]?.click();
+            }
+            else if (event.key.length === 1 ||
+                event.key === "ArrowLeft" ||
+                event.key === "ArrowRight" ||
+                event.key === "Home" ||
+                event.key === "End") {
+                // Text entry must not activate Radix's menu typeahead.
+                event.stopPropagation();
+            }
+        } }));
+}
+//# sourceMappingURL=ComposerContextMenuSearch.js.map

package/dist/composer/ComposerContextMenuSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerContextMenuSearch.js","sourceRoot":"","sources":["../../src/composer/ComposerContextMenuSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,0EAA0E;AAC1E,MAAM,UAAU,yBAAyB,CAAC,EACxC,WAAW,EACX,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,GAQT;IACC,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;YACvC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;YACrD,kEAAkE;YAClE,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,8CAA8C,CAAC;gBACtE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,KAAK,EACV,WAAW,EAAE,WAAW,gBACZ,WAAW,kBACT,OAAO,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;YACrD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACrB,IAAI,EAAE,gBAAgB,CACpB,yCAAyC,CAC1C,IAAI,EAAE,CACR,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC;YACzD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBACzD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;YAC/D,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACjC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,IAAI,QAAQ;oBAAE,QAAQ,EAAE,CAAC;;oBACpB,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;YACxB,CAAC;iBAAM,IACL,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;gBACtB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;gBACpB,KAAK,CAAC,GAAG,KAAK,KAAK,EACnB,CAAC;gBACD,uDAAuD;gBACvD,KAAK,CAAC,eAAe,EAAE,CAAC;YAC1B,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/composer/ComposerContextPicker.d.ts

@@ -0,0 +1,7 @@
+import { type ComposerContextPickerConfig } from "./useComposerContextPicker.js";
+export type { ComposerContextPickerConfig, ComposerContextPickerItem, ComposerContextPickerRequest, ComposerContextPickerResult, ComposerContextPickerSelection, ComposerContextPickerFooterAction, } from "./useComposerContextPicker.js";
+export declare function ComposerContextPicker({ config, onClose, }: {
+    config: ComposerContextPickerConfig;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ComposerContextPicker.d.ts.map

package/dist/composer/ComposerContextPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerContextPicker.d.ts","sourceRoot":"","sources":["../../src/composer/ComposerContextPicker.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,2BAA2B,EAC3B,yBAAyB,EACzB,4BAA4B,EAC5B,2BAA2B,EAC3B,8BAA8B,EAC9B,iCAAiC,GAClC,MAAM,+BAA+B,CAAC;AAEvC,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,2BAA2B,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BA0PA"}

package/dist/composer/ComposerContextPicker.js

@@ -0,0 +1,71 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowLeft, IconCheck } from "@tabler/icons-react";
+import { Button } from "../ui/button.js";
+import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, } from "../ui/dropdown-menu.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { ComposerContextMenuSearch } from "./ComposerContextMenuSearch.js";
+import { useComposerContextPicker, } from "./useComposerContextPicker.js";
+export function ComposerContextPicker({ config, onClose, }) {
+    const { t, stage, link, setLink, location, cursors, move, back, select, submitLink, loading, error, items, hasMore, retry, selecting, actionError, setActionError, result, } = useComposerContextPicker({ config, onClose });
+    const check = (selected) => (_jsx("span", { className: "ms-auto size-4 shrink-0", "aria-hidden": "true", children: selected ? _jsx(IconCheck, { className: "size-4" }) : null }));
+    const footer = config.footerAction;
+    const footerContent = footer ? (_jsxs(_Fragment, { children: [footer.icon, footer.label] })) : null;
+    return (_jsxs(_Fragment, { children: [_jsx(ComposerContextMenuSearch, { leading: stage === "results" && config.link ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t("agentChat.composer.contextBack", {
+                        defaultValue: "Back",
+                    }), onClick: back, children: _jsx(IconArrowLeft, { size: 16 }) })) : undefined, placeholder: stage === "link" ? config.link.placeholder : config.searchPlaceholder, invalid: stage === "link" && Boolean(actionError), value: stage === "link" ? link : location.search, onValueChange: (value) => {
+                    if (stage === "link") {
+                        setLink(value);
+                        setActionError(undefined);
+                    }
+                    else {
+                        cursors.current = [undefined];
+                        move({ search: value, page: 1, url: location.url });
+                    }
+                }, onSubmit: stage === "link" ? submitLink : undefined }), _jsx(DropdownMenuGroup, { className: "max-h-64 overflow-y-auto", "aria-busy": stage === "results" && (loading || selecting), children: stage === "link" ? (_jsxs(_Fragment, { children: [actionError && (_jsxs(_Fragment, { children: [_jsx("div", { role: "alert", className: "p-3 text-sm text-destructive", children: actionError.message }), actionError.retry && (_jsx(DropdownMenuItem, { disabled: selecting, onSelect: (event) => {
+                                        event.preventDefault();
+                                        actionError.retry?.();
+                                    }, children: t("agentChat.common.retry", { defaultValue: "Retry" }) }))] })), _jsx(DropdownMenuItem, { onSelect: (event) => {
+                                event.preventDefault();
+                                submitLink();
+                            }, children: config.link.submitLabel })] })) : (_jsxs(_Fragment, { children: [error ? (_jsxs(_Fragment, { children: [_jsx("div", { role: "alert", className: "p-3 text-sm text-destructive", children: error }), retry && (_jsx(DropdownMenuItem, { disabled: loading || selecting, onSelect: (event) => {
+                                        event.preventDefault();
+                                        retry();
+                                    }, children: t("agentChat.common.retry", { defaultValue: "Retry" }) }))] })) : loading ? (_jsxs("div", { role: "status", "aria-label": t("agentChat.composer.contextPending", {
+                                defaultValue: "Loading context…",
+                            }), className: "grid gap-1 p-1", children: [_jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" })] })) : (_jsxs(_Fragment, { children: [!items.length && (_jsx("div", { role: "status", className: "p-3 text-xs text-muted-foreground", children: config.emptyMessage ??
+                                        t("agentChat.composer.noContextResults", {
+                                            defaultValue: "No matching context.",
+                                        }) })), config.clearSelection && (_jsxs(DropdownMenuItem, { role: "menuitemcheckbox", "aria-checked": !config.selectedIds?.length, disabled: selecting, onSelect: (event) => {
+                                        event.preventDefault();
+                                        void select();
+                                    }, children: [config.clearSelection.label, check(!config.selectedIds?.length)] })), items.map((item) => (_jsxs(DropdownMenuItem, { role: "menuitemcheckbox", "aria-checked": config.selectedIds?.includes(item.id) === true, disabled: item.disabled || selecting, onSelect: (event) => {
+                                        event.preventDefault();
+                                        void select(item);
+                                    }, children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: item.title }), check(config.selectedIds?.includes(item.id) === true)] }, item.id)))] })), (location.page > 1 || hasMore) && (_jsxs(_Fragment, { children: [location.page > 1 && (_jsx(DropdownMenuItem, { disabled: loading || selecting, onSelect: (event) => {
+                                        event.preventDefault();
+                                        move({
+                                            ...location,
+                                            page: location.page - 1,
+                                            cursor: cursors.current[location.page - 2],
+                                        });
+                                    }, children: t("agentChat.composer.contextPrevious", {
+                                        defaultValue: "Previous",
+                                    }) })), hasMore && (_jsx(DropdownMenuItem, { disabled: loading || selecting || Boolean(error), onSelect: (event) => {
+                                        event.preventDefault();
+                                        cursors.current = [
+                                            ...cursors.current.slice(0, location.page),
+                                            result?.nextCursor,
+                                        ];
+                                        move({
+                                            ...location,
+                                            page: location.page + 1,
+                                            cursor: result?.nextCursor,
+                                        });
+                                    }, children: t("agentChat.composer.contextNext", {
+                                        defaultValue: "Next",
+                                    }) }))] }))] })) }), footer && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: footer.renderLink && !footer.disabled && !selecting ? (_jsx(DropdownMenuItem, { asChild: true, onSelect: onClose, children: footer.renderLink(footerContent) })) : (_jsx(DropdownMenuItem, { disabled: footer.disabled || selecting, onSelect: (event) => {
+                                event.preventDefault();
+                                void select("footer");
+                            }, children: footerContent })) })] }))] }));
+}
+//# sourceMappingURL=ComposerContextPicker.js.map

package/dist/composer/ComposerContextPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerContextPicker.js","sourceRoot":"","sources":["../../src/composer/ComposerContextPicker.tsx"],"names":[],"mappings":"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"}

package/dist/composer/ComposerContextPicker.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ComposerContextPicker.spec.d.ts.map

package/dist/composer/ComposerContextPicker.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerContextPicker.spec.d.ts","sourceRoot":"","sources":["../../src/composer/ComposerContextPicker.spec.tsx"],"names":[],"mappings":""}

package/dist/composer/ComposerContextPicker.spec.js

@@ -0,0 +1,454 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { TooltipProvider } from "../ui/tooltip.js";
+import { ComposerContextMenu, } from "./ComposerContextMenu.js";
+let container;
+let root;
+beforeEach(() => {
+    vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
+    vi.spyOn(HTMLElement.prototype, "scrollIntoView").mockImplementation(() => { });
+    container = document.createElement("div");
+    document.body.append(container);
+    root = createRoot(container);
+});
+afterEach(async () => {
+    await act(async () => root.unmount());
+    container.remove();
+    vi.restoreAllMocks();
+    vi.unstubAllGlobals();
+});
+async function render(config) {
+    await act(async () => root.render(_jsx(TooltipProvider, { children: _jsx(ComposerContextMenu, { items: [
+                {
+                    id: "category",
+                    label: "Category",
+                    searchPlaceholder: "Search category",
+                    children: [{ id: "source", label: "Source", picker: config }],
+                },
+            ] }) })));
+}
+const menus = () => Array.from(document.querySelectorAll('[role="menu"]'));
+const row = (label) => {
+    const found = Array.from(document.querySelectorAll('[role^="menuitem"]')).find((element) => element.textContent === label);
+    expect(found, label).toBeDefined();
+    return found;
+};
+async function key(target, key) {
+    await act(async () => {
+        target.focus();
+        target.dispatchEvent(new KeyboardEvent("keydown", { key, bubbles: true, cancelable: true }));
+        await new Promise((resolve) => setTimeout(resolve, 0));
+    });
+}
+async function click(label) {
+    await act(async () => row(label).click());
+}
+async function open() {
+    await key(container.querySelector('button[aria-label="Add context"]'), "ArrowDown");
+    await click("Add context");
+    await click("Category");
+    await click("Source");
+}
+async function search(value, placeholder = "Search source") {
+    const input = document.querySelector(`input[placeholder="${placeholder}"]`);
+    expect(input).not.toBeNull();
+    await act(async () => {
+        Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(input, value);
+        input.dispatchEvent(new Event("input", { bubbles: true }));
+    });
+}
+function deferred() {
+    let resolve;
+    let reject;
+    const promise = new Promise((yes, no) => {
+        resolve = yes;
+        reject = no;
+    });
+    return { promise, resolve, reject };
+}
+const local = () => ({
+    searchPlaceholder: "Search source",
+    items: [
+        { id: "one", title: "One" },
+        { id: "two", title: "Two" },
+    ],
+    onSelect: vi.fn(),
+});
+describe("declarative context picker", () => {
+    it("disables page controls while fetching and retains the footer", async () => {
+        const pending = deferred();
+        const load = vi
+            .fn()
+            .mockResolvedValueOnce({
+            items: [{ id: "one", title: "One" }],
+            hasMore: true,
+            nextCursor: "next",
+        })
+            .mockReturnValueOnce(pending.promise);
+        await render({
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+            footerAction: { label: "Create source", onSelect: () => false },
+        });
+        await open();
+        await click("Next");
+        expect(row("Next").getAttribute("aria-disabled")).toBe("true");
+        expect(row("Previous").getAttribute("aria-disabled")).toBe("true");
+        expect(row("Create source").getAttribute("aria-disabled")).not.toBe("true");
+        expect(menus().at(-1)?.querySelectorAll('[role="status"]')).toHaveLength(1);
+        expect(menus().at(-1)?.textContent).not.toContain("No matching context.");
+        await act(async () => pending.resolve({ items: [], hasMore: false }));
+        expect(menus().at(-1)?.textContent).toContain("No matching context.");
+    });
+    it("reports malformed remote payloads instead of turning them into empty lists", async () => {
+        await render({
+            searchPlaceholder: "Search source",
+            load: vi.fn().mockResolvedValue({ hasMore: false }),
+            onSelect: vi.fn(),
+        });
+        await open();
+        expect(menus().at(-1)?.textContent).toContain("Could not load context.");
+        expect(menus().at(-1)?.querySelector('[role="status"]')).toBeNull();
+        expect(row("Retry")).toBeDefined();
+    });
+    it("supports local error Retry, disabled rows and clear selection", async () => {
+        const retry = vi.fn();
+        const clear = vi.fn().mockResolvedValue(false);
+        const select = vi.fn();
+        const config = {
+            searchPlaceholder: "Search source",
+            items: [{ id: "one", title: "One", disabled: true }],
+            error: "Local read failed",
+            onRetry: retry,
+            onSelect: select,
+            selectedIds: ["one"],
+            clearSelection: { label: "Clear selection", onSelect: clear },
+        };
+        await render(config);
+        await open();
+        await click("Retry");
+        expect(retry).toHaveBeenCalledOnce();
+        await render({ ...config, error: undefined });
+        await click("One");
+        expect(select).not.toHaveBeenCalled();
+        await click("Clear selection");
+        expect(clear).toHaveBeenCalledOnce();
+        expect(menus()).toHaveLength(4);
+    });
+    it("retries a failed selection and closes only on success", async () => {
+        const onSelect = vi
+            .fn()
+            .mockRejectedValueOnce(new Error("Reference read failed"))
+            .mockResolvedValue(undefined);
+        await render({ ...local(), onSelect });
+        await open();
+        await click("One");
+        expect(menus().at(-1)?.textContent).toContain("Reference read failed");
+        await click("Retry");
+        expect(onSelect).toHaveBeenCalledTimes(2);
+        expect(menus()).toHaveLength(0);
+    });
+    it("aborts selection on identity change and cannot close the new account's picker", async () => {
+        const pending = deferred();
+        const onSelect = vi.fn().mockReturnValue(pending.promise);
+        const config = { ...local(), onSelect, scopeKey: "account-a" };
+        await render(config);
+        await open();
+        await click("One");
+        await render({ ...config, scopeKey: "account-b" });
+        expect(onSelect.mock.calls[0][1].signal.aborted).toBe(true);
+        await act(async () => pending.resolve());
+        expect(menus()).toHaveLength(4);
+    });
+    it("keeps link, search and page on sync refresh, and aborts a dismissed load", async () => {
+        const pending = deferred();
+        const load = vi.fn().mockResolvedValue({
+            items: [{ id: "one", title: "One" }],
+            hasMore: true,
+            nextCursor: "next",
+        });
+        const config = {
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+            refreshKey: 1,
+            link: { placeholder: "Source URL", submitLabel: "Read link" },
+        };
+        await render(config);
+        await open();
+        await search("https://example.com/source", "Source URL");
+        await click("Read link");
+        await search("one");
+        await click("Next");
+        load.mockReturnValueOnce(pending.promise);
+        await render({ ...config, refreshKey: 2 });
+        const request = load.mock.calls.at(-1)[0];
+        expect(request).toMatchObject({
+            page: 2,
+            search: "one",
+            url: "https://example.com/source",
+            cursor: "next",
+        });
+        await key(document.querySelector('input[placeholder="Search source"]'), "Escape");
+        expect(request.signal.aborted).toBe(true);
+        await act(async () => pending.resolve({ items: [{ id: "late", title: "Late" }] }));
+        expect(menus()).toHaveLength(3);
+        expect(document.body.textContent).not.toContain("Late");
+    });
+    it("keeps connected panels, integrated headers and source search autofocus", async () => {
+        await render(local());
+        await open();
+        expect(menus()).toHaveLength(4);
+        expect(menus().every((menu) => menu.classList.contains("w-64"))).toBe(true);
+        const searches = document.querySelectorAll('input[role="searchbox"]');
+        expect(searches).toHaveLength(4);
+        expect(document.querySelector('[role="combobox"]')).toBeNull();
+        for (const input of searches)
+            expect(input.hasAttribute("aria-controls")).toBe(false);
+        await act(async () => {
+            await new Promise((resolve) => requestAnimationFrame(resolve));
+        });
+        expect(document.activeElement).toBe(document.querySelector('input[placeholder="Search source"]'));
+    });
+    it("filters locally, reserves trailing checks, and preserves selection when callback returns false", async () => {
+        const select = vi.fn().mockResolvedValue(false);
+        await render({ ...local(), selectedIds: ["one"], onSelect: select });
+        await open();
+        expect(row("One").getAttribute("aria-checked")).toBe("true");
+        expect(row("Two").lastElementChild?.classList.contains("size-4")).toBe(true);
+        await search("two");
+        expect(menus().at(-1)?.textContent).not.toContain("One");
+        await click("Two");
+        expect(select).toHaveBeenCalledWith({ id: "two", title: "Two" }, expect.objectContaining({
+            search: "two",
+            page: 1,
+            signal: expect.any(AbortSignal),
+        }));
+        expect(menus()).toHaveLength(4);
+    });
+    it("routes typing and arrows through real Radix menu items and closes only the deepest submenu", async () => {
+        await render(local());
+        await open();
+        const input = document.querySelector('input[placeholder="Search source"]');
+        await key(input, "t");
+        expect(document.activeElement).toBe(input);
+        await key(input, "ArrowDown");
+        expect(document.activeElement).toBe(row("One"));
+        await key(row("One"), "ArrowDown");
+        expect(document.activeElement).toBe(row("Two"));
+        await key(row("Two"), "ArrowLeft");
+        expect(menus()).toHaveLength(3);
+        expect(document.activeElement).toBe(row("Source"));
+        await key(row("Source"), "Escape");
+        expect(menus()).toHaveLength(2);
+        expect(document.activeElement).toBe(row("Category"));
+    });
+    it("loads pages with cursor history and preserves location on refresh without descriptor loops", async () => {
+        const load = vi
+            .fn()
+            .mockResolvedValue({
+            items: [{ id: "one", title: "One" }],
+            hasMore: true,
+            nextCursor: "cursor-2",
+        });
+        const config = {
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+            refreshKey: 0,
+        };
+        await render(config);
+        await open();
+        expect(load).toHaveBeenCalledTimes(1);
+        await render({ ...config });
+        expect(load).toHaveBeenCalledTimes(1);
+        await click("Next");
+        expect(load.mock.calls.at(-1)?.[0]).toMatchObject({
+            page: 2,
+            cursor: "cursor-2",
+            search: "",
+        });
+        await render({ ...config, refreshKey: 1 });
+        expect(load.mock.calls.at(-1)?.[0]).toMatchObject({
+            page: 2,
+            cursor: "cursor-2",
+        });
+        await click("Previous");
+        expect(load.mock.calls.at(-1)?.[0].page).toBe(1);
+        await search("find");
+        expect(load.mock.calls.at(-1)?.[0]).toMatchObject({
+            search: "find",
+            page: 1,
+        });
+    });
+    it("shows exclusive loading/error/empty states and real Retry", async () => {
+        const pending = deferred();
+        const load = vi
+            .fn()
+            .mockReturnValueOnce(pending.promise)
+            .mockResolvedValue({ items: [], hasMore: false });
+        await render({
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+        });
+        await open();
+        const source = () => menus().at(-1);
+        expect(source().querySelectorAll('[role="status"]')).toHaveLength(1);
+        expect(source().textContent).not.toContain("No matching context.");
+        await act(async () => pending.reject(new Error("Read failed")));
+        expect(source().querySelectorAll('[role="alert"]')).toHaveLength(1);
+        expect(source().querySelector('[role="status"]')).toBeNull();
+        await click("Retry");
+        expect(source().querySelector('[role="alert"]')).toBeNull();
+        expect(source().textContent).toContain("No matching context.");
+    });
+    it("suppresses stale search and identity responses even when loaders ignore abort", async () => {
+        const first = deferred();
+        const second = deferred();
+        const load = vi
+            .fn()
+            .mockReturnValueOnce(first.promise)
+            .mockReturnValueOnce(second.promise)
+            .mockResolvedValue({ items: [{ id: "safe", title: "Safe" }] });
+        const config = {
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+            scopeKey: "account-a",
+        };
+        await render(config);
+        await open();
+        await search("new");
+        expect(load.mock.calls[0][0].signal.aborted).toBe(true);
+        await render({ ...config, scopeKey: "account-b" });
+        expect(load.mock.calls.at(-1)?.[0].search).toBe("");
+        await act(async () => {
+            first.resolve({ items: [{ id: "old", title: "Old" }] });
+            second.resolve({ items: [{ id: "leak", title: "Leak" }] });
+        });
+        expect(menus().at(-1)?.textContent).toContain("Safe");
+        expect(menus().at(-1)?.textContent).not.toMatch(/Old|Leak/);
+    });
+    it("ignores a slow selection after dismiss and reopening", async () => {
+        const pending = deferred();
+        const select = vi.fn().mockReturnValue(pending.promise);
+        await render({ ...local(), onSelect: select });
+        await open();
+        await click("One");
+        const signal = select.mock.calls[0][1].signal;
+        await key(row("One"), "Escape");
+        expect(signal.aborted).toBe(true);
+        await click("Source");
+        await act(async () => pending.resolve());
+        expect(menus()).toHaveLength(4);
+    });
+    it("validates links before reading, searches results, and returns to the populated link stage", async () => {
+        const load = vi
+            .fn()
+            .mockResolvedValue({ items: [{ id: "one", title: "One" }] });
+        await render({
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+            link: {
+                placeholder: "Source URL",
+                submitLabel: "Read link",
+                validate: (url) => url.startsWith("https://") ? undefined : "Use HTTPS",
+            },
+        });
+        await open();
+        expect(load).not.toHaveBeenCalled();
+        await click("Read link");
+        expect(menus().at(-1)?.textContent).toContain("Enter a link.");
+        await search("bad", "Source URL");
+        await click("Read link");
+        expect(menus().at(-1)?.textContent).toContain("Use HTTPS");
+        await search("https://example.com/source", "Source URL");
+        await click("Read link");
+        expect(load.mock.calls[0][0]).toMatchObject({
+            url: "https://example.com/source",
+            page: 1,
+        });
+        await search("one");
+        expect(load.mock.calls.at(-1)?.[0]).toMatchObject({
+            url: "https://example.com/source",
+            search: "one",
+        });
+        await act(async () => document
+            .querySelector('button[aria-label="Back"]')
+            .click());
+        expect(document.querySelector('input[placeholder="Source URL"]')?.value).toBe("https://example.com/source");
+        expect(menus()).toHaveLength(4);
+        await key(document.querySelector('input[placeholder="Source URL"]'), "ArrowLeft");
+        expect(menus()).toHaveLength(4);
+        await key(document.querySelector('input[placeholder="Source URL"]'), "ArrowRight");
+        expect(menus()).toHaveLength(4);
+        await key(row("Read link"), "ArrowLeft");
+        expect(menus()).toHaveLength(3);
+    });
+    it("keeps a genuine link footer present in empty and populated states", async () => {
+        const config = {
+            ...local(),
+            items: [],
+            footerAction: {
+                label: "Create source",
+                renderLink: (children) => (_jsx("a", { href: "/sources/setup", children: children })),
+            },
+        };
+        await render(config);
+        await open();
+        const footer = row("Create source");
+        expect(footer.tagName).toBe("A");
+        expect(footer.getAttribute("href")).toBe("/sources/setup");
+        expect(footer.closest('[role="group"]')).not.toBeNull();
+        expect(menus().at(-1)?.querySelector('[role="separator"]')).not.toBeNull();
+        await render({ ...config, items: [{ id: "one", title: "One" }] });
+        expect(row("Create source")).toBe(footer);
+    });
+    it.each(["meta", "ctrl", "middle"])("preserves native %s-click link activation", async (modifier) => {
+        await render({
+            ...local(),
+            footerAction: {
+                label: "Create source",
+                renderLink: (children) => _jsx("a", { href: "/sources/setup", children: children }),
+            },
+        });
+        await open();
+        const event = new MouseEvent(modifier === "middle" ? "auxclick" : "click", {
+            bubbles: true,
+            cancelable: true,
+            metaKey: modifier === "meta",
+            ctrlKey: modifier === "ctrl",
+            button: modifier === "middle" ? 1 : 0,
+        });
+        await act(async () => row("Create source").dispatchEvent(event));
+        expect(event.defaultPrevented).toBe(false);
+    });
+    it("retries footer failure from the link stage without starting a read", async () => {
+        const footer = vi
+            .fn()
+            .mockRejectedValueOnce(new Error("Could not open setup"))
+            .mockResolvedValue(false);
+        const load = vi.fn();
+        await render({
+            searchPlaceholder: "Search source",
+            load,
+            onSelect: vi.fn(),
+            link: { placeholder: "Source URL", submitLabel: "Read link" },
+            footerAction: { label: "Create source", onSelect: footer },
+        });
+        await open();
+        await click("Create source");
+        expect(menus().at(-1)?.textContent).toContain("Could not open setup");
+        await click("Retry");
+        expect(footer).toHaveBeenCalledTimes(2);
+        expect(load).not.toHaveBeenCalled();
+        expect(menus()).toHaveLength(4);
+    });
+});
+//# sourceMappingURL=ComposerContextPicker.spec.js.map