claudeup 4.18.0 → 4.22.0

package/src/ui/components/modals/VersionMismatchModal.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-const COLOR_BG = "#1C1C1E";
-const COLOR_BORDER = "#525252";
-const COLOR_TITLE = "#EDEDED";
-const COLOR_MUTED = "#A1A1AA";
-const COLOR_DIM = "#71717A";
-const COLOR_WARN = "#FBBF24";
-const COLOR_BAD = "#F87171";
-const COLOR_GOOD = "#4ADE80";
-const COLOR_ACCENT = "#F4F4F5";
-/** Truncate a plugin name to fit the column width */
-function shortName(pluginId, max) {
-    const name = pluginId.split("@")[0];
-    if (name.length <= max)
-        return name;
-    return `${name.slice(0, max - 1)}…`;
-}
-/** Truncate a version string to fit the column width */
-function shortVersion(v, max) {
-    if (v.length <= max)
-        return v;
-    return `${v.slice(0, max - 1)}…`;
-}
-export function VersionMismatchModal({ mismatches, defaultIndex, }) {
-    const selectedIndex = defaultIndex ?? 0;
-    // Column widths chosen to fit a 64-wide modal with padding
-    const NAME_W = 22;
-    const VER_W = 12;
-    return (_jsxs("box", { flexDirection: "column", border: true, borderStyle: "rounded", borderColor: COLOR_BORDER, backgroundColor: COLOR_BG, paddingLeft: 3, paddingRight: 3, paddingTop: 1, paddingBottom: 1, width: 64, children: [_jsx("box", { marginBottom: 1, children: _jsxs("text", { fg: COLOR_TITLE, children: [_jsx("span", { fg: COLOR_WARN, children: "\u26A0 " }), _jsx("strong", { children: "Plugin Version Mismatch" })] }) }), _jsxs("box", { flexDirection: "column", marginBottom: 1, children: [_jsxs("text", { fg: COLOR_MUTED, children: ["Plugins in this project will load ", _jsx("strong", { children: "wrong versions" })] }), _jsx("text", { fg: COLOR_MUTED, children: "due to a Claude Code bug (#45997)." })] }), _jsxs("box", { flexDirection: "column", marginBottom: 1, children: [_jsx("text", { fg: COLOR_DIM, children: _jsxs("strong", { children: ["Plugin".padEnd(NAME_W), "Loaded".padEnd(VER_W), "Expected".padEnd(VER_W)] }) }), _jsxs("text", { fg: COLOR_BORDER, children: ["─".repeat(NAME_W - 1), " ", "─".repeat(VER_W - 1), " ", "─".repeat(VER_W - 1)] }), mismatches.map((m) => {
-                        const name = shortName(m.pluginId, NAME_W - 1);
-                        const loaded = `v${shortVersion(m.firstEntryVersion, VER_W - 2)}`;
-                        const expected = `v${shortVersion(m.currentProjectVersion, VER_W - 2)}`;
-                        return (_jsxs("text", { fg: COLOR_MUTED, children: [_jsx("span", { fg: COLOR_ACCENT, children: name.padEnd(NAME_W) }), _jsx("span", { fg: COLOR_BAD, children: loaded.padEnd(VER_W) }), _jsx("span", { fg: COLOR_GOOD, children: expected.padEnd(VER_W) })] }, m.pluginId));
-                    })] }), _jsx("box", { marginBottom: 1, children: _jsx("text", { fg: COLOR_DIM, children: "Details: github.com/anthropics/claude-code/issues/45997" }) }), _jsxs("box", { flexDirection: "column", paddingLeft: 1, children: [_jsxs("text", { fg: selectedIndex === 0 ? COLOR_ACCENT : COLOR_MUTED, children: [_jsx("span", { fg: selectedIndex === 0 ? COLOR_ACCENT : COLOR_DIM, children: selectedIndex === 0 ? "❯ " : "  " }), selectedIndex === 0 ? (_jsx("strong", { children: "Fix all projects" })) : ("Fix all projects")] }), _jsxs("text", { fg: selectedIndex === 1 ? COLOR_ACCENT : COLOR_MUTED, children: [_jsx("span", { fg: selectedIndex === 1 ? COLOR_ACCENT : COLOR_DIM, children: selectedIndex === 1 ? "❯ " : "  " }), selectedIndex === 1 ? _jsx("strong", { children: "Dismiss" }) : "Dismiss"] })] }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: COLOR_DIM, children: "\u2191\u2193 Select \u2022 \u21B5 Confirm \u2022 Esc Cancel" }) })] }));
-}
-export default VersionMismatchModal;

