@proofofwork-agency/toolpin 0.2.3

package/dist/tui/views/panels.js

@@ -0,0 +1,637 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { exportClientConfig } from "../../config.js";
+import { buildInstallPlan } from "../../plan.js";
+import { compareRegistrySources, REGISTRY_SOURCES } from "../../registry.js";
+import { evidenceStatus, evidenceSummary, scoreServer, trustCapExplanation, trustProfileScore, trustTier } from "../../trust.js";
+import { TOOLPIN_VERSION } from "../../version.js";
+import { commandLineFor } from "../command.js";
+import { ACCENT, BLUE, CHROME, ERR, MUTED, OK, SURFACE, WARN } from "../constants.js";
+import { formatClientConfigSnippet } from "../configSnippet.js";
+import { asObject, safeJson, shortPath, truncate } from "../format.js";
+import { computeMenuLayout, listWindowStart } from "../layout.js";
+import { browseSortLabel, clientSupportSummary, commandLogForView, configTargetLabel, formatVersionChoices, installClientChoicesForServerScope, installClientLabel, scopeLabel, selectedInstallClientsForServerScope, } from "../selectors.js";
+import { trustBarCells, trustDimensions, trustRiskTone, trustTierScore } from "../ui/trust.js";
+export function ChromeHeader({ state, resultCount, totalMatches, selectedServer, width }) {
+    const status = state.installing ? "install" : state.testing ? "test" : state.loading ? "sync" : state.error ? "err" : "ready";
+    const statusColor = state.installing || state.testing || state.loading ? WARN : state.error ? ERR : OK;
+    const right = `${status} | client:${state.client} | source:${state.sourceMode} | sort:${browseSortLabel(state.browseSortMode)} | shown:${resultCount}/${totalMatches} matches`;
+    const leftWidth = Math.max(18, width - right.length - 7);
+    return (_jsxs(Box, { paddingX: 2, marginTop: 1, marginBottom: 1, justifyContent: "space-between", children: [_jsx(Box, { width: leftWidth, children: _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { bold: true, color: "white", children: "ToolPin" }), _jsxs(Text, { color: MUTED, children: [" v", TOOLPIN_VERSION] }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { color: CHROME, children: shortPath(process.cwd()) })] }) }), _jsxs(Text, { children: [_jsx(Text, { color: statusColor, children: status }), _jsx(Text, { color: CHROME, children: " | " }), _jsx(Text, { color: CHROME, children: "client:" }), _jsx(Text, { color: "white", children: state.client }), _jsx(Text, { color: CHROME, children: " | " }), _jsx(Text, { color: CHROME, children: "source:" }), _jsx(Text, { color: state.dataMode === "live" ? WARN : OK, children: state.sourceMode }), _jsx(Text, { color: CHROME, children: " | " }), _jsx(Text, { color: CHROME, children: "sort:" }), _jsx(Text, { color: MUTED, children: browseSortLabel(state.browseSortMode) }), _jsx(Text, { color: CHROME, children: " | " }), _jsx(Text, { color: CHROME, children: "shown:" }), _jsxs(Text, { color: MUTED, children: [resultCount, " / ", totalMatches, " matches"] })] })] }));
+}
+export function PromptBar({ state, width }) {
+    const active = state.inputMode === "search";
+    const commandActive = state.inputMode === "command";
+    const editing = active || commandActive;
+    const [cursorVisible, setCursorVisible] = React.useState(true);
+    React.useEffect(() => {
+        if (!editing) {
+            setCursorVisible(false);
+            return undefined;
+        }
+        setCursorVisible(true);
+        const interval = setInterval(() => setCursorVisible((visible) => !visible), 520);
+        return () => clearInterval(interval);
+    }, [editing]);
+    const cursor = editing ? (_jsx(Text, { color: cursorVisible ? BLUE : SURFACE, children: "\u258C" })) : null;
+    return (_jsx(Box, { marginX: 2, marginBottom: 1, backgroundColor: SURFACE, paddingX: 1, paddingY: 1, children: _jsxs(Box, { justifyContent: "space-between", width: Math.max(1, width - 6), children: [_jsx(Text, { wrap: "truncate", children: commandActive ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: "Command " }), _jsx(Text, { color: CHROME, children: "toolpin " }), _jsx(Text, { color: "white", children: state.commandQuery || "command" }), cursor] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: "Search: " }), _jsx(Text, { color: "white", children: state.query || "Search MCP servers" }), cursor] })) }), _jsx(Text, { color: active || commandActive ? BLUE : MUTED, children: commandActive ? "Enter runs, Esc closes" : active ? "Enter applies, Esc cancels" : "/ edit search  : commands" })] }) }));
+}
+export function ModeLine({ active, selectedServer, width }) {
+    const hasSelection = Boolean(selectedServer);
+    const layout = computeMenuLayout({ width, hasSelection, selectedLabel: selectedServer?.title || selectedServer?.name });
+    const segment = (view) => layout.segments.find((entry) => entry.view === view);
+    return (_jsxs(Box, { paddingX: 2, marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { bold: active === "discover", color: active === "discover" ? BLUE : MUTED, children: segment("discover")?.label }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { bold: active === "installed", color: active === "installed" ? BLUE : MUTED, children: segment("installed")?.label }), _jsx(Text, { color: CHROME, children: "  |  " }), _jsx(Text, { color: hasSelection ? MUTED : CHROME, children: "Selected: " }), _jsx(Text, { color: hasSelection ? "white" : CHROME, children: layout.selectedLabel }), hasSelection ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: CHROME, children: "  |  " }), _jsx(Text, { bold: active === "details", color: active === "details" ? BLUE : MUTED, children: segment("details")?.label }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { bold: active === "plan", color: active === "plan" ? BLUE : MUTED, children: segment("plan")?.label }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { bold: active === "config", color: active === "config" ? BLUE : MUTED, children: segment("config")?.label })] })) : null] }), _jsx(Text, { bold: active === "help", color: active === "help" ? BLUE : MUTED, children: segment("help")?.label })] }));
+}
+export function OptionList({ results, totalMatches, totalServers, totalVersions, selected, height, width, query, loading, browseLayout, browseSortMode = "source-first", sourceMode = "all", dimmed, }) {
+    const grouped = browseLayout !== "flat";
+    const visibleCount = grouped ? Math.max(1, Math.floor((height - 2) / 2)) : Math.max(2, height - 1);
+    const start = listWindowStart(selected, visibleCount, results.length);
+    const visible = results.slice(start, start + visibleCount);
+    let previousCategory = "";
+    let usedLines = 0;
+    const maxLines = Math.max(1, height - 1);
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 3, height: height, children: [results.length === 0 && loading ? (_jsx(RegistryLoadingPanel, { height: height })) : results.length === 0 ? (_jsxs(Box, { flexDirection: "column", paddingTop: 1, children: [_jsx(Text, { bold: true, color: "white", children: "No servers found" }), _jsx(Text, { color: MUTED, wrap: "wrap", children: query.trim()
+                            ? `No MCP servers match "${query.trim()}". Try a different search, press r to refresh cached registries, or press l to search live sources.`
+                            : "No MCP servers are available for the current filters. Type / to search, press r to refresh cached registries, or press l to search live sources." })] })) : null, visible.map((result, index) => {
+                if (!grouped) {
+                    return _jsx(OptionRow, { result: result, selected: start + index === selected, dimmed: dimmed, width: width }, `${result.server.name}:${result.server.version}`);
+                }
+                const category = browseCategory(result.server);
+                const showCategory = browseLayout === "category" && category !== previousCategory;
+                const rowLines = showCategory ? 3 : 2;
+                previousCategory = category;
+                if (usedLines + rowLines > maxLines)
+                    return null;
+                usedLines += rowLines;
+                return (_jsx(GroupedOptionRow, { result: result, selected: start + index === selected, dimmed: dimmed, width: width, category: showCategory ? category : undefined }, `${result.server.name}:${result.server.version}`));
+            }), results.length > 0 ? (_jsxs(Text, { color: CHROME, wrap: "truncate", children: ["  ", "selected ", selected + 1, " of ", results.length, " shown / ", totalMatches, " matches / ", totalServers, " latest servers / ", totalVersions, " cached versions", _jsxs(Text, { color: MUTED, children: ["  source:", sourceMode, "  sort:", browseSortLabel(browseSortMode), "  layout:", browseLayout] }), results.length < totalMatches ? _jsx(Text, { color: MUTED, children: "  press m for more" }) : null] })) : null] }));
+}
+export function RegistryLoadingPanel({ height }) {
+    const frames = ["[-]", "[\\]", "[|]", "[/]"];
+    const [frame, setFrame] = React.useState(0);
+    React.useEffect(() => {
+        const interval = setInterval(() => setFrame((current) => (current + 1) % frames.length), 140);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsx(Box, { height: height, alignItems: "center", justifyContent: "center", flexDirection: "column", children: _jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 1, children: [_jsx(Text, { color: CHROME, children: "+---------------+" }), _jsxs(Text, { children: [_jsx(Text, { color: CHROME, children: "|  " }), _jsx(Text, { bold: true, color: ACCENT, children: "ToolPin sync" }), _jsx(Text, { color: CHROME, children: "  |" })] }), _jsxs(Text, { children: [_jsx(Text, { color: CHROME, children: "|   " }), _jsx(Text, { color: OK, children: frames[frame] }), _jsx(Text, { color: MUTED, children: " registry" }), _jsx(Text, { color: CHROME, children: " |" })] }), _jsx(Text, { color: CHROME, children: "+---------------+" })] }) }));
+}
+function GroupedOptionRow({ result, selected = false, dimmed, width, category }) {
+    const server = result.server;
+    const contentWidth = Math.max(24, width - 6);
+    const titleWidth = Math.max(14, contentWidth - 24);
+    const detailWidth = Math.max(10, contentWidth - 5);
+    const project = browseProject(server);
+    const detail = `${project}  ${server.registrySource}  ${(server.packageTypes[0] ?? server.remoteTypes[0] ?? "unknown")}`;
+    const meterWidth = Math.max(6, Math.min(18, contentWidth - titleWidth - TRUST_TIER_LABEL_WIDTH - 4));
+    return (_jsxs(_Fragment, { children: [category ? _jsxs(Text, { color: MUTED, wrap: "truncate", children: ["  category ", truncate(category, Math.max(8, width - 15))] }) : null, _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: selected ? BLUE : dimmed ? CHROME : BLUE, children: selected ? "> " : ": " }), _jsx(Text, { bold: selected, color: dimmed ? MUTED : "white", children: truncate(server.title || server.name, titleWidth).padEnd(titleWidth) }), _jsx(Text, { color: CHROME, children: " " }), _jsx(TrustTierMeter, { tier: result.trust.tier, score: trustProfileScore(result.trust), issues: result.trust.issues, cells: meterWidth })] }), _jsxs(Text, { color: dimmed ? CHROME : MUTED, wrap: "truncate", children: [_jsx(Text, { color: CHROME, children: "    project " }), truncate(detail, detailWidth)] })] }));
+}
+function OptionRow({ result, selected = false, dimmed, width }) {
+    const server = result.server;
+    const contentWidth = Math.max(24, width - 6);
+    const titleWidth = Math.max(14, Math.min(36, Math.floor(contentWidth * 0.52)));
+    const meterWidth = Math.max(6, contentWidth - 2 - 8 - 1 - titleWidth - 1 - 1 - TRUST_TIER_LABEL_WIDTH);
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: selected ? BLUE : dimmed ? CHROME : BLUE, children: selected ? "> " : ": " }), _jsxs(Text, { color: selected ? BLUE : dimmed ? CHROME : BLUE, children: [truncate(server.registrySource, 8).padEnd(8), " "] }), _jsx(Text, { bold: selected, color: dimmed ? MUTED : "white", children: truncate(server.title || server.name, titleWidth).padEnd(titleWidth) }), _jsx(Text, { color: CHROME, children: " " }), _jsx(TrustTierMeter, { tier: result.trust.tier, score: trustProfileScore(result.trust), issues: result.trust.issues, cells: meterWidth })] }));
+}
+function browseCategory(server) {
+    const sourceMeta = server.raw._meta?.["dev.toolpin/source"];
+    const category = sourceMeta && typeof sourceMeta === "object" && !Array.isArray(sourceMeta)
+        ? sourceMeta.category
+        : undefined;
+    return typeof category === "string" && category.trim() ? category.trim() : "uncategorized";
+}
+function browseProject(server) {
+    if (!server.repositoryUrl)
+        return "no project declared";
+    try {
+        const url = new URL(server.repositoryUrl);
+        const parts = url.pathname.replace(/\.git$/, "").split("/").filter(Boolean);
+        return parts.length >= 2 ? parts.slice(-2).join("/") : server.repositoryUrl;
+    }
+    catch {
+        return server.repositoryUrl;
+    }
+}
+export function SourcesView({ sources, entries, activeSource, selectedSource, dataMode, width, height, }) {
+    const contentWidth = Math.max(24, width - 4);
+    const counts = sourceEntryCounts(entries);
+    const sorted = [...sources].sort(compareRegistrySources);
+    const connected = sorted.filter((source) => source.enabled);
+    const legendRows = height >= 18 ? 5 : 3;
+    const visibleRows = Math.max(1, height - 9 - legendRows);
+    const visible = sorted.slice(0, visibleRows);
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, height: height, flexGrow: 1, children: [_jsx(ModalTitle, { title: "sources", file: "registry list" }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: ["Active registry sources feed Browse/search. Known adapters can stay disabled and are not server sources. ", _jsxs(Text, { color: activeSource === "all" ? OK : BLUE, children: ["active filter:", activeSource] }), " ", _jsxs(Text, { color: CHROME, children: ["mode:", dataMode] })] }), _jsx(Spacer, {}), _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: OK, children: "trusted first" }), _jsx(Text, { color: CHROME, children: "  " }), _jsxs(Text, { color: MUTED, children: [connected.length, " active / ", sources.length, " known registry sources"] }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { color: MUTED, children: "j/k select, Enter/space toggle, r refresh enabled; pinned sources stay on" })] }), _jsx(Divider, { width: contentWidth }), visible.map((source, index) => (_jsx(SourceRow, { source: source, count: counts.get(source.id) ?? 0, dataMode: dataMode, active: activeSource === source.id || (activeSource === "all" && source.enabled), selected: index === selectedSource, width: contentWidth }, source.id))), visible.length < sorted.length ? _jsxs(Text, { color: CHROME, children: [" ".repeat(2), sorted.length - visible.length, " more source(s) hidden on this terminal height."] }) : null, _jsx(Box, { flexGrow: 1 }), _jsx(Divider, { width: contentWidth }), _jsx(SourceLegend, { width: contentWidth, compact: legendRows < 5 })] }));
+}
+function SourceRow({ source, count, dataMode, active, selected, width }) {
+    const trustColorValue = source.trust === "canonical" ? OK : source.trust === "curated" ? BLUE : source.trust === "directory" ? WARN : MUTED;
+    const status = source.status ?? (source.enabled ? source.mode === "discovery" ? "discovery-only" : "ready" : "disabled");
+    const statusColor = status === "ready" ? OK : status === "auth-missing" || status === "fetch-error" || status === "stale" ? ERR : status === "discovery-only" ? WARN : CHROME;
+    const auth = source.authRequired ? "auth required" : "no auth";
+    const modeColor = source.mode === "installable" ? OK : WARN;
+    const titleWidth = Math.max(16, Math.min(34, Math.floor(width * 0.26)));
+    const meta = `${source.trust} / ${source.mode} / ${source.type ?? "custom"} / ${auth}`;
+    const pin = source.pinned ? " / pinned" : "";
+    const rowColor = selected ? BLUE : active ? OK : CHROME;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: rowColor, children: selected ? "> " : active ? "* " : ": " }), _jsx(Text, { bold: selected || active, color: selected ? BLUE : active ? OK : "white", children: truncate(source.label, titleWidth).padEnd(titleWidth) }), _jsx(Text, { color: CHROME, children: " " }), _jsx(Text, { color: trustColorValue, children: source.trust.padEnd(9) }), _jsx(Text, { color: CHROME, children: " " }), _jsx(Text, { color: statusColor, children: status.padEnd(14) }), _jsx(Text, { color: CHROME, children: " " }), _jsx(Text, { color: modeColor, children: source.mode }), _jsx(Text, { color: CHROME, children: " " }), _jsx(Text, { color: MUTED, children: sourceCountLabel(source, count, dataMode) }), source.pinned ? _jsx(Text, { color: BLUE, children: " pinned" }) : null] }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: [_jsxs(Text, { color: CHROME, children: ["    ", source.id.padEnd(12)] }), truncate(source.setupHint && status === "auth-missing" ? source.setupHint : `${source.description || meta}${pin}`, Math.max(8, width - 18))] })] }));
+}
+export function sourceCountLabel(source, count, dataMode) {
+    const label = dataMode === "live" ? "loaded" : "cached";
+    return `${count}${source.cachePageInfo?.hasMore ? "+" : ""} ${label}`;
+}
+function SourceLegend({ width, compact }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: MUTED, wrap: "truncate", children: [_jsx(Text, { color: OK, children: "installable" }), " means ToolPin has package/remote metadata it can review, lock, and write."] }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: [_jsx(Text, { color: WARN, children: "discovery-only" }), " means browse/search only; no install or lock until metadata is normalized."] }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: [_jsx(Text, { color: CHROME, children: "cached/loaded" }), " is the number of entries currently stored or fetched for that source."] }), !compact ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: MUTED, wrap: "truncate", children: [_jsx(Text, { color: OK, children: "canonical" }), "/", _jsx(Text, { color: BLUE, children: "curated" }), " can carry install metadata; ", _jsx(Text, { color: WARN, children: "directory" }), " is broad discovery such as Glama."] }), _jsx(Text, { color: MUTED, wrap: "truncate", children: "Verified metadata comes from official/Docker or an official-compatible curated registry with pinned package/remotes." })] })) : null, compact ? _jsx(Text, { color: CHROME, wrap: "truncate", children: truncate("Verified metadata requires an installable source with pinned package/remotes.", width) }) : null] }));
+}
+function sourceEntryCounts(entries) {
+    const counts = new Map();
+    for (const entry of entries) {
+        const meta = entry._meta?.["dev.toolpin/source"];
+        const source = entry.source ?? (meta && typeof meta === "object" && !Array.isArray(meta) ? meta.source : undefined);
+        if (typeof source === "string")
+            counts.set(source, (counts.get(source) ?? 0) + 1);
+    }
+    return counts;
+}
+function TrustMeter({ score, showScore = true, cells: cellCount = 9 }) {
+    const cells = cellCount === 9
+        ? trustBarCells(score)
+        : {
+            filled: Math.max(0, Math.min(cellCount, Math.round((score / 100) * cellCount))),
+            empty: Math.max(0, cellCount - Math.max(0, Math.min(cellCount, Math.round((score / 100) * cellCount)))),
+        };
+    const color = trustColor(score);
+    return (_jsxs(Text, { children: [_jsx(Text, { color: color, children: "▓".repeat(cells.filled) }), _jsx(Text, { color: CHROME, children: "░".repeat(cells.empty) }), showScore ? _jsx(Text, { color: color, children: " " + `${score}%`.padStart(4) }) : null] }));
+}
+const TRUST_TIER_LABEL_WIDTH = 10;
+function TrustTierMeter({ tier, score, issues, cells: cellCount = 9, showLabel = true }) {
+    const tone = trustRiskTone({ score, issues, tier });
+    const filled = tierFill(tone.tier, cellCount);
+    const label = tone.tier === "verified" ? "EVIDENCE" : tone.label;
+    return (_jsxs(Text, { children: [_jsx(Text, { color: tierColor(tone.tier), children: "▓".repeat(filled) }), _jsx(Text, { color: CHROME, children: "░".repeat(Math.max(0, cellCount - filled)) }), showLabel ? _jsxs(Text, { color: tierColor(tone.tier), children: [" ", truncate(label, TRUST_TIER_LABEL_WIDTH).padStart(TRUST_TIER_LABEL_WIDTH)] }) : null] }));
+}
+export function Centered({ width, children }) {
+    const margin = Math.max(0, Math.floor((width - Math.min(width - 4, 104)) / 2));
+    return (_jsx(Box, { marginLeft: margin, marginRight: margin, children: children }));
+}
+export function SelectedServerPanel({ view, result, server, client, installScope, width, testResult, testing, versionInfo, }) {
+    switch (view) {
+        case "plan":
+            return _jsx(PlanView, { server: server, client: client, installScope: installScope, width: width, versionInfo: versionInfo });
+        case "config":
+            return _jsx(ConfigView, { server: server, client: client, installScope: installScope, width: width });
+        case "details":
+        case "discover":
+        default:
+            return _jsx(DetailsView, { result: result, server: server, width: width, testResult: testResult, testing: testing, versionInfo: versionInfo });
+    }
+}
+function DetailsView({ result, server: selectedServer, width, testResult, testing, versionInfo }) {
+    if (!result)
+        return _jsx(EmptyPanel, { title: "Overview" });
+    const server = selectedServer ?? result.server;
+    const trust = scoreServer(server);
+    const risk = trustRiskTone(trust);
+    const dimensions = trustDimensions(trust);
+    const trustRowWidth = Math.max(28, width - 6);
+    const trustBarCells = Math.max(9, Math.min(16, trustRowWidth - 34));
+    const profileScore = trustProfileScore(trust);
+    const capScore = trust.overallScore ?? trust.score;
+    const capExplanation = trustCapExplanation(trust);
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: "overview", file: "server.json" }), _jsxs(Text, { bold: true, color: "white", wrap: "truncate", children: [server.name, "@", server.version] }), _jsx(Text, { color: MUTED, wrap: "wrap", children: server.description || "No description declared." }), _jsx(Spacer, {}), _jsx(Metric, { label: "title", value: server.title }), _jsx(Metric, { label: "registry", value: server.registrySource, valueColor: server.registrySource === "docker" ? WARN : OK }), _jsx(Metric, { label: "runtime", value: server.packageTypes.join(", ") || server.remoteTypes.join(", ") || "none" }), _jsx(Metric, { label: "transport", value: server.transports.join(", ") || "none" }), _jsx(Metric, { label: "clients", value: clientSupportSummary(server, "project") }), _jsx(Metric, { label: "secrets", value: server.requiresSecrets ? "declared" : "none declared", valueColor: server.requiresSecrets ? WARN : OK }), versionInfo ? (_jsxs(_Fragment, { children: [_jsx(Metric, { label: "selected", value: versionInfo.selectedVersion, valueColor: versionInfo.selectedVersion === versionInfo.latestVersion ? OK : WARN }), _jsx(Metric, { label: "latest", value: versionInfo.latestVersion, valueColor: versionInfo.status === "update available" ? WARN : OK }), _jsx(Metric, { label: "locked", value: `${versionInfo.lockedLabel} (${versionInfo.status})`, valueColor: lockStatusColor(versionInfo.status) }), versionInfo.versions.length > 1 ? _jsx(Metric, { label: "versions", value: formatVersionChoices(versionInfo, 6) }) : null] })) : null, _jsx(Metric, { label: "badges", value: trust.badges.join(", ") || "no badges" }), _jsx(Metric, { label: "evidence", value: evidenceSummary(trust) }), _jsx(Spacer, {}), _jsx(CompactDivider, { width: width }), _jsx(Spacer, {}), _jsxs(Box, { flexDirection: "column", children: [_jsx(TrustTierRow, { label: "evidence", value: risk.label, tier: risk.tier, score: trustTierScore(trust), issues: trust.issues, cells: trustBarCells, suffix: `${trustTier(trust)} tier`, width: trustRowWidth }), _jsx(TrustScoreRow, { label: "profile", score: profileScore, cells: trustBarCells, suffix: "metadata profile", width: trustRowWidth }), dimensions.map((dimension) => (_jsx(TrustScoreRow, { label: dimension.label, score: dimension.score, cells: trustBarCells, suffix: "pillar", width: trustRowWidth }, dimension.label))), capExplanation ? _jsxs(Text, { color: WARN, wrap: "wrap", children: ["cap         ", truncate(capLabel(trust.capReason, capScore), width - 12)] }) : null, trust.gatedBy?.length ? _jsxs(Text, { color: WARN, wrap: "truncate", children: ["gated by   ", truncate(trust.gatedBy.join(", "), width - 12)] }) : null, trust.issues.length > 0 ? _jsx(IssueRows, { issues: trust.issues, width: width, rows: Math.min(4, trust.issues.length) }) : null] }), _jsx(Spacer, {}), _jsx(CompactDivider, { width: width }), _jsx(Spacer, {}), _jsxs(Text, { children: [_jsx(Text, { color: MUTED, children: "test        " }), testing ? _jsx(Text, { color: WARN, children: "running MCP handshake and tools/list..." }) : testResult ? (_jsxs(Text, { color: testResult.ok ? OK : ERR, children: [testResult.ok ? "passed" : "failed", ": ", truncate(testResult.message, width - 20)] })) : _jsx(Text, { color: MUTED, children: "press t to connect and list tools" })] }), testResult?.tools.slice(0, 4).map((tool) => (_jsxs(Text, { color: "white", wrap: "truncate", children: ["tool        ", tool.name, tool.description ? _jsxs(Text, { color: MUTED, children: [" - ", truncate(tool.description, width - tool.name.length - 20)] }) : null] }, tool.name)))] }));
+}
+const TRUST_ROW_LABEL_WIDTH = 12;
+const TRUST_ROW_VALUE_WIDTH = 12;
+function TrustTierRow({ label, value, tier, score, issues, cells, suffix, width, }) {
+    const suffixWidth = Math.max(0, width - TRUST_ROW_LABEL_WIDTH - TRUST_ROW_VALUE_WIDTH - cells - 4);
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: label.padEnd(TRUST_ROW_LABEL_WIDTH) }), _jsx(Text, { color: tierColor(tier), children: truncate(value, TRUST_ROW_VALUE_WIDTH).padEnd(TRUST_ROW_VALUE_WIDTH) }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(TrustTierMeter, { tier: tier, score: score, issues: issues, cells: cells, showLabel: false }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { color: MUTED, children: truncate(suffix, suffixWidth) })] }));
+}
+function TrustScoreRow({ label, score, cells, suffix, width }) {
+    const suffixWidth = Math.max(0, width - TRUST_ROW_LABEL_WIDTH - TRUST_ROW_VALUE_WIDTH - cells - 4);
+    const value = `${Math.round(score)}%`;
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: label.padEnd(TRUST_ROW_LABEL_WIDTH) }), _jsx(Text, { color: trustColor(score), children: value.padStart(4).padEnd(TRUST_ROW_VALUE_WIDTH) }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(TrustMeter, { score: score, showScore: false, cells: cells }), _jsx(Text, { color: CHROME, children: "  " }), _jsx(Text, { color: MUTED, children: truncate(suffix, suffixWidth) })] }));
+}
+function capLabel(capReason, cappedScore) {
+    if (capReason === "automated evidence incomplete")
+        return "evidence gate max 69%: automated evidence incomplete";
+    if (capReason === "no verified provenance")
+        return "evidence gate max 59%: no verified provenance";
+    if (capReason?.startsWith("veto: "))
+        return `evidence gate max 20%: ${capReason}`;
+    if (capReason)
+        return `evidence gate max ${Math.round(cappedScore)}%: ${capReason}`;
+    return `evidence gate max ${Math.round(cappedScore)}%`;
+}
+function PlanView({ server, client, installScope, width, versionInfo }) {
+    if (!server)
+        return _jsx(EmptyPanel, { title: "Install" });
+    const targetClients = selectedInstallClientsForServerScope(client, installScope, server);
+    const planClient = targetClients[0] ?? (client === "all" ? "codex" : client);
+    const content = safeJson(() => buildInstallPlan(server, planClient));
+    if ("error" in asObject(content)) {
+        return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: "install", file: "plan" }), _jsxs(Text, { color: MUTED, children: ["support     ", _jsx(Text, { color: "white", children: truncate(clientSupportSummary(server, installScope), width - 17) })] }), _jsx(Spacer, {}), _jsx(Text, { color: ERR, children: String(asObject(content).error) })] }));
+    }
+    const plan = content;
+    const target = asObject(plan.selectedTarget);
+    const targetKind = String(target.kind ?? "unknown");
+    const targetRuntime = targetKind === "remote"
+        ? String(target.type ?? "remote")
+        : String(target.registryType ?? "package");
+    const targetLocator = targetKind === "remote"
+        ? String(target.url ?? "")
+        : String(target.identifier ?? "");
+    const clientLabel = installClientLabel(client, targetClients);
+    const trustTone = trustRiskTone(plan.trust);
+    const writeSummary = client === "all"
+        ? `${scopeLabel(installScope)} configs for ${targetClients.join(", ")} plus mcp-lock.json`
+        : `${scopeLabel(installScope)} ${client} config plus mcp-lock.json`;
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: "install", file: "plan" }), _jsxs(Text, { color: MUTED, children: ["client      ", _jsx(Text, { color: "white", children: clientLabel })] }), _jsxs(Text, { color: MUTED, children: ["support     ", _jsx(Text, { color: "white", children: truncate(clientSupportSummary(server, installScope), width - 17) })] }), _jsxs(Text, { color: MUTED, children: ["scope       ", _jsx(Text, { color: "white", children: scopeLabel(installScope) })] }), _jsxs(Text, { color: MUTED, children: ["actions     ", _jsx(Text, { color: "white", children: "i install" }), "  ", _jsx(Text, { color: "white", children: "w lock" })] }), _jsx(Spacer, {}), _jsx(PlanMetric, { label: "target", value: targetRuntime, width: width, valueColor: targetKind === "remote" ? OK : WARN }), _jsx(PlanMetric, { label: "locator", value: targetLocator, width: width, valueColor: targetKind === "remote" ? OK : WARN }), versionInfo ? (_jsxs(_Fragment, { children: [_jsx(Spacer, {}), _jsx(PlanMetric, { label: "selected", value: versionInfo.selectedVersion, width: width, valueColor: versionInfo.selectedVersion === versionInfo.latestVersion ? OK : WARN }), _jsx(PlanMetric, { label: "locked", value: versionInfo.lockedLabel, width: width, valueColor: versionInfo.lockedLabel === "none" ? MUTED : OK }), _jsx(PlanMetric, { label: "latest", value: versionInfo.latestVersion, width: width, valueColor: versionInfo.status === "update available" ? WARN : OK }), _jsx(PlanMetric, { label: "status", value: versionInfo.status, width: width, valueColor: versionInfo.selectedVersion === versionInfo.latestVersion ? OK : WARN })] })) : null, versionInfo && versionInfo.versions.length > 1 ? _jsx(PlanMetric, { label: "versions", value: `${formatVersionChoices(versionInfo, 8)}  (v/V cycle)`, width: width }) : null, _jsx(Spacer, {}), _jsx(PlanMetric, { label: "tier", value: `${trustTone.label} / ${trustTier(plan.trust)}`, width: width, valueColor: trustColor(trustTierScore(plan.trust)) }), _jsx(PlanMetric, { label: "profile", value: `${trustProfileScore(plan.trust)}% metadata / ${evidenceStatus(plan.trust)}`, width: width, valueColor: trustColor(trustProfileScore(plan.trust)) }), _jsx(PlanMetric, { label: "evidence", value: evidenceSummary(plan.trust), width: width }), _jsx(Spacer, {}), _jsx(PlanMetric, { label: "writes", value: writeSummary, width: width }), targetClients.map((targetClient) => (_jsx(PlanMetric, { label: targetClient, value: configTargetLabel(targetClient, installScope), width: width }, targetClient))), server.requiresSecrets ? _jsx(PlanMetric, { label: "secrets", value: "required before runtime/test can succeed", width: width, valueColor: WARN }) : null, _jsx(IssueRows, { issues: plan.trust.issues, width: width })] }));
+}
+function ConfigView({ server, client, installScope, width }) {
+    if (!server)
+        return _jsx(EmptyPanel, { title: "Config" });
+    if (client === "all") {
+        return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: "config", file: "targets" }), _jsxs(Text, { color: MUTED, children: ["client ", _jsx(Text, { color: "white", children: "all" }), "  scope ", _jsx(Text, { color: "white", children: installScope })] }), _jsx(Spacer, {}), selectedInstallClientsForServerScope("all", installScope, server).map((targetClient) => (_jsx(PlanMetric, { label: targetClient, value: configTargetLabel(targetClient, installScope), width: width }, targetClient)))] }));
+    }
+    const formatted = safeJson(() => formatClientConfigSnippet(client, exportClientConfig(server, client).config));
+    const formattedError = asObject(formatted).error;
+    const content = typeof formattedError === "string"
+        ? JSON.stringify(formatted, null, 2)
+        : formatted.content.trimEnd();
+    const extension = typeof formattedError === "string"
+        ? "json"
+        : formatted.extension;
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: "config", file: `${client}.${extension}` }), _jsxs(Text, { color: MUTED, children: ["client ", _jsx(Text, { color: "white", children: client }), "  scope ", _jsx(Text, { color: "white", children: installScope }), "  target ", _jsx(Text, { color: "white", children: configTargetLabel(client, installScope) })] }), _jsx(Text, { color: MUTED, children: "i install  s save" }), _jsx(CodeBlock, { content: content, width: width, maxLines: 16 })] }));
+}
+export function HelpView({ width, height }) {
+    const lines = [
+        ["Browse", "/", "Edit the search text. Press Esc while searching to clear it."],
+        ["Browse", "j/k", "Move through the current server list."],
+        ["Browse", "f", "Change list layout: flat, grouped by project, or grouped by category when categories exist."],
+        ["Browse", "a", "Change sort: source-first, alpha A-Z, alpha Z-A, source-last, or relevance."],
+        ["Browse", "m / +", "Show 50 more matches until every loaded or cached match is visible."],
+        ["Browse", "r", "Refresh enabled registry sources into .toolpin/registry-cache.json."],
+        ["Browse", "l", "Toggle live session loading without writing the registry cache."],
+        ["Browse", "g", `Change exact registry source filter. Enabled sources: ${REGISTRY_SOURCES.filter((source) => source.enabled).map((source) => source.id).join(", ")}.`],
+        ["Installed", "I", "Show installed MCP servers and refresh the installed inventory."],
+        ["Sources", "S", "Show installable vs discovery-only sources, auth status, cache/live counts, and the source legend."],
+        ["Review", "Enter", "Open the install plan for the selected server."],
+        ["Review", "t", "Test the selected server with initialize and tools/list."],
+        ["Review", "v / V", "Cycle selected server version."],
+        ["Install", "i", "Open the install wizard; choose version when available, then folder/global and client."],
+        ["Install", "w", "Write only the lockfile entry for the selected server."],
+        ["Config", "s", "Save the shown client config snippet under .toolpin/ for manual review."],
+        ["Installed", "u", "Resolve the installed entry in the registry, make it registry-backed, and write/update mcp-lock.json."],
+        ["Installed", "v / V", "Cycle the selected locked install target version; press u to rewrite config and lockfile for that explicit version."],
+        ["Installed", "U", "Update all locked installed entries; unlocked adoptable entries are reported separately."],
+        ["Installed", "x", "Open a Yes/No confirmation before removing the selected config and lock entry."],
+        ["Installed", "d", "Run doctor against installed config and mcp-lock.json."],
+        ["Global", "c / G", "Cycle target client and project/global install scope."],
+        ["Global", ":", "Open the command palette."],
+        ["Global", "R", "Reset search, source, result count, client, and scope."],
+        ["Global", "q", "Quit ToolPin."],
+    ];
+    const lineWidth = Math.max(24, width - 8);
+    const showExplanations = height >= 16;
+    const shortcutRows = showExplanations
+        ? Math.max(2, Math.min(lines.length, height - 25))
+        : Math.max(1, height - 4);
+    const visibleShortcuts = lines.slice(0, shortcutRows);
+    const hiddenShortcutCount = Math.max(0, lines.length - visibleShortcuts.length);
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, height: height, flexGrow: 1, children: [_jsx(ModalTitle, { title: "help", file: "shortcuts + trust" }), _jsx(Text, { color: MUTED, wrap: "truncate", children: "Keyboard shortcuts and what each action changes." }), _jsx(Spacer, {}), _jsx(Text, { bold: true, color: BLUE, children: "shortcuts" }), visibleShortcuts.map(([section, keys, description]) => (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: section.padEnd(10) }), _jsx(Text, { bold: true, color: OK, children: keys.padEnd(10) }), _jsx(Text, { color: "white", children: truncate(description, lineWidth - 20) })] }, `${section}:${keys}`))), hiddenShortcutCount > 0 ? _jsxs(Text, { color: CHROME, children: [" ".repeat(10), hiddenShortcutCount, " more shortcut(s) hidden on this terminal height."] }) : null, showExplanations ? (_jsxs(_Fragment, { children: [_jsx(Divider, { width: width }), _jsx(Text, { bold: true, color: BLUE, children: "about toolpin" }), _jsx(HelpNote, { width: lineWidth, label: "created", text: "ToolPin is the review gate between MCP registries and AI clients that run servers with your credentials." }), _jsx(HelpNote, { width: lineWidth, label: "goal", text: "Make MCP installs reviewable and repeatable: inspect the plan, write client config, commit mcp-lock.json, fail CI on drift." }), _jsx(HelpNote, { width: lineWidth, label: "needed", text: "MCP servers can add tools, local process access, network access, and secrets; copied JSON alone leaves no reviewed artifact." }), _jsx(HelpNote, { width: lineWidth, label: "not", text: "ToolPin is not a catalog, runtime sandbox, gateway, or secret vault; it is the repo-owned install and governance layer." }), _jsx(Spacer, {}), _jsx(Text, { bold: true, color: BLUE, children: "scoring" }), _jsx(HelpNote, { width: lineWidth, label: "score", text: "0-100 metadata completeness score for review priority, not a security guarantee or install blocker." }), _jsx(HelpNote, { width: lineWidth, label: "inputs", text: "Source trust, repository metadata, namespace, transport, package pinning, secrets, and description-scan findings." }), _jsx(HelpNote, { width: lineWidth, label: "tiers", text: "Verified requires a pinned install target plus artifact proof; conditional means useful metadata exists but proof is incomplete." }), _jsx(HelpNote, { width: lineWidth, label: "69% cap", text: "69% until proof verified; proof=npm/OCI/MCPB." }), _jsx(HelpNote, { width: lineWidth, label: "cap notes", text: "Cap notes appear below the score bars and explain why the evidence gate capped verification." }), _jsx(HelpNote, { width: lineWidth, label: "colors", text: "Green is verified evidence, yellow needs review, red means blocked or unverified evidence." }), _jsx(Spacer, {}), _jsx(Text, { bold: true, color: BLUE, children: "locking" }), _jsx(HelpNote, { width: lineWidth, label: "lockfile", text: "mcp-lock.json records the selected server, version, client, resolved launch target, trust data, and integrity digest." }), _jsx(HelpNote, { width: lineWidth, label: "install", text: "Install writes client config and the matching lock entry after policy and drift checks pass." }), _jsx(HelpNote, { width: lineWidth, label: "doctor/ci", text: "Doctor and CI compare client config with mcp-lock.json so config drift, digest drift, and signature failures are visible." }), _jsx(HelpNote, { width: lineWidth, label: "adopt / update", text: "Installed u resolves an existing config entry in the registry and locks it; U updates already locked entries." }), _jsx(Spacer, {}), _jsx(Text, { bold: true, color: BLUE, children: "sources" }), _jsx(HelpNote, { width: lineWidth, label: "installable", text: "Official/Docker or official-compatible entries with package/remote metadata can be reviewed, installed, and locked." }), _jsx(HelpNote, { width: lineWidth, label: "discovery", text: "Directory entries such as Glama are browse/search only until normalized into installable metadata." }), _jsx(HelpNote, { width: lineWidth, label: "cached", text: "Cached/loaded is the number of entries currently stored or fetched for that source." }), _jsx(Spacer, {}), _jsx(Text, { bold: true, color: BLUE, children: "installed actions" }), _jsx(HelpNote, { width: lineWidth, label: "action:update", text: "The row is locked and a newer registry version is loaded; u updates config and mcp-lock.json." }), _jsx(HelpNote, { width: lineWidth, label: "action:adopt", text: "The row is installed but not locked; u finds the registry match and writes the reviewed lock entry." }), _jsx(HelpNote, { width: lineWidth, label: "action:none", text: "No safe registry lifecycle action is loaded; refresh, switch source/live, or inspect the row first." })] })) : null] }));
+}
+function HelpNote({ label, text, width }) {
+    const labelWidth = 15;
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: label.padEnd(labelWidth) }), _jsx(Text, { color: "white", children: truncate(text, width - labelWidth) })] }));
+}
+export function CommandPalette({ commands, selected, state, selectedServer, width, }) {
+    const selectedCommand = commands[selected];
+    const commandRows = commands.map((command, index) => {
+        const disabled = command.requiresServer && !selectedServer;
+        const marker = index === selected ? ">" : ":";
+        const suffix = disabled ? "  select a server first" : "";
+        return truncate(`${marker} ${command.id.padEnd(13)} ${command.label}${suffix}`, width - 4);
+    }).join("\n");
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: "commands", file: "toolpin" }), _jsx(Text, { color: MUTED, wrap: "truncate", children: "Enter runs the selected command; install opens the scope/client wizard." }), commands.length === 0 ? _jsx(Text, { color: MUTED, children: "No command matched." }) : null, commands.length > 0 ? _jsx(Text, { color: "white", children: commandRows }) : null, selectedCommand ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: ACCENT, wrap: "truncate", children: truncate(commandLineFor(selectedCommand.id, state, selectedServer), width - 4) }), _jsx(Text, { color: MUTED, wrap: "truncate", children: truncate(selectedCommand.description, width - 4) })] })) : null, state.commandLog ? (_jsxs(_Fragment, { children: [_jsx(Spacer, {}), _jsx(Text, { color: state.commandLog.ok ? OK : ERR, wrap: "truncate", children: state.commandLog.command }), state.commandLog.lines.slice(0, 4).map((line, index) => (_jsxs(Text, { color: MUTED, wrap: "truncate", children: ["  ", truncate(line, width - 4)] }, `${index}:${line}`)))] })) : null] }));
+}
+export function InstallWizard({ flow, width, height }) {
+    const contentWidth = Math.max(24, width - 6);
+    const versionStepEnabled = flow.versions.length > 1;
+    const totalSteps = versionStepEnabled ? 3 : 2;
+    const stepIndex = installStepIndex(flow, versionStepEnabled);
+    const versionOptions = flow.versions.map((server, index) => ({
+        id: server.version,
+        label: server.version,
+        hint: index === 0 ? "latest version" : `older version from ${server.registrySource}`,
+    }));
+    const scopeOptions = [
+        { id: "project", label: "folder (project)", hint: "config in this folder" },
+        { id: "global", label: "global (user)", hint: "current-user config" },
+    ];
+    const clientOptions = installClientChoicesForServerScope(flow.scope ?? "project", flow.preferredClient, flow.server).map((client) => ({
+        id: client,
+        label: client,
+        hint: client === "all" ? "every supported client for the chosen scope" : "",
+    }));
+    const options = flow.step === "version" ? versionOptions : flow.step === "scope" ? scopeOptions : clientOptions;
+    const scopeText = flow.scope === "global" ? "global/user" : "folder/project";
+    const stepLabel = flow.step === "version"
+        ? "Choose version"
+        : flow.step === "scope"
+            ? "Choose where to install"
+            : flow.step === "client"
+                ? `Choose client (${scopeText})`
+                : flow.step === "complete"
+                    ? "Install complete"
+                    : flow.step === "failed"
+                        ? "Install failed"
+                        : "Installing selected MCP server";
+    const visibleCount = Math.max(3, height - 10);
+    const start = listWindowStart(flow.selected, visibleCount, options.length);
+    const visible = options.slice(start, start + visibleCount);
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, height: height, children: [_jsx(ModalTitle, { title: "install", file: flow.server.name }), _jsx(Text, { color: MUTED, wrap: "truncate", children: stepLabel }), stepIndex ? _jsxs(Text, { color: CHROME, wrap: "truncate", children: ["Step ", stepIndex, " of ", totalSteps] }) : null, flow.step === "version" || flow.step === "scope" || flow.step === "client" ? (_jsx(Text, { color: OK, wrap: "truncate", children: "Select an option, then press Enter to continue." })) : null, _jsx(Spacer, {}), flow.step === "installing" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: MUTED, children: "Writing config and mcp-lock.json..." }), _jsx(Box, { marginTop: 1, children: _jsx(InstallActivityBar, { width: contentWidth }) })] })) : flow.step === "complete" ? (_jsx(Text, { color: MUTED, children: "Press Enter or Esc to close." })) : flow.step === "failed" ? (_jsx(Text, { color: ERR, children: "Review the status message, then press Enter or Esc." })) : visible.map((option, index) => {
+                const isSelected = start + index === flow.selected;
+                return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: isSelected ? OK : CHROME, children: isSelected ? ">" : ":" }), _jsxs(Text, { bold: isSelected, color: isSelected ? OK : "white", children: [" ", option.label.padEnd(18)] }), _jsx(Text, { color: isSelected ? OK : MUTED, children: truncate(option.hint, Math.max(0, contentWidth - 22)) })] }, option.id));
+            }), _jsx(Box, { flexGrow: 1 }), flow.step === "version" || flow.step === "scope" || flow.step === "client" ? (_jsx(Text, { color: CHROME, wrap: "truncate", children: "  j/k or arrows move  Enter continue  Esc cancel" })) : flow.step === "installing" ? (_jsx(Text, { color: CHROME, wrap: "truncate", children: "  Installing. Keep this session open." })) : (_jsx(Text, { color: CHROME, wrap: "truncate", children: "  Enter close  Esc close" }))] }));
+}
+function installStepIndex(flow, hasVersionStep) {
+    if (flow.step === "version")
+        return 1;
+    if (flow.step === "scope")
+        return hasVersionStep ? 2 : 1;
+    if (flow.step === "client")
+        return hasVersionStep ? 3 : 2;
+    return undefined;
+}
+function InstallActivityBar({ width }) {
+    const barWidth = Math.max(10, Math.min(36, width - 2));
+    const filled = Math.max(3, Math.floor(barWidth * 0.55));
+    const empty = Math.max(0, barWidth - filled);
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: ACCENT, children: "▓".repeat(filled) }), _jsx(Text, { color: CHROME, children: "░".repeat(empty) })] }), _jsx(Text, { color: ACCENT, wrap: "truncate", children: "installing" })] }));
+}
+export function ActivityStrip({ state, width }) {
+    const active = state.installing || state.testing || state.loading || state.checking;
+    const log = commandLogForView(state);
+    const color = state.error || log?.ok === false ? ERR : active ? WARN : log ? OK : MUTED;
+    const label = active ? "working" : log ? log.title : "status";
+    const activeMessage = state.loading
+        ? "loading registry data..."
+        : state.installing
+            ? "installing reviewed server..."
+            : state.testing
+                ? "testing selected MCP server..."
+                : state.checking
+                    ? "checking installed config drift..."
+                    : undefined;
+    const primary = activeMessage ?? log?.lines[0] ?? state.lastAction ?? "ready";
+    const secondary = active ? log?.lines.slice(0, 2) ?? [] : log?.lines.slice(1, 3) ?? [];
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, flexShrink: 0, children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { bold: true, color: color, children: label.padEnd(8) }), _jsx(Text, { color: "white", children: truncate(primary, width - 14) })] }), secondary.map((line, index) => (_jsxs(Text, { color: MUTED, wrap: "truncate", children: [_jsx(Text, { color: CHROME, children: " ".repeat(8) }), truncate(line, width - 11)] }, `${index}:${line}`)))] }));
+}
+export function OperationModal({ state, width, height }) {
+    const active = state.installing || state.testing || state.checking;
+    const log = commandLogForView(state);
+    const candidate = buildOperationSnapshot({ active, log, state });
+    const [snapshot, setSnapshot] = React.useState(candidate);
+    const candidateKey = candidate?.key;
+    React.useEffect(() => {
+        if (state.installFlow || !candidate) {
+            setSnapshot(undefined);
+            return undefined;
+        }
+        setSnapshot(candidate);
+        if (candidate.active)
+            return undefined;
+        const timer = setTimeout(() => {
+            setSnapshot((current) => current?.key === candidate.key ? undefined : current);
+        }, 3000);
+        return () => clearTimeout(timer);
+    }, [candidateKey, state.installFlow]);
+    if (!snapshot || state.installFlow)
+        return null;
+    const modalWidth = Math.min(Math.max(44, Math.floor(width * 0.44)), 86);
+    const lines = snapshot.lines.slice(0, 4);
+    const modalHeight = lines.length + 6;
+    const left = Math.max(0, Math.floor((width - modalWidth) / 2));
+    const top = Math.max(0, Math.floor((height - modalHeight) / 2));
+    const lineWidth = Math.max(8, modalWidth - 4);
+    return (_jsxs(Box, { position: "absolute", left: left, top: top, width: modalWidth, backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: BLUE, wrap: "truncate", children: truncate(snapshot.title, modalWidth - 4) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: CHROME, children: "─".repeat(lineWidth) }) }), _jsx(Spacer, {}), lines.map((line, index) => (_jsx(Text, { color: MUTED, wrap: "truncate", children: truncate(line, modalWidth - 4) }, `${index}:${line}`)))] }));
+}
+export function DeleteConfirmModal({ state, width, height }) {
+    const confirm = state.deleteConfirm;
+    if (!confirm)
+        return null;
+    const modalWidth = Math.min(Math.max(54, Math.floor(width * 0.42)), 84);
+    const modalHeight = 12;
+    const left = Math.max(0, Math.floor((width - modalWidth) / 2));
+    const top = Math.max(0, Math.floor((height - modalHeight) / 2));
+    const lineWidth = Math.max(8, modalWidth - 4);
+    const selectedNo = confirm.selected === "no";
+    const selectedYes = confirm.selected === "yes";
+    return (_jsxs(Box, { position: "absolute", left: left, top: top, width: modalWidth, backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: BLUE, children: "delete installed server?" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: CHROME, children: "─".repeat(lineWidth) }) }), _jsx(Spacer, {}), _jsx(Text, { color: MUTED, wrap: "wrap", children: "This will remove the client config entry and matching mcp-lock.json entry." }), confirm.runtimeAdvisory ? (_jsx(Text, { color: WARN, wrap: "wrap", children: truncate(confirm.runtimeAdvisory, modalWidth * 2) })) : null, _jsx(Text, { color: "white", wrap: "truncate", children: truncate(confirm.serverName, modalWidth - 4) }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: [confirm.client, " / ", confirm.scope] }), _jsx(Spacer, {}), _jsxs(Text, { children: [_jsxs(Text, { bold: selectedNo, color: selectedNo ? OK : MUTED, children: [selectedNo ? "> " : "  ", "No, keep it"] }), _jsx(Text, { color: CHROME, children: "    " }), _jsxs(Text, { bold: selectedYes, color: selectedYes ? ERR : MUTED, children: [selectedYes ? "> " : "  ", "Yes, delete"] })] }), _jsx(Spacer, {}), _jsx(Text, { color: CHROME, children: "Left/right or j/k choose  Enter confirm  y yes  n/Esc no" })] }));
+}
+export function buildOperationSnapshot({ active, log, state }) {
+    if (!active && !log)
+        return undefined;
+    if (!active && log && !isOperationLog(log.title))
+        return undefined;
+    const activeTitle = state.testing
+        ? "testing"
+        : state.checking
+            ? "checking"
+            : activeOperationTitle(log?.title ?? "install");
+    const title = active ? activeTitle : settledOperationTitle(log?.title ?? "operation", log?.ok ?? true);
+    const activeMessage = state.testing
+        ? "testing selected MCP server..."
+        : state.checking
+            ? "checking config and lock drift..."
+            : "installing or updating MCP server...";
+    const outcome = !active && log ? (log.ok ? "complete" : "failed") : undefined;
+    const lines = [
+        active ? activeMessage : outcome,
+        ...(log?.lines ?? []),
+    ].filter((line) => Boolean(line));
+    const key = [
+        active ? "active" : "settled",
+        title,
+        log?.ok === false ? "error" : "ok",
+        log?.command ?? "",
+        lines.join("\u0000"),
+    ].join("\u0001");
+    return { key, title, lines, active };
+}
+function activeOperationTitle(title) {
+    if (title === "test")
+        return "testing";
+    if (title === "install")
+        return "installing";
+    if (title === "update")
+        return "updating";
+    if (title === "adopt")
+        return "adopting";
+    if (title === "doctor")
+        return "checking";
+    return title;
+}
+function settledOperationTitle(title, ok) {
+    const suffix = ok ? "complete" : "failed";
+    if (title === "test")
+        return `test ${suffix}`;
+    if (title === "install")
+        return `install ${suffix}`;
+    if (title === "update")
+        return `update ${suffix}`;
+    if (title === "adopt")
+        return `adopt ${suffix}`;
+    if (title === "doctor")
+        return `check ${suffix}`;
+    if (title === "remove")
+        return `remove ${suffix}`;
+    return `${title} ${suffix}`;
+}
+function isOperationLog(title) {
+    return ["install", "update", "adopt", "test", "doctor", "remove"].includes(title);
+}
+export function Footer({ state, width }) {
+    const { inputMode, view } = state;
+    const hints = inputMode === "search"
+        ? [["Enter", "apply"], ["Esc", "cancel"], ["Backspace", "edit"]]
+        : inputMode === "command"
+            ? [["Enter", "run"], ["Esc", "close"], ["Type", "filter"], ["j/k", "select"]]
+            : view === "discover"
+                ? [["/", "search"], ["a", `sort ${browseSortLabel(state.browseSortMode)}`], ["f", "layout"], ["g", `source ${state.sourceMode}`], ["S", "sources"], ["m", "more"], ["i", "install"], ["I", "installed"], ["r", "cache-refresh"], ["l", "live/cache"], ["R", "reset"], ["j/k", "move"], ["q", "quit"]]
+                : view === "installed"
+                    ? [["j/k", "move"], ["I", "refresh list"], ["S", "sources"], ["u", "registry+lock"], ["v/V", "version"], ["U", "update locked"], ["x", "delete"], ["t", "test-installed"], ["d", "doctor"], ["q", "quit"]]
+                    : view === "sources"
+                        ? [["Esc", "browse"], ["g", "source"], ["l", "cache/live"], ["r", "refresh"], ["1", "browse"], ["2", "installed"], ["q", "quit"]]
+                        : view === "details"
+                            ? [["Enter", "plan"], ["Esc", "browse"], ["c", "client"], ["G", "scope"], ["v/V", "version"], ["t", "test"], ["i", "install"], ["q", "quit"]]
+                            : view === "plan"
+                                ? [["Enter", "install"], ["Esc", "browse"], ["c", "client"], ["G", "scope"], ["v/V", "version"], ["i", "install"], ["q", "quit"]]
+                                : [["Esc", "browse"], ["c", "client"], ["G", "scope"], ["v/V", "version"], ["i", "install"], ["q", "quit"]];
+    const copyright = "© 2026 Proofofwork Agency · https://github.com/proofofwork-agency/toolpin";
+    const copyrightWidth = Math.min(copyright.length, Math.max(0, width - 8));
+    const hintWidth = Math.max(10, width - copyrightWidth - 8);
+    return (_jsxs(Box, { paddingX: 2, marginTop: 1, flexShrink: 0, flexDirection: "column", children: [_jsx(TrustStateLegend, { width: Math.max(1, width - 4) }), _jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { width: hintWidth, children: _jsx(Text, { wrap: "truncate", children: hints.map(([keyName, label], index) => (_jsxs(React.Fragment, { children: [index > 0 ? _jsx(Text, { color: CHROME, children: "  |  " }) : null, _jsx(Text, { bold: true, color: "white", children: keyName }), _jsxs(Text, { color: MUTED, children: [":", label] })] }, keyName))) }) }), _jsx(Text, { color: CHROME, wrap: "truncate", children: truncate(copyright, copyrightWidth) })] })] }));
+}
+export function TrustStateLegend({ width }) {
+    const compact = width < 118;
+    const items = compact
+        ? [
+            { label: "OK", color: OK, text: "verified" },
+            { label: "REVIEW", color: WARN, text: "needs-proof" },
+            { label: "UNVERIFIED", color: ERR, text: "weak" },
+            { label: "BLOCKED", color: ERR, text: "stop" },
+        ]
+        : [
+            { label: "OK", color: OK, text: "verified" },
+            { label: "REVIEW", color: WARN, text: "needs-proof" },
+            { label: "UNVERIFIED", color: ERR, text: "weak evidence" },
+            { label: "BLOCKED", color: ERR, text: "stop" },
+        ];
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: CHROME, children: "trust " }), items.map((item, index) => (_jsxs(React.Fragment, { children: [index > 0 ? _jsx(Text, { color: CHROME, children: " " }) : null, _jsx(Text, { color: item.color, children: "\u2593" }), _jsx(Text, { bold: true, color: item.color, children: item.label }), _jsxs(Text, { color: MUTED, children: [" ", item.text] })] }, item.label)))] }));
+}
+function EmptyPanel({ title }) {
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(ModalTitle, { title: title.toLowerCase(), file: "empty" }), _jsx(Text, { color: MUTED, children: "No server selected. Search and select a server first." })] }));
+}
+function ModalTitle({ title, file }) {
+    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: ACCENT, children: title }), _jsx(Text, { color: CHROME, children: file })] }));
+}
+function Metric({ label, value, valueColor }) {
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: label.padEnd(12) }), _jsx(Text, { color: valueColor ?? "white", children: value })] }));
+}
+function PlanMetric({ label, value, width, valueColor }) {
+    const valueWidth = Math.max(8, width - 18);
+    const lines = wrapValue(value, valueWidth);
+    return (_jsx(_Fragment, { children: lines.map((line, index) => (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: index === 0 ? label.padEnd(12) : "".padEnd(12) }), _jsx(Text, { color: valueColor ?? "white", children: line })] }, `${label}:${index}:${line}`))) }));
+}
+function wrapValue(value, width) {
+    if (width <= 0)
+        return [""];
+    const words = value.split(/(\s+)/).filter((part) => part.length > 0);
+    const lines = [];
+    let line = "";
+    for (const word of words) {
+        if (/^\s+$/.test(word)) {
+            if (line && !line.endsWith(" "))
+                line += " ";
+            continue;
+        }
+        if (word.length > width) {
+            if (line.trimEnd())
+                lines.push(line.trimEnd());
+            for (let index = 0; index < word.length; index += width) {
+                lines.push(word.slice(index, index + width));
+            }
+            line = "";
+            continue;
+        }
+        const candidate = line ? `${line}${word}` : word;
+        if (candidate.length > width) {
+            if (line.trimEnd())
+                lines.push(line.trimEnd());
+            line = word;
+        }
+        else {
+            line = candidate;
+        }
+    }
+    if (line.trimEnd())
+        lines.push(line.trimEnd());
+    return lines.length ? lines : [""];
+}
+function CodeBlock({ content, width, maxLines }) {
+    const lines = content.split("\n");
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [lines.slice(0, maxLines).map((line, index) => (_jsx(Text, { color: line.trim().startsWith('"') || line.includes("=") ? "white" : MUTED, wrap: "truncate", children: truncate(line, width - 6) }, `${index}:${line}`))), lines.length > maxLines ? _jsxs(Text, { color: MUTED, children: ["... ", lines.length - maxLines, " more lines"] }) : null] }));
+}
+function Spacer() {
+    return _jsx(Text, { children: " " });
+}
+function Divider({ width, marginBottom = 0 }) {
+    const lineWidth = Math.max(8, width - 6);
+    return (_jsx(Box, { marginTop: 1, marginBottom: marginBottom, children: _jsx(Text, { color: CHROME, children: "─".repeat(lineWidth) }) }));
+}
+function CompactDivider({ width }) {
+    const lineWidth = Math.max(8, width - 6);
+    return _jsx(Text, { color: CHROME, children: "─".repeat(lineWidth) });
+}
+function IssueRows({ issues, width, rows = 4 }) {
+    const visible = issues.slice(0, rows);
+    const blank = " ".repeat(Math.max(1, width - 4));
+    return (_jsx(_Fragment, { children: Array.from({ length: rows }, (_, index) => {
+            const issue = visible[index];
+            if (!issue) {
+                return _jsx(Text, { children: blank }, `issue-empty-${index}`);
+            }
+            return (_jsxs(Text, { color: issue.severity === "critical" ? ERR : issue.severity === "warning" ? WARN : MUTED, wrap: "truncate", children: [issue.severity, ": ", truncate(issue.message, width - 12)] }, `${issue.code}-${index}`));
+        }) }));
+}
+function lockStatusColor(status) {
+    if (status === "current")
+        return OK;
+    if (status === "not locked")
+        return ERR;
+    if (status === "update available" || status === "ahead of registry")
+        return WARN;
+    return MUTED;
+}
+function trustColor(score) {
+    if (score >= 80)
+        return OK;
+    if (score >= 60)
+        return WARN;
+    return ERR;
+}
+function tierColor(tier) {
+    if (tier === "verified")
+        return OK;
+    if (tier === "conditional")
+        return WARN;
+    return ERR;
+}
+function tierFill(tier, cells) {
+    if (tier === "verified")
+        return cells;
+    if (tier === "conditional")
+        return Math.max(1, Math.round(cells * 0.66));
+    if (tier === "unverified")
+        return Math.max(1, Math.round(cells * 0.33));
+    return 0;
+}