@proofofwork-agency/toolpin 0.2.3

package/dist/tui/views/installed.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { CHROME, ERR, MUTED, OK, SURFACE, WARN } from "../constants.js";
+import { listWindowStart } from "../layout.js";
+import { shortPath, truncate } from "../format.js";
+export function InstalledServersView({ rows, selected, height, width, loading, }) {
+    const visibleCount = Math.max(3, height - 3);
+    const start = listWindowStart(selected, visibleCount, rows.length);
+    const visible = rows.slice(start, start + visibleCount);
+    const selectedRow = rows[selected];
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 3, height: height, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: MUTED, children: "Installed MCP servers" }), _jsx(Text, { color: loading ? WARN : MUTED, children: loading ? "refreshing..." : `${rows.length} found` })] }), rows.length === 0 ? _jsx(Text, { color: MUTED, children: "No installed MCP server entries found in checked config files." }) : null, visible.map((row, index) => (_jsx(InstalledRow, { row: row, selected: start + index === selected, width: width }, row.id))), selectedRow ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: CHROME, children: "-".repeat(Math.max(0, width - 6)) }), _jsxs(Text, { color: CHROME, wrap: "truncate", children: ["  ", "selected ", selected + 1, " of ", rows.length, "  u registry+lock  v/V version  U update locked  x delete  t test-installed  d doctor  g scope"] })] })) : null] }));
+}
+export function InstalledServerDetails({ row, width, selectedVersion, selectedTarget, runtimeAdvisory, }) {
+    if (!row) {
+        return (_jsx(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: _jsx(Text, { color: MUTED, children: "No installed server selected." }) }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", backgroundColor: SURFACE, paddingX: 2, paddingY: 1, flexGrow: 1, children: [_jsx(Text, { bold: true, color: "white", wrap: "truncate", children: row.serverName }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: [row.client, "  ", scopeText(row.scope), "  ", shortPath(row.file)] }), _jsx(Spacer, {}), _jsx(Metric, { label: "lock", value: row.locked ? row.lockDrift ? "drift" : "locked" : "unlocked", color: row.lockDrift ? ERR : row.locked ? OK : WARN }), _jsx(Metric, { label: "version", value: versionText(row), color: row.updateAvailable ? WARN : row.locked ? OK : MUTED }), _jsx(Metric, { label: "source", value: row.source ?? "unknown" }), _jsx(Metric, { label: "runtime", value: row.runningStatus, color: row.runningStatus === "reachable" ? OK : row.runningStatus === "stale" ? WARN : MUTED }), runtimeAdvisory ? _jsx(Metric, { label: "endpoint", value: `${runtimeAdvisory.url} ${runtimeAdvisory.running ? "accepting connections" : "not accepting connections"}`, color: runtimeAdvisory.running ? OK : WARN }) : null, _jsx(Metric, { label: "match", value: matchText(row), color: row.registryMatch ? OK : MUTED }), _jsx(Metric, { label: "actions", value: actionText(row), color: row.canUpdate ? WARN : MUTED }), row.lifecycleAction !== "none" || selectedVersion ? _jsx(Metric, { label: "u action", value: lifecycleExplanation(row, selectedVersion), color: WARN }) : null, _jsx(Metric, { label: "test target", value: row.testSource === "config" ? `installed config: ${shortPath(row.file)}` : row.testSource, color: row.canTest ? OK : MUTED }), selectedTarget ? _jsx(Metric, { label: selectedVersion ? "selected" : "target", value: `${selectedTarget.name}@${selectedTarget.version}${selectedVersion ? " (press u to apply)" : ""}`, color: row.lifecycleAction === "none" && !selectedVersion ? MUTED : WARN }) : null, row.issue ? _jsxs(Text, { color: WARN, wrap: "truncate", children: ["drift       ", truncate(row.issue, width - 18)] }) : null, row.testResult ? (_jsxs(_Fragment, { children: [_jsx(Spacer, {}), _jsxs(Text, { color: row.testResult.ok ? OK : ERR, wrap: "truncate", children: ["test        ", row.testResult.ok ? "passed" : "failed", ": ", truncate(row.testResult.message, width - 20)] }), _jsxs(Text, { color: MUTED, wrap: "truncate", children: ["target      ", truncate(row.testResult.target, width - 18)] }), row.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)))] })) : null] }));
+}
+function InstalledRow({ row, selected, width }) {
+    const contentWidth = Math.max(32, width - 6);
+    const registryWidth = contentWidth < 88 ? 12 : 15;
+    const versionWidth = contentWidth < 88 ? 10 : 13;
+    const actionWidth = contentWidth < 88 ? 0 : 12;
+    const testWidth = contentWidth >= 112 ? 12 : 0;
+    const fileWidth = contentWidth >= 132 ? Math.min(24, contentWidth - 108) : 0;
+    const fixedWidth = 1 + 8 + 10 + 9 + versionWidth + registryWidth + actionWidth + testWidth + fileWidth;
+    const nameWidth = Math.max(14, contentWidth - fixedWidth);
+    const version = row.updateAvailable
+        ? `${row.lockedVersion ?? "unknown"} -> ${row.latestVersion}`
+        : row.lockedVersion ?? row.currentVersion ?? "unknown";
+    const lock = row.lockDrift ? "drift" : row.locked ? "locked" : "unlocked";
+    const registry = `registry:${row.registryStatus}`;
+    const action = `action:${row.lifecycleAction}`;
+    const test = `test:${row.testSource}`;
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: selected ? OK : CHROME, children: selected ? ">" : ":" }), _jsx(Text, { color: scopeColor(row.scope), children: column(row.scope, 8) }), _jsx(Text, { color: MUTED, children: column(row.client, 10) }), _jsx(Text, { bold: selected, color: "white", children: column(row.serverName, nameWidth) }), _jsx(Text, { color: lock === "drift" ? ERR : lock === "locked" ? OK : WARN, children: lock.padEnd(9) }), _jsx(Text, { color: row.updateAvailable ? WARN : MUTED, children: column(version, versionWidth) }), _jsx(Text, { color: row.registryStatus === "none" ? MUTED : OK, children: column(registry, registryWidth) }), actionWidth > 0 ? _jsx(Text, { color: row.lifecycleAction === "none" ? MUTED : WARN, children: column(action, actionWidth) }) : null, testWidth > 0 ? _jsx(Text, { color: row.testSource === "none" ? MUTED : OK, children: column(test, testWidth) }) : null, fileWidth > 0 ? _jsx(Text, { color: CHROME, children: column(shortPath(row.file), fileWidth) }) : null] }));
+}
+function column(value, width) {
+    return ` ${truncate(value, Math.max(0, width - 1)).padEnd(Math.max(0, width - 1))}`;
+}
+function Metric({ label, value, color }) {
+    return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: MUTED, children: label.padEnd(12) }), _jsx(Text, { color: color ?? "white", children: value })] }));
+}
+function versionText(row) {
+    if (row.updateAvailable)
+        return `${row.lockedVersion ?? "unknown"} -> ${row.latestVersion}`;
+    if (row.lockedVersion)
+        return row.latestVersion && row.latestVersion !== row.lockedVersion ? `${row.lockedVersion} latest ${row.latestVersion}` : row.lockedVersion;
+    return row.latestVersion ? `unlocked latest ${row.latestVersion}` : "unknown";
+}
+function actionText(row) {
+    const actions = [];
+    if (row.lifecycleAction !== "none")
+        actions.push(row.lifecycleAction);
+    if (row.canDelete)
+        actions.push("delete");
+    if (row.canTest)
+        actions.push("test-installed");
+    return actions.join(", ") || "none";
+}
+function lifecycleExplanation(row, selectedVersion) {
+    if (selectedVersion)
+        return "rewrite installed config and mcp-lock.json for selected version";
+    if (row.lifecycleAction === "adopt")
+        return "find registry match, replace alias if needed, write mcp-lock.json";
+    if (row.lifecycleAction === "update")
+        return "resolve locked server in registry, update config, update mcp-lock.json";
+    return "none";
+}
+function matchText(row) {
+    if (row.registryCandidates?.length)
+        return `ambiguous alias: ${row.registryCandidates.join(", ")}`;
+    return row.registryMatch ? `${row.registryMatch} registry` : "none";
+}
+function scopeText(scope) {
+    return scope === "project" ? "folder/project" : "global/user";
+}
+function scopeColor(scope) {
+    return scope === "project" ? OK : WARN;
+}
+function Spacer() {
+    return _jsx(Text, { children: " " });
+}