package/src/ui/components/modals/index.js

@@ -1,6 +0,0 @@
-export { ConfirmModal } from "./ConfirmModal.js";
-export { InputModal } from "./InputModal.js";
-export { SelectModal } from "./SelectModal.js";
-export { MessageModal } from "./MessageModal.js";
-export { LoadingModal } from "./LoadingModal.js";
-export { ModalContainer } from "./ModalContainer.js";

package/src/ui/components/primitives/ActionHints.js

@@ -1,13 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { theme } from "../../theme.js";
-/**
- * Keyboard shortcut badges for detail panels.
- * Renders: [bg] key [/bg] label
- */
-export function ActionHints({ hints }) {
-    return (_jsx("box", { flexDirection: "column", marginTop: 1, children: hints.map((hint) => (_jsxs("box", { children: [_jsxs("text", { bg: hint.tone === "danger"
-                        ? theme.hints.dangerBg
-                        : hint.tone === "primary"
-                            ? theme.hints.primaryBg
-                            : theme.hints.defaultBg, fg: "black", children: [" ", hint.key, " "] }), _jsxs("text", { fg: "gray", children: [" ", hint.label] })] }, `${hint.key}:${hint.label}`))) }));
-}

package/src/ui/components/primitives/DetailSection.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-/**
- * A labeled section in a detail panel with optional title header.
- */
-export function DetailSection({ title, children }) {
-    return (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [title ? (_jsx("text", { fg: "cyan", children: _jsx("strong", { children: title }) })) : null, children] }));
-}

package/src/ui/components/primitives/KeyValueLine.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-/**
- * Aligned label-value pair for detail panels.
- * Label is padded to 10 chars for consistent alignment.
- */
-export function KeyValueLine({ label, value }) {
-    return (_jsxs("text", { children: [_jsx("span", { fg: "gray", children: label.padEnd(10) }), value] }));
-}

package/src/ui/components/primitives/ListCategoryRow.js

@@ -1,8 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { theme } from "../../theme.js";
-import { SelectableRow } from "./SelectableRow.js";
-export function ListCategoryRow({ title, expanded = false, count, badge, tone = "gray", selected, }) {
-    const colors = theme.category[tone];
-    const label = `${expanded ? "▼" : "▶"} ${title}${count !== undefined ? ` (${count})` : ""}`;
-    return (_jsxs(SelectableRow, { selected: selected, children: [!selected && (_jsx("span", { bg: colors.bg, fg: colors.fg, children: _jsxs("strong", { children: [" ", label, " "] }) })), selected && _jsxs("strong", { children: [" ", label, " "] }), !selected && badge ? (_jsxs("span", { fg: colors.badgeFg, children: [" ", badge] })) : null] }));
-}

package/src/ui/components/primitives/MetaText.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { theme } from "../../theme.js";
-/**
- * Subdued text for versions, stars, status indicators.
- */
-export function MetaText({ text, tone = "muted" }) {
-    return _jsx("span", { fg: theme.meta[tone], children: text });
-}

package/src/ui/components/primitives/ScopeDetail.js

@@ -1,32 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { theme } from "../../theme.js";
-/**
- * The u/p/l badges used in detail panels.
- * Renders each scope as: [bg=color] key [/bg] ● or ○ Label path
- */
-export function ScopeDetail({ scopes, paths }) {
-    const items = [
-        {
-            key: "u",
-            label: "User",
-            color: theme.scopes.user,
-            active: scopes.user,
-            path: paths?.user,
-        },
-        {
-            key: "p",
-            label: "Project",
-            color: theme.scopes.project,
-            active: scopes.project,
-            path: paths?.project,
-        },
-        {
-            key: "l",
-            label: "Local",
-            color: theme.scopes.local,
-            active: scopes.local,
-            path: paths?.local,
-        },
-    ].filter((i) => i.path !== undefined || i.active !== undefined);
-    return (_jsx("box", { flexDirection: "column", children: items.map((item) => (_jsxs("text", { children: [_jsxs("span", { bg: item.color, fg: "black", children: [" ", item.key, " "] }), _jsx("span", { fg: item.active ? item.color : "gray", children: item.active ? " ● " : " ○ " }), _jsx("span", { fg: item.color, children: item.label }), item.path && _jsxs("span", { fg: "gray", children: [" ", item.path] })] }, item.key))) }));
-}

