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

package/dist/components/settings/tabs/execution/ExecutionBackendList.d.ts

@@ -0,0 +1,19 @@
+import type { ExecutionBackendConfig, ExecutionNetworkProfile } from "@rightkit/agent-ui-core/lib/types";
+interface ExecutionBackendListProps {
+    backends: ExecutionBackendConfig[];
+    defaultBackend: string;
+    doctorReports: Record<string, import("@rightkit/agent-ui-core/lib/types").BackendDoctorReport>;
+    pendingId: string | null;
+    networkProfiles: ExecutionNetworkProfile[];
+    onDoctor: (backendId: string) => void;
+    onSetDefault: (backendId: string) => void;
+    onSetEnabled: (backendId: string, enabled: boolean) => void;
+    onSaveResourceLimits: (backendId: string, limits: {
+        cpu?: number | null;
+        memoryMb?: number | null;
+        diskMb?: number | null;
+    }) => void;
+    onSaveNetworkProfile: (backendId: string, networkProfile: string | null) => void;
+}
+export declare function ExecutionBackendList({ backends, defaultBackend, doctorReports, pendingId, networkProfiles, onDoctor, onSetDefault, onSetEnabled, onSaveResourceLimits, onSaveNetworkProfile, }: ExecutionBackendListProps): import("react").JSX.Element;
+export {};

package/dist/components/settings/tabs/execution/ExecutionBackendList.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ExecutionBackendCard } from "./ExecutionBackendCard.js";
+export function ExecutionBackendList({ backends, defaultBackend, doctorReports, pendingId, networkProfiles, onDoctor, onSetDefault, onSetEnabled, onSaveResourceLimits, onSaveNetworkProfile, }) {
+    if (backends.length === 0) {
+        return (_jsx("p", { className: "px-4 py-3 text-[13px] text-text-3", children: "No execution backends are registered." }));
+    }
+    return (_jsx("div", { className: "flex flex-col divide-y divide-line border border-line rounded-xl overflow-hidden max-w-[1100px]", children: backends.map((backend) => (_jsx(ExecutionBackendCard, { backend: backend, isDefault: backend.id === defaultBackend, doctorReport: doctorReports[backend.id], doctorPending: pendingId === `doctor:${backend.id}`, defaultPending: pendingId === `default:${backend.id}`, enabledPending: pendingId === `enabled:${backend.id}`, limitsPending: pendingId === `limits:${backend.id}`, networkPending: pendingId === `network:${backend.id}`, networkProfiles: networkProfiles, onDoctor: () => onDoctor(backend.id), onSetDefault: () => onSetDefault(backend.id), onSetEnabled: () => onSetEnabled(backend.id, !backend.enabled), onSaveResourceLimits: (limits) => onSaveResourceLimits(backend.id, limits), onSaveNetworkProfile: (networkProfile) => onSaveNetworkProfile(backend.id, networkProfile) }, backend.id))) }));
+}

package/dist/components/settings/tabs/execution/ExecutionNetworkProfilesPanel.d.ts

@@ -0,0 +1,16 @@
+import type { ExecutionNetworkDefault, ExecutionNetworkProfile } from "@rightkit/agent-ui-core/lib/types";
+interface ExecutionNetworkProfilesPanelProps {
+    profiles: ExecutionNetworkProfile[];
+    pendingId: string | null;
+    workspaceRoot: string;
+    onSaveDefinition: (profileId: string, body: {
+        name?: string;
+        default?: ExecutionNetworkDefault;
+        allowHosts?: string[];
+        allowPrivateNetworks?: boolean;
+        denyPrivateNetworks?: boolean;
+    }) => void;
+    onDeleteDefinition: (profileId: string) => void;
+}
+export declare function ExecutionNetworkProfilesPanel({ profiles, pendingId, workspaceRoot, onSaveDefinition, onDeleteDefinition, }: ExecutionNetworkProfilesPanelProps): import("react").JSX.Element;
+export {};

