@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/settings/vault-tabs/OverviewTab.js

@@ -0,0 +1,260 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Overview tab — backends list, install / sign-in / sign-out, ordering,
+ * and the "Save preferences" action.
+ *
+ * Extracted from the original `SecretsManagerModal` body. The parent
+ * Vault modal owns data fetching and the save flow; this component
+ * only renders the rows + the editable preference state.
+ */
+import { Button, Input, Label } from "@elizaos/ui";
+import { AlertCircle, CheckCircle2, ChevronDown, ChevronUp, Download, ExternalLink, Loader2, LogIn, LogOut, RefreshCw, } from "lucide-react";
+import { useCallback, useEffect, useRef, useState, } from "react";
+const BACKEND_ORDER = [
+    "in-house",
+    "1password",
+    "bitwarden",
+    "protonpass",
+];
+export function OverviewTab(props) {
+    const { backends, preferences, installMethods, saving, savedAt, onPreferencesChange, onSave, onReload, onInstallComplete, onSigninComplete, onSignout, } = props;
+    const [installSheet, setInstallSheet] = useState(null);
+    const [signinSheet, setSigninSheet] = useState(null);
+    const isEnabled = useCallback((id) => preferences.enabled.includes(id) || id === "in-house", [preferences]);
+    const setEnabled = useCallback((id, on) => {
+        const next = new Set(preferences.enabled);
+        if (on)
+            next.add(id);
+        else
+            next.delete(id);
+        const ordered = preferences.enabled.filter((b) => next.has(b));
+        for (const id2 of next) {
+            if (!ordered.includes(id2))
+                ordered.push(id2);
+        }
+        if (!ordered.includes("in-house"))
+            ordered.push("in-house");
+        onPreferencesChange({ ...preferences, enabled: ordered });
+    }, [preferences, onPreferencesChange]);
+    const moveUp = useCallback((id) => {
+        const idx = preferences.enabled.indexOf(id);
+        if (idx <= 0)
+            return;
+        const next = [...preferences.enabled];
+        const swap = next[idx - 1];
+        const cur = next[idx];
+        if (!swap || !cur)
+            return;
+        next[idx - 1] = cur;
+        next[idx] = swap;
+        onPreferencesChange({ ...preferences, enabled: next });
+    }, [preferences, onPreferencesChange]);
+    const moveDown = useCallback((id) => {
+        const idx = preferences.enabled.indexOf(id);
+        if (idx < 0 || idx >= preferences.enabled.length - 1)
+            return;
+        const next = [...preferences.enabled];
+        const swap = next[idx + 1];
+        const cur = next[idx];
+        if (!swap || !cur)
+            return;
+        next[idx + 1] = cur;
+        next[idx] = swap;
+        onPreferencesChange({ ...preferences, enabled: next });
+    }, [preferences, onPreferencesChange]);
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between pb-1", children: [_jsx("p", { className: "text-2xs text-muted", children: "Sensitive values route to the first enabled backend." }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 rounded-md px-2", onClick: onReload, "aria-label": "Re-detect backends", title: "Re-detect backends", children: _jsx(RefreshCw, { className: "h-3.5 w-3.5", "aria-hidden": true }) })] }), _jsx("div", { className: "space-y-1.5", children: orderedBackends(backends, preferences).map((backend) => (_jsx(BackendRow, { backend: backend, enabled: isEnabled(backend.id), isPrimary: preferences.enabled[0] === backend.id, position: preferences.enabled.indexOf(backend.id), totalEnabled: preferences.enabled.length, methods: backend.id === "in-house"
+                        ? []
+                        : (installMethods[backend.id] ?? []), installSheetOpen: installSheet === backend.id, signinSheetOpen: signinSheet === backend.id, onToggle: (on) => setEnabled(backend.id, on), onMoveUp: () => moveUp(backend.id), onMoveDown: () => moveDown(backend.id), onOpenInstallSheet: () => setInstallSheet(backend.id), onOpenSigninSheet: () => setSigninSheet(backend.id), onCloseSheets: () => {
+                        setInstallSheet(null);
+                        setSigninSheet(null);
+                    }, onInstallComplete: () => {
+                        setInstallSheet(null);
+                        onInstallComplete();
+                    }, onSigninComplete: () => {
+                        setSigninSheet(null);
+                        onSigninComplete();
+                    }, onSignout: () => onSignout(backend.id) }, backend.id))) }), _jsx("div", { className: "flex items-center justify-end gap-2 border-t border-border/30 pt-2", children: _jsx(Button, { variant: "default", size: "sm", className: "h-8 rounded-md font-semibold", onClick: onSave, disabled: saving, children: saving ? "Saving…" : savedAt !== null ? "Saved" : "Save preferences" }) })] }));
+}
+function orderedBackends(backends, preferences) {
+    const enabledList = preferences.enabled
+        .map((id) => backends.find((b) => b.id === id))
+        .filter((b) => b !== undefined);
+    const disabledList = backends.filter((b) => !preferences.enabled.includes(b.id));
+    const sortedDisabled = BACKEND_ORDER.map((id) => disabledList.find((b) => b.id === id)).filter((b) => b !== undefined);
+    return [...enabledList, ...sortedDisabled];
+}
+export function BackendRow(props) {
+    const { backend, enabled, isPrimary, position, totalEnabled, methods, installSheetOpen, signinSheetOpen, onToggle, onMoveUp, onMoveDown, onOpenInstallSheet, onOpenSigninSheet, onCloseSheets, onInstallComplete, onSigninComplete, onSignout, } = props;
+    const tone = backend.available
+        ? backend.signedIn === false
+            ? "warn"
+            : "ok"
+        : "muted";
+    const status = backend.available
+        ? backend.signedIn === false
+            ? "Detected"
+            : "Ready"
+        : "Not detected";
+    const lockedInHouse = backend.id === "in-house";
+    const isInstallable = !lockedInHouse;
+    const showInstallButton = isInstallable && !backend.available;
+    const showSigninButton = isInstallable && backend.available && backend.signedIn === false;
+    const showSignoutButton = isInstallable && backend.available && backend.signedIn === true;
+    const installableId = backend.id;
+    return (_jsxs("div", { className: `rounded-lg border bg-card/35 px-3 py-2.5 ${enabled ? "border-border" : "border-border/40 opacity-70"}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("input", { type: "checkbox", checked: enabled, disabled: lockedInHouse, onChange: (e) => onToggle(e.target.checked), className: "h-4 w-4 cursor-pointer accent-accent disabled:cursor-not-allowed", "aria-label": `Enable ${backend.label}` }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-txt", children: backend.label }), _jsx(StatusPill, { tone: tone, text: status }), backend.authMode === "desktop-app" && (_jsx("span", { "data-testid": `auth-mode-badge-${backend.id}`, className: "rounded-full border border-info/40 bg-info/10 px-1.5 py-0.5 text-2xs font-medium text-info", title: "Authenticated via 1Password desktop app", children: "via desktop app" })), isPrimary && enabled && (_jsx("span", { className: "rounded-full border border-accent/40 bg-accent/10 px-1.5 py-0.5 text-2xs font-medium text-accent", children: "Primary" }))] }), backend.detail && (_jsx("p", { className: "mt-0.5 truncate text-2xs text-muted", children: backend.detail }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [showInstallButton && (_jsxs(Button, { variant: "outline", size: "sm", className: "h-7 gap-1 rounded-md px-2 text-xs", onClick: onOpenInstallSheet, "aria-label": `Install ${backend.label}`, children: [_jsx(Download, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Install"] })), showSigninButton && (_jsxs(Button, { variant: "outline", size: "sm", className: "h-7 gap-1 rounded-md px-2 text-xs", onClick: onOpenSigninSheet, "aria-label": `Sign in to ${backend.label}`, children: [_jsx(LogIn, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Sign in"] })), showSignoutButton && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 gap-1 rounded-md px-2 text-xs text-muted", onClick: onSignout, "aria-label": `Sign out of ${backend.label}`, title: "Sign out", children: [_jsx(LogOut, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Sign out"] })), enabled && backend.available && backend.signedIn !== false && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 rounded-md p-0", onClick: onMoveUp, disabled: position <= 0, title: "Move up", "aria-label": "Move up", children: _jsx(ChevronUp, { className: "h-3.5 w-3.5", "aria-hidden": true }) }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 rounded-md p-0", onClick: onMoveDown, disabled: position < 0 || position >= totalEnabled - 1, title: "Move down", "aria-label": "Move down", children: _jsx(ChevronDown, { className: "h-3.5 w-3.5", "aria-hidden": true }) })] }))] })] }), isInstallable && installSheetOpen && (_jsx(InstallSheet, { backendId: installableId, backendLabel: backend.label, methods: methods, onCancel: onCloseSheets, onComplete: onInstallComplete })), isInstallable && signinSheetOpen && (_jsx(SigninSheet, { backendId: installableId, backendLabel: backend.label, onCancel: onCloseSheets, onComplete: onSigninComplete }))] }));
+}
+function StatusPill({ tone, text, }) {
+    const classes = tone === "ok"
+        ? "border-ok/30 bg-ok/10 text-ok"
+        : tone === "warn"
+            ? "border-warn/30 bg-warn/10 text-warn"
+            : "border-border/40 bg-bg/40 text-muted";
+    const Icon = tone === "ok" ? CheckCircle2 : AlertCircle;
+    return (_jsxs("span", { className: `inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-2xs font-medium ${classes}`, children: [_jsx(Icon, { className: "h-3 w-3", "aria-hidden": true }), text] }));
+}
+export function InstallSheet({ backendId, backendLabel, methods, onCancel, onComplete, }) {
+    const [running, setRunning] = useState(false);
+    const [logs, setLogs] = useState([]);
+    const [error, setError] = useState(null);
+    const [done, setDone] = useState(false);
+    const sourceRef = useRef(null);
+    const close = useCallback(() => {
+        sourceRef.current?.close();
+        sourceRef.current = null;
+        onCancel();
+    }, [onCancel]);
+    useEffect(() => {
+        return () => {
+            sourceRef.current?.close();
+            sourceRef.current = null;
+        };
+    }, []);
+    const start = useCallback(async (method) => {
+        if (method.kind === "manual") {
+            window.open(method.url, "_blank", "noopener,noreferrer");
+            return;
+        }
+        setRunning(true);
+        setLogs([]);
+        setError(null);
+        setDone(false);
+        try {
+            const res = await fetch("/api/secrets/manager/install", {
+                method: "POST",
+                headers: { "content-type": "application/json" },
+                body: JSON.stringify({ backendId, method }),
+            });
+            if (!res.ok) {
+                const body = (await res.json().catch(() => ({})));
+                throw new Error(body.error ?? `HTTP ${res.status}`);
+            }
+            const { jobId } = (await res.json());
+            const source = new EventSource(`/api/secrets/manager/install/${jobId}`);
+            sourceRef.current = source;
+            source.onmessage = (event) => {
+                const data = JSON.parse(event.data);
+                if (data.type === "log") {
+                    setLogs((prev) => [...prev.slice(-199), data.line]);
+                }
+                else if (data.type === "done") {
+                    setDone(true);
+                    setRunning(false);
+                    source.close();
+                    sourceRef.current = null;
+                }
+                else if (data.type === "error") {
+                    setError(data.message);
+                    setRunning(false);
+                    source.close();
+                    sourceRef.current = null;
+                }
+            };
+            source.onerror = () => {
+                if (!sourceRef.current)
+                    return;
+                source.close();
+                sourceRef.current = null;
+                if (!done && !error) {
+                    setError("install stream disconnected");
+                    setRunning(false);
+                }
+            };
+        }
+        catch (err) {
+            // Boundary translation: fetch / parse failures land here.
+            setError(err instanceof Error ? err.message : "install failed");
+            setRunning(false);
+        }
+    }, [backendId, done, error]);
+    const lastLog = logs.length > 0 ? logs[logs.length - 1] : null;
+    return (_jsxs("div", { className: "mt-3 space-y-2 rounded-md border border-border/50 bg-bg/30 p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("p", { className: "text-xs font-medium text-txt", children: ["Install ", backendLabel] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-6 rounded-md px-2 text-2xs", onClick: close, disabled: running, children: "Close" })] }), !running && !done && (_jsx("div", { className: "space-y-1.5", children: methods.length === 0 ? (_jsxs("p", { className: "text-2xs text-muted", children: ["No automated installer is available on this OS for ", backendLabel, ". The vendor's CLI may need a manual install."] })) : (methods.map((m) => (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 w-full justify-start gap-2 rounded-md", onClick: () => void start(m), children: [m.kind === "manual" ? (_jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true })) : (_jsx(Download, { className: "h-3.5 w-3.5", "aria-hidden": true })), _jsx("span", { className: "truncate text-xs", children: describeMethod(m) })] }, methodKey(m))))) })), running && (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }), "Installing\u2026"] }), lastLog && (_jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded border border-border/40 bg-card/40 p-2 text-2xs text-muted", children: lastLog }))] })), done && !error && (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-ok/30 bg-ok/10 px-2 py-1.5 text-xs text-ok", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Install complete."] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-6 rounded-md px-2 text-2xs", onClick: onComplete, children: "Continue" })] })), error && (_jsx("div", { className: "rounded-md border border-danger/40 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: error }))] }));
+}
+function methodKey(method) {
+    if (method.kind === "brew") {
+        return `brew:${method.cask ? "cask" : "formula"}:${method.package}`;
+    }
+    if (method.kind === "npm") {
+        return `npm:${method.package}`;
+    }
+    return `manual:${method.url}`;
+}
+function describeMethod(method) {
+    if (method.kind === "brew") {
+        return method.cask
+            ? `brew install --cask ${method.package}`
+            : `brew install ${method.package}`;
+    }
+    if (method.kind === "npm") {
+        return `npm install -g ${method.package}`;
+    }
+    return `Open docs: ${method.url}`;
+}
+export function SigninSheet({ backendId, backendLabel, onCancel, onComplete, }) {
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [email, setEmail] = useState("");
+    const [secretKey, setSecretKey] = useState("");
+    const [signInAddress, setSignInAddress] = useState("");
+    const [masterPassword, setMasterPassword] = useState("");
+    const [bwClientId, setBwClientId] = useState("");
+    const [bwClientSecret, setBwClientSecret] = useState("");
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        setSubmitting(true);
+        setError(null);
+        try {
+            const body = {
+                backendId,
+                masterPassword,
+            };
+            if (backendId === "1password") {
+                body.email = email;
+                body.secretKey = secretKey;
+                if (signInAddress.trim())
+                    body.signInAddress = signInAddress.trim();
+            }
+            else if (backendId === "bitwarden") {
+                body.bitwardenClientId = bwClientId;
+                body.bitwardenClientSecret = bwClientSecret;
+            }
+            const res = await fetch("/api/secrets/manager/signin", {
+                method: "POST",
+                headers: { "content-type": "application/json" },
+                body: JSON.stringify(body),
+            });
+            if (!res.ok) {
+                const errBody = (await res.json().catch(() => ({})));
+                throw new Error(errBody.error ?? `HTTP ${res.status}`);
+            }
+            onComplete();
+        }
+        catch (err) {
+            // Boundary translation: surface vendor sign-in errors to the form.
+            setError(err instanceof Error ? err.message : "sign-in failed");
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs("form", { onSubmit: onSubmit, className: "mt-3 space-y-2 rounded-md border border-border/50 bg-bg/30 p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("p", { className: "text-xs font-medium text-txt", children: ["Sign in to ", backendLabel] }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", className: "h-6 rounded-md px-2 text-2xs", onClick: onCancel, disabled: submitting, children: "Cancel" })] }), backendId === "1password" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "op-email", className: "text-2xs text-muted", children: "Email" }), _jsx(Input, { id: "op-email", type: "email", autoComplete: "username", required: true, value: email, onChange: (e) => setEmail(e.target.value), className: "h-8 text-xs" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "op-secret-key", className: "text-2xs text-muted", children: "Secret key (34 chars)" }), _jsx(Input, { id: "op-secret-key", type: "text", required: true, value: secretKey, onChange: (e) => setSecretKey(e.target.value), className: "h-8 font-mono text-xs" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "op-address", className: "text-2xs text-muted", children: "Sign-in address (optional, e.g. my.1password.com)" }), _jsx(Input, { id: "op-address", type: "text", value: signInAddress, onChange: (e) => setSignInAddress(e.target.value), className: "h-8 text-xs" })] })] })), backendId === "bitwarden" && (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-2xs text-muted", children: "Bitwarden requires API key credentials for non-interactive sign-in. Create one at Settings \u2192 Security \u2192 Keys \u2192 API key." }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "bw-client-id", className: "text-2xs text-muted", children: "client_id (BW_CLIENTID)" }), _jsx(Input, { id: "bw-client-id", type: "text", required: true, value: bwClientId, onChange: (e) => setBwClientId(e.target.value), className: "h-8 font-mono text-xs" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "bw-client-secret", className: "text-2xs text-muted", children: "client_secret (BW_CLIENTSECRET)" }), _jsx(Input, { id: "bw-client-secret", type: "password", autoComplete: "off", required: true, value: bwClientSecret, onChange: (e) => setBwClientSecret(e.target.value), className: "h-8 font-mono text-xs" })] })] })), backendId === "protonpass" && (_jsx("p", { className: "text-2xs text-warn", children: "Proton Pass CLI is in closed beta \u2014 automated sign-in is not yet supported." })), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "master-password", className: "text-2xs text-muted", children: "Master password" }), _jsx(Input, { id: "master-password", type: "password", autoComplete: "current-password", required: true, value: masterPassword, onChange: (e) => setMasterPassword(e.target.value), className: "h-8 text-xs" })] }), error && (_jsx("div", { className: "rounded-md border border-danger/40 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: error })), _jsx("div", { className: "flex justify-end gap-2 pt-1", children: _jsx(Button, { type: "submit", variant: "default", size: "sm", className: "h-7 gap-1 rounded-md px-3 text-xs", disabled: submitting || backendId === "protonpass", children: submitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }), "Signing in\u2026"] })) : (_jsxs(_Fragment, { children: [_jsx(LogIn, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Sign in"] })) }) })] }));
+}

package/components/settings/vault-tabs/RoutingTab.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Routing tab — full-width per-context routing rules table plus the
+ * "Default profile" setting. One source of truth: `GET/PUT
+ * /api/secrets/routing`.
+ *
+ * Replaces the cramped per-row routing editor that used to live inside
+ * `VaultInventoryPanel`. This tab shows every rule in the system and
+ * supports wildcard key patterns (e.g. `OPENROUTER_*`).
+ */
+import type { AgentSummary, InstalledApp, RoutingConfig, VaultEntryMeta, VaultTabNavigate } from "./types";
+export interface RoutingTabProps {
+    config: RoutingConfig;
+    agents: AgentSummary[];
+    apps: InstalledApp[];
+    entries: VaultEntryMeta[];
+    onConfigChange: (next: RoutingConfig) => void;
+    navigate: VaultTabNavigate;
+    focusKey: string | null;
+    onFocusApplied: () => void;
+}
+export declare function RoutingTab(props: RoutingTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RoutingTab.d.ts.map

package/components/settings/vault-tabs/RoutingTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutingTab.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/settings/vault-tabs/RoutingTab.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EAIb,cAAc,EACd,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgdhD"}

package/components/settings/vault-tabs/RoutingTab.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Routing tab — full-width per-context routing rules table plus the
+ * "Default profile" setting. One source of truth: `GET/PUT
+ * /api/secrets/routing`.
+ *
+ * Replaces the cramped per-row routing editor that used to live inside
+ * `VaultInventoryPanel`. This tab shows every rule in the system and
+ * supports wildcard key patterns (e.g. `OPENROUTER_*`).
+ */
+import { Button, Input, Label } from "@elizaos/ui";
+import { ArrowRight, Loader2, Plus, Trash2 } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState, } from "react";
+export function RoutingTab(props) {
+    const { config, agents, apps, entries, onConfigChange, navigate, focusKey, onFocusApplied, } = props;
+    const [error, setError] = useState(null);
+    const [saving, setSaving] = useState(false);
+    const [showAdd, setShowAdd] = useState(false);
+    const [keyPattern, setKeyPattern] = useState("");
+    const [scopeKind, setScopeKind] = useState("agent");
+    const [scopeAgentId, setScopeAgentId] = useState("");
+    const [scopeAppName, setScopeAppName] = useState("");
+    const [profileId, setProfileId] = useState("");
+    const [rulesFilter, setRulesFilter] = useState("");
+    // Apply incoming focus from the Secrets tab "Routing rules for this
+    // profile →" jump: pre-filter the list on the focused key.
+    useEffect(() => {
+        if (!focusKey)
+            return;
+        setRulesFilter(focusKey);
+        onFocusApplied();
+    }, [focusKey, onFocusApplied]);
+    const allKeys = useMemo(() => entries.map((e) => e.key), [entries]);
+    const profilesByKey = useMemo(() => {
+        const map = new Map();
+        for (const entry of entries) {
+            map.set(entry.key, entry.profiles ?? []);
+        }
+        return map;
+    }, [entries]);
+    // Profiles available for the rule being added: when the new pattern
+    // matches an exact key, surface that key's profiles. Wildcards fall
+    // back to the union across all keys.
+    const profilesForNewRule = useMemo(() => {
+        if (!keyPattern)
+            return [];
+        const exact = profilesByKey.get(keyPattern);
+        if (exact && exact.length > 0)
+            return exact;
+        const ids = new Set();
+        const list = [];
+        for (const entry of entries) {
+            for (const p of entry.profiles ?? []) {
+                if (ids.has(p.id))
+                    continue;
+                ids.add(p.id);
+                list.push(p);
+            }
+        }
+        return list;
+    }, [keyPattern, profilesByKey, entries]);
+    const allProfileIds = useMemo(() => {
+        const ids = new Set(["default"]);
+        for (const entry of entries) {
+            for (const p of entry.profiles ?? [])
+                ids.add(p.id);
+        }
+        return Array.from(ids);
+    }, [entries]);
+    const saveConfig = useCallback(async (next) => {
+        setSaving(true);
+        setError(null);
+        try {
+            const res = await fetch("/api/secrets/routing", {
+                method: "PUT",
+                headers: { "content-type": "application/json" },
+                body: JSON.stringify({ config: next }),
+            });
+            if (!res.ok)
+                throw new Error(`HTTP ${res.status}`);
+            const body = (await res.json());
+            onConfigChange(body.config);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "save failed");
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [onConfigChange]);
+    const onAddRule = useCallback(async (e) => {
+        e.preventDefault();
+        if (!keyPattern.trim() || !profileId)
+            return;
+        let scope;
+        if (scopeKind === "agent") {
+            if (!scopeAgentId)
+                return;
+            scope = { kind: "agent", agentId: scopeAgentId };
+        }
+        else if (scopeKind === "app") {
+            if (!scopeAppName)
+                return;
+            scope = { kind: "app", appName: scopeAppName };
+        }
+        else {
+            return;
+        }
+        const newRules = [
+            ...config.rules,
+            { keyPattern: keyPattern.trim(), scope, profileId },
+        ];
+        await saveConfig({ ...config, rules: newRules });
+        setShowAdd(false);
+        setKeyPattern("");
+        setScopeAgentId("");
+        setScopeAppName("");
+        setProfileId("");
+    }, [
+        config,
+        keyPattern,
+        profileId,
+        saveConfig,
+        scopeAgentId,
+        scopeAppName,
+        scopeKind,
+    ]);
+    const onDeleteRule = useCallback(async (rule) => {
+        const confirmed = window.confirm(`Delete routing rule for ${rule.keyPattern}?`);
+        if (!confirmed)
+            return;
+        const newRules = config.rules.filter((r) => r !== rule);
+        await saveConfig({ ...config, rules: newRules });
+    }, [config, saveConfig]);
+    const onDefaultProfileChange = useCallback(async (next) => {
+        const trimmed = next.trim();
+        await saveConfig({
+            ...config,
+            defaultProfile: trimmed.length > 0 ? trimmed : undefined,
+        });
+    }, [config, saveConfig]);
+    const visibleRules = useMemo(() => {
+        if (!rulesFilter.trim())
+            return config.rules;
+        const needle = rulesFilter.trim().toLowerCase();
+        return config.rules.filter((r) => {
+            if (r.keyPattern.toLowerCase().includes(needle))
+                return true;
+            const targetId = r.scope.agentId ?? r.scope.appName ?? r.scope.skillId ?? "";
+            if (targetId.toLowerCase().includes(needle))
+                return true;
+            return r.profileId.toLowerCase().includes(needle);
+        });
+    }, [config.rules, rulesFilter]);
+    return (_jsxs("div", { "data-testid": "routing-tab", className: "space-y-4", children: [_jsx("section", { className: "space-y-2 rounded-md border border-border/40 bg-card/30 p-3", children: _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-txt", children: "Default profile" }), _jsx("p", { className: "text-2xs text-muted", children: "Applied when no rule below matches a (key \u00D7 scope) lookup. \"default\" is the fallback when this is empty." })] }), _jsx("select", { value: config.defaultProfile ?? "default", onChange: (e) => void onDefaultProfileChange(e.target.value), disabled: saving, "data-testid": "routing-default-profile", className: "block h-8 w-40 rounded-md border border-border bg-bg px-2 text-xs text-txt", children: allProfileIds.map((id) => (_jsx("option", { value: id, children: id }, id))) })] }) }), _jsxs("section", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-txt", children: "Routing rules" }), _jsxs("p", { className: "text-2xs text-muted", children: ["Per-context overrides. Match keys exactly (e.g.", _jsx("code", { className: "mx-1 rounded bg-bg/40 px-1 font-mono", children: "OPENROUTER_API_KEY" }), ") or use wildcards (e.g.", _jsx("code", { className: "mx-1 rounded bg-bg/40 px-1 font-mono", children: "OPENROUTER_*" }), ")."] })] }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 shrink-0 gap-1 rounded-md px-2", onClick: () => setShowAdd((v) => !v), disabled: saving, "aria-label": "Add routing rule", children: [_jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": true }), " Add rule"] })] }), error && (_jsx("p", { className: "rounded-md border border-danger/40 bg-danger/10 px-3 py-1.5 text-xs text-danger", "aria-live": "polite", "data-testid": "routing-tab-error", children: error })), config.rules.length > 0 && (_jsx(Input, { value: rulesFilter, onChange: (e) => setRulesFilter(e.target.value), placeholder: "Filter rules by key, scope, or profile", className: "h-8 text-xs", autoComplete: "off", "data-testid": "routing-rules-filter" })), showAdd && (_jsxs("form", { onSubmit: onAddRule, "data-testid": "routing-add-rule-form", className: "space-y-2 rounded-md border border-border/50 bg-card/30 p-3", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Key pattern" }), _jsx(Input, { value: keyPattern, onChange: (e) => setKeyPattern(e.target.value), placeholder: "OPENROUTER_API_KEY or OPENROUTER_*", className: "h-8 font-mono text-xs", autoComplete: "off", list: "routing-key-suggestions", required: true }), _jsx("datalist", { id: "routing-key-suggestions", children: allKeys.map((k) => (_jsx("option", { value: k }, k))) })] }), _jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-3", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Scope" }), _jsxs("select", { value: scopeKind, onChange: (e) => setScopeKind(e.target.value), className: "block h-8 w-full rounded-md border border-border bg-bg px-2 text-xs text-txt", children: [_jsx("option", { value: "agent", children: "Agent" }), _jsx("option", { value: "app", children: "App" })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: scopeKind === "agent" ? "Agent" : "App" }), scopeKind === "agent" ? (_jsxs("select", { value: scopeAgentId, onChange: (e) => setScopeAgentId(e.target.value), className: "block h-8 w-full rounded-md border border-border bg-bg px-2 text-xs text-txt", required: true, children: [_jsx("option", { value: "", children: "Select agent\u2026" }), agents.map((a) => (_jsx("option", { value: a.id, children: a.name }, a.id)))] })) : (_jsxs("select", { value: scopeAppName, onChange: (e) => setScopeAppName(e.target.value), className: "block h-8 w-full rounded-md border border-border bg-bg px-2 text-xs text-txt", required: true, children: [_jsx("option", { value: "", children: "Select app\u2026" }), apps.map((a) => (_jsx("option", { value: a.name, children: a.displayName ?? a.name }, a.name)))] }))] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Profile" }), _jsxs("select", { value: profileId, onChange: (e) => setProfileId(e.target.value), className: "block h-8 w-full rounded-md border border-border bg-bg px-2 text-xs text-txt", required: true, children: [_jsx("option", { value: "", children: "Select profile\u2026" }), profilesForNewRule.map((p) => (_jsx("option", { value: p.id, children: p.label }, p.id)))] })] })] }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 rounded-md px-3 text-xs", onClick: () => setShowAdd(false), disabled: saving, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "default", size: "sm", className: "h-7 rounded-md px-3 text-xs", disabled: saving || !keyPattern.trim() || !profileId, children: saving ? "Saving…" : "Save rule" })] })] })), config.rules.length === 0 ? (_jsx("div", { "data-testid": "routing-rules-empty", className: "rounded-md border border-dashed border-border/50 bg-card/20 px-3 py-3 text-center text-xs text-muted", children: "No routing rules. The default profile applies for every caller." })) : visibleRules.length === 0 ? (_jsxs("div", { "data-testid": "routing-rules-no-match", className: "rounded-md border border-dashed border-border/50 bg-card/20 px-3 py-3 text-center text-xs text-muted", children: ["No rules match \"", rulesFilter, "\"."] })) : (_jsxs("table", { "data-testid": "routing-rules-table", className: "w-full table-fixed border-collapse rounded-md border border-border/40 bg-card/30 text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-left text-muted", children: [_jsx("th", { className: "px-2 py-1 font-medium", children: "Key" }), _jsx("th", { className: "px-2 py-1 font-medium", children: "Scope" }), _jsx("th", { className: "px-2 py-1 font-medium", children: "Profile" }), _jsx("th", { className: "w-16 px-2 py-1 font-medium text-right", children: "Actions" })] }) }), _jsx("tbody", { children: visibleRules.map((rule, idx) => {
+                                    const targetId = rule.scope.agentId ??
+                                        rule.scope.appName ??
+                                        rule.scope.skillId ??
+                                        "—";
+                                    const targetLabel = rule.scope.kind === "agent"
+                                        ? (agents.find((a) => a.id === rule.scope.agentId)?.name ??
+                                            targetId)
+                                        : rule.scope.kind === "app"
+                                            ? (apps.find((a) => a.name === rule.scope.appName)
+                                                ?.displayName ?? targetId)
+                                            : targetId;
+                                    const ruleKey = `${rule.keyPattern}:${rule.scope.kind}:${targetId}:${rule.profileId}:${idx}`;
+                                    const keyExists = allKeys.includes(rule.keyPattern);
+                                    return (_jsxs("tr", { "data-testid": `routing-rule-row-${ruleKey}`, className: "border-t border-border/30", children: [_jsx("td", { className: "px-2 py-1.5 align-top", children: keyExists ? (_jsxs("button", { type: "button", onClick: () => navigate({
+                                                        tab: "secrets",
+                                                        focusKey: rule.keyPattern,
+                                                        focusProfileId: rule.profileId,
+                                                    }), "data-testid": `routing-key-chip-${ruleKey}`, className: "inline-flex items-center gap-1 rounded-full border border-accent/40 bg-accent/10 px-1.5 py-0.5 font-mono text-2xs font-medium text-accent hover:bg-accent/20", "aria-label": `Open ${rule.keyPattern} in Secrets tab`, children: [rule.keyPattern, _jsx(ArrowRight, { className: "h-3 w-3", "aria-hidden": true })] })) : (_jsx("span", { className: "font-mono text-2xs text-muted", children: rule.keyPattern })) }), _jsxs("td", { className: "px-2 py-1.5 align-top", children: [_jsx("span", { className: "rounded-full border border-border/40 bg-bg/40 px-1.5 py-0.5 text-2xs text-muted", children: rule.scope.kind }), _jsx("span", { className: "ml-1.5 text-2xs text-txt", children: targetLabel })] }), _jsx("td", { className: "px-2 py-1.5 align-top", children: _jsx("span", { className: "rounded-full border border-accent/40 bg-accent/10 px-1.5 py-0.5 text-2xs font-medium text-accent", children: rule.profileId }) }), _jsx("td", { className: "px-2 py-1.5 align-top text-right", children: _jsx(Button, { variant: "ghost", size: "sm", className: "h-6 w-6 rounded-md p-0 text-muted hover:text-danger", onClick: () => void onDeleteRule(rule), "aria-label": `Delete rule for ${rule.keyPattern}`, children: _jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": true }) }) })] }, ruleKey));
+                                }) })] })), saving && (_jsxs("div", { className: "flex items-center gap-2 px-1 text-2xs text-muted", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin", "aria-hidden": true }), " Saving\u2026"] }))] })] }));
+}

package/components/settings/vault-tabs/SecretsTab.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Secrets tab — wraps `VaultInventoryPanel` with the Vault modal's
+ * shared data state and cross-tab navigation contract.
+ *
+ * The parent modal owns the entries fetch; this tab only renders.
+ */
+import type { VaultEntryMeta, VaultTabNavigate } from "./types";
+export interface SecretsTabProps {
+    entries: VaultEntryMeta[];
+    onChanged: () => void;
+    navigate: VaultTabNavigate;
+    focusKey: string | null;
+    focusProfileId: string | null;
+    onFocusApplied: () => void;
+}
+export declare function SecretsTab({ entries, onChanged, navigate, focusKey, focusProfileId, onFocusApplied, }: SecretsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SecretsTab.d.ts.map

package/components/settings/vault-tabs/SecretsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretsTab.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/settings/vault-tabs/SecretsTab.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,GACf,EAAE,eAAe,2CAWjB"}

package/components/settings/vault-tabs/SecretsTab.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Secrets tab — wraps `VaultInventoryPanel` with the Vault modal's
+ * shared data state and cross-tab navigation contract.
+ *
+ * The parent modal owns the entries fetch; this tab only renders.
+ */
+import { VaultInventoryPanel } from "../VaultInventoryPanel.js";
+export function SecretsTab({ entries, onChanged, navigate, focusKey, focusProfileId, onFocusApplied, }) {
+    return (_jsx(VaultInventoryPanel, { entries: entries, onChanged: onChanged, onJumpToRouting: (key) => navigate({ tab: "routing", focusKey: key }), focusKey: focusKey, focusProfileId: focusProfileId, onFocusApplied: onFocusApplied }));
+}

package/components/settings/vault-tabs/types.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Shared wire types and props for the Vault modal's per-tab panes.
+ *
+ * Wire shapes mirror `@elizaos/vault` exactly. The Vault modal fetches
+ * each piece once on open and forwards everything via props so each tab
+ * never re-fetches data the modal already has.
+ */
+export type BackendId = "in-house" | "1password" | "protonpass" | "bitwarden";
+export type InstallableBackendId = Exclude<BackendId, "in-house">;
+export interface BackendStatus {
+    id: BackendId;
+    label: string;
+    available: boolean;
+    signedIn?: boolean;
+    detail?: string;
+    /**
+     * Auth path used by this backend: `desktop-app` (1Password 8 native
+     * app integration), `session-token` (legacy stored session), or null
+     * (not signed in / not applicable). Drives a badge on the row so the
+     * user sees at a glance which mode is live.
+     */
+    authMode?: "desktop-app" | "session-token" | null;
+}
+export interface ManagerPreferences {
+    enabled: BackendId[];
+    routing?: Record<string, BackendId>;
+}
+export type InstallMethod = {
+    kind: "brew";
+    package: string;
+    cask: boolean;
+} | {
+    kind: "npm";
+    package: string;
+} | {
+    kind: "manual";
+    instructions: string;
+    url: string;
+};
+export type VaultEntryCategory = "provider" | "plugin" | "wallet" | "credential" | "system" | "session";
+export interface VaultEntryProfile {
+    id: string;
+    label: string;
+    createdAt?: number;
+}
+export interface VaultEntryMeta {
+    key: string;
+    category: VaultEntryCategory;
+    label: string;
+    providerId?: string;
+    hasProfiles: boolean;
+    activeProfile?: string;
+    profiles?: VaultEntryProfile[];
+    lastModified?: number;
+    lastUsed?: number;
+    kind: "secret" | "value" | "reference";
+}
+export type RoutingScopeKind = "agent" | "app" | "skill";
+export interface RoutingScope {
+    kind: RoutingScopeKind;
+    agentId?: string;
+    appName?: string;
+    skillId?: string;
+}
+export interface RoutingRule {
+    keyPattern: string;
+    scope: RoutingScope;
+    profileId: string;
+}
+export interface RoutingConfig {
+    rules: RoutingRule[];
+    defaultProfile?: string;
+}
+export interface AgentSummary {
+    id: string;
+    name: string;
+}
+export interface InstalledApp {
+    name: string;
+    displayName?: string;
+}
+export type SavedLoginSource = "in-house" | "1password" | "bitwarden";
+export interface UnifiedSavedLogin {
+    source: SavedLoginSource;
+    identifier: string;
+    domain: string | null;
+    username: string;
+    title: string;
+    updatedAt: number;
+}
+export interface SavedLoginsListFailure {
+    source: "1password" | "bitwarden";
+    message: string;
+}
+/**
+ * Each tab receives a `navigate` callback so it can request a jump to
+ * another tab with optional focus parameters. The modal owns the
+ * active-tab state and applies the focus on the receiving side.
+ */
+export type VaultTabNavigate = (target: {
+    tab: "overview" | "secrets" | "logins" | "routing";
+    focusKey?: string;
+    focusProfileId?: string;
+}) => void;
+//# sourceMappingURL=types.d.ts.map

package/components/settings/vault-tabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/settings/vault-tabs/types.ts"],"names":[],"mappings":"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"}

package/components/settings/vault-tabs/types.js

@@ -0,0 +1,8 @@
+/**
+ * Shared wire types and props for the Vault modal's per-tab panes.
+ *
+ * Wire shapes mirror `@elizaos/vault` exactly. The Vault modal fetches
+ * each piece once on open and forwards everything via props so each tab
+ * never re-fetches data the modal already has.
+ */
+export {};