@rightkit/agent-ui-settings 0.0.0-stage → 0.1.1

package/dist/components/remote/RemoteHostsPanel.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { parseRemoteCandidates, remoteClient, remoteRelativeTime, shortRemoteFingerprint, } from "@rightkit/agent-ui-core/lib/remote/remoteClient";
+import { hostAppName } from "../../appName.js";
+function describeProjects(projects) {
+    if (Array.isArray(projects))
+        return `${projects.length} project${projects.length === 1 ? "" : "s"}`;
+    if (projects && typeof projects === "object")
+        return `${Object.keys(projects).length} project fields`;
+    return "project state returned";
+}
+export default function RemoteHostsPanel({ open = true, client = remoteClient, }) {
+    const [hosts, setHosts] = useState([]);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [actionId, setActionId] = useState(null);
+    const [reachability, setReachability] = useState({});
+    const [editingId, setEditingId] = useState(null);
+    const [name, setName] = useState("");
+    const [host, setHost] = useState("");
+    const [fingerprint, setFingerprint] = useState("");
+    const [code, setCode] = useState("");
+    const [candidates, setCandidates] = useState("");
+    const alive = useRef(true);
+    useEffect(() => {
+        alive.current = true;
+        return () => {
+            alive.current = false;
+        };
+    }, []);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        try {
+            const nextHosts = await client.remoteHostsList();
+            if (!alive.current)
+                return;
+            setHosts(Array.isArray(nextHosts) ? nextHosts : []);
+            setError(null);
+        }
+        catch (reason) {
+            if (alive.current)
+                setError(reason instanceof Error ? reason.message : String(reason));
+        }
+        finally {
+            if (alive.current)
+                setLoading(false);
+        }
+    }, [client]);
+    useEffect(() => {
+        if (!open)
+            return;
+        void refresh();
+        const timer = window.setInterval(() => void refresh(), 5000);
+        return () => window.clearInterval(timer);
+    }, [open, refresh]);
+    const runAction = useCallback(async (id, operation) => {
+        setActionId(id);
+        try {
+            await operation();
+            await refresh();
+        }
+        catch (reason) {
+            setError(reason instanceof Error ? reason.message : String(reason));
+        }
+        finally {
+            if (alive.current)
+                setActionId(null);
+        }
+    }, [refresh]);
+    const pairHost = useCallback(async () => {
+        const trimmedHost = host.trim();
+        const trimmedFingerprint = fingerprint.trim();
+        const trimmedCode = code.trim();
+        if (!trimmedHost || !trimmedFingerprint || !trimmedCode) {
+            setError("Host, fingerprint, and pairing code are required.");
+            return;
+        }
+        await runAction("pair", async () => {
+            await client.remoteHostPair({
+                host: trimmedHost,
+                fingerprint: trimmedFingerprint,
+                code: trimmedCode,
+                candidates: parseRemoteCandidates(candidates),
+            });
+            setHost("");
+            setFingerprint("");
+            setCode("");
+            setCandidates("");
+        });
+    }, [candidates, client, code, fingerprint, host, runAction]);
+    const renameHost = useCallback(async (id) => {
+        const trimmed = name.trim();
+        if (!trimmed)
+            return;
+        await runAction(`rename:${id}`, async () => {
+            await client.remoteHostRename(id, trimmed);
+            setEditingId(null);
+            setName("");
+        });
+    }, [client, name, runAction]);
+    const checkReachability = useCallback(async (id) => {
+        setActionId(`check:${id}`);
+        try {
+            const snapshot = await client.remoteHostProjectSnapshot(id);
+            if (alive.current) {
+                setReachability((current) => ({
+                    ...current,
+                    [id]: { state: "reachable", detail: describeProjects(snapshot.projects) },
+                }));
+            }
+        }
+        catch (reason) {
+            if (alive.current) {
+                setReachability((current) => ({
+                    ...current,
+                    [id]: {
+                        state: "unreachable",
+                        detail: reason instanceof Error ? reason.message : String(reason),
+                    },
+                }));
+            }
+        }
+        finally {
+            if (alive.current)
+                setActionId(null);
+        }
+    }, [client]);
+    return (_jsxs("section", { "aria-label": "Remote hosts", className: "grid gap-3 rounded-xl border border-line bg-panel p-4", "data-testid": "remote-hosts-panel", children: [_jsxs("header", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-text", children: "Remote hosts" }), _jsxs("p", { className: "mt-0.5 text-[12px] text-text-3", children: ["Pair another ", hostAppName(), " desktop and inspect its project reachability. Host tokens remain in the native store."] })] }), _jsx("button", { type: "button", "aria-label": "Refresh remote hosts", disabled: loading, onClick: () => void refresh(), className: "h-8 rounded-lg border border-line bg-bg px-3 text-[12px] text-text-2 hover:text-text disabled:opacity-40", children: loading ? "Refreshing…" : "Refresh" })] }), error ? (_jsxs("p", { role: "alert", className: "rounded-lg border border-danger/40 bg-danger/10 p-2 text-[12px] text-danger", children: ["Remote host service unavailable: ", error] })) : null, _jsxs("form", { className: "grid gap-2 rounded-lg border border-line bg-bg p-3", onSubmit: (event) => {
+                    event.preventDefault();
+                    void pairHost();
+                }, "data-testid": "remote-host-pair-form", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-[12px] font-semibold text-text", children: "Pair a desktop host" }), _jsx("p", { className: "mt-0.5 text-[11px] text-text-3", children: "Start pairing on the other host, then enter its address, fingerprint, and code." })] }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsx("input", { "aria-label": "Remote host address", placeholder: "Host address", value: host, onChange: (event) => setHost(event.target.value), className: "h-8 rounded-lg border border-line bg-panel px-2 text-[12px] text-text" }), _jsx("input", { "aria-label": "Remote host fingerprint", placeholder: "Certificate fingerprint", value: fingerprint, onChange: (event) => setFingerprint(event.target.value), className: "h-8 rounded-lg border border-line bg-panel px-2 font-mono text-[11px] text-text" }), _jsx("input", { "aria-label": "Remote host pairing code", inputMode: "numeric", placeholder: "8-digit pairing code", value: code, onChange: (event) => setCode(event.target.value), className: "h-8 rounded-lg border border-line bg-panel px-2 font-mono text-[12px] text-text" }), _jsx("input", { "aria-label": "Remote host candidate addresses", placeholder: "Other addresses (comma-separated)", value: candidates, onChange: (event) => setCandidates(event.target.value), className: "h-8 rounded-lg border border-line bg-panel px-2 text-[12px] text-text" })] }), _jsx("button", { type: "submit", disabled: actionId === "pair", className: "h-8 justify-self-start rounded-lg border border-accent bg-[color-mix(in_srgb,var(--color-accent)_10%,transparent)] px-3 text-[12px] font-semibold text-text disabled:opacity-40", children: actionId === "pair" ? "Pairing…" : "Pair host" })] }), hosts.length === 0 ? (_jsx("p", { className: "rounded-lg border border-line bg-bg px-3 py-2 text-[12px] text-text-3", children: "No paired desktop hosts." })) : (_jsx("ul", { className: "grid gap-2", "data-testid": "remote-host-list", children: hosts.map((remoteHost) => {
+                    const status = reachability[remoteHost.id];
+                    return (_jsxs("li", { "data-testid": `remote-host-${remoteHost.id}`, className: "grid gap-2 rounded-lg border border-line bg-bg p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-semibold text-[12px] text-text", children: remoteHost.displayName }), _jsx("span", { className: "text-[11px] text-text-3", children: remoteHost.hostname }), status ? (_jsx("span", { className: status.state === "reachable" ? "text-accent-2" : "text-danger", children: status.state })) : (_jsx("span", { className: "text-[11px] text-text-3", children: "not checked" }))] }), _jsxs("div", { className: "grid gap-1 text-[11px] text-text-3", children: [_jsxs("code", { className: "font-mono", title: remoteHost.fingerprint, children: ["cert ", shortRemoteFingerprint(remoteHost.fingerprint)] }), _jsx("span", { children: remoteHost.candidates.length ? remoteHost.candidates.join(" · ") : "No address candidates" }), _jsxs("span", { children: ["last seen ", remoteRelativeTime(remoteHost.lastSeenAt)] }), status?.detail ? _jsx("span", { className: "break-words", children: status.detail }) : null] }), editingId === remoteHost.id ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("input", { type: "text", "aria-label": `New name for ${remoteHost.displayName}`, value: name, onChange: (event) => setName(event.target.value), className: "h-8 min-w-[16ch] flex-1 rounded-lg border border-line bg-panel px-2 text-[12px] text-text" }), _jsx("button", { type: "button", disabled: !name.trim() || actionId === `rename:${remoteHost.id}`, onClick: () => void renameHost(remoteHost.id), className: "h-8 rounded-lg border border-accent px-3 text-[12px] text-text disabled:opacity-40", children: "Save name" }), _jsx("button", { type: "button", onClick: () => setEditingId(null), className: "h-8 rounded-lg border border-line px-3 text-[12px] text-text-2", children: "Cancel" })] })) : (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("button", { type: "button", disabled: actionId === `check:${remoteHost.id}`, onClick: () => void checkReachability(remoteHost.id), className: "h-7 rounded-md border border-accent bg-panel px-2 text-[11px] text-text disabled:opacity-40", children: actionId === `check:${remoteHost.id}` ? "Checking…" : "Check reachability" }), _jsx("button", { type: "button", disabled: actionId === `reconnect:${remoteHost.id}`, onClick: () => void runAction(`reconnect:${remoteHost.id}`, () => client.remoteHostReconnect(remoteHost.id)), className: "h-7 rounded-md border border-line bg-panel px-2 text-[11px] text-text-2 hover:text-text disabled:opacity-40", children: "Reconnect" }), _jsx("button", { type: "button", onClick: () => {
+                                            setEditingId(remoteHost.id);
+                                            setName(remoteHost.displayName);
+                                        }, className: "h-7 rounded-md border border-line bg-panel px-2 text-[11px] text-text-2 hover:text-text", children: "Rename" }), _jsx("button", { type: "button", disabled: actionId === `forget:${remoteHost.id}`, onClick: () => void runAction(`forget:${remoteHost.id}`, () => client.remoteHostForget(remoteHost.id)), className: "h-7 rounded-md border border-danger/40 bg-panel px-2 text-[11px] text-danger hover:border-danger disabled:opacity-40", children: "Forget" })] }))] }, remoteHost.id));
+                }) }))] }));
+}
+export { describeProjects };