package/dist/components/settings/tabs/execution/ExecutionNetworkProfilesPanel.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Checkbox, ConfirmDialog, Select } from "@rightkit/react-shell/react";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+import { TextSettingInput } from "./TextSettingInput.js";
+export function ExecutionNetworkProfilesPanel({ profiles, pendingId, workspaceRoot, onSaveDefinition, onDeleteDefinition, }) {
+    const [draft, setDraft] = useState(() => emptyNetworkProfileDraft());
+    const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
+    const draftId = draft.id.trim();
+    const saving = draftId ? pendingId === `profile:${draftId}` : false;
+    const deleting = draftId ? pendingId === `profile-delete:${draftId}` : false;
+    const saveDisabled = !draftId || saving || deleting;
+    const deleteDisabled = !draftId || saving || deleting;
+    return (_jsxs("section", { className: "grid gap-4 rounded-xl border border-line bg-panel p-4 max-w-[1100px]", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h4", { className: "text-[13px] font-semibold text-text", children: "Workspace network profile" }), _jsx("p", { className: "mt-1 text-[12px] text-text-3 truncate", children: workspaceRoot || "workspace not selected" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("button", { type: "button", className: "inline-flex items-center justify-center gap-2 h-8 px-3 rounded-lg border border-line bg-transparent text-text-2 text-[13px] cursor-pointer hover:bg-panel-2 hover:text-text disabled:opacity-40 whitespace-nowrap", disabled: saveDisabled, onClick: () => onSaveDefinition(draftId, {
+                                    name: draft.name.trim() || draftId,
+                                    default: draft.defaultMode,
+                                    allowHosts: splitNetworkProfileHosts(draft.allowHosts),
+                                    allowPrivateNetworks: draft.allowPrivateNetworks,
+                                    denyPrivateNetworks: draft.denyPrivateNetworks,
+                                }), children: [_jsx(Icon, { name: "check" }), saving ? "Saving profile" : "Save profile"] }), _jsxs("button", { type: "button", className: "inline-flex items-center justify-center gap-2 h-8 px-3 rounded-lg border border-danger/40 bg-transparent text-danger text-[13px] cursor-pointer hover:bg-danger/10 disabled:opacity-40 whitespace-nowrap", disabled: deleteDisabled, onClick: () => setConfirmDeleteOpen(true), children: [_jsx(Icon, { name: "trash" }), deleting ? "Deleting" : "Delete profile"] })] })] }), _jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1fr)_minmax(0,1.2fr)]", children: [_jsx(TextSettingInput, { label: "Profile ID", value: draft.id, onChange: (id) => setDraft((current) => ({ ...current, id })) }), _jsx(TextSettingInput, { label: "Name", value: draft.name, onChange: (name) => setDraft((current) => ({ ...current, name })) }), _jsxs("label", { className: "flex flex-col gap-1 min-w-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.08em] text-text-3", children: "Default" }), _jsx(Select, { label: "Default network mode", value: draft.defaultMode, onChange: (defaultMode) => setDraft((current) => ({ ...current, defaultMode })), options: [
+                                    { value: "deny", label: "Deny" },
+                                    { value: "allow", label: "Allow" },
+                                ] })] })] }), _jsxs("label", { className: "flex flex-col gap-1 min-w-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.08em] text-text-3", children: "Allow hosts" }), _jsx("textarea", { className: "min-h-[74px] resize-y rounded-lg border border-line bg-panel-2 px-3 py-2 text-[12px] text-text outline-none focus:border-accent/60", value: draft.allowHosts, onChange: (event) => setDraft((current) => ({ ...current, allowHosts: event.target.value })) })] }), _jsxs("div", { className: "flex flex-wrap gap-3", children: [_jsx(Checkbox, { label: "Allow private networks", checked: draft.allowPrivateNetworks, onChange: (allowPrivateNetworks) => setDraft((current) => ({ ...current, allowPrivateNetworks })) }), _jsx(Checkbox, { label: "Deny private networks", checked: draft.denyPrivateNetworks, onChange: (denyPrivateNetworks) => setDraft((current) => ({ ...current, denyPrivateNetworks })) })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: profiles.map((profile) => (_jsxs("button", { type: "button", className: "inline-flex items-center gap-2 max-w-full rounded-lg border border-line bg-panel-2 px-3 py-2 text-left text-[12px] text-text-2 hover:text-text", onClick: () => setDraft(networkProfileDraftFrom(profile)), children: [_jsx("span", { className: "font-semibold text-text truncate", children: profile.name }), _jsx("span", { className: "text-text-3 truncate", children: profile.id }), _jsx("span", { className: "text-text-3", children: profile.default })] }, profile.id))) }), confirmDeleteOpen ? (_jsx(ConfirmDialog, { title: "Delete network profile?", description: `Delete network profile "${draft.name.trim() || draftId}"? Sessions using it fall back to the workspace default.`, confirmLabel: "Delete", danger: true, onCancel: () => setConfirmDeleteOpen(false), onConfirm: () => {
+                    setConfirmDeleteOpen(false);
+                    onDeleteDefinition(draftId);
+                } })) : null] }));
+}
+function emptyNetworkProfileDraft() {
+    return {
+        id: "workspace-egress",
+        name: "Workspace egress",
+        defaultMode: "deny",
+        allowHosts: "",
+        allowPrivateNetworks: false,
+        denyPrivateNetworks: true,
+    };
+}
+function networkProfileDraftFrom(profile) {
+    return {
+        id: profile.id,
+        name: profile.name,
+        defaultMode: profile.default,
+        allowHosts: profile.allowHosts.join("\n"),
+        allowPrivateNetworks: profile.allowPrivateNetworks,
+        denyPrivateNetworks: profile.denyPrivateNetworks,
+    };
+}
+function splitNetworkProfileHosts(value) {
+    return value
+        .split(/[\n,]+/)
+        .map((host) => host.trim())
+        .filter(Boolean);
+}

package/dist/components/settings/tabs/execution/RemoteStatusCard.d.ts

@@ -0,0 +1,2 @@
+import type { RemoteStatusCardProps } from "./types.js";
+export declare function RemoteStatusCard({ title, value, status, detail }: RemoteStatusCardProps): import("react").JSX.Element;

package/dist/components/settings/tabs/execution/RemoteStatusCard.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { diagnosticsCardStatusClass } from "../shared.js";
+export function RemoteStatusCard({ title, value, status, detail }) {
+    return (_jsxs("div", { className: `flex flex-col gap-1 rounded-lg border px-3 py-2 ${diagnosticsCardStatusClass(status)}`, children: [_jsx("span", { className: "text-[11px] uppercase text-text-3", children: title }), _jsx("strong", { className: "text-[14px] font-semibold text-text", children: value }), detail ? _jsx("span", { className: "text-[12px] text-text-3 break-all", children: detail }) : null] }));
+}

package/dist/components/settings/tabs/execution/TextSettingInput.d.ts

@@ -0,0 +1,15 @@
+export declare function TextSettingInput({ label, value, onChange, }: {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+}): import("react").JSX.Element;
+export declare function TextSettingTextarea({ label, value, onChange, }: {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+}): import("react").JSX.Element;
+export declare function ResourceLimitInput({ label, value, onChange, }: {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/execution/TextSettingInput.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TextSettingInput({ label, value, onChange, }) {
+    return (_jsxs("label", { className: "flex flex-col gap-1 min-w-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.08em] text-text-3", children: label }), _jsx("input", { className: "h-8 min-w-0 rounded-lg border border-line bg-panel px-2 text-[12px] text-text outline-none focus:border-accent/60", type: "text", value: value, onChange: (event) => onChange(event.target.value) })] }));
+}
+export function TextSettingTextarea({ label, value, onChange, }) {
+    return (_jsxs("label", { className: "flex flex-col gap-1 min-w-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.08em] text-text-3", children: label }), _jsx("textarea", { className: "min-h-20 min-w-0 rounded-lg border border-line bg-panel px-2 py-2 text-[12px] text-text outline-none focus:border-accent/60", value: value, onChange: (event) => onChange(event.target.value) })] }));
+}
+export function ResourceLimitInput({ label, value, onChange, }) {
+    return (_jsxs("label", { className: "flex flex-col gap-1 min-w-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.08em] text-text-3", children: label }), _jsx("input", { className: "h-8 min-w-0 rounded-lg border border-line bg-panel px-2 text-[12px] text-text outline-none focus:border-accent/60", type: "number", min: "1", step: "1", inputMode: "numeric", value: value, onChange: (event) => onChange(event.target.value) })] }));
+}

package/dist/components/settings/tabs/execution/types.d.ts

@@ -0,0 +1,27 @@
+import type { ExecutionBackendConfig, ExecutionNetworkDefault } from "@rightkit/agent-ui-core/lib/types";
+export type { ExecutionBackendConfig };
+export interface NetworkProfileDraft {
+    id: string;
+    name: string;
+    defaultMode: ExecutionNetworkDefault;
+    allowHosts: string;
+    allowPrivateNetworks: boolean;
+    denyPrivateNetworks: boolean;
+}
+export interface ResourceLimitsDraft {
+    cpu: string;
+    memoryMb: string;
+    diskMb: string;
+}
+export type ResourceLimitsChange = (limits: {
+    cpu?: number | null;
+    memoryMb?: number | null;
+    diskMb?: number | null;
+}) => void;
+export type NetworkProfileChange = (networkProfile: string | null) => void;
+export interface RemoteStatusCardProps {
+    title: string;
+    value: string;
+    status: "pass" | "warn" | "block";
+    detail?: string;
+}