package/src/ui/components/primitives/ScopeSquares.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { theme } from "../../theme.js";
-/**
- * Colored filled/empty squares for scope display in list items.
- * ■ = installed in that scope, □ = not installed.
- */
-export function ScopeSquares({ user, project, local, selected = false, }) {
-    const inactive = selected ? "white" : theme.colors.dim;
-    // Returns fragments of <span> — safe to embed inside a <text> parent
-    return (_jsxs(_Fragment, { children: [_jsx("span", { fg: user ? theme.scopes.user : inactive, children: "\u25A0" }), _jsx("span", { fg: project ? theme.scopes.project : inactive, children: "\u25A0" }), local !== undefined && (_jsx("span", { fg: local ? theme.scopes.local : inactive, children: "\u25A0" }))] }));
-}

package/src/ui/components/primitives/SelectableRow.js

@@ -1,5 +0,0 @@
-import { jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { theme } from "../../theme.js";
-export function SelectableRow({ selected, indent = 0, children, }) {
-    return (_jsxs("text", { bg: selected ? theme.selection.bg : undefined, fg: selected ? theme.selection.fg : undefined, children: [" ".repeat(indent), children] }));
-}

package/src/ui/components/primitives/index.js

@@ -1,8 +0,0 @@
-export { SelectableRow } from "./SelectableRow.js";
-export { ListCategoryRow } from "./ListCategoryRow.js";
-export { ScopeSquares } from "./ScopeSquares.js";
-export { ScopeDetail } from "./ScopeDetail.js";
-export { ActionHints } from "./ActionHints.js";
-export { MetaText } from "./MetaText.js";
-export { KeyValueLine } from "./KeyValueLine.js";
-export { DetailSection } from "./DetailSection.js";

package/src/ui/hooks/index.js

@@ -1,4 +0,0 @@
-export { useAsyncData, useDebouncedAsyncData } from "./useAsyncData.js";
-export { useKeyboardHandler } from "./useKeyboardHandler.js";
-export { useKeyboard } from "./useKeyboard.js";
-export { useMismatchModal } from "./useMismatchModal.js";

package/src/ui/hooks/useAsyncData.js

@@ -1,77 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-/**
- * Hook for fetching async data with loading/error states
- */
-export function useAsyncData({ fetcher, deps = [], immediate = true, }) {
-    const [data, setData] = useState({ status: "idle" });
-    const refetch = useCallback(async () => {
-        setData({ status: "loading" });
-        try {
-            const result = await fetcher();
-            setData({ status: "success", data: result });
-        }
-        catch (err) {
-            setData({
-                status: "error",
-                error: err instanceof Error ? err : new Error(String(err)),
-            });
-        }
-    }, [fetcher]);
-    useEffect(() => {
-        if (immediate) {
-            refetch();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-    return {
-        data,
-        isLoading: data.status === "loading",
-        isSuccess: data.status === "success",
-        isError: data.status === "error",
-        error: data.status === "error" ? data.error : null,
-        refetch,
-        value: data.status === "success" ? data.data : null,
-    };
-}
-/**
- * Hook for fetching async data with debounced query
- */
-export function useDebouncedAsyncData({ fetcher, query, debounceMs = 300, minQueryLength = 1, }) {
-    const [data, setData] = useState({ status: "idle" });
-    const refetch = useCallback(async () => {
-        if (query.length < minQueryLength) {
-            setData({ status: "idle" });
-            return;
-        }
-        setData({ status: "loading" });
-        try {
-            const result = await fetcher(query);
-            setData({ status: "success", data: result });
-        }
-        catch (err) {
-            setData({
-                status: "error",
-                error: err instanceof Error ? err : new Error(String(err)),
-            });
-        }
-    }, [fetcher, query, minQueryLength]);
-    useEffect(() => {
-        if (query.length < minQueryLength) {
-            setData({ status: "idle" });
-            return;
-        }
-        const timeoutId = setTimeout(() => {
-            refetch();
-        }, debounceMs);
-        return () => clearTimeout(timeoutId);
-    }, [query, debounceMs, minQueryLength, refetch]);
-    return {
-        data,
-        isLoading: data.status === "loading",
-        isSuccess: data.status === "success",
-        isError: data.status === "error",
-        error: data.status === "error" ? data.error : null,
-        refetch,
-        value: data.status === "success" ? data.data : null,
-    };
-}

package/src/ui/hooks/useGitignoreModal.js

@@ -1,74 +0,0 @@
-import { useCallback } from "react";
-import { useApp, useNavigation } from "../state/AppContext.js";
-export function buildGitignoreModal(args) {
-    const { violationCount, safeCount, onFixSafe, onOpenTab, onDismiss } = args;
-    const options = [
-        {
-            label: safeCount > 0
-                ? `Add ${safeCount} missing .gitignore entr${safeCount === 1 ? "y" : "ies"}`
-                : "(no missing .gitignore entries)",
-            value: "fix-safe",
-        },
-        {
-            label: "Open Git State tab to review",
-            value: "open-tab",
-        },
-        {
-            label: "Dismiss",
-            value: "dismiss",
-        },
-    ];
-    return {
-        type: "select",
-        title: "Gitignore violations detected",
-        message: `Found ${violationCount} managed gitignore item(s) that do not match ` +
-            `the current repo state.\n\n` +
-            `Missing .gitignore entries can be added now. Items that change git ` +
-            `tracking are reviewed and fixed from the Gitignore tab.`,
-        options,
-        onSelect: (value) => {
-            if (value === "fix-safe")
-                onFixSafe();
-            else if (value === "open-tab")
-                onOpenTab();
-            else
-                onDismiss();
-        },
-        onCancel: onDismiss,
-    };
-}
-export function useGitignoreModal() {
-    const { dispatch } = useApp();
-    const { navigateToScreen } = useNavigation();
-    const show = useCallback((args) => {
-        if (args.violationCount === 0)
-            return;
-        const dismiss = () => dispatch({ type: "HIDE_MODAL" });
-        const modal = buildGitignoreModal({
-            violationCount: args.violationCount,
-            safeCount: args.safeCount,
-            onFixSafe: () => {
-                dispatch({ type: "HIDE_MODAL" });
-                void Promise.resolve(args.onFixSafe()).catch((err) => {
-                    dispatch({
-                        type: "SHOW_MODAL",
-                        modal: {
-                            type: "message",
-                            title: "Safe fixes failed",
-                            message: err instanceof Error ? err.message : String(err),
-                            variant: "error",
-                            onDismiss: dismiss,
-                        },
-                    });
-                });
-            },
-            onOpenTab: () => {
-                dispatch({ type: "HIDE_MODAL" });
-                navigateToScreen("gitignore");
-            },
-            onDismiss: dismiss,
-        });
-        dispatch({ type: "SHOW_MODAL", modal });
-    }, [dispatch, navigateToScreen]);
-    return { show };
-}

package/src/ui/hooks/useKeyboard.js

@@ -1,13 +0,0 @@
-import { useKeyboard as useOpenTUIKeyboard } from "@opentui/react";
-/**
- * Simple re-export of OpenTUI's useKeyboard hook
- * Used by modals for direct keyboard event handling
- *
- * Key names in OpenTUI:
- * - Single characters: "a", "1", etc.
- * - Arrow keys: "up", "down", "left", "right"
- * - Special: "enter", "escape", "tab", "backspace", "delete"
- */
-export function useKeyboard(handler) {
-    useOpenTUIKeyboard(handler);
-}

package/src/ui/hooks/useKeyboardHandler.js

@@ -1,39 +0,0 @@
-import { useKeyboard as useOpenTUIKeyboard } from "@opentui/react";
-/**
- * useKeyboardHandler hook
- * Provides Ink-like API for keyboard events
- *
- * @param handler - Callback function with Ink-compatible signature
- *
- * @example
- * ```tsx
- * useKeyboardHandler((input, key) => {
- *   if (key.return) handleEnter();
- *   if (key.upArrow) handleUp();
- *   if (key.escape) handleEscape();
- *   if (input === 'q') handleQuit();
- * });
- * ```
- */
-export function useKeyboardHandler(handler) {
-    useOpenTUIKeyboard((event) => {
-        // Map OpenTUI key names to Ink-like key names
-        const key = {
-            name: event.name,
-            ctrl: event.ctrl || false,
-            shift: event.shift || false,
-            meta: event.meta || false,
-            return: event.name === "enter" || event.name === "return",
-            upArrow: event.name === "up",
-            downArrow: event.name === "down",
-            leftArrow: event.name === "left",
-            rightArrow: event.name === "right",
-            escape: event.name === "escape",
-            tab: event.name === "tab",
-        };
-        // For printable characters, pass the character as input
-        // For special keys, pass empty string
-        const input = event.name.length === 1 ? event.name : "";
-        handler(input, key);
-    });
-}

package/src/ui/hooks/useMismatchModal.js

@@ -1,77 +0,0 @@
-import { useCallback } from "react";
-import { useApp } from "../state/AppContext.js";
-import { fixAllPluginVersionMismatches, } from "../../services/plugin-version-check.js";
-/**
- * Shared hook for showing the plugin version mismatch modal.
- *
- * Used in two places:
- * 1. App.tsx — startup check shows mismatches found across all enabled plugins
- * 2. PluginsScreen.tsx — post-install/update check shows a single plugin mismatch
- *
- * Both flows now share the same interactive modal with a "Fix all projects"
- * button, so users never have to restart claudeup to access the fix.
- *
- * The fix uses fixAllPluginVersionMismatches() which rewrites
- * installed_plugins.json in-place to align all entries to the current
- * project's expected versions. After success, shows a hint to restart
- * Claude Code so the new versions actually load (the running session
- * has the old plugin code in memory).
- */
-export function useMismatchModal() {
-    const { dispatch } = useApp();
-    const show = useCallback((mismatches) => {
-        if (mismatches.length === 0)
-            return;
-        const dismiss = () => dispatch({ type: "HIDE_MODAL" });
-        const fix = async () => {
-            dispatch({ type: "HIDE_MODAL" });
-            dispatch({
-                type: "SHOW_PROGRESS",
-                state: { message: "Aligning plugin versions across projects..." },
-            });
-            try {
-                const results = await fixAllPluginVersionMismatches(mismatches);
-                dispatch({ type: "HIDE_PROGRESS" });
-                // Count how many projects were updated across all plugins
-                const totalUpdated = Array.from(results.values()).reduce((sum, r) => sum + r.updated, 0);
-                dispatch({
-                    type: "SHOW_MODAL",
-                    modal: {
-                        type: "message",
-                        title: "Plugin Versions Aligned",
-                        message: `Updated ${totalUpdated} project entr${totalUpdated === 1 ? "y" : "ies"} in ` +
-                            `installed_plugins.json.\n\n` +
-                            `Restart Claude Code for the new versions to load. ` +
-                            `The running session still has the old plugin code in memory.`,
-                        variant: "success",
-                        onDismiss: dismiss,
-                    },
-                });
-            }
-            catch (error) {
-                dispatch({ type: "HIDE_PROGRESS" });
-                dispatch({
-                    type: "SHOW_MODAL",
-                    modal: {
-                        type: "message",
-                        title: "Fix Failed",
-                        message: `Could not align plugin versions: ${error instanceof Error ? error.message : String(error)}\n\n` +
-                            `Try running claudeup again, or manually update the plugin in each project.`,
-                        variant: "error",
-                        onDismiss: dismiss,
-                    },
-                });
-            }
-        };
-        dispatch({
-            type: "SHOW_MODAL",
-            modal: {
-                type: "version-mismatch",
-                mismatches,
-                onFix: fix,
-                onDismiss: dismiss,
-            },
-        });
-    }, [dispatch]);
-    return { show };
-}

package/src/ui/registry.js

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

package/src/ui/renderers/cliToolRenderers.js

@@ -1,54 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { theme } from "../theme.js";
-// ─── Helpers ────────────────────────────────────────────────────────────────
-function getUninstallHint(tool, method, brewFormula) {
-    switch (method) {
-        case "bun": return `bun remove -g ${tool.packageName}`;
-        case "npm": return `npm uninstall -g ${tool.packageName}`;
-        case "pnpm": return `pnpm remove -g ${tool.packageName}`;
-        case "yarn": return `yarn global remove ${tool.packageName}`;
-        case "brew": return `brew uninstall ${brewFormula || tool.name}`;
-        case "pip": return `pip uninstall ${tool.packageName}`;
-        default: return "";
-    }
-}
-// ─── Row renderer ──────────────────────────────────────────────────────────────
-export function renderCliToolRow(status, _index, isSelected) {
-    const { tool, installed, installedVersion, hasUpdate, checking, allMethods } = status;
-    const hasConflict = allMethods && allMethods.length > 1;
-    let icon;
-    let iconColor;
-    if (!installed) {
-        icon = "○";
-        iconColor = theme.colors.muted;
-    }
-    else if (hasConflict) {
-        icon = "!";
-        iconColor = theme.colors.danger;
-    }
-    else if (hasUpdate) {
-        icon = "*";
-        iconColor = theme.colors.warning;
-    }
-    else {
-        icon = "●";
-        iconColor = theme.colors.success;
-    }
-    const versionText = installedVersion ? ` v${installedVersion}` : "";
-    const methodTag = installed && allMethods?.length
-        ? ` ${allMethods.join("+")}`
-        : "";
-    if (isSelected) {
-        return (_jsxs("text", { bg: theme.selection.bg, fg: theme.selection.fg, children: [" ", icon, " ", tool.displayName, versionText, methodTag, checking ? " ..." : "", " "] }));
-    }
-    return (_jsxs("text", { children: [_jsxs("span", { fg: iconColor, children: [" ", icon] }), _jsxs("span", { fg: theme.colors.text, children: [" ", tool.displayName] }), versionText ? _jsx("span", { fg: theme.colors.success, children: versionText }) : null, methodTag ? _jsx("span", { fg: hasConflict ? theme.colors.danger : theme.colors.dim, children: methodTag }) : null, checking ? _jsx("span", { fg: theme.colors.muted, children: " ..." }) : null] }));
-}
-// ─── Detail renderer ───────────────────────────────────────────────────────────
-export function renderCliToolDetail(status) {
-    if (!status) {
-        return (_jsx("box", { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: _jsx("text", { fg: theme.colors.muted, children: "Select a tool to see details" }) }));
-    }
-    const { tool, installed, installedVersion, latestVersion, hasUpdate, checking, installMethod, allMethods, updateCommand, brewFormula } = status;
-    const hasConflict = allMethods && allMethods.length > 1;
-    return (_jsxs("box", { flexDirection: "column", children: [_jsxs("box", { marginBottom: 1, children: [_jsx("text", { fg: theme.colors.info, children: _jsxs("strong", { children: ["⚙ ", tool.displayName] }) }), hasUpdate ? _jsx("text", { fg: theme.colors.warning, children: " \u2B06" }) : null, hasConflict ? _jsx("text", { fg: theme.colors.danger, children: " !" }) : null] }), _jsx("text", { fg: theme.colors.muted, children: tool.description }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Status   " }), !installed ? (_jsx("text", { fg: theme.colors.muted, children: "○ Not installed" })) : checking ? (_jsx("text", { fg: theme.colors.success, children: "● Checking..." })) : hasUpdate ? (_jsx("text", { fg: theme.colors.warning, children: "● Update available" })) : (_jsx("text", { fg: theme.colors.success, children: "● Up to date" }))] }), installedVersion ? (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Version  " }), _jsxs("text", { children: [_jsxs("span", { fg: theme.colors.success, children: ["v", installedVersion] }), latestVersion && hasUpdate ? (_jsxs("span", { fg: theme.colors.warning, children: [" \u2192 v", latestVersion] })) : null] })] })) : latestVersion ? (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Latest   " }), _jsxs("text", { fg: theme.colors.text, children: ["v", latestVersion] })] })) : null, installed && updateCommand ? (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Update   " }), _jsx("text", { fg: theme.colors.accent, children: updateCommand })] })) : !installed ? (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Install  " }), _jsx("text", { fg: theme.colors.accent, children: tool.installCommand })] })) : null, _jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Website  " }), _jsx("text", { fg: theme.colors.link, children: tool.website })] })] }), hasConflict ? (_jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsx("box", { children: _jsx("text", { bg: theme.colors.danger, fg: "white", children: _jsxs("strong", { children: [" ", "Conflict: installed via ", allMethods.join(" + "), " "] }) }) }), _jsx("box", { marginTop: 1, children: _jsxs("text", { fg: theme.colors.muted, children: ["Multiple installs can cause version mismatches.", "\n", "Keep one, remove the rest:"] }) }), allMethods.map((method, i) => (_jsx("box", { children: _jsxs("text", { children: [_jsx("span", { fg: i === 0 ? theme.colors.success : theme.colors.danger, children: i === 0 ? "  ● keep  " : "  ○ remove " }), _jsx("span", { fg: theme.colors.warning, children: method }), i > 0 ? (_jsx("span", { fg: theme.colors.dim, children: `  ${getUninstallHint(tool, method, brewFormula)}` })) : (_jsx("span", { fg: theme.colors.dim, children: "  (active in PATH)" }))] }) }, method))), _jsxs("box", { marginTop: 1, children: [_jsxs("text", { bg: theme.colors.danger, fg: "white", children: [" ", "c", " "] }), _jsx("text", { fg: theme.colors.muted, children: " Resolve \u2014 pick which to keep" })] })] })) : null, _jsx("box", { marginTop: 2, flexDirection: "column", children: !installed ? (_jsxs("box", { children: [_jsxs("text", { bg: theme.colors.success, fg: "black", children: [" ", "Enter", " "] }), _jsx("text", { fg: theme.colors.muted, children: " Install" }), _jsxs("text", { fg: theme.colors.dim, children: ["  ", tool.installCommand] })] })) : hasUpdate ? (_jsxs("box", { children: [_jsxs("text", { bg: theme.colors.warning, fg: "black", children: [" ", "Enter", " "] }), _jsxs("text", { fg: theme.colors.muted, children: [" Update to v", latestVersion] })] })) : (_jsxs("box", { children: [_jsxs("text", { bg: theme.colors.muted, fg: "white", children: [" ", "Enter", " "] }), _jsx("text", { fg: theme.colors.muted, children: " Reinstall" })] })) })] }));
-}

