@jini-ai/ui 0.1.0

package/dist/react/components/EditorIcon.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function simplePath(path) {
+    return (size) => {
+        const s = size * 0.76;
+        return (_jsx("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: path }) }));
+    };
+}
+function vscodeLogo(size) {
+    const s = size * 0.76;
+    return (_jsx("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M23.15 2.587 18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352Zm-5.146 14.861L10.826 12l7.178-5.448v10.896Z" }) }));
+}
+function finderLogo(size) {
+    const s = size * 0.78;
+    return (_jsxs("svg", { width: s, height: s, viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("rect", { width: "24", height: "24", rx: "5.4", fill: "#2f9bff" }), _jsx("path", { d: "M12 0h6.6A5.4 5.4 0 0 1 24 5.4v13.2a5.4 5.4 0 0 1-5.4 5.4H12Z", fill: "#77c2ff" }), _jsx("path", { d: "M11.6 2.2c-1.4 2.4-2.1 5.5-2.1 9.8s.7 7.4 2.1 9.8", fill: "none", stroke: "#0b4f93", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M7.4 9.1h.1M16.4 9.1h.1", stroke: "#0b4f93", strokeWidth: "1.8", strokeLinecap: "round" }), _jsx("path", { d: "M7.4 15.2c2.9 1.6 6.3 1.6 9.2 0", fill: "none", stroke: "#0b4f93", strokeWidth: "1.2", strokeLinecap: "round" })] }));
+}
+function terminalLogo(size) {
+    const s = size * 0.76;
+    return (_jsxs("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "3", width: "21", height: "18", rx: "3", fill: "#111" }), _jsx("path", { d: "m6.2 8 4 4-4 4", stroke: "#9be37a", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12.8 16h5", stroke: "#9be37a", strokeWidth: "2.2", strokeLinecap: "round" })] }));
+}
+function folderLogo(size) {
+    const s = size * 0.76;
+    return (_jsxs("svg", { width: s, height: s, viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M2.75 5.75A2.75 2.75 0 0 1 5.5 3h4.32c.74 0 1.43.36 1.86.96l1.1 1.54h5.72a2.75 2.75 0 0 1 2.75 2.75v9.5a2.75 2.75 0 0 1-2.75 2.75h-13A2.75 2.75 0 0 1 2.75 17.75z", fill: "currentColor" }), _jsx("path", { d: "M3.7 8.1h16.6", stroke: "#ffffff", strokeWidth: "1.25", strokeLinecap: "round", opacity: ".7" })] }));
+}
+function qoderLogo(size) {
+    const s = size * 0.76;
+    return (_jsxs("svg", { width: s, height: s, viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("rect", { width: "24", height: "24", rx: "5", fill: "#ffb15e" }), _jsx("path", { d: "M12 4 20 12l-8 8-8-8 8-8Z", fill: "#667085" }), _jsx("path", { d: "M12 8.2 15.8 12 12 15.8 8.2 12 12 8.2Z", fill: "#1f2937", opacity: ".2" })] }));
+}
+function antigravityLogo(size) {
+    const s = size * 0.78;
+    return (_jsxs("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { width: "24", height: "24", rx: "5", fill: "#f8fafd" }), _jsx("path", { d: "M6.5 15.4c1.5 2.4 5.1 3.2 8 1.8 2.9-1.4 4.2-4.5 2.7-6.9", stroke: "#4285f4", strokeWidth: "2.1", strokeLinecap: "round" }), _jsx("path", { d: "M17.5 8.6c-1.5-2.4-5.1-3.2-8-1.8-2.9 1.4-4.2 4.5-2.7 6.9", stroke: "#ea4335", strokeWidth: "2.1", strokeLinecap: "round" }), _jsx("path", { d: "M8.2 8.3 12 12l3.8 3.7", stroke: "#34a853", strokeWidth: "2.1", strokeLinecap: "round" }), _jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#fbbc04" })] }));
+}
+const cursorPath = 'M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23';
+const zedPath = 'M2.25 1.5a.75.75 0 0 0-.75.75v16.5H0V2.25A2.25 2.25 0 0 1 2.25 0h20.095c1.002 0 1.504 1.212.795 1.92L10.764 14.298h3.486V12.75h1.5v1.922a1.125 1.125 0 0 1-1.125 1.125H9.264l-2.578 2.578h11.689V9h1.5v9.375a1.5 1.5 0 0 1-1.5 1.5H5.185L2.562 22.5H21.75a.75.75 0 0 0 .75-.75V5.25H24v16.5A2.25 2.25 0 0 1 21.75 24H1.655C.653 24 .151 22.788.86 22.08L13.19 9.75H9.75v1.5h-1.5V9.375A1.125 1.125 0 0 1 9.375 8.25h5.314l2.625-2.625H5.625V15h-1.5V5.625a1.5 1.5 0 0 1 1.5-1.5h13.19L21.438 1.5z';
+const windsurfPath = 'M23.55 5.067c-1.2038-.002-2.1806.973-2.1806 2.1765v4.8676c0 .972-.8035 1.7594-1.7597 1.7594-.568 0-1.1352-.286-1.4718-.7659l-4.9713-7.1003c-.4125-.5896-1.0837-.941-1.8103-.941-1.1334 0-2.1533.9635-2.1533 2.153v4.8957c0 .972-.7969 1.7594-1.7596 1.7594-.57 0-1.1363-.286-1.4728-.7658L.4076 5.1598C.2822 4.9798 0 5.0688 0 5.2882v4.2452c0 .2147.0656.4228.1884.599l5.4748 7.8183c.3234.462.8006.8052 1.3509.9298 1.3771.313 2.6446-.747 2.6446-2.0977v-4.893c0-.972.7875-1.7593 1.7596-1.7593h.003a1.798 1.798 0 0 1 1.4718.7658l4.9723 7.0994c.4135.5905 1.05.941 1.8093.941 1.1587 0 2.1515-.9645 2.1515-2.153v-4.8948c0-.972.7875-1.7594 1.7596-1.7594h.194a.22.22 0 0 0 .2204-.2202v-4.622a.22.22 0 0 0-.2203-.2203Z';
+const xcodePath = 'M19.06 5.3327c.4517-.1936.7744-.2581 1.097-.1936.5163.1291.7744.5163.968.7098.1936.3872.9034.7744 1.2261.8389.2581.0645.7098-.6453 1.0325-1.2906.3227-.5808.5163-1.3552.4517-1.5488-.0645-.1936-.968-.5808-1.1616-.5808-.1291 0-.3872.1291-.8389.0645-.4517-.0645-.9034-.5808-1.1616-.968-.4517-.6453-1.097-1.0325-1.6778-1.3552-.6453-.3227-1.3552-.5163-2.065-.6453-1.0325-.2581-2.065-.4517-3.0975-.3227-.5808.0645-1.2906.1291-1.8069.3227-.0645 0-.1936.1936-.0645.1936s.5808.0645.5808.0645-.5807.1292-.5807.2583c0 .1291.0645.1291.1291.1291.0645 0 1.4842-.0645 2.065 0 .6453.1291 1.3552.4517 1.8069 1.2261.7744 1.4197.4517 2.7749.2581 3.2266-.968 2.1295-8.6472 15.2294-9.0344 16.1328-.3873.9034-.5163 1.4842.5807 2.065s1.6778.3227 2.0005-.0645c.3872-.5163 7.0339-17.1654 9.2925-18.2624zm-3.6138 8.7117h1.5488c1.0325 0 1.2261.5163 1.2261.7098.0645.5163-.1936 1.1616-1.2261 1.1616h-.968l.7744 1.2906c.4517.7744.2581 1.1616 0 1.4197-.3872.3872-1.2261.3872-1.6778-.4517l-.9034-1.5488c-.6453 1.4197-1.2906 2.9684-2.065 4.7753h4.0009c1.9359 0 3.5492-1.6133 3.5492-3.5492V6.5588c-.0645-.1291-.1936-.0645-.2581 0-.3872.4517-1.4842 2.0004-4.001 7.4856zm-9.8087 8.0019h-.3227c-2.3231 0-4.1945-1.8714-4.1945-4.1945V7.0105c0-2.3231 1.8714-4.1945 4.1945-4.1945h9.3571c-.1936-.1936-.968-.5163-1.7423-.4517-.3227 0-.968.1291-1.3552-.1291-.3872-.3227-.3227-.5163-.9034-.5163H4.9277c-2.6458 0-4.7753 2.1295-4.7753 4.7753v11.7447c0 2.6458 2.1295 4.7753 4.4527 4.7108.6452 0 .8388-.5162 1.0324-.9034zM20.4152 6.9459v10.9058c0 2.3231-1.8714 4.1945-4.1945 4.1945H11.897s-.3872 1.0325.8389 1.0325h3.8719c2.6458 0 4.7753-2.1295 4.7753-4.7753V8.8173c.0646-.9034-.7098-1.4842-.9679-1.8714zm-18.5851.0646v10.8413c0 1.9359 1.6133 3.5492 3.5492 3.5492h.5808c0-.0645.7744-1.4197 2.4522-4.2591.1936-.3872.4517-.7744.7098-1.2261H4.4114c-.5808 0-.9034-.3872-.968-.7098-.1291-.5163.1936-1.1616.9034-1.1616h2.3877l3.033-5.2916s-.7098-1.2906-.9034-1.6133c-.2582-.4517-.1291-.9034.129-1.1615.3872-.3872 1.0325-.5808 1.6778.4517l.2581.3872.2581-.3872c.5808-.8389.968-.7744 1.2906-.7098.5163.1291.8389.7098.3872 1.6133L8.864 14.0444h1.3552c.4517-.7744.9034-1.5488 1.3552-2.3877-.0645-.3227-.1291-.7098-.0645-1.0325.0645-.5163.3227-.968.6453-1.3552l.3872.6453c1.2261-2.1295 2.1295-3.9364 2.3877-4.6463.1291-.3872.3227-1.1616.1291-1.8069H5.3794c-2.0005.0001-3.5493 1.6134-3.5493 3.5494zM4.605 17.7872c0-.0645.7744-1.4197.7744-1.4197 1.2261-.3227 1.8069.4517 1.8714.5163 0 0-.8389 1.4842-1.097 1.7423s-.5808.3227-.9034.2581c-.5164-.129-.839-.6453-.6454-1.097z';
+const webstormPath = 'M0 0v24h24V0H0zm17.889 2.889c1.444 0 2.667.444 3.667 1.278l-1.111 1.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0 .667.444.889 2.111 1.333 2 .556 3.111 1.278 3.111 3v.056c0 2-1.5 3.111-3.611 3.111-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722 1.833 1.222 2.944 1.222.889 0 1.389-.333 1.389-.944v-.056c0-.556-.333-.833-2-1.278-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833 1.444-3 3.444-3zm-16.111.222h2.278l1.5 5.778 1.722-5.778h1.667l1.667 5.778 1.5-5.778h2.333l-2.833 9.944H9.723L8.112 7.277l-1.667 5.778H4.612L1.779 3.111zm.5 16.389h9V21h-9v-1.5z';
+const ideaPath = 'M0 0v24h24V0zm3.723 3.111h5v1.834h-1.39v6.277h1.39v1.834h-5v-1.834h1.444V4.945H3.723zm11.055 0H17v6.5c0 .612-.055 1.111-.222 1.556-.167.444-.39.777-.723 1.11-.277.279-.666.557-1.11.668a3.933 3.933 0 0 1-1.445.278c-.778 0-1.444-.167-1.944-.445a4.81 4.81 0 0 1-1.279-1.056l1.39-1.555c.277.334.555.555.833.722.277.167.611.278.945.278.389 0 .721-.111 1-.389.221-.278.333-.667.333-1.278zM2.222 19.5h9V21h-9z';
+const warpPath = 'M12.035 2.723h9.253A2.712 2.712 0 0 1 24 5.435v10.529a2.712 2.712 0 0 1-2.712 2.713H8.047Zm-1.681 2.6L6.766 19.677h5.598l-.399 1.6H2.712A2.712 2.712 0 0 1 0 18.565V8.036a2.712 2.712 0 0 1 2.712-2.712Z';
+const EDITORS = {
+    vscode: { bg: '#007ACC', fg: '#ffffff', glyph: vscodeLogo },
+    cursor: { bg: '#0a0a0a', fg: '#ffffff', glyph: simplePath(cursorPath) },
+    windsurf: { bg: '#f7fffb', fg: '#0b100f', glyph: simplePath(windsurfPath) },
+    zed: { bg: '#1348DC', fg: '#ffffff', glyph: simplePath(zedPath) },
+    qoder: { bg: '#ffb15e', fg: '#1f2937', glyph: qoderLogo },
+    antigravity: { bg: '#ffffff', fg: '#1f2937', glyph: antigravityLogo },
+    webstorm: { bg: '#000000', fg: '#ffffff', glyph: simplePath(webstormPath) },
+    idea: { bg: '#000000', fg: '#ffffff', glyph: simplePath(ideaPath) },
+    xcode: { bg: '#147EFB', fg: '#ffffff', glyph: simplePath(xcodePath) },
+    finder: { bg: '#3097f6', fg: '#ffffff', glyph: finderLogo },
+    explorer: { bg: '#fbbf24', fg: '#1a1a1a', glyph: folderLogo },
+    'file-manager': { bg: '#6b7280', fg: '#ffffff', glyph: folderLogo },
+    terminal: { bg: '#111111', fg: '#9be37a', glyph: terminalLogo },
+    warp: { bg: '#01A4FF', fg: '#ffffff', glyph: simplePath(warpPath) },
+};
+/**
+ * Renders a host-supplied editor/target's brand mark by string key, with a
+ * graceful neutral folder-tile fallback for unregistered ids. Same
+ * lookup-table shape as `Icon`/`AgentIcon`/`RemixIcon`, but keyed on inline
+ * SVG glyphs + a bg/fg color pair instead of an external asset or webfont
+ * glyph — every mark here is drawn inline so the tile's background/foreground
+ * colors can be set per-brand without extra image requests.
+ */
+export function EditorIcon({ editorId, size = 16 }) {
+    const visual = EDITORS[editorId];
+    if (!visual) {
+        return (_jsx("span", { className: "editor-icon", style: {
+                width: size,
+                height: size,
+                background: '#9ca3af',
+                color: '#ffffff',
+            }, children: _jsx("svg", { width: size * 0.6, height: size * 0.6, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }) }) }));
+    }
+    return (_jsx("span", { className: "editor-icon", style: { width: size, height: size, background: visual.bg, color: visual.fg }, children: visual.glyph(size) }));
+}
+//# sourceMappingURL=EditorIcon.js.map

package/dist/react/components/EditorIcon.js.map

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

package/dist/react/components/ExportDiagnosticsButton.d.ts

@@ -0,0 +1,110 @@
+/**
+ * Injectable bridge for a native (e.g. Electron) shell that can save the
+ * exported archive via a native save dialog. When not supplied, the button
+ * falls back to a browser download via `exportPath`.
+ */
+export interface DesktopExportBridge {
+    exportDiagnostics(): Promise<{
+        ok: true;
+        path: string;
+    } | {
+        ok: false;
+        cancelled: true;
+    } | {
+        ok: false;
+        cancelled: false;
+        message: string;
+    }>;
+}
+export declare const STATUS_CLEAR_MS = 6000;
+export type ExportStatus = {
+    kind: 'idle';
+} | {
+    kind: 'busy';
+} | {
+    kind: 'success';
+    message: string;
+} | {
+    kind: 'error';
+    message: string;
+};
+/**
+ * Extract a filename from a `Content-Disposition` header, understanding the
+ * RFC 5987 `filename*=UTF-8''…`, the quoted `filename="…"`, and the bare
+ * `filename=…` forms. Returns null when the header is absent or carries no
+ * filename token. The non-null assertion on the alternation is sound: each of
+ * the three regex branches captures a non-empty group, so a successful match
+ * always yields a defined `raw`.
+ */
+export declare function fileNameFromHeader(header: string | null): string | null;
+/** Timestamped `<prefix>-<iso>.zip` name for the browser-download fallback. */
+export declare function fallbackFilename(prefix: string): string;
+/**
+ * Fetch the archive from a same-origin HTTP endpoint and trigger a browser
+ * download via a transient anchor. Resolves with the saved filename; throws an
+ * Error (carrying the server message when available) on a non-OK response.
+ */
+export declare function exportViaHttp(exportPath: string, filenamePrefix: string): Promise<{
+    filename: string;
+}>;
+export type ExportLabels = Partial<{
+    button: string;
+    exporting: string;
+    success: (path: string) => string;
+    failed: (message: string) => string;
+}>;
+export interface ExportDiagnosticsButtonProps {
+    /** HTTP endpoint used when no `desktopBridge` is supplied. */
+    exportPath?: string;
+    /** Filename prefix for the browser-download fallback. */
+    filenamePrefix?: string;
+    /** Native-shell export bridge (e.g. Electron's contextBridge API). When
+     *  present, used instead of the HTTP fallback. */
+    desktopBridge?: DesktopExportBridge;
+    labels?: ExportLabels;
+}
+export declare const DEFAULT_EXPORT_LABELS: {
+    button: string;
+    exporting: string;
+    success: (path: string) => string;
+    failed: (message: string) => string;
+};
+export type ResolvedExportLabels = typeof DEFAULT_EXPORT_LABELS;
+/** Merge host label overrides onto the built-in English defaults. */
+export declare function resolveExportLabels(labels?: ExportLabels): ResolvedExportLabels;
+export interface UseAutoClearStatusResult {
+    status: ExportStatus;
+    setStatus: (next: ExportStatus) => void;
+    /** (Re)arm a timer that returns the status to `idle` after `clearMs`. */
+    scheduleClear: () => void;
+}
+/**
+ * Owns the export status plus a single self-cancelling "clear back to idle"
+ * timer. Re-arming replaces any pending timer, and the timer is cancelled on
+ * unmount so it never fires against an unmounted tree. Exported for isolated
+ * testing (drive it with fake timers).
+ */
+export declare function useAutoClearStatus(clearMs?: number): UseAutoClearStatusResult;
+export interface UseExportDiagnosticsResult {
+    status: ExportStatus;
+    busy: boolean;
+    labels: ResolvedExportLabels;
+    /** Run an export (native bridge if present, else HTTP). No-ops while busy. */
+    runExport: () => Promise<void>;
+}
+/**
+ * All of the button's behavior — status transitions, the native/HTTP branch,
+ * and the busy re-entrancy guard — with no rendering. The `if (busy) return`
+ * guard is unreachable through the rendered button (it's `disabled` while
+ * busy) but reachable by calling `runExport` twice through this hook.
+ * {@link ExportDiagnosticsButton} is the dumb consumer.
+ */
+export declare function useExportDiagnostics(props: ExportDiagnosticsButtonProps): UseExportDiagnosticsResult;
+/**
+ * Renders a labeled button with a short status line below it. Works with
+ * either a native shell (via `desktopBridge`) or a browser download
+ * (via `exportPath`, a same-origin HTTP endpoint that returns the archive).
+ * All logic lives in {@link useExportDiagnostics}; this is a dumb render.
+ */
+export declare function ExportDiagnosticsButton(props: ExportDiagnosticsButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=ExportDiagnosticsButton.d.ts.map

package/dist/react/components/ExportDiagnosticsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDiagnosticsButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/ExportDiagnosticsButton.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,IAAI,OAAO,CACxB;QAAE,EAAE,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC1B;QAAE,EAAE,EAAE,KAAK,CAAC;QAAC,SAAS,EAAE,IAAI,CAAA;KAAE,GAC9B;QAAE,EAAE,EAAE,KAAK,CAAC;QAAC,SAAS,EAAE,KAAK,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CACnD,CAAC;CACH;AAED,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvC;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAUvE;AAED,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED;;;;GAIG;AACH,wBAAsB,aAAa,CACjC,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,MAAM,GACrB,OAAO,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CA0B/B;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC,CAAC,CAAC;AAEH,MAAM,WAAW,4BAA4B;IAC3C,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;sDACkD;IAClD,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,qBAAqB;;;oBAGhB,MAAM;sBACJ,MAAM;CACzB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,qBAAqB,CAAC;AAEhE,qEAAqE;AACrE,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,oBAAoB,CAE/E;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,yEAAyE;IACzE,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,MAAwB,GAAG,wBAAwB,CAc9F;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC;IAC7B,8EAA8E;IAC9E,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,4BAA4B,GAAG,0BAA0B,CAwCpG;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,+BAqB1E"}

package/dist/react/components/ExportDiagnosticsButton.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Icon } from './Icon';
+export const STATUS_CLEAR_MS = 6000;
+/**
+ * Extract a filename from a `Content-Disposition` header, understanding the
+ * RFC 5987 `filename*=UTF-8''…`, the quoted `filename="…"`, and the bare
+ * `filename=…` forms. Returns null when the header is absent or carries no
+ * filename token. The non-null assertion on the alternation is sound: each of
+ * the three regex branches captures a non-empty group, so a successful match
+ * always yields a defined `raw`.
+ */
+export function fileNameFromHeader(header) {
+    if (header == null)
+        return null;
+    const match = /filename\*=UTF-8''([^;\n]+)|filename="([^"]+)"|filename=([^;\n]+)/i.exec(header);
+    if (match == null)
+        return null;
+    const raw = (match[1] ?? match[2] ?? match[3]);
+    try {
+        return decodeURIComponent(raw.trim());
+    }
+    catch {
+        return raw.trim();
+    }
+}
+/** Timestamped `<prefix>-<iso>.zip` name for the browser-download fallback. */
+export function fallbackFilename(prefix) {
+    const stamp = new Date().toISOString().replace(/[:.]/g, '-');
+    return `${prefix}-${stamp}.zip`;
+}
+/**
+ * Fetch the archive from a same-origin HTTP endpoint and trigger a browser
+ * download via a transient anchor. Resolves with the saved filename; throws an
+ * Error (carrying the server message when available) on a non-OK response.
+ */
+export async function exportViaHttp(exportPath, filenamePrefix) {
+    const res = await fetch(exportPath, { credentials: 'same-origin' });
+    if (!res.ok) {
+        let message = `${res.status} ${res.statusText}`;
+        try {
+            const body = await res.json();
+            if (body && typeof body.message === 'string')
+                message = body.message;
+        }
+        catch {
+            // ignore body parse errors
+        }
+        throw new Error(message);
+    }
+    const blob = await res.blob();
+    const filename = fileNameFromHeader(res.headers.get('content-disposition')) ?? fallbackFilename(filenamePrefix);
+    const url = URL.createObjectURL(blob);
+    try {
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = filename;
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+    }
+    finally {
+        URL.revokeObjectURL(url);
+    }
+    return { filename };
+}
+export const DEFAULT_EXPORT_LABELS = {
+    button: 'Export diagnostics',
+    exporting: 'Exporting…',
+    success: (path) => `Exported to ${path}`,
+    failed: (message) => `Export failed: ${message}`,
+};
+/** Merge host label overrides onto the built-in English defaults. */
+export function resolveExportLabels(labels) {
+    return { ...DEFAULT_EXPORT_LABELS, ...labels };
+}
+/**
+ * Owns the export status plus a single self-cancelling "clear back to idle"
+ * timer. Re-arming replaces any pending timer, and the timer is cancelled on
+ * unmount so it never fires against an unmounted tree. Exported for isolated
+ * testing (drive it with fake timers).
+ */
+export function useAutoClearStatus(clearMs = STATUS_CLEAR_MS) {
+    const [status, setStatus] = useState({ kind: 'idle' });
+    const clearTimer = useRef(null);
+    useEffect(() => () => {
+        if (clearTimer.current != null)
+            clearTimeout(clearTimer.current);
+    }, []);
+    const scheduleClear = useCallback(() => {
+        if (clearTimer.current != null)
+            clearTimeout(clearTimer.current);
+        clearTimer.current = setTimeout(() => setStatus({ kind: 'idle' }), clearMs);
+    }, [clearMs]);
+    return { status, setStatus, scheduleClear };
+}
+/**
+ * All of the button's behavior — status transitions, the native/HTTP branch,
+ * and the busy re-entrancy guard — with no rendering. The `if (busy) return`
+ * guard is unreachable through the rendered button (it's `disabled` while
+ * busy) but reachable by calling `runExport` twice through this hook.
+ * {@link ExportDiagnosticsButton} is the dumb consumer.
+ */
+export function useExportDiagnostics(props) {
+    const { exportPath = '/api/diagnostics/export', filenamePrefix = 'diagnostics', desktopBridge, labels, } = props;
+    const t = resolveExportLabels(labels);
+    const { status, setStatus, scheduleClear } = useAutoClearStatus();
+    const runExport = useCallback(async () => {
+        if (status.kind === 'busy')
+            return;
+        setStatus({ kind: 'busy' });
+        try {
+            if (desktopBridge != null) {
+                const result = await desktopBridge.exportDiagnostics();
+                if (result.ok) {
+                    setStatus({ kind: 'success', message: t.success(result.path) });
+                    scheduleClear();
+                    return;
+                }
+                if (result.cancelled) {
+                    setStatus({ kind: 'idle' });
+                    return;
+                }
+                setStatus({ kind: 'error', message: t.failed(result.message) });
+                scheduleClear();
+                return;
+            }
+            const { filename } = await exportViaHttp(exportPath, filenamePrefix);
+            setStatus({ kind: 'success', message: t.success(filename) });
+            scheduleClear();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setStatus({ kind: 'error', message: t.failed(message) });
+            scheduleClear();
+        }
+    }, [desktopBridge, exportPath, filenamePrefix, scheduleClear, setStatus, status.kind, t]);
+    return { status, busy: status.kind === 'busy', labels: t, runExport };
+}
+/**
+ * Renders a labeled button with a short status line below it. Works with
+ * either a native shell (via `desktopBridge`) or a browser download
+ * (via `exportPath`, a same-origin HTTP endpoint that returns the archive).
+ * All logic lives in {@link useExportDiagnostics}; this is a dumb render.
+ */
+export function ExportDiagnosticsButton(props) {
+    const { status, busy, labels: t, runExport } = useExportDiagnostics(props);
+    return (_jsxs("div", { className: "diagnostics-export-row", children: [_jsxs("button", { type: "button", className: "ghost diagnostics-export-button", onClick: () => void runExport(), disabled: busy, "data-status": status.kind, children: [_jsx(Icon, { name: "download", size: 14 }), _jsx("span", { children: busy ? t.exporting : t.button })] }), status.kind === 'success' || status.kind === 'error' ? (_jsx("p", { className: `diagnostics-export-status ${status.kind}`, role: "status", children: status.message })) : null] }));
+}
+//# sourceMappingURL=ExportDiagnosticsButton.js.map

package/dist/react/components/ExportDiagnosticsButton.js.map

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

package/dist/react/components/FileImportPanel.d.ts

@@ -0,0 +1,15 @@
+export interface FileImportPanelProps {
+    title: string;
+    body: string;
+    accept?: string;
+    working: boolean;
+    fileLabel: string;
+    /** Renders a folder picker (`webkitdirectory`) instead of a single-file picker. */
+    folder?: boolean;
+    canSubmit: boolean;
+    onChange: (files: File[]) => void;
+    onImport: () => void;
+    className?: string;
+}
+export declare function FileImportPanel({ title, body, accept, working, fileLabel, folder, canSubmit, onChange, onImport, className, }: FileImportPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=FileImportPanel.d.ts.map

package/dist/react/components/FileImportPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileImportPanel.d.ts","sourceRoot":"","sources":["../../../src/react/components/FileImportPanel.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,+BAiCtB"}

package/dist/react/components/FileImportPanel.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// File/folder picker card with a title, body copy, a native file input, and
+// an import button that flips to a working/busy label. Origin:
+// `FileImportPanel` in `PluginsView.tsx` (OD) — the origin
+// hardcoded its "Import"/"Importing…" button copy directly in JSX (title/
+// body/fileLabel were already caller-supplied props); that copy now goes
+// through `useT()` per this package's i18n policy. See
+// packages/ui/source-map.md.
+import { useT } from '../../features/i18n/index.js';
+export function FileImportPanel({ title, body, accept, working, fileLabel, folder, canSubmit, onChange, onImport, className, }) {
+    const t = useT();
+    const directoryProps = folder
+        ? { webkitdirectory: '', directory: '' }
+        : {};
+    return (_jsxs("section", { className: ['plugins-view__install-card', className].filter(Boolean).join(' '), children: [_jsxs("div", { children: [_jsx("h3", { children: title }), _jsx("p", { children: body })] }), _jsxs("label", { className: "plugins-import-modal__file", children: [_jsx("input", { type: "file", "data-testid": folder ? 'plugins-folder-input' : 'plugins-zip-input', ...(accept ? { accept } : {}), ...directoryProps, multiple: folder, disabled: working, onChange: (event) => onChange(Array.from(event.currentTarget.files ?? [])) }), _jsx("span", { children: fileLabel })] }), _jsx("button", { type: "button", className: "plugins-view__primary", onClick: onImport, disabled: working || !canSubmit, children: working ? t('Importing…') : t('Import') })] }));
+}
+//# sourceMappingURL=FileImportPanel.js.map

package/dist/react/components/FileImportPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileImportPanel.js","sourceRoot":"","sources":["../../../src/react/components/FileImportPanel.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAC5E,+DAA+D;AAC/D,2DAA2D;AAC3D,0EAA0E;AAC1E,yEAAyE;AACzE,uDAAuD;AACvD,6BAA6B;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAgBpD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACY;IACrB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,cAAc,GAAG,MAAM;QAC3B,CAAC,CAAE,EAAE,eAAe,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAA6B;QACpE,CAAC,CAAC,EAAE,CAAC;IACP,OAAO,CACL,mBAAS,SAAS,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aACrF,0BACE,uBAAK,KAAK,GAAM,EAChB,sBAAI,IAAI,GAAK,IACT,EACN,iBAAO,SAAS,EAAC,4BAA4B,aAC3C,gBACE,IAAI,EAAC,MAAM,iBACE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,KAC9D,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC1B,cAAc,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAC1E,EACF,yBAAO,SAAS,GAAQ,IAClB,EACR,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,IAAI,CAAC,SAAS,YAE9B,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GACjC,IACD,CACX,CAAC;AACJ,CAAC"}

package/dist/react/components/HeaderActionsMenu.d.ts

@@ -0,0 +1,72 @@
+import { type MutableRefObject } from 'react';
+import { type IconName } from './Icon';
+export interface HeaderMenuAction {
+    id: string;
+    label: string;
+    icon: IconName;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    /** Toggles render with checkbox semantics + a trailing check when active. */
+    active?: boolean;
+}
+export interface HeaderActionsMenuProps {
+    /** Each inner array renders as one visually-divided group; empty groups are skipped. */
+    groups: HeaderMenuAction[][];
+    /** Accessible label for the trigger button and the popover menu. */
+    label: string;
+    /** Custom hook override for dependency injection / testing. */
+    useHeaderActionsMenu?: typeof useHeaderActionsMenu;
+}
+/** Drops empty groups so only groups with at least one action render. */
+export declare function filterVisibleActionGroups(groups: HeaderMenuAction[][]): HeaderMenuAction[][];
+/** The single key that dismisses the menu. */
+export declare function isHeaderMenuDismissKey(key: string): boolean;
+/**
+ * Whether a pointer event landed outside the menu (and should therefore close
+ * it). A missing container never counts as "outside".
+ */
+export declare function isOutsideHeaderMenu(container: HTMLElement | null, target: EventTarget | null): boolean;
+/** ARIA role: plain menuitem, or checkbox semantics when the item is a toggle. */
+export declare function headerMenuItemRole(active: boolean | undefined): 'menuitem' | 'menuitemcheckbox';
+/** `aria-checked` value: only meaningful (and only set) for toggle items. */
+export declare function headerMenuItemAriaChecked(active: boolean | undefined): boolean | undefined;
+/** The icon to render — the spinner while loading, otherwise the item's icon. */
+export declare function headerMenuItemIcon(item: HeaderMenuAction): IconName;
+/** Disabled while explicitly disabled or loading. */
+export declare function headerMenuItemDisabled(item: HeaderMenuAction): boolean;
+/** `aria-busy` value: `true` while loading, otherwise unset. */
+export declare function headerMenuItemBusy(item: HeaderMenuAction): true | undefined;
+export interface HeaderActionsMenuDisclosure {
+    open: boolean;
+    toggle: () => void;
+    close: () => void;
+}
+/** Open/close state for the popover with stable toggle/close callbacks. */
+export declare function useHeaderActionsMenuDisclosure(): HeaderActionsMenuDisclosure;
+/** Memoized list of non-empty groups. */
+export declare function useVisibleActionGroups(groups: HeaderMenuAction[][]): HeaderMenuAction[][];
+/**
+ * While `open`, closes the menu on an outside `mousedown` or an Escape keydown.
+ * Listeners are only attached while open and torn down on close/unmount.
+ */
+export declare function useHeaderActionsMenuDismiss(params: {
+    open: boolean;
+    onDismiss: () => void;
+    containerRef: MutableRefObject<HTMLElement | null>;
+}): void;
+export interface UseHeaderActionsMenuResult {
+    open: boolean;
+    toggle: () => void;
+    close: () => void;
+    containerRef: MutableRefObject<HTMLDivElement | null>;
+    visibleGroups: HeaderMenuAction[][];
+}
+/**
+ * Composes the menu's whole behavior — disclosure, the visible-group filter,
+ * and the outside/Escape dismissal — so {@link HeaderActionsMenu} is a dumb
+ * render.
+ */
+export declare function useHeaderActionsMenu(groups: HeaderMenuAction[][]): UseHeaderActionsMenuResult;
+export declare function HeaderActionsMenu({ groups, label, useHeaderActionsMenu: useHeaderActionsMenuHook, }: HeaderActionsMenuProps): import("react").JSX.Element | null;
+//# sourceMappingURL=HeaderActionsMenu.d.ts.map

package/dist/react/components/HeaderActionsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/react/components/HeaderActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,KAAK,gBAAgB,EACtB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,wFAAwF;IACxF,MAAM,EAAE,gBAAgB,EAAE,EAAE,CAAC;IAC7B,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,OAAO,oBAAoB,CAAC;CACpD;AAMD,yEAAyE;AACzE,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,GAAG,gBAAgB,EAAE,EAAE,CAE5F;AAED,8CAA8C;AAC9C,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE3D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,MAAM,EAAE,WAAW,GAAG,IAAI,GACzB,OAAO,CAGT;AAED,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,kBAAkB,CAE/F;AAED,6EAA6E;AAC7E,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAE1F;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,gBAAgB,GAAG,QAAQ,CAEnE;AAED,qDAAqD;AACrD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO,CAEtE;AAED,gEAAgE;AAChE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAE3E;AAMD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,2EAA2E;AAC3E,wBAAgB,8BAA8B,IAAI,2BAA2B,CAK5E;AAED,yCAAyC;AACzC,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,GAAG,gBAAgB,EAAE,EAAE,CAEzF;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD,GAAG,IAAI,CAiBP;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,aAAa,EAAE,gBAAgB,EAAE,EAAE,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,gBAAgB,EAAE,EAAE,GAAG,0BAA0B,CAM7F;AAMD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,KAAK,EACL,oBAAoB,EAAE,wBAA+C,GACtE,EAAE,sBAAsB,sCAyDxB"}

package/dist/react/components/HeaderActionsMenu.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// HeaderActionsMenu — a compact "More" overflow menu for a sticky/compact
+// header: a single trigger button that opens a grouped popover of actions
+// (divided into visually-separated groups, empty groups skipped). Closes on
+// outside click or Escape.
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { Icon } from './Icon';
+// ---------------------------------------------------------------------------
+// Pure helpers — no React, directly unit-testable.
+// ---------------------------------------------------------------------------
+/** Drops empty groups so only groups with at least one action render. */
+export function filterVisibleActionGroups(groups) {
+    return groups.filter((group) => group.length > 0);
+}
+/** The single key that dismisses the menu. */
+export function isHeaderMenuDismissKey(key) {
+    return key === 'Escape';
+}
+/**
+ * Whether a pointer event landed outside the menu (and should therefore close
+ * it). A missing container never counts as "outside".
+ */
+export function isOutsideHeaderMenu(container, target) {
+    if (!container)
+        return false;
+    return !container.contains(target);
+}
+/** ARIA role: plain menuitem, or checkbox semantics when the item is a toggle. */
+export function headerMenuItemRole(active) {
+    return active === undefined ? 'menuitem' : 'menuitemcheckbox';
+}
+/** `aria-checked` value: only meaningful (and only set) for toggle items. */
+export function headerMenuItemAriaChecked(active) {
+    return active === undefined ? undefined : active;
+}
+/** The icon to render — the spinner while loading, otherwise the item's icon. */
+export function headerMenuItemIcon(item) {
+    return item.loading ? 'spinner' : item.icon;
+}
+/** Disabled while explicitly disabled or loading. */
+export function headerMenuItemDisabled(item) {
+    return Boolean(item.disabled || item.loading);
+}
+/** `aria-busy` value: `true` while loading, otherwise unset. */
+export function headerMenuItemBusy(item) {
+    return item.loading || undefined;
+}
+/** Open/close state for the popover with stable toggle/close callbacks. */
+export function useHeaderActionsMenuDisclosure() {
+    const [open, setOpen] = useState(false);
+    const toggle = useCallback(() => setOpen((value) => !value), []);
+    const close = useCallback(() => setOpen(false), []);
+    return { open, toggle, close };
+}
+/** Memoized list of non-empty groups. */
+export function useVisibleActionGroups(groups) {
+    return useMemo(() => filterVisibleActionGroups(groups), [groups]);
+}
+/**
+ * While `open`, closes the menu on an outside `mousedown` or an Escape keydown.
+ * Listeners are only attached while open and torn down on close/unmount.
+ */
+export function useHeaderActionsMenuDismiss(params) {
+    const { open, onDismiss, containerRef } = params;
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        function onPointerDown(event) {
+            if (isOutsideHeaderMenu(containerRef.current, event.target))
+                onDismiss();
+        }
+        function onKeyDown(event) {
+            if (isHeaderMenuDismissKey(event.key))
+                onDismiss();
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [open, onDismiss, containerRef]);
+}
+/**
+ * Composes the menu's whole behavior — disclosure, the visible-group filter,
+ * and the outside/Escape dismissal — so {@link HeaderActionsMenu} is a dumb
+ * render.
+ */
+export function useHeaderActionsMenu(groups) {
+    const containerRef = useRef(null);
+    const { open, toggle, close } = useHeaderActionsMenuDisclosure();
+    const visibleGroups = useVisibleActionGroups(groups);
+    useHeaderActionsMenuDismiss({ open, onDismiss: close, containerRef });
+    return { open, toggle, close, containerRef, visibleGroups };
+}
+// ---------------------------------------------------------------------------
+// Component — dumb render, all logic delegated above.
+// ---------------------------------------------------------------------------
+export function HeaderActionsMenu({ groups, label, useHeaderActionsMenu: useHeaderActionsMenuHook = useHeaderActionsMenu, }) {
+    const { open, toggle, close, containerRef, visibleGroups } = useHeaderActionsMenuHook(groups);
+    if (visibleGroups.length === 0)
+        return null;
+    return (_jsxs("div", { className: "jini-header-actions-menu", ref: containerRef, children: [_jsx("button", { type: "button", className: "jini-header-actions-menu-trigger", onClick: toggle, "aria-haspopup": "menu", "aria-expanded": open, "aria-label": label, title: label, "data-testid": "header-actions-menu-trigger", children: _jsx(Icon, { name: "more-horizontal", size: 16 }) }), open ? (_jsx("div", { className: "jini-header-actions-menu-popover", role: "menu", "aria-label": label, children: visibleGroups.map((group, groupIndex) => (
+                // `visibleGroups` is `groups.filter((g) => g.length > 0)`, so
+                // `group[0]` is always defined here.
+                _jsxs(Fragment, { children: [groupIndex > 0 ? _jsx("div", { className: "jini-header-actions-menu-divider", "aria-hidden": true }) : null, group.map((item) => (_jsxs("button", { type: "button", role: headerMenuItemRole(item.active), "aria-checked": headerMenuItemAriaChecked(item.active), className: "jini-header-actions-menu-item", disabled: headerMenuItemDisabled(item), "aria-busy": headerMenuItemBusy(item), onClick: () => {
+                                item.onClick();
+                                close();
+                            }, children: [_jsx("span", { className: "jini-header-actions-menu-item-icon", "aria-hidden": true, children: _jsx(Icon, { name: headerMenuItemIcon(item), size: 15 }) }), _jsx("span", { className: "jini-header-actions-menu-item-label", children: item.label }), item.active ? (_jsx("span", { className: "jini-header-actions-menu-item-check", "aria-hidden": true, children: _jsx(Icon, { name: "check", size: 14 }) })) : null] }, item.id)))] }, group[0].id))) })) : null] }));
+}
+//# sourceMappingURL=HeaderActionsMenu.js.map

package/dist/react/components/HeaderActionsMenu.js.map

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