package/dist/components/settings/tabs/execution/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/settings/tabs/models/ModelEmptyStates.d.ts

@@ -0,0 +1,12 @@
+import type { LocalModelCatalog, LocalModelProbeResult } from "@rightkit/agent-ui-core/lib/types";
+export declare function ModelSettingsEmptyState({ onOpenWorkspace }: {
+    onOpenWorkspace: () => void;
+}): import("react").JSX.Element;
+export declare function LocalModelCookbookEmpty({ onRefreshLocalModels, }: {
+    onRefreshLocalModels: () => void;
+}): import("react").JSX.Element;
+export declare function localModelFitLabel(fit: LocalModelCatalog["recommendations"][number]["fit"]): "caution" | "good fit" | "too large" | "unknown";
+export declare function localGpuMemoryLabel(gpus: LocalModelCatalog["hardware"]["gpuDevices"]): string;
+export declare function localModelVramLabel(model: LocalModelCatalog["recommendations"][number]): string;
+export declare function localModelSmokeCandidate(probe: LocalModelProbeResult | null, catalog: LocalModelCatalog | null): string | undefined;
+export declare function localModelFitClass(fit: LocalModelCatalog["recommendations"][number]["fit"]): "border-accent-2/40 text-accent-2" | "border-accent/40 text-accent" | "border-danger/40 text-danger" | "border-line text-text-3";

package/dist/components/settings/tabs/models/ModelEmptyStates.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+import { DiagnosticsStat } from "../shared.js";
+import { hostAppName } from "../../../../appName.js";
+export function ModelSettingsEmptyState({ onOpenWorkspace }) {
+    return (_jsxs("div", { className: "cr-panel-reveal rounded-xl border border-line bg-panel", children: [_jsxs("div", { className: "flex flex-wrap items-start gap-3 border-b border-line px-4 py-4", children: [_jsx("span", { className: "grid h-9 w-9 flex-shrink-0 place-items-center rounded-lg border border-line bg-bg text-text-2", children: _jsx(Icon, { name: "activity", size: 15 }) }), _jsxs("div", { className: "min-w-[240px] flex-1", children: [_jsx("strong", { className: "block text-[13px] font-semibold text-text", children: "Model settings attach to a workspace" }), _jsxs("p", { className: "mt-1 max-w-[620px] text-[13px] leading-[1.5] text-text-2", children: ["Open a local folder first; ", hostAppName(), " will load the project model map, role overrides, and provider readiness into this panel."] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "rounded-full border border-line bg-bg px-2.5 py-1 text-[11px] font-semibold text-text-2", children: "Workspace required" }), _jsxs("button", { type: "button", className: "cr-control-pill inline-flex h-8 items-center gap-2 rounded-lg border-0 bg-accent px-3 text-[12px] font-semibold text-on-accent hover:opacity-90", onClick: onOpenWorkspace, children: [_jsx(Icon, { name: "folder", size: 13 }), " Open local folder"] })] })] }), _jsxs("div", { className: "grid gap-2 p-3", children: [_jsx(ModelEmptyStep, { label: "1", title: "Choose workspace", detail: "Open a repo or worktree so settings can attach to the project.", current: true }), _jsx(ModelEmptyStep, { label: "2", title: "Load roles", detail: `${hostAppName()} reads role defaults from the workspace.` }), _jsx(ModelEmptyStep, { label: "3", title: "Save defaults", detail: "The Save button becomes primary after a real setting changes." })] })] }));
+}
+function ModelEmptyStep({ label, title, detail, current = false, }) {
+    return (_jsxs("div", { className: `grid min-w-0 grid-cols-[28px_minmax(0,1fr)] gap-3 rounded-lg border px-3 py-3 transition-[border-color,background-color] duration-150 ${current
+            ? "border-[color-mix(in_srgb,var(--color-accent)_32%,var(--color-line))] bg-[color-mix(in_srgb,var(--color-accent)_5%,var(--color-bg))]"
+            : "border-line bg-bg"}`, children: [_jsx("span", { className: `inline-grid h-6 w-6 place-items-center rounded-md border text-[11px] font-semibold ${current
+                    ? "border-[color-mix(in_srgb,var(--color-accent)_42%,var(--color-line))] bg-[color-mix(in_srgb,var(--color-accent)_10%,transparent)] text-accent"
+                    : "border-line bg-panel text-text-3"}`, children: label }), _jsxs("span", { className: "min-w-0", children: [_jsx("strong", { className: "block text-[13px] font-semibold text-text", children: title }), _jsx("span", { className: "mt-1 block text-[12px] leading-[1.45] text-text-3", children: detail })] })] }));
+}
+export function LocalModelCookbookEmpty({ onRefreshLocalModels, }) {
+    return (_jsxs("div", { className: "px-4 py-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-[minmax(0,1fr)_auto] md:items-center", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("strong", { className: "block text-[13px] font-semibold text-text", children: "Inspect local model fit" }), _jsx("p", { className: "mt-1 max-w-[720px] text-[12px] leading-[1.5] text-text-2", children: "Refresh checks CPU, memory, GPU/VRAM, local runtimes, and endpoint compatibility before you save a local default." })] }), _jsxs("button", { type: "button", className: "inline-flex h-8 items-center gap-2 rounded-lg border border-line bg-transparent px-3 text-[12px] text-text-2 cursor-pointer hover:bg-panel-2 hover:text-text", onClick: onRefreshLocalModels, children: [_jsx(Icon, { name: "refresh", size: 13 }), " Inspect fit"] })] }), _jsxs("div", { className: "mt-4 grid gap-3 [grid-template-columns:repeat(auto-fit,minmax(190px,1fr))]", children: [_jsx(DiagnosticsStat, { label: "Hardware", value: "CPU / RAM / GPU", detail: "readiness snapshot" }), _jsx(DiagnosticsStat, { label: "Runtime", value: "Ollama / LM Studio", detail: "detected locally" }), _jsx(DiagnosticsStat, { label: "Route", value: "Endpoint probe", detail: "probe before save" })] })] }));
+}
+export function localModelFitLabel(fit) {
+    switch (fit) {
+        case "good":
+            return "good fit";
+        case "caution":
+            return "caution";
+        case "tooLarge":
+            return "too large";
+        default:
+            return "unknown";
+    }
+}
+export function localGpuMemoryLabel(gpus) {
+    const maxMemory = Math.max(0, ...gpus.map((gpu) => gpu.memoryMb ?? 0));
+    return maxMemory > 0 ? `${maxMemory} MB max VRAM` : "VRAM unknown";
+}
+export function localModelVramLabel(model) {
+    const target = model.recommendedVramMb ?? model.minVramMb;
+    const detected = model.detectedVramMb;
+    if (target && detected) {
+        return `VRAM ${detected}/${target} MB`;
+    }
+    if (target) {
+        return `VRAM target ${target} MB`;
+    }
+    if (detected) {
+        return `VRAM detected ${detected} MB`;
+    }
+    return "VRAM manual check";
+}
+export function localModelSmokeCandidate(probe, catalog) {
+    return (probe?.models.find((model) => model.trim()) ??
+        catalog?.recommendations.find((model) => model.modelSlug.trim())?.modelSlug);
+}
+export function localModelFitClass(fit) {
+    switch (fit) {
+        case "good":
+            return "border-accent-2/40 text-accent-2";
+        case "caution":
+            return "border-accent/40 text-accent";
+        case "tooLarge":
+            return "border-danger/40 text-danger";
+        default:
+            return "border-line text-text-3";
+    }
+}