package/src/ui/renderers/gitignoreRenderers.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-// Two color channels that never collide:
-//   • Badge color = direction (where the item ends up): green = tracked by git,
-//     reddish = ignored/dropped from git. Same on clean AND violation rows.
-//   • Filename color = severity: dim gray when fine, red when it's a violation.
-// No row background tints — red is reserved entirely for "needs attention".
-const TRACK_FG = "#5fd787"; // green — item ends up tracked by git
-const IGNORE_FG = "#d78787"; // reddish — item ends up ignored / dropped
-const VIOLATION_PATH_FG = "#ff5f5f"; // bright red filename = look here
-const CLEAN_PATH_FG = "gray";
-const SELECTED_BG = "#2a2a3a"; // faint slate highlight for the cursor row
-// Violation badges are solid chips so the required direction reads at a glance:
-// green chip = will be tracked, red chip = will be ignored/dropped.
-const TRACK_CHIP_BG = "#1f5132";
-const IGNORE_CHIP_BG = "#5a2323";
-const CHIP_FG = "white";
-// The only marker is the cursor: ▶ on the selected row, blank otherwise.
-// Action (track/ignore) is read from the badge word and, for clean items,
-// from the group the row sits under — so no per-row dot is needed.
-const MARKER_SELECTED = "▶";
-const MARKER_NONE = " ";
-// Layout: "  M action  path" — keep the prefix compact so the narrow terminal
-// case still has room for the path without wrapping.
-const MAX_PATH_LEN = 22;
-function truncatePath(p) {
-    return p.length > MAX_PATH_LEN ? p.slice(0, MAX_PATH_LEN - 1) + "…" : p;
-}
-export function renderRuleRow(row, isSelected) {
-    const { rule, violations } = row;
-    const path = truncatePath(rule.pattern);
-    const key = `${rule.action}:${rule.pattern}`;
-    // Badge text padded to a fixed width so paths line up in a column.
-    const badge = rule.action === "ignore" ? "ignore" : "track ";
-    const badgeFg = rule.action === "ignore" ? IGNORE_FG : TRACK_FG;
-    const suffix = violations.length > 1 ? ` +${violations.length - 1}` : "";
-    const rowBg = isSelected ? SELECTED_BG : undefined;
-    const marker = isSelected ? MARKER_SELECTED : MARKER_NONE;
-    const isViolation = violations.length > 0;
-    if (isViolation) {
-        // Solid badge chip + red filename. The chip color is the fix direction.
-        const chipBg = rule.action === "ignore" ? IGNORE_CHIP_BG : TRACK_CHIP_BG;
-        return (_jsxs("text", { bg: rowBg, children: [_jsx("span", { fg: VIOLATION_PATH_FG, children: `  ${marker} ` }), _jsx("span", { bg: chipBg, fg: CHIP_FG, children: ` ${badge} ` }), _jsx("span", { fg: VIOLATION_PATH_FG, children: `  ${path}${suffix}` })] }, key));
-    }
-    // Clean row: flat colored badge word, dim path, no chip.
-    return (_jsxs("text", { bg: rowBg, children: [_jsx("span", { fg: badgeFg, children: `  ${marker} ` }), _jsx("span", { fg: badgeFg, children: badge }), _jsx("span", { fg: CLEAN_PATH_FG, children: `  ${path}` })] }, key));
-}

