claudeup 4.19.0 → 4.22.0

package/src/ui/screens/GitignoreScreen.js

@@ -1,328 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useEffect, useState, useCallback, useMemo } from "react";
-import { spawn } from "node:child_process";
-import { appendFileSync } from "node:fs";
-import { useRenderer } from "@opentui/react";
-import { useApp, useModal } from "../state/AppContext.js";
-import { useKeyboardHandler } from "../hooks/useKeyboardHandler.js";
-import { ScreenLayout } from "../components/layout/index.js";
-import { loadGitignoreState, applyDestructiveFix, ensureProjectManifestForEdit, applyTemplate, } from "../../services/gitignore-service.js";
-import { BUILTIN_TEMPLATES } from "../../data/gitignore-templates.js";
-import { getGitignoreRuleReason } from "../../data/gitignore-reasons.js";
-import { renderRuleRow, } from "../renderers/gitignoreRenderers.js";
-// Clean rows are grouped by the manifest that defined them. Order = display
-// order, top to bottom. "Default" is the user-facing name for the built-in
-// rules. Each label names where you'd go to change that group's rules.
-const SOURCE_ORDER = ["project", "global", "profile", "builtin"];
-const SOURCE_LABELS = {
-    project: "Project · .claude/gitignore.json",
-    global: "Global · ~/.claude/gitignore.json",
-    profile: "Profile",
-    builtin: "Default · built into claudeup",
-};
-export function GitignoreScreen() {
-    const { state } = useApp();
-    const modal = useModal();
-    const renderer = useRenderer();
-    const cwd = state.projectPath;
-    const [data, setData] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [selectedIdx, setSelectedIdx] = useState(0);
-    const reload = useCallback(async () => {
-        setLoading(true);
-        setError(null);
-        try {
-            const s = await loadGitignoreState(cwd);
-            setData(s);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [cwd]);
-    useEffect(() => {
-        void reload();
-    }, [reload]);
-    // Build the managed list: every desired gitignore rule, with all matching
-    // violations grouped under the rule that owns them.
-    const rows = useMemo(() => {
-        if (!data)
-            return [];
-        const annotated = data.resolved.rules.map((rule) => {
-            const violations = data.violations.filter((v) => violationMatchesRule(rule, v));
-            return { rule, violations };
-        });
-        // Display order = flat index order (the keyboard handler walks this array),
-        // so the on-screen layout must match this sort exactly:
-        //   1. violations first (most violations first)
-        //   2. then clean rows grouped by source manifest (SOURCE_ORDER)
-        //   3. alphabetical within each group
-        const sourceRank = (tier) => {
-            const i = SOURCE_ORDER.indexOf(tier);
-            return i === -1 ? SOURCE_ORDER.length : i;
-        };
-        return annotated.sort((a, b) => {
-            const aViol = a.violations.length > 0;
-            const bViol = b.violations.length > 0;
-            if (aViol !== bViol)
-                return aViol ? -1 : 1;
-            if (aViol && bViol && a.violations.length !== b.violations.length) {
-                return b.violations.length - a.violations.length;
-            }
-            if (!aViol) {
-                const sr = sourceRank(a.rule.source) - sourceRank(b.rule.source);
-                if (sr !== 0)
-                    return sr;
-            }
-            return a.rule.pattern.localeCompare(b.rule.pattern);
-        });
-    }, [data]);
-    // Clamp selection when rows shrink.
-    useEffect(() => {
-        if (selectedIdx >= rows.length) {
-            setSelectedIdx(Math.max(0, rows.length - 1));
-        }
-    }, [rows.length, selectedIdx]);
-    const selectedRow = rows[selectedIdx];
-    const ignoreRuleCount = data?.resolved.rules.filter((rule) => rule.action === "ignore").length ?? 0;
-    const trackRuleCount = data?.resolved.rules.filter((rule) => rule.action === "track").length ?? 0;
-    const toFixCount = data?.violations.length ?? 0;
-    // Group rows for display while preserving each row's flat index in `rows`
-    // (the keyboard handler walks `rows` by index, so the highlight must track
-    // the original index, not the position within a rendered group).
-    const indexed = rows.map((row, index) => ({ row, index }));
-    const toFixRows = indexed.filter((r) => r.row.violations.length > 0);
-    // Clean rows grouped by which manifest defined them. Sections render only
-    // when non-empty, so e.g. the Profile group stays hidden until profiles
-    // actually contribute rules.
-    const cleanIndexed = indexed.filter((r) => r.row.violations.length === 0);
-    const sourceGroups = SOURCE_ORDER.map((tier) => ({
-        tier,
-        label: SOURCE_LABELS[tier],
-        items: cleanIndexed.filter((r) => r.row.rule.source === tier),
-    })).filter((g) => g.items.length > 0);
-    const cleanCount = cleanIndexed.length;
-    // ── Action handlers ───────────────────────────────────────────────────
-    // Fix every out-of-sync row. Iterates the grouped rows (not the flat
-    // violation list) so each .gitignore entry uses the rule's pattern/glob,
-    // not one specific path under it — same association handleApplyOne relies on.
-    const handleFixAll = useCallback(async () => {
-        if (!data || toFixRows.length === 0)
-            return;
-        try {
-            const messages = [];
-            const failures = [];
-            for (const { row } of toFixRows) {
-                for (const v of row.violations) {
-                    const r = await applyDestructiveFix(cwd, v, row.rule.pattern);
-                    (r.applied ? messages : failures).push(r.message);
-                }
-            }
-            await reload();
-            if (failures.length > 0) {
-                await modal.message("Some fixes didn't apply", [...failures, ...messages].join("\n"), "error");
-            }
-        }
-        catch (err) {
-            await modal.message("Fix failed", err instanceof Error ? err.message : String(err), "error");
-        }
-    }, [cwd, data, toFixRows, reload, modal]);
-    // Fix just the highlighted row.
-    const handleFixOne = useCallback(async () => {
-        if (!selectedRow) {
-            await modal.message("No row selected", "Use ↑↓ to highlight a row that needs fixing, then press f.", "info");
-            return;
-        }
-        if (selectedRow.violations.length === 0) {
-            await modal.message("Nothing to fix", `${selectedRow.rule.pattern} already matches. f only applies to rows that need fixing.`, "info");
-            return;
-        }
-        try {
-            const results = [];
-            for (const v of selectedRow.violations) {
-                results.push(await applyDestructiveFix(cwd, v, selectedRow.rule.pattern));
-            }
-            const failed = results.filter((r) => !r.applied);
-            await reload();
-            // Success is silent — the reload removes the fixed row. Only surface a
-            // modal when something didn't apply.
-            if (failed.length > 0) {
-                await modal.message("Some fixes didn't apply", results.map((r) => r.message).join("\n"), "error");
-            }
-        }
-        catch (err) {
-            await modal.message("Fix failed", err instanceof Error ? err.message : String(err), "error");
-        }
-    }, [selectedRow, modal, cwd, reload]);
-    const handleApplyTemplate = useCallback(async () => {
-        const names = Object.keys(BUILTIN_TEMPLATES);
-        if (names.length === 0) {
-            await modal.message("No templates", "No built-in templates available.", "info");
-            return;
-        }
-        const selected = await modal.select("Apply template", "Merge the template into the project manifest at .claude/gitignore.json.", names.map((n) => ({ label: n, value: n })));
-        if (!selected)
-            return;
-        try {
-            const r = await applyTemplate(cwd, selected);
-            const conflictNote = r.conflicts.length > 0
-                ? `\n\nSkipped due to conflicts: ${r.conflicts.join(", ")}`
-                : "";
-            await modal.message("Template applied", `Wrote ${r.appliedTo}\n\n` +
-                `Added ${r.added.ignore.length} ignore + ${r.added.track.length} track entries.` +
-                conflictNote, "success");
-        }
-        catch (err) {
-            await modal.message("Template failed", err instanceof Error ? err.message : String(err), "error");
-        }
-        await reload();
-    }, [cwd, modal, reload]);
-    const handleEditManifest = useCallback(async () => {
-        const current = data ?? await loadGitignoreState(cwd);
-        const projectManifest = await ensureProjectManifestForEdit(cwd, current.resolved);
-        const editor = process.env.EDITOR ?? process.env.VISUAL ?? "vi";
-        renderer.suspend();
-        try {
-            await new Promise((resolveEdit) => {
-                const child = spawn(editor, [projectManifest], { stdio: "inherit" });
-                child.on("exit", () => resolveEdit());
-                child.on("error", () => resolveEdit());
-            });
-        }
-        finally {
-            renderer.resume();
-        }
-        await reload();
-        renderer.requestRender();
-    }, [cwd, data, reload, renderer]);
-    useKeyboardHandler((input, key) => {
-        if (process.env.CLAUDEUP_DEBUG_KEYS === "1") {
-            try {
-                appendFileSync("/tmp/claudeup-keys.log", `${new Date().toISOString()} screen=gitignore input=${JSON.stringify(input)} name=${JSON.stringify(key.name)} shift=${key.shift} ctrl=${key.ctrl} meta=${key.meta}\n`);
-            }
-            catch {
-                // best-effort logging — never break the UI
-            }
-        }
-        if (state.modal)
-            return;
-        if (input === "j" || key.downArrow) {
-            setSelectedIdx((i) => Math.min(i + 1, Math.max(0, rows.length - 1)));
-            return;
-        }
-        if (input === "k" || key.upArrow) {
-            setSelectedIdx((i) => Math.max(i - 1, 0));
-            return;
-        }
-        // F = fix everything out of sync; f = fix just the selected row.
-        if (input === "F" || (input === "f" && key.shift)) {
-            void handleFixAll();
-            return;
-        }
-        if (input === "f") {
-            void handleFixOne();
-            return;
-        }
-        if (input === "t") {
-            void handleApplyTemplate();
-            return;
-        }
-        if (input === "e") {
-            void handleEditManifest();
-            return;
-        }
-        if (input === "r") {
-            void reload();
-        }
-    });
-    // ── Rendering ─────────────────────────────────────────────────────────
-    const summary = data
-        ? renderSummary(rows.length, ignoreRuleCount, trackRuleCount, toFixCount)
-        : null;
-    const listBody = loading ? (_jsx("text", { fg: "gray", children: "Loading..." })) : error ? (_jsxs("text", { fg: "red", children: ["Error: ", error] })) : rows.length === 0 ? (_jsx("text", { fg: "gray", children: "No rules resolved." })) : (_jsxs("box", { flexDirection: "column", children: [toFixRows.length > 0 && (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "red", children: `Needs fixing (${toFixRows.length})` }), toFixRows
-                        .slice(0, 100)
-                        .map(({ row, index }) => renderRuleRow(row, index === selectedIdx)), _jsx("text", { children: " " })] })), _jsx("text", { fg: "gray", children: `Managed items (${cleanCount})` }), sourceGroups.map((group, gi) => (_jsxs("box", { flexDirection: "column", children: [gi > 0 && _jsx("text", { children: " " }), _jsx("text", { fg: "gray", children: `  ${group.label}` }), group.items.map(({ row, index }) => renderRuleRow(row, index === selectedIdx))] }, group.tier)))] }));
-    const listPanel = (_jsxs("box", { flexDirection: "column", children: [summary, _jsx("text", { children: " " }), listBody] }));
-    const detailPanel = renderDetail(selectedRow, data?.warnings ?? []);
-    const subtitle = data
-        ? toFixCount === 0
-            ? `${rows.length} managed`
-            : `${toFixCount} to fix`
-        : "";
-    return (_jsx(ScreenLayout, { title: "Managed Git State", subtitle: subtitle, currentScreen: "gitignore", footerHints: [
-            { keys: ["↑", "↓"], label: "move" },
-            { keys: ["f"], label: "fix selected" },
-            { keys: ["F"], label: "fix all" },
-            { keys: ["t"], label: "template" },
-            { keys: ["e"], label: "edit" },
-            { keys: ["r"], label: "reload" },
-        ], listPanel: listPanel, detailPanel: detailPanel }));
-}
-function violationMatchesRule(rule, violation) {
-    if (violation.path === rule.pattern)
-        return true;
-    if (!rule.pattern.endsWith("/") && !rule.pattern.includes("*"))
-        return false;
-    const prefix = rule.pattern.replace(/\*+$/, "");
-    return violation.path.startsWith(prefix);
-}
-function renderSummary(rules, ignoreRules, trackRules, toFix) {
-    return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { children: _jsx("span", { fg: "white", children: `${rules} managed item${rules === 1 ? "" : "s"}` }) }), _jsx("text", { children: _jsx("span", { fg: "gray", children: `${ignoreRules} ignored  ${trackRules} tracked` }) }), toFix === 0 ? (_jsx("text", { fg: "green", children: "Everything matches \u2014 nothing to fix." })) : (_jsx("text", { fg: "yellow", children: `${toFix} need${toFix === 1 ? "s" : ""} fixing — f one, F all` }))] }));
-}
-function renderDetail(row, warnings) {
-    if (!row) {
-        return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "gray", children: "No rule selected." }), warnings.length > 0 && (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: "yellow", children: "Warnings:" }), warnings.map((w, i) => (_jsx("text", { fg: "gray", children: w }, i)))] }))] }));
-    }
-    const { rule, violations } = row;
-    const reason = getGitignoreRuleReason(rule.action, rule.pattern);
-    const setIn = sourceName(rule.source);
-    if (violations.length === 0) {
-        return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "white", children: _jsx("strong", { children: rule.pattern }) }), _jsx("text", { children: " " }), _jsx("text", { fg: "green", children: `✓ Already ${rule.action === "ignore" ? "ignored" : "tracked"} — nothing to do.` }), _jsx("text", { children: " " }), _jsx("text", { fg: "gray", children: reason }), _jsx("text", { children: " " }), _jsx("text", { fg: "gray", children: `Set in: ${setIn}` }), renderWarnings(warnings)] }));
-    }
-    return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "white", children: _jsx("strong", { children: rule.pattern }) }), _jsx("text", { children: " " }), _jsxs("text", { children: [_jsx("span", { fg: "gray", children: "Should be: " }), _jsx("span", { fg: "white", children: rule.action === "ignore" ? "ignored by git" : "tracked by git" })] }), _jsx("text", { fg: "gray", children: reason }), _jsx("text", { fg: "gray", children: `Set in: ${setIn}` }), _jsx("text", { children: " " }), _jsx("text", { fg: "yellow", children: `Needs fixing (${violations.length}):` }), violations.map((v, i) => (_jsxs("box", { flexDirection: "column", marginTop: i === 0 ? 0 : 1, children: [_jsx("text", { fg: "white", children: v.path }), _jsx("text", { fg: "gray", children: describeKind(v.kind) }), _jsx("text", { fg: v.severity === "safe" ? "cyan" : "red", children: actionHint(v.kind) })] }, `${v.kind}:${v.path}:${i}`))), renderWarnings(warnings)] }));
-}
-/** Friendly, where-to-change-it name for a rule's source manifest. */
-function sourceName(source) {
-    switch (source) {
-        case "project":
-            return "Project (.claude/gitignore.json)";
-        case "global":
-            return "Global (~/.claude/gitignore.json)";
-        case "profile":
-            return "Profile";
-        case "builtin":
-            return "Default (built into claudeup)";
-    }
-}
-function describeKind(kind) {
-    switch (kind) {
-        case "tracked-but-should-ignore":
-            return "Git is tracking it, but it should be ignored.";
-        case "ignored-but-should-track":
-            return "A .gitignore rule hides it, but it should be in git.";
-        case "untracked-and-should-track":
-            return "It's on disk but git isn't tracking it yet.";
-        case "missing-from-gitignore":
-            return "It should be ignored, but nothing in .gitignore covers it.";
-    }
-}
-function actionHint(kind) {
-    switch (kind) {
-        case "tracked-but-should-ignore":
-            return "Press f to stop tracking it and add it to .gitignore.";
-        case "ignored-but-should-track":
-            return "Press f to remove the .gitignore line and add it to git.";
-        case "untracked-and-should-track":
-            return "Press f to add it to git.";
-        case "missing-from-gitignore":
-            return "Press f to add it to .gitignore (F to fix all).";
-    }
-}
-function renderWarnings(warnings) {
-    if (warnings.length === 0)
-        return null;
-    return (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: "yellow", children: "Warnings:" }), warnings.map((w, i) => (_jsx("text", { fg: "gray", children: w }, i)))] }));
-}