package/dist/components/settings/tabs/permissions/PersistentPermissionRuleList.d.ts

@@ -0,0 +1,7 @@
+import type { PersistentPermissionRuleRow } from "@rightkit/agent-ui-core/lib/types";
+export default function PersistentPermissionRuleList({ title, rules, pendingId, onRemove, }: {
+    title: string;
+    rules: PersistentPermissionRuleRow[];
+    pendingId: string | null;
+    onRemove: (rule: PersistentPermissionRuleRow) => void;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/permissions/PersistentPermissionRuleList.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ConfirmDialog } from "@rightkit/react-shell/react";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+export default function PersistentPermissionRuleList({ title, rules, pendingId, onRemove, }) {
+    const [pendingRemove, setPendingRemove] = useState(null);
+    return (_jsxs("div", { className: "flex flex-col border border-line rounded-xl overflow-hidden min-w-0", children: [_jsx("div", { className: "px-4 py-2 border-b border-line bg-panel", children: _jsx("h5", { className: "text-[12px] font-semibold text-text", children: title }) }), rules.length > 0 ? (_jsx("div", { className: "flex flex-col divide-y divide-line", children: rules.map((rule) => {
+                    const key = `${rule.scope}:${rule.workspaceRoot ?? ""}:${rule.index}`;
+                    return (_jsxs("article", { className: "grid grid-cols-[36px_minmax(0,1fr)_70px_auto] items-center gap-3 px-4 py-3", children: [_jsxs("code", { className: "text-[11px] font-mono text-text-3", children: ["#", rule.index] }), _jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [_jsx("strong", { className: "text-[13px] font-semibold text-text truncate", children: rule.pattern }), rule.workspaceRoot ? (_jsx("span", { className: "text-[11px] text-text-3 truncate", children: rule.workspaceRoot })) : null] }), _jsx("code", { className: "text-[11px] font-mono text-accent-2", children: rule.effect }), _jsx("button", { type: "button", className: "inline-flex items-center justify-center h-8 w-8 rounded-lg border border-line bg-transparent text-text-2 cursor-pointer hover:bg-panel hover:text-danger disabled:opacity-40", disabled: pendingId === key, onClick: () => setPendingRemove(rule), title: "Remove durable rule", children: _jsx(Icon, { name: "trash", size: 14 }) })] }, key));
+                }) })) : (_jsxs("div", { className: "px-4 py-3 text-[12px] text-text-3", children: ["No inherited ", title.toLowerCase(), " rules."] })), pendingRemove !== null ? (_jsx(ConfirmDialog, { title: "Remove durable rule?", description: `Remove rule "${pendingRemove?.pattern ?? ""}" (${pendingRemove?.effect ?? ""})? Future matching actions fall back to standard prompts.`, confirmLabel: "Remove", danger: true, onCancel: () => setPendingRemove(null), onConfirm: () => {
+                    if (pendingRemove)
+                        onRemove(pendingRemove);
+                    setPendingRemove(null);
+                } })) : null] }));
+}

package/dist/components/settings/tabs/plugins/InstalledPluginsList.d.ts