package/dist/components/settings/analytics/AnalyticsConsentCard.d.ts

@@ -0,0 +1,14 @@
+import type { AnalyticsProjection } from "@rightkit/agent-ui-core/lib/analytics/analyticsProjection";
+export interface AnalyticsConsentCardProps {
+    /** Optional native/background analytics handle. The UI remains usable when absent. */
+    projection?: AnalyticsProjection;
+    initialEnabled?: boolean;
+    onChange?: (enabled: boolean) => void;
+}
+/**
+ * Waku's anonymous-analytics setting, adapted to the host app settings tokens.
+ * Consent is explicit state, can be withdrawn immediately, and never contains
+ * a provider prompt, project path, response, or account identifier.
+ */
+export declare function AnalyticsConsentCard({ projection, initialEnabled, onChange, }: AnalyticsConsentCardProps): import("react").JSX.Element;
+export default AnalyticsConsentCard;

package/dist/components/settings/analytics/AnalyticsConsentCard.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+import { readAnalyticsConsent, writeAnalyticsConsent } from "@rightkit/agent-ui-core/lib/analytics/analyticsProjection";
+import { hostAppName } from "../../../appName.js";
+/**
+ * Waku's anonymous-analytics setting, adapted to the host app settings tokens.
+ * Consent is explicit state, can be withdrawn immediately, and never contains
+ * a provider prompt, project path, response, or account identifier.
+ */
+export function AnalyticsConsentCard({ projection, initialEnabled, onChange, }) {
+    const [enabled, setEnabled] = useState(() => initialEnabled ?? projection?.enabled ?? readAnalyticsConsent());
+    const update = (next) => {
+        setEnabled(next);
+        projection?.setEnabled(next);
+        if (!projection)
+            writeAnalyticsConsent(next);
+        onChange?.(next);
+    };
+    return (_jsxs("section", { className: "flex items-center justify-between gap-4 rounded-xl border border-line bg-panel px-4 py-3", "aria-labelledby": "analytics-consent-title", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("span", { className: "mt-0.5 text-text-3", "aria-hidden": "true", children: _jsx(Icon, { name: "activity", size: 16 }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("h4", { id: "analytics-consent-title", className: "text-[13px] font-semibold text-text", children: "Share anonymous usage data" }), _jsxs("p", { className: "mt-1 text-[12px] leading-snug text-text-3", children: ["Help improve ", hostAppName(), " with coarse product events only. Prompts, project names and paths, provider output, and account identity are never included."] })] })] }), _jsxs("label", { className: "flex shrink-0 items-center gap-2 text-[12px] text-text-2", children: [_jsx("input", { type: "checkbox", className: "h-6 w-6 cursor-pointer accent-accent", checked: enabled, onChange: (event) => update(event.currentTarget.checked), "aria-label": "Share anonymous usage data" }), enabled ? "On" : "Off"] })] }));
+}
+export default AnalyticsConsentCard;

