claudeup 4.6.1 → 4.8.0

package/src/services/claude-settings.js

@@ -1,6 +1,7 @@
 import fs from "fs-extra";
 import path from "node:path";
 import os from "node:os";
+import semver from "semver";
 import { parsePluginId } from "../utils/string-utils.js";
 const CLAUDE_DIR = ".claude";
 const SETTINGS_FILE = "settings.json";
@@ -377,6 +378,79 @@ export async function saveGlobalInstalledPluginVersion(pluginId, version) {
     // Update registry for user scope
     await updateInstalledPluginsRegistry(pluginId, version, "user");
 }
+/**
+ * Gap-fill: ensure global installedPluginVersions is at least as high as
+ * project and local scopes. When a plugin is updated at project scope,
+ * global may lag behind, causing Claude Code to resolve stale cache paths.
+ *
+ * @returns Array of { pluginId, oldVersion, newVersion } for plugins that were bumped
+ */
+export async function gapFillInstalledPluginVersions(projectPath) {
+    const globalVersions = await getGlobalInstalledPluginVersions();
+    // Collect versions from project and local scopes
+    const allVersions = {};
+    // Start with global versions
+    for (const [id, ver] of Object.entries(globalVersions)) {
+        allVersions[id] = [ver];
+    }
+    // Add project scope versions
+    if (projectPath) {
+        try {
+            const settings = await readSettings(projectPath);
+            for (const [id, ver] of Object.entries(settings.installedPluginVersions || {})) {
+                if (!allVersions[id])
+                    allVersions[id] = [];
+                allVersions[id].push(ver);
+            }
+        }
+        catch {
+            /* skip unreadable */
+        }
+        // Add local scope versions
+        try {
+            const localSettings = await readLocalSettings(projectPath);
+            for (const [id, ver] of Object.entries(localSettings.installedPluginVersions || {})) {
+                if (!allVersions[id])
+                    allVersions[id] = [];
+                allVersions[id].push(ver);
+            }
+        }
+        catch {
+            /* skip unreadable */
+        }
+    }
+    // Find plugins where global needs bumping
+    const bumped = [];
+    for (const [pluginId, versions] of Object.entries(allVersions)) {
+        // Filter to valid semver versions and sort descending
+        const valid = versions.filter((v) => semver.valid(v));
+        if (valid.length === 0)
+            continue;
+        const highest = valid.sort((a, b) => semver.rcompare(a, b))[0];
+        const globalVer = globalVersions[pluginId];
+        // If global is missing, invalid semver, or lower than the highest, bump it
+        if (!globalVer ||
+            !semver.valid(globalVer) ||
+            semver.lt(globalVer, highest)) {
+            bumped.push({
+                pluginId,
+                oldVersion: globalVer || "(missing)",
+                newVersion: highest,
+            });
+        }
+    }
+    // Apply bumps in a single write
+    if (bumped.length > 0) {
+        const settings = await readGlobalSettings();
+        settings.installedPluginVersions =
+            settings.installedPluginVersions || {};
+        for (const { pluginId, newVersion } of bumped) {
+            settings.installedPluginVersions[pluginId] = newVersion;
+        }
+        await writeGlobalSettings(settings);
+    }
+    return bumped;
+}
 export async function removeGlobalInstalledPluginVersion(pluginId) {
     const settings = await readGlobalSettings();
     if (settings.installedPluginVersions) {

package/src/services/claude-settings.ts

@@ -1,6 +1,7 @@
 import fs from "fs-extra";
 import path from "node:path";
 import os from "node:os";
+import semver from "semver";
 import type {
 	ClaudeSettings,
 	ClaudeLocalSettings,
@@ -544,6 +545,97 @@ export async function saveGlobalInstalledPluginVersion(
 	await updateInstalledPluginsRegistry(pluginId, version, "user");
 }
 
+/**
+ * Gap-fill: ensure global installedPluginVersions is at least as high as
+ * project and local scopes. When a plugin is updated at project scope,
+ * global may lag behind, causing Claude Code to resolve stale cache paths.
+ *
+ * @returns Array of { pluginId, oldVersion, newVersion } for plugins that were bumped
+ */
+export async function gapFillInstalledPluginVersions(
+	projectPath?: string,
+): Promise<Array<{ pluginId: string; oldVersion: string; newVersion: string }>> {
+	const globalVersions = await getGlobalInstalledPluginVersions();
+
+	// Collect versions from project and local scopes
+	const allVersions: Record<string, string[]> = {};
+
+	// Start with global versions
+	for (const [id, ver] of Object.entries(globalVersions)) {
+		allVersions[id] = [ver];
+	}
+
+	// Add project scope versions
+	if (projectPath) {
+		try {
+			const settings = await readSettings(projectPath);
+			for (const [id, ver] of Object.entries(
+				settings.installedPluginVersions || {},
+			)) {
+				if (!allVersions[id]) allVersions[id] = [];
+				allVersions[id].push(ver);
+			}
+		} catch {
+			/* skip unreadable */
+		}
+
+		// Add local scope versions
+		try {
+			const localSettings = await readLocalSettings(projectPath);
+			for (const [id, ver] of Object.entries(
+				localSettings.installedPluginVersions || {},
+			)) {
+				if (!allVersions[id]) allVersions[id] = [];
+				allVersions[id].push(ver);
+			}
+		} catch {
+			/* skip unreadable */
+		}
+	}
+
+	// Find plugins where global needs bumping
+	const bumped: Array<{
+		pluginId: string;
+		oldVersion: string;
+		newVersion: string;
+	}> = [];
+
+	for (const [pluginId, versions] of Object.entries(allVersions)) {
+		// Filter to valid semver versions and sort descending
+		const valid = versions.filter((v) => semver.valid(v));
+		if (valid.length === 0) continue;
+
+		const highest = valid.sort((a, b) => semver.rcompare(a, b))[0];
+		const globalVer = globalVersions[pluginId];
+
+		// If global is missing, invalid semver, or lower than the highest, bump it
+		if (
+			!globalVer ||
+			!semver.valid(globalVer) ||
+			semver.lt(globalVer, highest)
+		) {
+			bumped.push({
+				pluginId,
+				oldVersion: globalVer || "(missing)",
+				newVersion: highest,
+			});
+		}
+	}
+
+	// Apply bumps in a single write
+	if (bumped.length > 0) {
+		const settings = await readGlobalSettings();
+		settings.installedPluginVersions =
+			settings.installedPluginVersions || {};
+		for (const { pluginId, newVersion } of bumped) {
+			settings.installedPluginVersions[pluginId] = newVersion;
+		}
+		await writeGlobalSettings(settings);
+	}
+
+	return bumped;
+}
+
 export async function removeGlobalInstalledPluginVersion(
 	pluginId: string,
 ): Promise<void> {

package/src/services/plugin-manager.js

@@ -5,7 +5,6 @@ import { getConfiguredMarketplaces, getEnabledPlugins, readSettings, writeSettin
 import { defaultMarketplaces } from "../data/marketplaces.js";
 import { scanLocalMarketplaces, repairAllMarketplaces, } from "./local-marketplace.js";
 import { formatMarketplaceName, isValidGitHubRepo, parsePluginId, } from "../utils/string-utils.js";
-import { updateMarketplace } from "./claude-cli.js";
 // Cache for local marketplaces (session-level) - Promise-based to prevent race conditions
 let localMarketplacesPromise = null;
 // Session-level cache for fetched marketplace data (no TTL - persists until explicit refresh)
@@ -434,9 +433,14 @@ export async function getLocalMarketplacesInfo() {
 const autoSyncedMarketplaces = new Set();
 /**
  * If the remote manifest lists plugins that aren't in the local cache,
- * the local clone is stale. Silently run `claude plugin marketplace update`
- * to pull the latest, then invalidate the local cache so the next scan
- * picks up the new plugins.
+ * the local clone is stale. Log a warning but do NOT trigger a marketplace
+ * update from claudeup.
+ *
+ * Previously this called `updateMarketplace()` which invokes Claude Code's
+ * `cacheMarketplaceFromGit()` — a non-atomic delete-then-clone that can
+ * permanently delete the marketplace directory on clone failure.
+ * Claude Code's own background autoupdate handles marketplace refreshing
+ * after session start. See: ai-docs/plugin-marketplace-bug-investigation.md
  */
 async function autoSyncIfStale(mpName, remotePluginNames, localMarketplaces) {
     if (autoSyncedMarketplaces.has(mpName))
@@ -445,20 +449,13 @@ async function autoSyncIfStale(mpName, remotePluginNames, localMarketplaces) {
     if (!localMp)
         return localMarketplaces;
     const localNames = new Set(localMp.plugins.map((p) => p.name));
-    const hasMissing = remotePluginNames.some((name) => !localNames.has(name));
-    if (!hasMissing)
+    const missingPlugins = remotePluginNames.filter((name) => !localNames.has(name));
+    if (missingPlugins.length === 0)
         return localMarketplaces;
     autoSyncedMarketplaces.add(mpName);
-    try {
-        await updateMarketplace(mpName);
-        // Invalidate local cache so re-scan picks up new plugins
-        localMarketplacesPromise = null;
-        return getLocalMarketplaces();
-    }
-    catch {
-        // Update failed (no network, CLI missing, etc.) — continue with stale data
-        return localMarketplaces;
-    }
+    // Log stale state but don't trigger update — Claude Code handles refresh
+    console.log(`ℹ Marketplace ${mpName} is stale (missing: ${missingPlugins.join(", ")}). Claude Code will auto-update on next session start.`);
+    return localMarketplaces;
 }
 /**
  * Refresh claudeup's internal cache

package/src/services/plugin-manager.ts

@@ -27,8 +27,6 @@ import {
 	isValidGitHubRepo,
 	parsePluginId,
 } from "../utils/string-utils.js";
-import { updateMarketplace } from "./claude-cli.js";
-
 // Cache for local marketplaces (session-level) - Promise-based to prevent race conditions
 let localMarketplacesPromise: Promise<Map<string, LocalMarketplace>> | null =
 	null;
@@ -619,9 +617,14 @@ const autoSyncedMarketplaces = new Set<string>();
 
 /**
  * If the remote manifest lists plugins that aren't in the local cache,
- * the local clone is stale. Silently run `claude plugin marketplace update`
- * to pull the latest, then invalidate the local cache so the next scan
- * picks up the new plugins.
+ * the local clone is stale. Log a warning but do NOT trigger a marketplace
+ * update from claudeup.
+ *
+ * Previously this called `updateMarketplace()` which invokes Claude Code's
+ * `cacheMarketplaceFromGit()` — a non-atomic delete-then-clone that can
+ * permanently delete the marketplace directory on clone failure.
+ * Claude Code's own background autoupdate handles marketplace refreshing
+ * after session start. See: ai-docs/plugin-marketplace-bug-investigation.md
  */
 async function autoSyncIfStale(
 	mpName: string,
@@ -634,19 +637,17 @@ async function autoSyncIfStale(
 	if (!localMp) return localMarketplaces;
 
 	const localNames = new Set(localMp.plugins.map((p) => p.name));
-	const hasMissing = remotePluginNames.some((name) => !localNames.has(name));
-	if (!hasMissing) return localMarketplaces;
+	const missingPlugins = remotePluginNames.filter(
+		(name) => !localNames.has(name),
+	);
+	if (missingPlugins.length === 0) return localMarketplaces;
 
 	autoSyncedMarketplaces.add(mpName);
-	try {
-		await updateMarketplace(mpName);
-		// Invalidate local cache so re-scan picks up new plugins
-		localMarketplacesPromise = null;
-		return getLocalMarketplaces();
-	} catch {
-		// Update failed (no network, CLI missing, etc.) — continue with stale data
-		return localMarketplaces;
-	}
+	// Log stale state but don't trigger update — Claude Code handles refresh
+	console.log(
+		`ℹ Marketplace ${mpName} is stale (missing: ${missingPlugins.join(", ")}). Claude Code will auto-update on next session start.`,
+	);
+	return localMarketplaces;
 }
 
 export interface RefreshAndRepairResult {

package/src/services/settings-manager.js

@@ -1,3 +1,5 @@
+import * as fs from "fs";
+import * as path from "path";
 import { readSettings, writeSettings, readGlobalSettings, writeGlobalSettings, } from "./claude-settings.js";
 /** Read the current value of a setting from the given scope */
 export async function readSettingValue(setting, scope, projectPath) {
@@ -62,11 +64,6 @@ export async function writeSettingValue(setting, value, scope, projectPath) {
         }
     }
     else if (setting.storage.type === "attribution-text") {
-        const attr = settings.attribution;
-        // If attribution is explicitly disabled ({ commit: "", pr: "" }), do not overwrite it
-        if (attr && attr.commit === "" && attr.pr === "") {
-            return;
-        }
         if (value && value.trim().length > 0) {
             // Write custom text: commit gets a Co-Authored-By trailer + the text; pr gets the text
             settings.attribution = {
@@ -162,3 +159,85 @@ export async function readAllSettingsBothScopes(catalog, projectPath) {
     }
     return result;
 }
+/**
+ * Discover available output styles from installed plugins.
+ * Scans enabled plugins for outputStyles entries and *-output-style plugin names.
+ * Returns options suitable for a select setting.
+ */
+export async function discoverOutputStyles(projectPath) {
+    const styles = [
+        { label: "Default", value: "" },
+    ];
+    const homeDir = process.env.HOME || process.env.USERPROFILE || "";
+    const cacheDir = path.join(homeDir, ".claude", "plugins", "cache");
+    // Collect enabled plugins from both scopes
+    const enabledPlugins = new Set();
+    try {
+        const userSettings = await readGlobalSettings();
+        for (const [k, v] of Object.entries(userSettings.enabledPlugins || {})) {
+            if (v)
+                enabledPlugins.add(k);
+        }
+    }
+    catch { }
+    try {
+        const projSettings = await readSettings(projectPath);
+        for (const [k, v] of Object.entries(projSettings.enabledPlugins || {})) {
+            if (v)
+                enabledPlugins.add(k);
+        }
+    }
+    catch { }
+    const seen = new Set();
+    for (const pluginId of enabledPlugins) {
+        const [pluginName, marketplace] = pluginId.split("@");
+        // Check if this is a dedicated output-style plugin (e.g. "explanatory-output-style")
+        if (pluginName.endsWith("-output-style")) {
+            const styleName = pluginName
+                .replace(/-output-style$/, "")
+                .split("-")
+                .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+                .join(" ");
+            if (!seen.has(styleName)) {
+                seen.add(styleName);
+                styles.push({ label: styleName, value: styleName });
+            }
+            continue;
+        }
+        // Check plugin.json for outputStyles entries
+        if (!marketplace)
+            continue;
+        const pluginDir = path.join(cacheDir, marketplace, pluginName);
+        try {
+            const versions = fs.readdirSync(pluginDir).sort();
+            const latest = versions[versions.length - 1];
+            if (!latest)
+                continue;
+            const manifestPath = path.join(pluginDir, latest, "plugin.json");
+            const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+            const outputStyles = manifest.outputStyles;
+            if (!outputStyles?.length)
+                continue;
+            for (const stylePath of outputStyles) {
+                const fullPath = path.join(pluginDir, latest, stylePath);
+                try {
+                    const content = fs.readFileSync(fullPath, "utf-8");
+                    const fmMatch = content.match(/^---\n([\s\S]*?)\n---/);
+                    if (fmMatch) {
+                        const nameMatch = fmMatch[1].match(/^name:\s*(.+)$/m);
+                        if (nameMatch) {
+                            const name = nameMatch[1].trim();
+                            if (!seen.has(name)) {
+                                seen.add(name);
+                                styles.push({ label: name, value: name });
+                            }
+                        }
+                    }
+                }
+                catch { }
+            }
+        }
+        catch { }
+    }
+    return styles;
+}

package/src/services/settings-manager.ts

@@ -1,3 +1,5 @@
+import * as fs from "fs";
+import * as path from "path";
 import {
 	readSettings,
 	writeSettings,
@@ -80,11 +82,6 @@ export async function writeSettingValue(
 			delete (settings as any).attribution;
 		}
 	} else if (setting.storage.type === "attribution-text") {
-		const attr = (settings as any).attribution;
-		// If attribution is explicitly disabled ({ commit: "", pr: "" }), do not overwrite it
-		if (attr && attr.commit === "" && attr.pr === "") {
-			return;
-		}
 		if (value && value.trim().length > 0) {
 			// Write custom text: commit gets a Co-Authored-By trailer + the text; pr gets the text
 			(settings as any).attribution = {
@@ -188,3 +185,87 @@ export async function readAllSettingsBothScopes(
 	}
 	return result;
 }
+
+/**
+ * Discover available output styles from installed plugins.
+ * Scans enabled plugins for outputStyles entries and *-output-style plugin names.
+ * Returns options suitable for a select setting.
+ */
+export async function discoverOutputStyles(
+	projectPath?: string,
+): Promise<Array<{ label: string; value: string }>> {
+	const styles: Array<{ label: string; value: string }> = [
+		{ label: "Default", value: "" },
+	];
+
+	const homeDir = process.env.HOME || process.env.USERPROFILE || "";
+	const cacheDir = path.join(homeDir, ".claude", "plugins", "cache");
+
+	// Collect enabled plugins from both scopes
+	const enabledPlugins = new Set<string>();
+	try {
+		const userSettings = await readGlobalSettings();
+		for (const [k, v] of Object.entries((userSettings as any).enabledPlugins || {})) {
+			if (v) enabledPlugins.add(k);
+		}
+	} catch {}
+	try {
+		const projSettings = await readSettings(projectPath);
+		for (const [k, v] of Object.entries((projSettings as any).enabledPlugins || {})) {
+			if (v) enabledPlugins.add(k);
+		}
+	} catch {}
+
+	const seen = new Set<string>();
+
+	for (const pluginId of enabledPlugins) {
+		const [pluginName, marketplace] = pluginId.split("@");
+
+		// Check if this is a dedicated output-style plugin (e.g. "explanatory-output-style")
+		if (pluginName.endsWith("-output-style")) {
+			const styleName = pluginName
+				.replace(/-output-style$/, "")
+				.split("-")
+				.map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+				.join(" ");
+			if (!seen.has(styleName)) {
+				seen.add(styleName);
+				styles.push({ label: styleName, value: styleName });
+			}
+			continue;
+		}
+
+		// Check plugin.json for outputStyles entries
+		if (!marketplace) continue;
+		const pluginDir = path.join(cacheDir, marketplace, pluginName);
+		try {
+			const versions = fs.readdirSync(pluginDir).sort();
+			const latest = versions[versions.length - 1];
+			if (!latest) continue;
+			const manifestPath = path.join(pluginDir, latest, "plugin.json");
+			const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+			const outputStyles = manifest.outputStyles as string[] | undefined;
+			if (!outputStyles?.length) continue;
+
+			for (const stylePath of outputStyles) {
+				const fullPath = path.join(pluginDir, latest, stylePath);
+				try {
+					const content = fs.readFileSync(fullPath, "utf-8");
+					const fmMatch = content.match(/^---\n([\s\S]*?)\n---/);
+					if (fmMatch) {
+						const nameMatch = fmMatch[1].match(/^name:\s*(.+)$/m);
+						if (nameMatch) {
+							const name = nameMatch[1].trim();
+							if (!seen.has(name)) {
+								seen.add(name);
+								styles.push({ label: name, value: name });
+							}
+						}
+					}
+				} catch {}
+			}
+		} catch {}
+	}
+
+	return styles;
+}

package/src/ui/adapters/settingsAdapter.js

@@ -52,12 +52,12 @@ export function getEffectiveValue(scoped) {
 }
 export function formatValue(setting, value) {
     if (value === undefined || value === "") {
-        if (setting.defaultValue !== undefined) {
-            return setting.type === "boolean"
-                ? setting.defaultValue === "true"
-                    ? "on"
-                    : "off"
-                : setting.defaultValue || "default";
+        if (setting.type === "boolean" && setting.defaultValue !== undefined) {
+            return setting.defaultValue === "true" ? "on" : "off";
+        }
+        if (setting.type === "select" && setting.defaultValue !== undefined) {
+            const opt = setting.options?.find((o) => o.value === setting.defaultValue);
+            return opt ? opt.label : setting.defaultValue;
         }
         return "—";
     }
@@ -68,8 +68,8 @@ export function formatValue(setting, value) {
         const opt = setting.options.find((o) => o.value === value);
         return opt ? opt.label : value;
     }
-    if (value.length > 20) {
-        return value.slice(0, 20) + "...";
+    if (value.length > 12) {
+        return value.slice(0, 12) + "…";
     }
     return value;
 }

package/src/ui/adapters/settingsAdapter.ts

@@ -94,12 +94,12 @@ export function formatValue(
   value: string | undefined,
 ): string {
   if (value === undefined || value === "") {
-    if (setting.defaultValue !== undefined) {
-      return setting.type === "boolean"
-        ? setting.defaultValue === "true"
-          ? "on"
-          : "off"
-        : setting.defaultValue || "default";
+    if (setting.type === "boolean" && setting.defaultValue !== undefined) {
+      return setting.defaultValue === "true" ? "on" : "off";
+    }
+    if (setting.type === "select" && setting.defaultValue !== undefined) {
+      const opt = setting.options?.find((o) => o.value === setting.defaultValue);
+      return opt ? opt.label : setting.defaultValue;
     }
     return "—";
   }
@@ -113,8 +113,8 @@ export function formatValue(
     return opt ? opt.label : value;
   }
 
-  if (value.length > 20) {
-    return value.slice(0, 20) + "...";
+  if (value.length > 12) {
+    return value.slice(0, 12) + "…";
   }
   return value;
 }

package/src/ui/components/TabBar.js

@@ -1,5 +1,4 @@
 import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { useKeyboardHandler } from "../hooks/useKeyboardHandler";
 const TABS = [
     { key: "1", label: "Plugins", screen: "plugins" },
     { key: "2", label: "Skills", screen: "skills" },
@@ -8,28 +7,7 @@ const TABS = [
     { key: "5", label: "Profiles", screen: "profiles" },
     { key: "6", label: "CLI", screen: "cli-tools" },
 ];
-export function TabBar({ currentScreen, onTabChange }) {
-    // Handle number key shortcuts (1-5)
-    useKeyboardHandler((input, key) => {
-        if (!onTabChange)
-            return;
-        // Number keys 1-5
-        const tabIndex = Number.parseInt(input, 10);
-        if (tabIndex >= 1 && tabIndex <= TABS.length) {
-            const tab = TABS[tabIndex - 1];
-            if (tab && tab.screen !== currentScreen) {
-                onTabChange(tab.screen);
-            }
-        }
-        // Tab key to cycle through tabs
-        if (key.tab) {
-            const currentIndex = TABS.findIndex((t) => t.screen === currentScreen);
-            const nextIndex = key.shift
-                ? (currentIndex - 1 + TABS.length) % TABS.length
-                : (currentIndex + 1) % TABS.length;
-            onTabChange(TABS[nextIndex].screen);
-        }
-    });
+export function TabBar({ currentScreen }) {
     return (_jsx("box", { flexDirection: "row", gap: 0, children: TABS.map((tab, index) => {
             const isSelected = tab.screen === currentScreen;
             const isLast = index === TABS.length - 1;

package/src/ui/components/TabBar.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import { useKeyboardHandler } from "../hooks/useKeyboardHandler";
 import type { Screen } from "../state/types.js";
 
 interface Tab {
@@ -19,33 +18,9 @@ const TABS: Tab[] = [
 
 interface TabBarProps {
 	currentScreen: Screen;
-	onTabChange?: (screen: Screen) => void;
 }
 
-export function TabBar({ currentScreen, onTabChange }: TabBarProps) {
-	// Handle number key shortcuts (1-5)
-	useKeyboardHandler((input, key) => {
-		if (!onTabChange) return;
-
-		// Number keys 1-5
-		const tabIndex = Number.parseInt(input, 10);
-		if (tabIndex >= 1 && tabIndex <= TABS.length) {
-			const tab = TABS[tabIndex - 1];
-			if (tab && tab.screen !== currentScreen) {
-				onTabChange(tab.screen);
-			}
-		}
-
-		// Tab key to cycle through tabs
-		if (key.tab) {
-			const currentIndex = TABS.findIndex((t) => t.screen === currentScreen);
-			const nextIndex = key.shift
-				? (currentIndex - 1 + TABS.length) % TABS.length
-				: (currentIndex + 1) % TABS.length;
-			onTabChange(TABS[nextIndex].screen);
-		}
-	});
-
+export function TabBar({ currentScreen }: TabBarProps) {
 	return (
 		<box flexDirection="row" gap={0}>
 			{TABS.map((tab, index) => {

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

@@ -9,6 +9,6 @@ export function ConfirmModal({ title, message, onConfirm, onCancel, }) {
             onCancel();
         }
     });
-    return (_jsxs("box", { flexDirection: "column", border: true, borderStyle: "rounded", borderColor: "yellow", backgroundColor: "#1a1a2e", paddingLeft: 2, paddingRight: 2, paddingTop: 1, paddingBottom: 1, width: 60, children: [_jsx("text", { children: _jsx("strong", { children: title }) }), _jsx("box", { marginTop: 1, marginBottom: 1, children: _jsx("text", { children: message }) }), _jsx("box", { children: _jsxs("text", { children: [_jsx("span", { fg: "green", children: "[Y]" }), _jsx("span", { children: "es " }), _jsx("span", { fg: "red", children: "[N]" }), _jsx("span", { children: "o" })] }) })] }));
+    return (_jsxs("box", { flexDirection: "column", border: true, borderStyle: "rounded", borderColor: "#525252", backgroundColor: "#1C1C1E", paddingLeft: 3, paddingRight: 3, paddingTop: 1, paddingBottom: 1, width: 60, children: [_jsx("box", { marginBottom: 1, children: _jsx("text", { fg: "#EDEDED", children: _jsx("strong", { children: title }) }) }), _jsx("box", { marginBottom: 1, children: _jsx("text", { fg: "#A1A1AA", children: message }) }), _jsxs("box", { marginTop: 1, children: [_jsx("text", { fg: "#71717A", children: "Press " }), _jsx("text", { fg: "#EDEDED", children: "Y" }), _jsx("text", { fg: "#71717A", children: " to confirm \u2022 " }), _jsx("text", { fg: "#EDEDED", children: "N" }), _jsx("text", { fg: "#71717A", children: " to cancel" })] })] }));
 }
 export default ConfirmModal;