@@ -0,0 +1,6 @@
+import type { PluginManifest } from "@rightkit/agent-ui-core/lib/types";
+export default function InstalledPluginsList({ plugins, pendingId, onToggle, }: {
+    plugins: PluginManifest[];
+    pendingId: string | null;
+    onToggle: (plugin: PluginManifest) => void;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/plugins/InstalledPluginsList.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmptyState } from "@rightkit/react-shell/react";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+export default function InstalledPluginsList({ plugins, pendingId, onToggle, }) {
+    if (!plugins.length) {
+        return (_jsx(EmptyState, { icon: _jsx(Icon, { name: "attachment", size: 18 }), title: "No plugins discovered.", children: "Reload after adding a plugin manifest under the configured plugin directory." }));
+    }
+    return (_jsx("div", { className: "flex flex-col divide-y divide-line border border-line rounded-xl overflow-hidden", children: plugins.map((plugin) => {
+            const contributionCount = plugin.providesTools.length + plugin.providesCommands.length;
+            const describedTools = plugin.providesTools.filter((name) => plugin.tools?.[name]?.description).length;
+            const readOnlyTools = plugin.providesTools.filter((name) => plugin.tools?.[name]?.readOnly).length;
+            const describedCommands = plugin.providesCommands.filter((name) => plugin.commands?.[name]?.description || plugin.commands?.[name]?.usage).length;
+            const promptCount = plugin.prompts?.filter((p) => p.body?.trim()).length ?? 0;
+            const isolation = plugin.sandbox?.isolation ?? "restrictedSubprocess";
+            const restricted = isolation === "restrictedSubprocess";
+            const metadataOnly = isolation === "metadataOnly";
+            const sandboxLabel = metadataOnly
+                ? "metadata only"
+                : restricted
+                    ? "restricted subprocess"
+                    : plugin.sandbox?.allowAbsoluteEntry
+                        ? "loose entry"
+                        : "contained entry";
+            const timeoutMs = restricted
+                ? Math.min(plugin.sandbox?.timeoutMs ?? 30000, 15000)
+                : (plugin.sandbox?.timeoutMs ?? 30000);
+            const inheritsEnv = restricted ? false : (plugin.sandbox?.inheritEnv ?? true);
+            const allowedEnvCount = plugin.sandbox?.allowedEnv?.length ?? 0;
+            const deniedEnvCount = plugin.sandbox?.deniedEnv?.length ?? 0;
+            const envPolicy = inheritsEnv ? "inherits env" : "scrubbed env";
+            const networkPolicy = restricted || plugin.sandbox?.stripNetworkEnv
+                ? "network env stripped"
+                : "network env inherited";
+            return (_jsxs("article", { className: "grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4 px-4 py-3", children: [_jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("strong", { className: "text-[13px] font-semibold text-text truncate", children: plugin.name || plugin.id }), _jsx("code", { className: "text-[11px] font-mono text-text-3 flex-shrink-0", children: plugin.version })] }), _jsx("span", { className: "text-[12px] text-text-3 truncate", children: plugin.description || plugin.entry }), _jsxs("span", { className: "text-[11px] text-text-3 truncate", children: [plugin.providesTools.join(", ") || "no tools", " /", " ", plugin.providesCommands.join(", ") || "no commands"] }), _jsxs("span", { className: "text-[11px] text-text-3 truncate", children: [metadataOnly ? "execution disabled" : "subprocess", " \u00B7 ", sandboxLabel, " \u00B7", " ", Math.round(timeoutMs / 1000), "s \u00B7 ", plugin.entry || "no entry"] }), _jsxs("span", { className: "text-[11px] text-text-3 truncate", children: ["sandbox env \u00B7 ", envPolicy, " \u00B7 allow ", allowedEnvCount, " \u00B7 deny ", deniedEnvCount, " \u00B7", " ", networkPolicy] }), describedTools || readOnlyTools || describedCommands ? (_jsxs("span", { className: "text-[11px] text-text-3 truncate", children: ["metadata \u00B7 ", describedTools, "/", plugin.providesTools.length, " tools described \u00B7", " ", readOnlyTools, " read-only \u00B7 ", describedCommands, "/", plugin.providesCommands.length, " ", "commands described"] })) : null, promptCount ? (_jsxs("span", { className: "text-[11px] text-text-3 truncate", children: ["prompts \u00B7 ", promptCount, " instruction contribution", promptCount !== 1 ? "s" : ""] })) : null] }), _jsxs("code", { className: "text-[11px] font-mono text-accent-2", children: [contributionCount, " item", contributionCount !== 1 ? "s" : ""] }), _jsxs("button", { type: "button", className: `inline-flex items-center gap-2 h-8 px-3 rounded-lg border text-[12px] cursor-pointer ${plugin.enabled
+                            ? "border-line bg-transparent text-text-2 hover:bg-panel hover:text-text disabled:opacity-40"
+                            : "border-0 bg-accent text-on-accent font-semibold hover:opacity-90 disabled:border disabled:border-line disabled:bg-panel-2 disabled:text-text-3"}`, disabled: pendingId === plugin.id, onClick: () => onToggle(plugin), children: [_jsx(Icon, { name: plugin.enabled ? "pause" : "play" }), plugin.enabled ? "Disable" : "Enable"] })] }, `${plugin.id}:${plugin.version}`));
+        }) }));
+}

package/dist/components/settings/tabs/remote/RemoteChannelsPanel.d.ts