package/dist/components/settings/cliUpdate/CliUpdatePanel.d.ts

@@ -0,0 +1,9 @@
+import type { ManagedCliUpdate } from "@rightkit/agent-ui-core/lib/cliUpdate/updateProjection";
+export interface CliUpdatePanelProps {
+    updates: ManagedCliUpdate[];
+    loading?: boolean;
+    error?: string | null;
+    onRefresh?: () => void | Promise<void>;
+}
+/** Settings projection for managed CLI versions. Installation stays daemon-owned. */
+export default function CliUpdatePanel({ updates, loading, error, onRefresh, }: CliUpdatePanelProps): import("react").JSX.Element;

package/dist/components/settings/cliUpdate/CliUpdatePanel.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { hostAppName } from "../../../appName.js";
+function stateLabel(state) {
+    switch (state) {
+        case "current":
+            return "Current";
+        case "update-available":
+            return "Update available";
+        case "not-installed":
+            return "Not installed";
+        case "unavailable":
+            return "Status unavailable";
+    }
+}
+/** Settings projection for managed CLI versions. Installation stays daemon-owned. */
+export default function CliUpdatePanel({ updates, loading = false, error = null, onRefresh, }) {
+    return (_jsxs("section", { className: "rounded-xl border border-line bg-panel p-4", "aria-label": "CLI updates", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-[14px] font-semibold text-text", children: "CLI updates" }), _jsxs("p", { className: "mt-1 text-[12px] text-text-3", children: ["Managed CLI versions come from the daemon. ", hostAppName(), " never updates a vendor binary directly."] })] }), onRefresh ? (_jsx("button", { type: "button", className: "h-8 rounded-lg border border-line px-3 text-[12px] text-text-2 hover:bg-panel-2 disabled:opacity-40", disabled: loading, onClick: () => void onRefresh(), children: loading ? "Refreshing" : "Refresh" })) : null] }), error ? _jsx("p", { className: "mt-3 text-[12px] text-danger", children: error }) : null, _jsxs("div", { className: "mt-4 flex flex-col gap-2", children: [updates.length === 0 ? _jsx("p", { className: "text-[12px] text-text-3", children: "No managed CLIs detected." }) : null, updates.map((update) => (_jsxs("article", { className: "flex items-center gap-3 rounded-lg border border-line/70 px-3 py-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("strong", { className: "block truncate text-[12px] text-text", children: update.displayName }), _jsxs("span", { className: "block truncate text-[11px] text-text-3", children: ["Installed: ", update.installedVersion ?? "—"] })] }), _jsxs("div", { className: "shrink-0 text-right", children: [_jsx("span", { className: "block text-[12px] text-text-2", children: stateLabel(update.state) }), _jsx("span", { className: "block max-w-[220px] text-[10px] text-text-3", children: update.reason })] })] }, update.providerId)))] })] }));
+}