package/src/ui/screens/McpRegistryScreen.js

@@ -1,238 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useEffect, useCallback, useState, useRef } from "react";
-import { useApp, useModal, useNavigation } from "../state/AppContext.js";
-import { useDimensions } from "../state/DimensionsContext.js";
-import { useKeyboard } from "../hooks/useKeyboard.js";
-import { ScreenLayout } from "../components/layout/index.js";
-import { searchMcpServers, formatDate } from "../../services/mcp-registry.js";
-import { addMcpServer, setAllowMcp } from "../../services/claude-settings.js";
-import { ScrollableList } from "../components/ScrollableList.js";
-/**
- * Deduplicate servers by name, keeping only the latest version.
- * Uses version string comparison, falling back to published_at date.
- */
-function deduplicateServers(servers) {
-    const serverMap = new Map();
-    for (const server of servers) {
-        const existing = serverMap.get(server.name);
-        if (!existing) {
-            serverMap.set(server.name, server);
-            continue;
-        }
-        // Compare versions - keep the newer one
-        const isNewer = compareVersions(server, existing) > 0;
-        if (isNewer) {
-            serverMap.set(server.name, server);
-        }
-    }
-    return Array.from(serverMap.values());
-}
-/**
- * Compare two servers by version. Returns:
- *  > 0 if a is newer
- *  < 0 if b is newer
- *  0 if equal or cannot determine
- */
-function compareVersions(a, b) {
-    // Try semver comparison first
-    if (a.version && b.version) {
-        const aParts = a.version.split(".").map((n) => parseInt(n, 10) || 0);
-        const bParts = b.version.split(".").map((n) => parseInt(n, 10) || 0);
-        for (let i = 0; i < Math.max(aParts.length, bParts.length); i++) {
-            const aVal = aParts[i] || 0;
-            const bVal = bParts[i] || 0;
-            if (aVal !== bVal) {
-                return aVal - bVal;
-            }
-        }
-    }
-    // Fall back to published_at date
-    if (a.published_at && b.published_at) {
-        return (new Date(a.published_at).getTime() - new Date(b.published_at).getTime());
-    }
-    // If one has a date and other doesn't, prefer the one with date
-    if (a.published_at && !b.published_at)
-        return 1;
-    if (!a.published_at && b.published_at)
-        return -1;
-    return 0;
-}
-export function McpRegistryScreen() {
-    const { state, dispatch } = useApp();
-    const { mcpRegistry } = state;
-    const modal = useModal();
-    const { navigateToScreen } = useNavigation();
-    const dimensions = useDimensions();
-    const [servers, setServers] = useState([]);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [searchQuery, setSearchQuery] = useState(mcpRegistry.searchQuery || "");
-    const isSearchActive = state.isSearching &&
-        state.currentRoute.screen === "mcp-registry" &&
-        !state.modal;
-    const searchTimeoutRef = useRef(null);
-    // Load servers
-    const loadServers = useCallback(async (query) => {
-        setIsLoading(true);
-        setError(null);
-        try {
-            const response = await searchMcpServers({ query, limit: 50 });
-            if (!response || !Array.isArray(response.servers)) {
-                throw new Error("Invalid response from MCP Registry API");
-            }
-            // Deduplicate to show only latest version of each server
-            const deduplicated = deduplicateServers(response.servers);
-            setServers(deduplicated);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to load servers");
-            setServers([]);
-        }
-        setIsLoading(false);
-    }, []);
-    // Debounced search
-    const debouncedSearch = useCallback((query) => {
-        if (searchTimeoutRef.current) {
-            clearTimeout(searchTimeoutRef.current);
-        }
-        searchTimeoutRef.current = setTimeout(() => {
-            loadServers(query);
-        }, 300);
-    }, [loadServers]);
-    useEffect(() => {
-        loadServers(searchQuery);
-        return () => {
-            if (searchTimeoutRef.current) {
-                clearTimeout(searchTimeoutRef.current);
-            }
-        };
-    }, []);
-    // Keyboard handling
-    useKeyboard((event) => {
-        // Handle search mode
-        if (isSearchActive) {
-            if (event.name === "escape") {
-                dispatch({ type: "SET_SEARCHING", isSearching: false });
-            }
-            else if (event.name === "enter") {
-                // Exit search mode and stay on list for navigation
-                dispatch({ type: "SET_SEARCHING", isSearching: false });
-            }
-            else if (event.name === "up") {
-                // Allow navigation while searching
-                const newIndex = Math.max(0, mcpRegistry.selectedIndex - 1);
-                dispatch({ type: "MCPREGISTRY_SELECT", index: newIndex });
-            }
-            else if (event.name === "down") {
-                // Allow navigation while searching
-                const newIndex = Math.min(Math.max(0, servers.length - 1), mcpRegistry.selectedIndex + 1);
-                dispatch({ type: "MCPREGISTRY_SELECT", index: newIndex });
-            }
-            else if (event.name === "backspace" || event.name === "delete") {
-                const newQuery = searchQuery.slice(0, -1);
-                setSearchQuery(newQuery);
-                dispatch({ type: "MCPREGISTRY_SEARCH", query: newQuery });
-                debouncedSearch(newQuery);
-            }
-            else if (event.name.length === 1 && !event.ctrl && !event.meta) {
-                const newQuery = searchQuery + event.name;
-                setSearchQuery(newQuery);
-                dispatch({ type: "MCPREGISTRY_SEARCH", query: newQuery });
-                debouncedSearch(newQuery);
-            }
-            return;
-        }
-        if (state.modal)
-            return;
-        // Start search with /
-        if (event.name === "/") {
-            dispatch({ type: "SET_SEARCHING", isSearching: true });
-            return;
-        }
-        // Navigation
-        if (event.name === "up" || event.name === "k") {
-            const newIndex = Math.max(0, mcpRegistry.selectedIndex - 1);
-            dispatch({ type: "MCPREGISTRY_SELECT", index: newIndex });
-        }
-        else if (event.name === "down" || event.name === "j") {
-            const newIndex = Math.min(Math.max(0, servers.length - 1), mcpRegistry.selectedIndex + 1);
-            dispatch({ type: "MCPREGISTRY_SELECT", index: newIndex });
-        }
-        else if (event.name === "l") {
-            navigateToScreen("mcp");
-        }
-        else if (event.name === "R") {
-            loadServers(searchQuery);
-        }
-        else if (event.name === "enter") {
-            handleInstall();
-        }
-    });
-    const handleInstall = async () => {
-        const server = servers[mcpRegistry.selectedIndex];
-        if (!server)
-            return;
-        const config = {
-            type: "http",
-            url: server.url,
-        };
-        modal.loading(`Installing ${server.name}...`);
-        try {
-            await setAllowMcp(true, state.projectPath);
-            await addMcpServer(server.name, config, state.projectPath);
-            modal.hideModal();
-            await modal.message("Installed", `${server.name} has been configured.\n\nRestart Claude Code to activate.`, "success");
-        }
-        catch (error) {
-            modal.hideModal();
-            await modal.message("Error", `Failed to install: ${error}`, "error");
-        }
-    };
-    // Get selected server
-    const selectedServer = servers[mcpRegistry.selectedIndex];
-    const renderDetail = () => {
-        if (isLoading) {
-            return _jsx("text", { fg: "gray", children: "Loading..." });
-        }
-        if (error) {
-            return _jsxs("text", { fg: "red", children: ["Error: ", error] });
-        }
-        if (!selectedServer) {
-            return _jsx("text", { fg: "gray", children: "Select a server to see details" });
-        }
-        const dateDisplay = selectedServer.published_at
-            ? formatDate(selectedServer.published_at)
-            : "unknown";
-        const versionDisplay = selectedServer.version
-            ? `v${selectedServer.version}`
-            : "unknown";
-        return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "magenta", children: _jsx("strong", { children: selectedServer.name }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { children: selectedServer.short_description }) }), _jsxs("box", { marginTop: 1, children: [_jsx("text", { children: _jsx("strong", { children: "Version: " }) }), _jsx("text", { fg: "green", children: versionDisplay })] }), _jsxs("box", { children: [_jsx("text", { children: _jsx("strong", { children: "Published: " }) }), _jsx("text", { fg: "cyan", children: dateDisplay })] }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsx("text", { children: _jsx("strong", { children: "URL:" }) }), _jsx("text", { fg: "cyan", children: selectedServer.url })] }), selectedServer.source_code_url && (_jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsx("text", { children: _jsx("strong", { children: "Source:" }) }), _jsx("text", { fg: "gray", children: selectedServer.source_code_url })] })), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: "green", children: "Press Enter to install" }) })] }));
-    };
-    const renderListItem = (server, _idx, isSelected) => {
-        const version = server.version ? ` v${server.version}` : "";
-        return isSelected ? (_jsxs("text", { bg: "magenta", fg: "white", children: [" ", server.name, version, " "] })) : (_jsxs("text", { children: [_jsx("span", { children: _jsx("strong", { children: server.name }) }), _jsx("span", { fg: "green", children: version })] }));
-    };
-    // Footer hints
-    const footerHints = isSearchActive
-        ? [
-            { keys: ["type"], label: "search" },
-            { keys: ["↑", "↓"], label: "nav" },
-            { keys: ["Enter"], label: "done" },
-            { keys: ["Esc"], label: "cancel" },
-        ]
-        : [
-            { keys: ["↑", "↓"], label: "nav" },
-            { keys: ["Enter"], label: "install" },
-            { keys: ["/"], label: "search" },
-            { keys: ["R"], label: "refresh" },
-            { keys: ["l"], label: "local" },
-        ];
-    // Status for search placeholder
-    const searchPlaceholder = `${servers.length} servers │ / to search`;
-    return (_jsx(ScreenLayout, { title: "claudeup MCP Registry", subtitle: "Powered by MCP Registry", currentScreen: "mcp-registry", search: {
-            isActive: isSearchActive,
-            query: searchQuery,
-            placeholder: searchPlaceholder,
-        }, footerHints: footerHints, listPanel: isLoading ? (_jsx("text", { fg: "gray", children: "Loading..." })) : error ? (_jsxs("text", { fg: "red", children: ["Error: ", error] })) : servers.length === 0 ? (_jsx("text", { fg: "gray", children: "No servers found" })) : (_jsx(ScrollableList, { items: servers, selectedIndex: mcpRegistry.selectedIndex, renderItem: renderListItem, maxHeight: dimensions.listPanelHeight, getKey: (server) => server.name })), detailPanel: renderDetail() }));
-}
-export default McpRegistryScreen;