@@ -0,0 +1,4 @@
+import type { RemoteChannelsSnapshot } from "@rightkit/agent-ui-core/lib/types";
+export declare function RemoteChannelsPanel({ snapshot }: {
+    snapshot: RemoteChannelsSnapshot | null;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/remote/RemoteChannelsPanel.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OfflinePanel } from "../shared.js";
+import { diagnosticsStatusClass } from "./RemoteStatusCard.js";
+function RemoteGatewayChannelRow({ channel, }) {
+    const stateStatus = channel.status.state === "ready"
+        ? "pass"
+        : channel.status.state === "notConfigured" || channel.status.state === "blocked"
+            ? "block"
+            : "warn";
+    return (_jsxs("article", { className: "grid grid-cols-[minmax(0,1fr)_minmax(170px,0.45fr)] gap-3 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("strong", { className: "truncate text-[13px] text-text", children: channel.id }), _jsx("span", { className: `shrink-0 rounded border px-2 py-0.5 text-[10px] ${diagnosticsStatusClass(stateStatus)}`, children: channel.status.state }), _jsx("span", { className: "shrink-0 rounded border border-line bg-panel-2 px-2 py-0.5 text-[10px] text-text-3", children: channel.kind })] }), _jsxs("div", { className: "mt-2 grid grid-cols-1 sm:grid-cols-3 gap-2 text-[11px] text-text-3", children: [_jsxs("span", { children: ["Profile ", channel.profile.profileId] }), _jsxs("span", { children: ["Toolset ", channel.profile.toolset] }), _jsxs("span", { children: ["Trust ", channel.profile.trust] }), _jsxs("span", { children: [channel.status.bindingCount, " bindings"] }), _jsxs("span", { children: [channel.status.activeTargetCount, " active targets"] }), _jsx("span", { children: channel.profile.deliveryPolicy })] }), channel.notes.length ? (_jsx("div", { className: "mt-2 flex flex-col gap-1", children: channel.notes.slice(0, 2).map((note) => (_jsx("p", { className: "text-[11px] leading-relaxed text-text-3", children: note }, note))) })) : null, channel.recentDeliveries.length ? (_jsx("div", { className: "mt-3 overflow-hidden rounded border border-line bg-panel-2", children: channel.recentDeliveries.slice(0, 3).map((delivery) => (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] gap-2 border-b border-line px-2 py-1.5 text-[10px] text-text-3 last:border-b-0", children: [_jsxs("span", { className: "min-w-0 truncate", children: [delivery.deliveryKind, " / ", delivery.targetRedacted] }), _jsx("span", { className: "shrink-0 text-text-2", children: delivery.status })] }, delivery.id))) })) : null] }), _jsxs("div", { className: "min-w-0 text-right text-[11px] text-text-3", children: [_jsxs("span", { className: "block truncate", children: [channel.enabled ? "Enabled" : "Disabled", " /", " ", channel.configured ? "configured" : "not configured"] }), _jsxs("span", { className: "mt-1 block truncate", children: ["Last success ", channel.status.lastSuccessAt ?? "none"] }), _jsxs("span", { className: "mt-1 block truncate", children: ["Last error ", channel.status.lastErrorAt ?? "none"] }), channel.status.lastError ? (_jsx("span", { className: "mt-1 block truncate text-danger", children: channel.status.lastError })) : null] })] }));
+}
+export function RemoteChannelsPanel({ snapshot }) {
+    return (_jsxs("div", { className: "rounded-xl border border-line bg-panel overflow-hidden", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 px-4 py-3 border-b border-line", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h4", { className: "text-[13px] font-semibold text-text", children: "Remote gateway profiles" }), _jsx("p", { className: "text-[12px] text-text-3", children: "Generic channel profiles, delivery policy, trust labels, and redacted binding counts from the daemon gateway snapshot." })] }), _jsx("span", { className: "shrink-0 rounded-full border border-line bg-panel-2 px-2 py-0.5 text-[11px] font-semibold text-text-3", children: snapshot ? `${snapshot.channels.length} channels` : "not loaded" })] }), snapshot ? (_jsxs("div", { className: "grid grid-cols-1 xl:grid-cols-[minmax(220px,0.45fr)_minmax(0,1fr)] gap-4 p-4", children: [_jsx("div", { className: "flex flex-col gap-2", children: snapshot.profiles.length ? (snapshot.profiles.map((profile) => (_jsxs("div", { className: "rounded-lg border border-line bg-panel-2 p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("strong", { className: "text-[12px] text-text", children: profile.id }), _jsx("span", { className: "rounded border border-line bg-panel px-1.5 py-0.5 text-[10px] text-text-3", children: profile.deliveryPolicy })] }), _jsxs("div", { className: "mt-2 text-[11px] text-text-3", children: ["Toolset ", profile.toolset] }), _jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: profile.channels.map((channel) => (_jsx("span", { className: "rounded border border-line bg-panel px-1.5 py-0.5 text-[10px] text-text-3", children: channel }, `${profile.id}:${channel}`))) })] }, profile.id)))) : (_jsx(OfflinePanel, { title: "No gateway profiles loaded.", action: "Refresh remote status to read channel profiles." })) }), _jsx("div", { className: "min-w-0 rounded-lg border border-line overflow-hidden", children: snapshot.channels.length ? (_jsx("div", { className: "divide-y divide-line", children: snapshot.channels.map((channel) => (_jsx(RemoteGatewayChannelRow, { channel: channel }, channel.id))) })) : (_jsx("div", { className: "px-4 py-3 text-[13px] text-text-3", children: "No remote channels are currently registered." })) })] })) : (_jsx(OfflinePanel, { title: "Remote gateway snapshot not loaded.", action: "Refresh remote status to inspect generic gateway profiles." }))] }));
+}

package/dist/components/settings/tabs/remote/RemoteStatusCard.d.ts

@@ -0,0 +1,8 @@
+export { diagnosticsLabel, diagnosticsStatusClass } from "../shared.js";
+import type { DiagnosticsReport } from "@rightkit/agent-ui-core/lib/types";
+export declare function RemoteStatusCard({ title, value, status, detail, }: {
+    title: string;
+    value: string;
+    status: DiagnosticsReport["verdict"];
+    detail: string;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/remote/RemoteStatusCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export { diagnosticsLabel, diagnosticsStatusClass } from "../shared.js";
+import { diagnosticsLabel, diagnosticsStatusClass } from "../shared.js";
+export function RemoteStatusCard({ title, value, status, detail, }) {
+    return (_jsx("div", { className: "flex items-start justify-between gap-3 p-4 rounded-xl border border-line bg-panel", children: _jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("strong", { className: "text-[13px] text-text truncate", children: title }), _jsx("span", { className: `px-2 py-0.5 rounded-full text-[11px] border ${diagnosticsStatusClass(status)}`, children: diagnosticsLabel(status) })] }), _jsx("span", { className: "text-[12px] text-text-2", children: value }), _jsx("span", { className: "text-[12px] text-text-3 break-all", children: detail })] }) }));
+}

package/dist/components/settings/tabs/remote/TelegramStatusPanel.d.ts

@@ -0,0 +1,6 @@
+import type { TelegramRemoteStatus, TelegramRemoteTest } from "@rightkit/agent-ui-core/lib/types";
+export declare function TelegramStatusPanel({ telegramStatus, telegramTest, error, }: {
+    telegramStatus: TelegramRemoteStatus | null;
+    telegramTest: TelegramRemoteTest | null;
+    error: string | null;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/remote/TelegramStatusPanel.js

@@ -0,0 +1,41 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OfflinePanel } from "../shared.js";
+import { RemoteStatusCard } from "./RemoteStatusCard.js";
+function telegramStatusLabel(state) {
+    switch (state) {
+        case "long_poll_requested":
+            return "Configured";
+        case "configured_without_allowlist":
+            return "Missing allowlist";
+        case "not_configured":
+            return "Not configured";
+        default:
+            return state;
+    }
+}
+export function TelegramStatusPanel({ telegramStatus, telegramTest, error, }) {
+    const runtime = telegramStatus?.runtime;
+    const cursorRows = runtime?.chatCursors ?? [];
+    return (_jsxs(_Fragment, { children: [telegramStatus ? (_jsxs("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-3", children: [_jsx(RemoteStatusCard, { title: "Telegram bot", value: telegramStatusLabel(telegramStatus.state), status: telegramStatus.tokenConfigured
+                            ? telegramStatus.allowedUserCount > 0
+                                ? "pass"
+                                : "warn"
+                            : "block", detail: telegramStatus.tokenConfigured
+                            ? "Bot token is configured and redacted from this view."
+                            : "No Telegram bot token is configured." }), _jsx(RemoteStatusCard, { title: "Allowed users", value: String(telegramStatus.allowedUserCount), status: telegramStatus.allowedUserCount > 0 ? "pass" : "warn", detail: "Only configured Telegram user ids can interact with the bot." }), _jsx(RemoteStatusCard, { title: "Long-poll task", value: telegramStatus.longPollRequested ? "Requested" : "Not requested", status: telegramStatus.longPollRequested ? "pass" : "warn", detail: runtime?.lastPollAt
+                            ? `Last poll ${runtime.lastPollAt}`
+                            : "No poll heartbeat has been recorded for this daemon run." }), _jsx(RemoteStatusCard, { title: "Chat bindings", value: `${telegramStatus.bindingCount} bound`, status: telegramStatus.bindingStoreReadable ? "pass" : "warn", detail: telegramStatus.bindingStoreReadable
+                            ? telegramStatus.bindingStorePath
+                            : telegramStatus.bindingStoreError || telegramStatus.bindingStorePath }), _jsx(RemoteStatusCard, { title: "Poll success", value: runtime?.lastSuccessAt ?? "No successful poll yet", status: runtime?.lastSuccessAt ? "pass" : telegramStatus.longPollRequested ? "warn" : "block", detail: runtime?.lastError
+                            ? `Last error ${runtime.lastErrorAt ?? "unknown time"}: ${runtime.lastError}`
+                            : `Update offset ${runtime?.updateOffset ?? 0}` }), _jsx(RemoteStatusCard, { title: "Active chats", value: String(runtime?.activeChatCount ?? 0), status: (runtime?.activeChatCount ?? 0) > 0 ? "pass" : "warn", detail: (runtime?.activeChatCount ?? 0) > 0
+                            ? "An allowed Telegram chat has been observed in this daemon run."
+                            : "No allowed Telegram chat has been observed yet." })] })) : !error ? (_jsx(OfflinePanel, { title: "No remote status loaded.", action: "Refresh to read Telegram setup state." })) : null, telegramTest ? (_jsxs("div", { className: "rounded-xl border border-line bg-panel overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 px-4 py-3 border-b border-line", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h4", { className: "text-[13px] font-semibold text-text", children: "Telegram readiness" }), _jsx("p", { className: "text-[12px] text-text-3", children: "Secret-redacted checks from the daemon remote test endpoint." })] }), _jsx("span", { className: [
+                                    "shrink-0 rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide",
+                                    telegramTest.verdict === "pass"
+                                        ? "bg-accent-2/15 text-accent-2"
+                                        : telegramTest.verdict === "warn"
+                                            ? "bg-accent/15 text-accent"
+                                            : "bg-danger/15 text-danger",
+                                ].join(" "), children: telegramTest.verdict })] }), _jsx("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-3 p-3", children: telegramTest.checks.map((check) => (_jsx(RemoteStatusCard, { title: check.label, value: check.status, status: check.status, detail: check.fix ? `${check.detail} - ${check.fix}` : check.detail }, check.id))) }), telegramTest.notes.length ? (_jsx("div", { className: "border-t border-line px-4 py-3 text-[12px] text-text-3 leading-relaxed", children: telegramTest.notes.map((note) => (_jsx("p", { children: note }, note))) })) : null] })) : null, cursorRows.length ? (_jsxs("div", { className: "rounded-xl border border-line bg-panel overflow-hidden", children: [_jsx("div", { className: "flex items-center justify-between gap-3 px-4 py-3 border-b border-line", children: _jsxs("div", { className: "min-w-0", children: [_jsx("h4", { className: "text-[13px] font-semibold text-text", children: "Chat cursors" }), _jsx("p", { className: "text-[12px] text-text-3", children: "Redacted remote sessions and last event sequence pushed to Telegram." })] }) }), _jsx("div", { className: "divide-y divide-line", children: cursorRows.map((row) => (_jsxs("div", { className: "grid grid-cols-[110px_1fr_120px] gap-3 px-4 py-3 text-[12px]", children: [_jsx("span", { className: "text-text-2", children: row.chat }), _jsx("span", { className: "text-text truncate", children: row.sessionId }), _jsxs("span", { className: "text-text-3 text-right", children: ["seq ", row.lastPushedSeq] })] }, `${row.chat}-${row.sessionId}`))) })] })) : null, telegramStatus?.notes.length ? (_jsx("div", { className: "rounded-xl border border-line bg-panel p-4 text-[12px] text-text-3 leading-relaxed", children: telegramStatus.notes.map((note) => (_jsx("p", { children: note }, note))) })) : null] }));
+}