package/dist/components/settings/helpers.d.ts

@@ -0,0 +1,7 @@
+import type { McpServerRow, McpServerType } from "@rightkit/agent-ui-core/lib/types";
+export declare function formatIsoTime(value: string): string;
+export declare function shortHash(value: string | undefined): string;
+export declare function mcpServerKey(server: Pick<McpServerRow, "scope" | "name">): string;
+export declare function describeMcpServer(server: McpServerRow): string;
+export declare function mcpTrustLabel(preset: string | undefined): string;
+export declare function defaultMcpTrustPreset(type: McpServerType): string;

package/dist/components/settings/helpers.js

@@ -0,0 +1,40 @@
+export function formatIsoTime(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleString();
+}
+export function shortHash(value) {
+    if (!value)
+        return "missing";
+    return value.length > 12 ? `${value.slice(0, 12)}...` : value;
+}
+export function mcpServerKey(server) {
+    return `${server.scope}:${server.name}`;
+}
+export function describeMcpServer(server) {
+    if (server.config.type === "http" || server.config.type === "sse") {
+        return server.config.url;
+    }
+    const args = server.config.args?.join(" ") ?? "";
+    return `${server.config.command}${args ? ` ${args}` : ""}`;
+}
+export function mcpTrustLabel(preset) {
+    switch (preset) {
+        case "local_process":
+            return "local process";
+        case "local_dev":
+            return "local dev";
+        case "remote_read_only":
+            return "remote read-only";
+        case "remote_full":
+            return "remote full";
+        case "remote_unreviewed":
+            return "remote unreviewed";
+        default:
+            return preset || "unknown";
+    }
+}
+export function defaultMcpTrustPreset(type) {
+    return type === "stdio" ? "local_process" : "local_dev";
+}

package/dist/components/settings/keyboard/KeyboardShortcutsSettings.d.ts

@@ -0,0 +1,12 @@
+import { type ShortcutCombo } from "@rightkit/agent-ui-core/lib/shortcuts/bindings";
+export declare const SHORTCUT_OVERRIDES_STORAGE_KEY = "coderight.shortcuts.v1";
+/** Fired on `window` after this window writes overrides, so the live registry re-syncs (other windows get `storage`). */
+export declare const SHORTCUT_OVERRIDES_CHANGED_EVENT = "coderight:shortcut-overrides-changed";
+export type ShortcutOverrides = Record<string, ShortcutCombo>;
+export declare function readShortcutOverrides(fallback?: ShortcutOverrides): ShortcutOverrides;
+export declare function writeShortcutOverrides(overrides: ShortcutOverrides): void;
+export interface KeyboardShortcutsSettingsProps {
+    initialOverrides?: ShortcutOverrides;
+    onOverridesChange?: (overrides: ShortcutOverrides) => void;
+}
+export default function KeyboardShortcutsSettings({ initialOverrides, onOverridesChange, }: KeyboardShortcutsSettingsProps): import("react").JSX.Element;