package/src/ui/renderers/mcpRenderers.js

@@ -1,26 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { theme } from "../theme.js";
-// ─── Row renderers ─────────────────────────────────────────────────────────────
-export function renderMcpRow(item, _index, isSelected) {
-    if (item.kind === "category") {
-        return (_jsx("text", { fg: theme.selection.bg, children: _jsxs("strong", { children: ["▸ ", item.label] }) }));
-    }
-    const { server, isInstalled } = item;
-    const icon = isInstalled ? "●" : "○";
-    const iconColor = isInstalled ? theme.colors.success : theme.colors.muted;
-    if (isSelected) {
-        return (_jsxs("text", { bg: theme.selection.bg, fg: theme.selection.fg, children: [" ", icon, " ", server.name, " "] }));
-    }
-    return (_jsxs("text", { children: [_jsx("span", { fg: iconColor, children: icon }), _jsxs("span", { fg: theme.colors.text, children: [" ", server.name] }), server.requiresConfig ? (_jsx("span", { fg: theme.colors.warning, children: " \u2699" })) : null] }));
-}
-// ─── Detail renderer ───────────────────────────────────────────────────────────
-export function renderMcpDetail(item, loading) {
-    if (loading) {
-        return _jsx("text", { fg: theme.colors.muted, children: "Loading MCP servers..." });
-    }
-    if (!item || item.kind === "category") {
-        return (_jsx("box", { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: _jsx("text", { fg: theme.colors.muted, children: "Select a server to see details" }) }));
-    }
-    const { server, isInstalled } = item;
-    return (_jsxs("box", { flexDirection: "column", children: [_jsxs("box", { marginBottom: 1, children: [_jsx("text", { fg: theme.colors.info, children: _jsxs("strong", { children: ["⚡ ", server.name] }) }), server.requiresConfig ? (_jsx("text", { fg: theme.colors.warning, children: " \u2699" })) : null] }), _jsx("text", { fg: theme.colors.muted, children: server.description }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Status " }), isInstalled ? (_jsx("text", { fg: theme.colors.success, children: "● Installed" })) : (_jsx("text", { fg: theme.colors.muted, children: "○ Not installed" }))] }), _jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Type " }), _jsx("text", { fg: theme.colors.text, children: server.type === "http" ? "HTTP" : "Command" })] }), server.type === "http" ? (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "URL " }), _jsx("text", { fg: theme.colors.link, children: server.url })] })) : (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Command " }), _jsx("text", { fg: theme.colors.info, children: server.command })] })), server.requiresConfig ? (_jsxs("box", { children: [_jsx("text", { fg: theme.colors.muted, children: "Config " }), _jsxs("text", { fg: theme.colors.warning, children: [server.configFields?.length ?? 0, " fields required"] })] })) : null] }), _jsx("box", { marginTop: 2, children: isInstalled ? (_jsxs("box", { children: [_jsxs("text", { bg: theme.colors.danger, fg: "white", children: [" ", "Enter", " "] }), _jsx("text", { fg: theme.colors.muted, children: " Remove server" })] })) : (_jsxs("box", { children: [_jsxs("text", { bg: theme.colors.success, fg: "black", children: [" ", "Enter", " "] }), _jsx("text", { fg: theme.colors.muted, children: " Install server" })] })) })] }));
-}