package/dist/components/settings/tabs/shared.d.ts

@@ -0,0 +1,18 @@
+import type { DiagnosticsReport } from "@rightkit/agent-ui-core/lib/types";
+export declare function diagnosticsLabel(status: DiagnosticsReport["verdict"]): "Block" | "Pass" | "Warn";
+export declare function diagnosticsStatusClass(status: DiagnosticsReport["verdict"]): "border-accent-2/40 text-accent-2" | "border-danger/40 text-danger" | "border-warning/40 text-warning";
+export declare function diagnosticsCardStatusClass(status: DiagnosticsReport["verdict"]): "border-accent-2/40 bg-accent-2/10" | "border-danger/40 bg-danger/10" | "border-warning/40 bg-warning/10";
+export declare function OfflinePanel({ title, action }: {
+    title: string;
+    action: string;
+}): import("react").JSX.Element;
+export declare function NumberField({ label, value, onChange, }: {
+    label: string;
+    value: number;
+    onChange: (value: number) => void;
+}): import("react").JSX.Element;
+export declare function DiagnosticsStat({ label, value, detail, }: {
+    label: string;
+    value: string;
+    detail?: string;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/shared.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+export function diagnosticsLabel(status) {
+    if (status === "pass")
+        return "Pass";
+    if (status === "warn")
+        return "Warn";
+    return "Block";
+}
+// Single source of truth for status→color: warn is always amber (--color-warning),
+// never the command-accent red or the success green. Every status pill/card in
+// Settings (Diagnostics checks, Execution backend cards, MCP server-mode cards)
+// must read its tone from here so "warn" can't drift back to red in one spot.
+export function diagnosticsStatusClass(status) {
+    if (status === "pass")
+        return "border-accent-2/40 text-accent-2";
+    if (status === "warn")
+        return "border-warning/40 text-warning";
+    return "border-danger/40 text-danger";
+}
+export function diagnosticsCardStatusClass(status) {
+    if (status === "pass")
+        return "border-accent-2/40 bg-accent-2/10";
+    if (status === "warn")
+        return "border-warning/40 bg-warning/10";
+    return "border-danger/40 bg-danger/10";
+}
+export function OfflinePanel({ title, action }) {
+    return (_jsxs("div", { className: "flex items-start gap-3 p-4 rounded-xl border border-line bg-panel text-text-3", children: [_jsx(Icon, { name: "activity" }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("strong", { className: "text-[13px] font-semibold text-text-2", children: title }), _jsx("span", { className: "text-[12px]", children: action })] })] }));
+}
+export function NumberField({ label, value, onChange, }) {
+    return (_jsxs("label", { className: "flex flex-col gap-1 text-[13px] text-text-2", children: [label, _jsx("input", { className: "h-9 px-3 rounded-lg border border-line bg-panel text-text text-[13px] outline-none", type: "number", step: "0.01", value: Number.isFinite(value) ? value : 0, onChange: (e) => onChange(Number(e.target.value)) })] }));
+}
+export function DiagnosticsStat({ label, value, detail, }) {
+    return (_jsxs("div", { className: "rounded-lg border border-line bg-panel-2 px-3 py-2 min-w-0", children: [_jsx("div", { className: "text-[11px] uppercase text-text-3", children: label }), _jsx("div", { className: "text-[13px] text-text truncate", title: value, children: value }), detail ? (_jsx("div", { className: "text-[11px] text-text-3 truncate", title: detail, children: detail })) : null] }));
+}

package/dist/components/settings/tabs/skills/SkillShared.d.ts