package/dist/components/settings/keyboard/KeyboardShortcutsSettings.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { createKeymapStore } from "@rightkit/react-shell";
+import { getCustomizableShortcutActions, getEffectiveShortcutCombo, getEffectiveShortcutPrefix, } from "@rightkit/agent-ui-core/lib/shortcuts/schema";
+import { formatShortcutForDisplay, UNASSIGNED_SHORTCUT, } from "@rightkit/agent-ui-core/lib/shortcuts/bindings";
+import ShortcutRecordingDialog from "./ShortcutRecordingDialog.js";
+export const SHORTCUT_OVERRIDES_STORAGE_KEY = "coderight.shortcuts.v1";
+/** Fired on `window` after this window writes overrides, so the live registry re-syncs (other windows get `storage`). */
+export const SHORTCUT_OVERRIDES_CHANGED_EVENT = "coderight:shortcut-overrides-changed";
+const keymapStore = createKeymapStore({ storageKey: SHORTCUT_OVERRIDES_STORAGE_KEY });
+export function readShortcutOverrides(fallback = {}) {
+    const loaded = Object.fromEntries(Object.entries(keymapStore.load()).filter((entry) => typeof entry[1] === "string"));
+    return Object.keys(loaded).length > 0 ? loaded : { ...fallback };
+}
+export function writeShortcutOverrides(overrides) {
+    keymapStore.save(overrides);
+    if (typeof window !== "undefined")
+        window.dispatchEvent(new Event(SHORTCUT_OVERRIDES_CHANGED_EVENT));
+}
+const CATEGORIES = ["session", "models", "panels", "navigation", "application"];
+function labelForAction(action) {
+    return action.id.split("_").map((part) => part[0].toUpperCase() + part.slice(1)).join(" ");
+}
+function categoryLabel(category) {
+    return category[0].toUpperCase() + category.slice(1);
+}
+export default function KeyboardShortcutsSettings({ initialOverrides = {}, onOverridesChange, }) {
+    const [shortcutOverrides, setShortcutOverrides] = useState(() => readShortcutOverrides(initialOverrides));
+    const [editingAction, setEditingAction] = useState(null);
+    useEffect(() => {
+        const onStorage = (event) => {
+            if (event.key !== SHORTCUT_OVERRIDES_STORAGE_KEY)
+                return;
+            setShortcutOverrides(readShortcutOverrides(initialOverrides));
+        };
+        window.addEventListener("storage", onStorage);
+        return () => window.removeEventListener("storage", onStorage);
+    }, [initialOverrides]);
+    const actions = useMemo(() => getCustomizableShortcutActions(), []);
+    const updateOverrides = (next) => {
+        setShortcutOverrides(next);
+        writeShortcutOverrides(next);
+        onOverridesChange?.(next);
+    };
+    const save = (actionId, combo, replaceActionId) => {
+        const next = { ...shortcutOverrides, [actionId]: combo };
+        if (replaceActionId)
+            next[replaceActionId] = UNASSIGNED_SHORTCUT;
+        updateOverrides(next);
+    };
+    const resetOne = (actionId) => {
+        const next = { ...shortcutOverrides };
+        delete next[actionId];
+        updateOverrides(next);
+    };
+    const displayFor = (action) => {
+        const prefixStyle = "prefixStyle" in action && action.prefixStyle;
+        const combo = prefixStyle
+            ? getEffectiveShortcutPrefix(action.id, shortcutOverrides)
+            : getEffectiveShortcutCombo(action.id, shortcutOverrides);
+        const formatted = formatShortcutForDisplay(combo);
+        if (!prefixStyle || !combo || combo === UNASSIGNED_SHORTCUT)
+            return formatted;
+        return `${formatted} + digit`;
+    };
+    return (_jsxs("section", { className: "flex max-w-[720px] flex-col gap-5 p-6", "aria-label": "Keyboard shortcuts settings", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-[16px] font-bold text-text", children: "Keyboard shortcuts" }), _jsx("p", { className: "mt-1 text-[13px] text-text-2", children: "Remap application commands and review conflicts before saving." })] }), CATEGORIES.map((category, index) => {
+                const categoryActions = actions.filter((action) => action.category === category);
+                if (categoryActions.length === 0)
+                    return null;
+                return (_jsxs("section", { className: `grid gap-2 ${index === 0 ? "" : "border-t border-line pt-5"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("h4", { className: "text-[13px] font-semibold text-text", children: categoryLabel(category) }), index === 0 ? (_jsx("button", { type: "button", className: "inline-flex h-8 items-center rounded-lg border border-line bg-transparent px-3 text-[12px] text-text-2 cursor-pointer hover:bg-panel-2 hover:text-text", onClick: () => updateOverrides({}), children: "Reset all" })) : null] }), _jsx("div", { className: "grid gap-2", children: categoryActions.map((action) => (_jsxs("div", { className: "flex min-h-9 items-center justify-between gap-3 rounded-lg border border-line bg-panel px-3 py-2", children: [_jsx("span", { className: "min-w-0 text-[12px] text-text-2", children: labelForAction(action) }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx("kbd", { className: "min-w-24 rounded-md border border-line bg-bg px-2 py-1 text-center text-[11px] font-mono text-text", children: displayFor(action) }), _jsx("button", { type: "button", className: "inline-flex h-8 items-center rounded-lg border border-line bg-transparent px-3 text-[12px] text-text-2 cursor-pointer hover:bg-panel-2 hover:text-text", onClick: () => setEditingAction(action), children: "Edit" }), action.id in shortcutOverrides ? (_jsx("button", { type: "button", className: "inline-flex h-8 items-center rounded-lg border border-transparent bg-transparent px-2 text-[12px] text-text-3 cursor-pointer hover:text-text", onClick: () => resetOne(action.id), children: "Reset" })) : null] })] }, action.id))) })] }, category));
+            }), _jsx(ShortcutRecordingDialog, { action: editingAction, overrides: shortcutOverrides, onSave: save, onOpenChange: (open) => {
+                    if (!open)
+                        setEditingAction(null);
+                } })] }));
+}

package/dist/components/settings/keyboard/ShortcutRecordingDialog.d.ts

@@ -0,0 +1,27 @@
+import { type CustomizableShortcutAction, type ShortcutActionId } from "@rightkit/agent-ui-core/lib/shortcuts/schema";
+import { type ShortcutCombo } from "@rightkit/agent-ui-core/lib/shortcuts/bindings";
+type RecordingKeyboardEvent = {
+    altKey: boolean;
+    code: string;
+    ctrlKey: boolean;
+    isComposing: boolean;
+    key: string;
+    metaKey: boolean;
+    repeat: boolean;
+    shiftKey: boolean;
+};
+export type ShortcutRecordingState = {
+    chords: ShortcutCombo[];
+    livePreview: ShortcutCombo | null;
+    settled: boolean;
+};
+interface ShortcutRecordingDialogProps {
+    action: CustomizableShortcutAction | null;
+    overrides: Record<string, string>;
+    onSave: (actionId: ShortcutActionId, combo: ShortcutCombo, replaceActionId?: ShortcutActionId) => void;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function settleShortcutRecordingState(state: ShortcutRecordingState): ShortcutRecordingState;
+export declare function updateShortcutRecordingState(state: ShortcutRecordingState, event: RecordingKeyboardEvent, phase: "keydown" | "keyup"): ShortcutRecordingState;
+export default function ShortcutRecordingDialog({ action, overrides, onSave, onOpenChange }: ShortcutRecordingDialogProps): import("react").JSX.Element | null;
+export {};

package/dist/components/settings/keyboard/ShortcutRecordingDialog.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Button, Dialog } from "@rightkit/react-shell/react";
+import { getShortcutBindingConflicts, } from "@rightkit/agent-ui-core/lib/shortcuts/schema";
+import { formatShortcutForDisplay, isRiskyBrowserShortcut, keyToShortcutToken, normalizeCombo, resolveShortcutEventKey, } from "@rightkit/agent-ui-core/lib/shortcuts/bindings";
+import { rightKitShortcuts } from "@rightkit/agent-ui-core/lib/shortcuts/dispatcher";
+const MODIFIER_KEYS = new Set(["shift", "control", "alt", "meta"]);
+const MAX_SHORTCUT_KEY_COUNT = 3;
+const SECOND_CHORD_TIMEOUT_MS = 3000;
+function getPhysicalKeyCount(event, includeEventKey = false) {
+    const keys = new Set();
+    if (event.altKey)
+        keys.add("alt");
+    if (event.ctrlKey)
+        keys.add("control");
+    if (event.metaKey)
+        keys.add("meta");
+    if (event.shiftKey)
+        keys.add("shift");
+    if (includeEventKey)
+        keys.add(event.key.toLowerCase());
+    return keys.size;
+}
+function isCustomizableConflict(conflict) {
+    return conflict.action.customizable;
+}
+function getModifierPreview(event) {
+    if (getPhysicalKeyCount(event) > MAX_SHORTCUT_KEY_COUNT)
+        return null;
+    const parts = [];
+    if (event.metaKey || event.ctrlKey)
+        parts.push("mod");
+    if (event.shiftKey)
+        parts.push("shift");
+    if (event.altKey)
+        parts.push("alt");
+    return parts.length > 0 ? normalizeCombo(parts.join("+")) : null;
+}
+function keyboardEventToCombo(event) {
+    if (MODIFIER_KEYS.has(event.key.toLowerCase()))
+        return null;
+    if (getPhysicalKeyCount(event, true) > MAX_SHORTCUT_KEY_COUNT)
+        return null;
+    const key = keyToShortcutToken(resolveShortcutEventKey(event));
+    if (!key)
+        return null;
+    const parts = [];
+    if (event.metaKey || event.ctrlKey)
+        parts.push("mod");
+    if (event.shiftKey)
+        parts.push("shift");
+    if (event.altKey)
+        parts.push("alt");
+    parts.push(key);
+    return normalizeCombo(parts.join("+"));
+}
+function modifierKeyUpToCombo(event) {
+    const key = event.key.toLowerCase();
+    if (!MODIFIER_KEYS.has(key))
+        return null;
+    if (getPhysicalKeyCount(event, true) > MAX_SHORTCUT_KEY_COUNT)
+        return null;
+    const parts = [];
+    if (event.metaKey || event.ctrlKey || key === "meta" || key === "control")
+        parts.push("mod");
+    if (event.shiftKey || key === "shift")
+        parts.push("shift");
+    if (event.altKey || key === "alt")
+        parts.push("alt");
+    return parts.length > 0 ? normalizeCombo(parts.join("+")) : null;
+}
+export function settleShortcutRecordingState(state) {
+    return state.chords.length > 0 ? { ...state, livePreview: null, settled: true } : state;
+}
+export function updateShortcutRecordingState(state, event, phase) {
+    if (event.repeat || event.isComposing)
+        return state;
+    if (phase === "keyup")
+        return { ...state, livePreview: getModifierPreview(event) };
+    if (event.key === "Backspace")
+        return { chords: state.chords.slice(0, -1), livePreview: null, settled: false };
+    const chord = keyboardEventToCombo(event);
+    if (chord) {
+        if (state.settled)
+            return { chords: [chord], livePreview: null, settled: false };
+        const chords = state.chords.length < 2 ? [...state.chords, chord] : state.chords;
+        return { chords, livePreview: null, settled: chords.length === 2 };
+    }
+    return { ...state, livePreview: getModifierPreview(event) };
+}
+export default function ShortcutRecordingDialog({ action, overrides, onSave, onOpenChange }) {
+    const [recording, setRecording] = useState({ chords: [], livePreview: null, settled: false });
+    const recordingRef = useRef(null);
+    useEffect(() => {
+        if (!action)
+            return;
+        setRecording({ chords: [], livePreview: null, settled: false });
+        recordingRef.current?.focus();
+        rightKitShortcuts.suspend();
+        return () => rightKitShortcuts.resume();
+    }, [action]);
+    const waitingForSecondChord = recording.chords.length === 1 && !recording.settled;
+    useEffect(() => {
+        if (!waitingForSecondChord)
+            return;
+        const timeout = window.setTimeout(() => setRecording(settleShortcutRecordingState), SECOND_CHORD_TIMEOUT_MS);
+        return () => window.clearTimeout(timeout);
+    }, [waitingForSecondChord]);
+    const combo = normalizeCombo(recording.chords.join(" "));
+    const conflicts = action && combo ? getShortcutBindingConflicts(action.id, combo, overrides) : [];
+    const protectedConflict = conflicts.find((conflict) => !conflict.action.customizable && conflict.kind !== "contextual-prefix");
+    const customizableConflicts = conflicts.filter(isCustomizableConflict);
+    const prefixConflict = customizableConflicts.find((conflict) => conflict.kind === "prefix");
+    const exactConflict = customizableConflicts.find((conflict) => conflict.kind === "exact");
+    const contextualPrefixConflict = conflicts.find((conflict) => conflict.kind === "contextual-prefix");
+    const close = () => onOpenChange(false);
+    const confirm = () => {
+        if (!recording.settled)
+            setRecording(settleShortcutRecordingState);
+        if (!action || !combo || protectedConflict || prefixConflict)
+            return;
+        onSave(action.id, combo, exactConflict?.action.id);
+        close();
+    };
+    const handleRecordingEvent = (event, phase) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const isPrefixStyleAction = Boolean(action && "prefixStyle" in action && action.prefixStyle);
+        if (phase === "keyup" && isPrefixStyleAction && recording.chords.length === 0) {
+            const modifierCombo = modifierKeyUpToCombo(event);
+            if (modifierCombo) {
+                setRecording({ chords: [modifierCombo], livePreview: null, settled: true });
+                return;
+            }
+        }
+        const nextRecording = updateShortcutRecordingState(recording, {
+            altKey: event.altKey,
+            code: event.nativeEvent.code,
+            ctrlKey: event.ctrlKey,
+            isComposing: event.nativeEvent.isComposing,
+            key: event.key,
+            metaKey: event.metaKey,
+            repeat: event.repeat,
+            shiftKey: event.shiftKey,
+        }, phase);
+        setRecording(isPrefixStyleAction && nextRecording.chords.length > 1 ? recording : nextRecording);
+    };
+    // The recorder owns every key including Escape, so the dialog opts out of Escape dismissal.
+    if (!action)
+        return null;
+    return (_jsxs(Dialog, { title: `Edit shortcut: ${action.id.split("_").join(" ")}`, description: "Press one key or a two-key sequence. The recording stays local until you confirm.", onClose: close, escape: false, autoFocus: false, width: 400, children: [_jsx("div", { ref: recordingRef, role: "application", 
+                // biome-ignore lint/a11y/noNoninteractiveTabindex: recorder is intentional keyboard capture target.
+                tabIndex: 0, className: "mt-4 flex min-h-28 items-center justify-center rounded-lg border border-line bg-panel-2 px-4 py-5 text-center outline-none focus-visible:ring-2 focus-visible:ring-accent/60", onKeyDown: (event) => handleRecordingEvent(event, "keydown"), onKeyUp: (event) => handleRecordingEvent(event, "keyup"), onBlur: () => setRecording((current) => ({ ...current, livePreview: null })), "aria-label": "Shortcut recorder", children: _jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [recording.chords.map((chord, index) => (_jsx("kbd", { className: "rounded-md border border-line bg-bg px-3 py-2 text-[12px] font-mono text-text", children: formatShortcutForDisplay(chord) }, `${chord}-${index}`))), recording.livePreview ? (_jsx("kbd", { className: "rounded-md border border-dashed border-line bg-bg px-3 py-2 text-[12px] font-mono text-text-3", children: formatShortcutForDisplay(recording.livePreview) })) : null, recording.chords.length === 0 && !recording.livePreview ? _jsx("span", { className: "text-[12px] text-text-3", children: "Waiting for a key\u2026" }) : null] }) }), recording.settled && protectedConflict ? _jsxs("p", { className: "mt-3 text-[12px] text-danger", children: ["This shortcut is reserved by ", protectedConflict.action.id, "."] }) : null, recording.settled && prefixConflict ? _jsxs("p", { className: "mt-3 text-[12px] text-danger", children: ["This shortcut conflicts with ", prefixConflict.action.id, "."] }) : null, recording.settled && exactConflict && !protectedConflict && !prefixConflict ? _jsxs("p", { className: "mt-3 text-[12px] text-warning", children: ["This replaces the shortcut for ", exactConflict.action.id, "."] }) : null, recording.settled && contextualPrefixConflict && !protectedConflict && !prefixConflict ? _jsxs("p", { className: "mt-3 text-[12px] text-warning", children: ["This may overlap ", contextualPrefixConflict.action.id, "."] }) : null, recording.settled && combo && isRiskyBrowserShortcut(combo) ? _jsx("p", { className: "mt-3 text-[12px] text-warning", children: "This may be intercepted by the browser or operating system." }) : null, _jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: close, children: "Cancel" }), _jsx(Button, { type: "button", variant: "primary", size: "sm", disabled: !combo || Boolean(protectedConflict) || Boolean(prefixConflict), onClick: confirm, children: "Confirm" })] })] }));
+}

package/dist/components/settings/marketplace/McpDiscoverPanel.d.ts

@@ -0,0 +1,34 @@
+import type { ConfiguredMcpServerProjection, McpRegistryServer, RegistryHealthProjection } from "@rightkit/agent-ui-core/lib/daemon/marketplaces";
+export type McpInstallAgent = "claude" | "codex";
+export type McpInstallScope = "user" | "project" | "local";
+export interface McpInstallSelection {
+    agent: McpInstallAgent;
+    scope: McpInstallScope;
+    cwd?: string;
+    environment: Record<string, string>;
+    headers: Record<string, string>;
+}
+export interface McpDiscoverPanelProps {
+    projectCwd?: string;
+    query: string;
+    results: McpRegistryServer[];
+    popularResults?: McpRegistryServer[];
+    selectedServer?: McpRegistryServer | null;
+    installedServers?: ConfiguredMcpServerProjection[];
+    health?: RegistryHealthProjection | null;
+    searching?: boolean;
+    refreshing?: boolean;
+    operationLoading?: string | null;
+    installAgent?: McpInstallAgent;
+    installScope?: McpInstallScope;
+    onQueryChange: (query: string) => void;
+    onAgentChange?: (agent: McpInstallAgent) => void;
+    onScopeChange?: (scope: McpInstallScope) => void;
+    onRefresh?: () => void;
+    onSelect: (server: McpRegistryServer) => void;
+    onClearSelection?: () => void;
+    onInstall: (server: McpRegistryServer, selection: McpInstallSelection) => void | Promise<void>;
+    onImportClaudeDesktop?: () => void | Promise<void>;
+    onImportJson?: (file: File) => void | Promise<void>;
+}
+export default function McpDiscoverPanel({ projectCwd, query, results, popularResults, selectedServer, installedServers, health, searching, refreshing, operationLoading, installAgent, installScope, onQueryChange, onAgentChange, onScopeChange, onRefresh, onSelect, onClearSelection, onInstall, onImportClaudeDesktop, onImportJson, }: McpDiscoverPanelProps): import("react").JSX.Element;