@@ -0,0 +1,20 @@
+import { type IconName } from "@rightkit/agent-ui-core/components/Icon";
+import type { SkillOptimizationStatus } from "@rightkit/agent-ui-core/lib/types";
+export declare function SkillProposalStat({ label, value }: {
+    label: string;
+    value: number;
+}): import("react").JSX.Element;
+export declare function SkillProposalMeta({ label, value }: {
+    label: string;
+    value: string;
+}): import("react").JSX.Element;
+export declare function SkillBodyPreview({ title, body }: {
+    title: string;
+    body: string;
+}): import("react").JSX.Element;
+export declare function skillTrainingStatusClass(status: SkillOptimizationStatus): "text-accent-2" | "text-danger" | "text-text-3";
+export declare function skillProvenanceSeverityClass(severity: "info" | "warning" | "error"): "text-accent-2" | "text-danger" | "text-warning";
+export declare function SkillIcon({ name, size }: {
+    name: IconName;
+    size?: number;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/skills/SkillShared.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from "@rightkit/agent-ui-core/components/Icon";
+export function SkillProposalStat({ label, value }) {
+    return (_jsxs("div", { className: "rounded-lg border border-line bg-bg p-2", children: [_jsx("span", { className: "block text-[10px] uppercase text-text-3", children: label }), _jsx("strong", { className: "mt-1 block text-[16px] text-text", children: value })] }));
+}
+export function SkillProposalMeta({ label, value }) {
+    return (_jsxs("div", { className: "min-w-0 rounded-lg border border-line bg-panel p-3", children: [_jsx("span", { className: "block text-[10px] uppercase text-text-3", children: label }), _jsx("strong", { className: "mt-1 block truncate text-[12px] text-text", children: value })] }));
+}
+export function SkillBodyPreview({ title, body }) {
+    return (_jsxs("div", { className: "flex min-w-0 flex-col overflow-hidden", children: [_jsx("div", { className: "border-b border-line bg-panel px-3 py-2 text-[11px] font-semibold text-text-2", children: title }), _jsx("pre", { className: "min-h-0 flex-1 overflow-auto whitespace-pre-wrap break-words p-3 text-[11px] leading-5 text-text-2", children: body })] }));
+}
+export function skillTrainingStatusClass(status) {
+    if (status === "accepted" || status === "running")
+        return "text-accent-2";
+    if (status === "rejected" || status === "cancelled")
+        return "text-danger";
+    return "text-text-3";
+}
+export function skillProvenanceSeverityClass(severity) {
+    if (severity === "error")
+        return "text-danger";
+    if (severity === "warning")
+        return "text-warning";
+    return "text-accent-2";
+}
+export function SkillIcon({ name, size }) {
+    return _jsx(Icon, { name: name, size: size });
+}

package/dist/components/settings/tabs/skills/SkillTrainingRunList.d.ts

@@ -0,0 +1,6 @@
+import type { SkillOptimizationRun } from "@rightkit/agent-ui-core/lib/types";
+export default function SkillTrainingRunList({ runs, selectedRun, onSelectRun, }: {
+    runs: SkillOptimizationRun[];
+    selectedRun: SkillOptimizationRun | null;
+    onSelectRun: (id: string) => void;
+}): import("react").JSX.Element;

package/dist/components/settings/tabs/skills/SkillTrainingRunList.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OfflinePanel } from "../shared.js";
+import { skillTrainingStatusClass } from "./SkillShared.js";
+export default function SkillTrainingRunList({ runs, selectedRun, onSelectRun, }) {
+    return (_jsxs("div", { className: "flex min-h-0 flex-col overflow-hidden rounded-xl border border-line", children: [_jsxs("div", { className: "grid grid-cols-3 gap-2 border-b border-line bg-panel p-3", children: [_jsx(SkillTrainingStat, { label: "Runs", value: runs.length }), _jsx(SkillTrainingStat, { label: "Accepted", value: runs.reduce((total, run) => total + run.candidates.filter((c) => c.accepted).length, 0) }), _jsx(SkillTrainingStat, { label: "Rejected", value: runs.reduce((total, run) => total + run.candidates.filter((c) => !c.accepted).length, 0) })] }), _jsx("div", { className: "flex min-h-0 flex-col divide-y divide-line overflow-auto", children: runs.length ? (runs.map((run) => (_jsxs("button", { type: "button", className: `grid grid-cols-[minmax(0,1fr)_auto] gap-3 border-0 px-4 py-3 text-left cursor-pointer ${selectedRun?.id === run.id
+                        ? "bg-panel-2 text-text"
+                        : "bg-transparent text-text-2 hover:bg-panel hover:text-text"}`, onClick: () => onSelectRun(run.id), children: [_jsxs("span", { className: "min-w-0", children: [_jsx("strong", { className: "block truncate text-[13px] font-semibold", children: run.name }), _jsxs("span", { className: "block truncate text-[12px] text-text-3", children: [run.target.skillId, " \u00B7 ", run.target.objective] }), _jsx("span", { className: "block truncate text-[11px] font-mono text-text-3", children: run.bestVersionHash ?? "no best hash" })] }), _jsxs("span", { className: "flex flex-col items-end gap-1", children: [_jsx("code", { className: `text-[10px] ${skillTrainingStatusClass(run.status)}`, children: run.status }), _jsxs("code", { className: "text-[10px] text-text-3", children: ["epoch ", run.currentEpoch, " \u00B7 ", run.candidates.length, " edits"] })] })] }, run.id)))) : (_jsx(OfflinePanel, { title: "No training runs.", action: "Create one below to start validation-gated skill optimization." })) })] }));
+}
+function SkillTrainingStat({ label, value }) {
+    return (_jsxs("div", { className: "rounded-lg border border-line bg-bg p-2", children: [_jsx("span", { className: "block text-[10px] uppercase text-text-3", children: label }), _jsx("strong", { className: "mt-1 block text-[16px] text-text", children: value })] }));
+}

package/dist/components/settings/tools/ManagedToolHealthPanel.d.ts

@@ -0,0 +1,16 @@
+import { type ManagedToolProbe } from "@rightkit/agent-ui-core/lib/tools/managedToolHealth";
+export interface ManagedToolHealthPanelProps {
+    toolId: string;
+    label?: string;
+    probe: ManagedToolProbe;
+    onSelectInstallation?: () => void;
+    onRemediate?: () => void;
+    installUrl?: string;
+    enabled?: boolean;
+}
+/**
+ * Opcode's Topbar version-status projection, adapted for a generic the host app
+ * managed tool. Discovery/install effects stay in the injected Tauri connector.
+ */
+export declare function ManagedToolHealthPanel({ toolId, label, probe, onSelectInstallation, onRemediate, installUrl, enabled, }: ManagedToolHealthPanelProps): import("react").JSX.Element;
+export default ManagedToolHealthPanel;