claudeup 4.0.1 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeup",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "TUI tool for managing Claude Code plugins, MCPs, and configuration",
   "type": "module",
   "main": "src/main.tsx",

package/src/data/cli-tools.ts

@@ -18,8 +18,7 @@ export const cliTools: CliTool[] = [
 			"TUI tool for managing Claude Code plugins, MCPs, and configuration",
 		installCommand: "npm install -g claudeup",
 		checkCommand: "claudeup --version",
-		website:
-			"https://github.com/MadAppGang/magus/tree/main/tools/claudeup",
+		website: "https://github.com/MadAppGang/magus/tree/main/tools/claudeup",
 		category: "ai-coding",
 		packageManager: "npm",
 		packageName: "claudeup",

package/src/data/marketplaces.js

@@ -70,7 +70,8 @@ export function getAllMarketplaces(localMarketplaces) {
             const canonical = deprecatedMarketplaces[name];
             if (canonical) {
                 // If canonical already in the map or in defaults, skip this entry
-                if (all.has(canonical) || defaultMarketplaces.some((m) => m.name === canonical)) {
+                if (all.has(canonical) ||
+                    defaultMarketplaces.some((m) => m.name === canonical)) {
                     continue;
                 }
             }
@@ -85,7 +86,10 @@ export function getAllMarketplaces(localMarketplaces) {
                 name,
                 // Prefer default displayName over stale local clone data
                 displayName: defaultMp?.displayName || local.name || formatMarketplaceName(name),
-                source: { source: "github", repo: defaultMp?.source.repo || local.gitRepo || "" },
+                source: {
+                    source: "github",
+                    repo: defaultMp?.source.repo || local.gitRepo || "",
+                },
                 description: defaultMp?.description || local.description || "",
                 official: defaultMp?.official ?? repo.toLowerCase().includes("anthropics/"),
                 featured: defaultMp?.featured,

package/src/data/marketplaces.ts

@@ -85,7 +85,10 @@ export function getAllMarketplaces(
 			const canonical = deprecatedMarketplaces[name];
 			if (canonical) {
 				// If canonical already in the map or in defaults, skip this entry
-				if (all.has(canonical) || defaultMarketplaces.some((m) => m.name === canonical)) {
+				if (
+					all.has(canonical) ||
+					defaultMarketplaces.some((m) => m.name === canonical)
+				) {
 					continue;
 				}
 			}
@@ -100,8 +103,12 @@ export function getAllMarketplaces(
 			all.set(name, {
 				name,
 				// Prefer default displayName over stale local clone data
-				displayName: defaultMp?.displayName || local.name || formatMarketplaceName(name),
-				source: { source: "github" as const, repo: defaultMp?.source.repo || local.gitRepo || "" },
+				displayName:
+					defaultMp?.displayName || local.name || formatMarketplaceName(name),
+				source: {
+					source: "github" as const,
+					repo: defaultMp?.source.repo || local.gitRepo || "",
+				},
 				description: defaultMp?.description || local.description || "",
 				official:
 					defaultMp?.official ?? repo.toLowerCase().includes("anthropics/"),

package/src/prerunner/index.js

@@ -4,7 +4,7 @@ import os from "node:os";
 import { UpdateCache } from "../services/update-cache.js";
 import { getAvailablePlugins, clearMarketplaceCache, } from "../services/plugin-manager.js";
 import { runClaude } from "../services/claude-runner.js";
-import { recoverMarketplaceSettings, migrateMarketplaceRename, getGlobalEnabledPlugins, getEnabledPlugins, getLocalEnabledPlugins, saveGlobalInstalledPluginVersion, } from "../services/claude-settings.js";
+import { recoverMarketplaceSettings, migrateMarketplaceRename, getGlobalEnabledPlugins, getEnabledPlugins, getLocalEnabledPlugins, saveGlobalInstalledPluginVersion, readGlobalSettings, writeGlobalSettings, } from "../services/claude-settings.js";
 import { parsePluginId } from "../utils/string-utils.js";
 import { defaultMarketplaces } from "../data/marketplaces.js";
 import { updatePlugin, addMarketplace, isClaudeAvailable, } from "../services/claude-cli.js";
@@ -22,20 +22,26 @@ async function getReferencedMarketplaces(projectPath) {
         for (const id of Object.keys(global))
             allPluginIds.add(id);
     }
-    catch { /* skip if unreadable */ }
+    catch {
+        /* skip if unreadable */
+    }
     if (projectPath) {
         try {
             const project = await getEnabledPlugins(projectPath);
             for (const id of Object.keys(project))
                 allPluginIds.add(id);
         }
-        catch { /* skip if unreadable */ }
+        catch {
+            /* skip if unreadable */
+        }
         try {
             const local = await getLocalEnabledPlugins(projectPath);
             for (const id of Object.keys(local))
                 allPluginIds.add(id);
         }
-        catch { /* skip if unreadable */ }
+        catch {
+            /* skip if unreadable */
+        }
     }
     // Parse marketplace names from plugin IDs
     for (const pluginId of allPluginIds) {
@@ -73,6 +79,57 @@ async function autoAddMissingMarketplaces(projectPath) {
     }
     return added;
 }
+const CONTINUITY_PLUGIN_SENTINEL = "tmux-claude-continuity";
+const CONTINUITY_PLUGIN_SCRIPT = path.join(os.homedir(), ".tmux", "plugins", "tmux-claude-continuity", "scripts", "on_session_start.sh");
+/**
+ * Ensure tmux-claude-continuity Claude Code hooks are present in global settings.
+ * If the tmux plugin is installed but the hooks are missing, they are appended.
+ * Returns a description of what was added, or null if nothing changed.
+ */
+async function ensureTmuxContinuityHooks() {
+    // Plugin not installed — nothing to do
+    if (!(await fs.pathExists(CONTINUITY_PLUGIN_SCRIPT))) {
+        return null;
+    }
+    const settings = await readGlobalSettings();
+    // Check if hooks are already configured by looking for the sentinel string
+    const existingHooks = settings.hooks ?? {};
+    for (const groups of Object.values(existingHooks)) {
+        for (const group of groups) {
+            for (const hook of group.hooks) {
+                if (hook.command.includes(CONTINUITY_PLUGIN_SENTINEL)) {
+                    return null; // Already configured
+                }
+            }
+        }
+    }
+    // Append hooks, preserving any existing entries in SessionStart and Stop
+    const sessionStartGroups = existingHooks["SessionStart"] ?? [];
+    const stopGroups = existingHooks["Stop"] ?? [];
+    sessionStartGroups.push({
+        hooks: [
+            {
+                type: "command",
+                command: "bash ~/.tmux/plugins/tmux-claude-continuity/scripts/on_session_start.sh",
+            },
+        ],
+    });
+    stopGroups.push({
+        hooks: [
+            {
+                type: "command",
+                command: "bash ~/.tmux/plugins/tmux-claude-continuity/scripts/on_stop.sh",
+            },
+        ],
+    });
+    settings.hooks = {
+        ...existingHooks,
+        SessionStart: sessionStartGroups,
+        Stop: stopGroups,
+    };
+    await writeGlobalSettings(settings);
+    return "SessionStart + Stop hooks";
+}
 /**
  * Prerun orchestration: Check for updates, apply them, then run claude
  * @param claudeArgs - Arguments to pass to claude CLI
@@ -84,9 +141,11 @@ export async function prerunClaude(claudeArgs, options = {}) {
     try {
         // STEP 0: Migrate old marketplace names → magus (idempotent, no-ops if already migrated)
         const migration = await migrateMarketplaceRename();
-        const migTotal = migration.projectMigrated + migration.globalMigrated
-            + migration.localMigrated + migration.registryMigrated
-            + (migration.knownMarketplacesMigrated ? 1 : 0);
+        const migTotal = migration.projectMigrated +
+            migration.globalMigrated +
+            migration.localMigrated +
+            migration.registryMigrated +
+            (migration.knownMarketplacesMigrated ? 1 : 0);
         if (migTotal > 0) {
             console.log(`✓ Migrated ${migTotal} plugin reference(s) → magus`);
         }
@@ -99,6 +158,11 @@ export async function prerunClaude(claudeArgs, options = {}) {
                 console.log(`✓ Auto-added marketplace(s): ${addedMarketplaces.join(", ")}`);
             }
         }
+        // STEP 0.6: Ensure tmux-claude-continuity hooks are configured
+        const addedHooks = await ensureTmuxContinuityHooks();
+        if (addedHooks) {
+            console.log(`✓ Added tmux-claude-continuity hooks to ~/.claude/settings.json`);
+        }
         // STEP 1: Check if we should update (time-based cache, or forced)
         const shouldUpdate = options.force || (await cache.shouldCheckForUpdates());
         if (options.force) {

package/src/prerunner/index.ts

@@ -14,6 +14,8 @@ import {
 	getEnabledPlugins,
 	getLocalEnabledPlugins,
 	saveGlobalInstalledPluginVersion,
+	readGlobalSettings,
+	writeGlobalSettings,
 } from "../services/claude-settings.js";
 import { parsePluginId } from "../utils/string-utils.js";
 import { defaultMarketplaces } from "../data/marketplaces.js";
@@ -49,18 +51,24 @@ async function getReferencedMarketplaces(
 	try {
 		const global = await getGlobalEnabledPlugins();
 		for (const id of Object.keys(global)) allPluginIds.add(id);
-	} catch { /* skip if unreadable */ }
+	} catch {
+		/* skip if unreadable */
+	}
 
 	if (projectPath) {
 		try {
 			const project = await getEnabledPlugins(projectPath);
 			for (const id of Object.keys(project)) allPluginIds.add(id);
-		} catch { /* skip if unreadable */ }
+		} catch {
+			/* skip if unreadable */
+		}
 
 		try {
 			const local = await getLocalEnabledPlugins(projectPath);
 			for (const id of Object.keys(local)) allPluginIds.add(id);
-		} catch { /* skip if unreadable */ }
+		} catch {
+			/* skip if unreadable */
+		}
 	}
 
 	// Parse marketplace names from plugin IDs
@@ -108,6 +116,75 @@ async function autoAddMissingMarketplaces(
 	return added;
 }
 
+const CONTINUITY_PLUGIN_SENTINEL = "tmux-claude-continuity";
+const CONTINUITY_PLUGIN_SCRIPT = path.join(
+	os.homedir(),
+	".tmux",
+	"plugins",
+	"tmux-claude-continuity",
+	"scripts",
+	"on_session_start.sh",
+);
+
+/**
+ * Ensure tmux-claude-continuity Claude Code hooks are present in global settings.
+ * If the tmux plugin is installed but the hooks are missing, they are appended.
+ * Returns a description of what was added, or null if nothing changed.
+ */
+async function ensureTmuxContinuityHooks(): Promise<string | null> {
+	// Plugin not installed — nothing to do
+	if (!(await fs.pathExists(CONTINUITY_PLUGIN_SCRIPT))) {
+		return null;
+	}
+
+	const settings = await readGlobalSettings();
+
+	// Check if hooks are already configured by looking for the sentinel string
+	const existingHooks = settings.hooks ?? {};
+	for (const groups of Object.values(existingHooks)) {
+		for (const group of groups) {
+			for (const hook of group.hooks) {
+				if (hook.command.includes(CONTINUITY_PLUGIN_SENTINEL)) {
+					return null; // Already configured
+				}
+			}
+		}
+	}
+
+	// Append hooks, preserving any existing entries in SessionStart and Stop
+	const sessionStartGroups = existingHooks["SessionStart"] ?? [];
+	const stopGroups = existingHooks["Stop"] ?? [];
+
+	sessionStartGroups.push({
+		hooks: [
+			{
+				type: "command",
+				command:
+					"bash ~/.tmux/plugins/tmux-claude-continuity/scripts/on_session_start.sh",
+			},
+		],
+	});
+
+	stopGroups.push({
+		hooks: [
+			{
+				type: "command",
+				command:
+					"bash ~/.tmux/plugins/tmux-claude-continuity/scripts/on_stop.sh",
+			},
+		],
+	});
+
+	settings.hooks = {
+		...existingHooks,
+		SessionStart: sessionStartGroups,
+		Stop: stopGroups,
+	};
+
+	await writeGlobalSettings(settings);
+	return "SessionStart + Stop hooks";
+}
+
 /**
  * Prerun orchestration: Check for updates, apply them, then run claude
  * @param claudeArgs - Arguments to pass to claude CLI
@@ -123,9 +200,12 @@ export async function prerunClaude(
 	try {
 		// STEP 0: Migrate old marketplace names → magus (idempotent, no-ops if already migrated)
 		const migration = await migrateMarketplaceRename();
-		const migTotal = migration.projectMigrated + migration.globalMigrated
-			+ migration.localMigrated + migration.registryMigrated
-			+ (migration.knownMarketplacesMigrated ? 1 : 0);
+		const migTotal =
+			migration.projectMigrated +
+			migration.globalMigrated +
+			migration.localMigrated +
+			migration.registryMigrated +
+			(migration.knownMarketplacesMigrated ? 1 : 0);
 		if (migTotal > 0) {
 			console.log(`✓ Migrated ${migTotal} plugin reference(s) → magus`);
 		}
@@ -142,6 +222,14 @@ export async function prerunClaude(
 			}
 		}
 
+		// STEP 0.6: Ensure tmux-claude-continuity hooks are configured
+		const addedHooks = await ensureTmuxContinuityHooks();
+		if (addedHooks) {
+			console.log(
+				`✓ Added tmux-claude-continuity hooks to ~/.claude/settings.json`,
+			);
+		}
+
 		// STEP 1: Check if we should update (time-based cache, or forced)
 		const shouldUpdate = options.force || (await cache.shouldCheckForUpdates());
 

package/src/services/claude-settings.js

@@ -498,7 +498,9 @@ export async function migrateMarketplaceRename(projectPath) {
             result.projectMigrated = count;
         }
     }
-    catch { /* skip if unreadable */ }
+    catch {
+        /* skip if unreadable */
+    }
     // 2. Global settings
     try {
         const settings = await readGlobalSettings();
@@ -508,7 +510,9 @@ export async function migrateMarketplaceRename(projectPath) {
             result.globalMigrated = count;
         }
     }
-    catch { /* skip if unreadable */ }
+    catch {
+        /* skip if unreadable */
+    }
     // 3. Local settings (settings.local.json)
     try {
         const local = await readLocalSettings(projectPath);
@@ -528,7 +532,9 @@ export async function migrateMarketplaceRename(projectPath) {
             result.localMigrated = localCount;
         }
     }
-    catch { /* skip if unreadable */ }
+    catch {
+        /* skip if unreadable */
+    }
     // 4. known_marketplaces.json — rename old keys + physical directory cleanup
     const pluginsDir = path.join(os.homedir(), ".claude", "plugins", "marketplaces");
     const newDir = path.join(pluginsDir, NEW_MARKETPLACE_NAME);
@@ -553,8 +559,7 @@ export async function migrateMarketplaceRename(projectPath) {
             }
             // Ensure installLocation doesn't reference old directory names
             if (known[NEW_MARKETPLACE_NAME]?.installLocation?.includes(oldName)) {
-                known[NEW_MARKETPLACE_NAME].installLocation =
-                    known[NEW_MARKETPLACE_NAME].installLocation.replace(oldName, NEW_MARKETPLACE_NAME);
+                known[NEW_MARKETPLACE_NAME].installLocation = known[NEW_MARKETPLACE_NAME].installLocation.replace(oldName, NEW_MARKETPLACE_NAME);
                 knownModified = true;
             }
         }
@@ -563,7 +568,9 @@ export async function migrateMarketplaceRename(projectPath) {
             result.knownMarketplacesMigrated = true;
         }
     }
-    catch { /* skip if unreadable */ }
+    catch {
+        /* skip if unreadable */
+    }
     // 4b. Rename/remove old physical directories (runs even if keys were already migrated)
     for (const oldName of OLD_MARKETPLACE_NAMES) {
         const oldDir = path.join(pluginsDir, oldName);
@@ -578,24 +585,32 @@ export async function migrateMarketplaceRename(projectPath) {
                 }
             }
         }
-        catch { /* non-fatal: directory cleanup is best-effort */ }
+        catch {
+            /* non-fatal: directory cleanup is best-effort */
+        }
     }
     // 4c. Update git remote URL in the marketplace clone (old → new repo)
     try {
         if (await fs.pathExists(path.join(newDir, ".git"))) {
             const { execSync } = await import("node:child_process");
             const remote = execSync("git remote get-url origin", {
-                cwd: newDir, encoding: "utf-8", timeout: 5000,
+                cwd: newDir,
+                encoding: "utf-8",
+                timeout: 5000,
             }).trim();
             if (remote.includes("claude-code") && remote.includes("MadAppGang")) {
                 const newRemote = remote.replace("claude-code", NEW_MARKETPLACE_NAME);
                 execSync(`git remote set-url origin "${newRemote}"`, {
-                    cwd: newDir, encoding: "utf-8", timeout: 5000,
+                    cwd: newDir,
+                    encoding: "utf-8",
+                    timeout: 5000,
                 });
             }
         }
     }
-    catch { /* non-fatal: git remote update is best-effort */ }
+    catch {
+        /* non-fatal: git remote update is best-effort */
+    }
     // 5. installed_plugins.json — rename plugin ID keys
     try {
         const registry = await readInstalledPluginsRegistry();
@@ -621,7 +636,9 @@ export async function migrateMarketplaceRename(projectPath) {
             result.registryMigrated = regCount;
         }
     }
-    catch { /* skip if unreadable */ }
+    catch {
+        /* skip if unreadable */
+    }
     return result;
 }
 /**

package/src/services/claude-settings.ts

@@ -732,7 +732,9 @@ export async function migrateMarketplaceRename(
 			await writeSettings(settings, projectPath);
 			result.projectMigrated = count;
 		}
-	} catch { /* skip if unreadable */ }
+	} catch {
+		/* skip if unreadable */
+	}
 
 	// 2. Global settings
 	try {
@@ -742,24 +744,39 @@ export async function migrateMarketplaceRename(
 			await writeGlobalSettings(settings);
 			result.globalMigrated = count;
 		}
-	} catch { /* skip if unreadable */ }
+	} catch {
+		/* skip if unreadable */
+	}
 
 	// 3. Local settings (settings.local.json)
 	try {
 		const local = await readLocalSettings(projectPath);
 		let localCount = 0;
 		const [ep, epCount] = migratePluginKeys(local.enabledPlugins);
-		if (epCount > 0) { local.enabledPlugins = ep; localCount += epCount; }
+		if (epCount > 0) {
+			local.enabledPlugins = ep;
+			localCount += epCount;
+		}
 		const [iv, ivCount] = migratePluginKeys(local.installedPluginVersions);
-		if (ivCount > 0) { local.installedPluginVersions = iv; localCount += ivCount; }
+		if (ivCount > 0) {
+			local.installedPluginVersions = iv;
+			localCount += ivCount;
+		}
 		if (localCount > 0) {
 			await writeLocalSettings(local, projectPath);
 			result.localMigrated = localCount;
 		}
-	} catch { /* skip if unreadable */ }
+	} catch {
+		/* skip if unreadable */
+	}
 
 	// 4. known_marketplaces.json — rename old keys + physical directory cleanup
-	const pluginsDir = path.join(os.homedir(), ".claude", "plugins", "marketplaces");
+	const pluginsDir = path.join(
+		os.homedir(),
+		".claude",
+		"plugins",
+		"marketplaces",
+	);
 	const newDir = path.join(pluginsDir, NEW_MARKETPLACE_NAME);
 
 	try {
@@ -785,11 +802,9 @@ export async function migrateMarketplaceRename(
 
 			// Ensure installLocation doesn't reference old directory names
 			if (known[NEW_MARKETPLACE_NAME]?.installLocation?.includes(oldName)) {
-				known[NEW_MARKETPLACE_NAME].installLocation =
-					known[NEW_MARKETPLACE_NAME].installLocation.replace(
-						oldName,
-						NEW_MARKETPLACE_NAME,
-					);
+				known[NEW_MARKETPLACE_NAME].installLocation = known[
+					NEW_MARKETPLACE_NAME
+				].installLocation.replace(oldName, NEW_MARKETPLACE_NAME);
 				knownModified = true;
 			}
 		}
@@ -798,7 +813,9 @@ export async function migrateMarketplaceRename(
 			await writeKnownMarketplaces(known);
 			result.knownMarketplacesMigrated = true;
 		}
-	} catch { /* skip if unreadable */ }
+	} catch {
+		/* skip if unreadable */
+	}
 
 	// 4b. Rename/remove old physical directories (runs even if keys were already migrated)
 	for (const oldName of OLD_MARKETPLACE_NAMES) {
@@ -812,7 +829,9 @@ export async function migrateMarketplaceRename(
 					await fs.remove(oldDir);
 				}
 			}
-		} catch { /* non-fatal: directory cleanup is best-effort */ }
+		} catch {
+			/* non-fatal: directory cleanup is best-effort */
+		}
 	}
 
 	// 4c. Update git remote URL in the marketplace clone (old → new repo)
@@ -820,16 +839,22 @@ export async function migrateMarketplaceRename(
 		if (await fs.pathExists(path.join(newDir, ".git"))) {
 			const { execSync } = await import("node:child_process");
 			const remote = execSync("git remote get-url origin", {
-				cwd: newDir, encoding: "utf-8", timeout: 5000,
+				cwd: newDir,
+				encoding: "utf-8",
+				timeout: 5000,
 			}).trim();
 			if (remote.includes("claude-code") && remote.includes("MadAppGang")) {
 				const newRemote = remote.replace("claude-code", NEW_MARKETPLACE_NAME);
 				execSync(`git remote set-url origin "${newRemote}"`, {
-					cwd: newDir, encoding: "utf-8", timeout: 5000,
+					cwd: newDir,
+					encoding: "utf-8",
+					timeout: 5000,
 				});
 			}
 		}
-	} catch { /* non-fatal: git remote update is best-effort */ }
+	} catch {
+		/* non-fatal: git remote update is best-effort */
+	}
 
 	// 5. installed_plugins.json — rename plugin ID keys
 	try {
@@ -837,7 +862,9 @@ export async function migrateMarketplaceRename(
 		let regCount = 0;
 		const newPlugins: typeof registry.plugins = {};
 		for (const [pluginId, entries] of Object.entries(registry.plugins)) {
-			const oldName = OLD_MARKETPLACE_NAMES.find((n) => pluginId.endsWith(`@${n}`));
+			const oldName = OLD_MARKETPLACE_NAMES.find((n) =>
+				pluginId.endsWith(`@${n}`),
+			);
 			if (oldName) {
 				const pluginName = pluginId.slice(0, pluginId.lastIndexOf("@"));
 				const newKey = `${pluginName}@${NEW_MARKETPLACE_NAME}`;
@@ -854,7 +881,9 @@ export async function migrateMarketplaceRename(
 			await writeInstalledPluginsRegistry(registry);
 			result.registryMigrated = regCount;
 		}
-	} catch { /* skip if unreadable */ }
+	} catch {
+		/* skip if unreadable */
+	}
 
 	return result;
 }

package/src/types/index.ts

@@ -243,3 +243,36 @@ export interface ProfileEntry {
 	updatedAt: string;
 	scope: "user" | "project";
 }
+
+// ─── Predefined Profile Types ──────────────────────────────────────────────────
+
+/** A skill reference for predefined profiles */
+export interface PredefinedSkill {
+	name: string;
+	repo: string;
+	skillPath: string;
+}
+
+/** Settings that can be configured in a predefined profile */
+export interface PredefinedSettings {
+	effortLevel?: "low" | "medium" | "high";
+	alwaysThinkingEnabled?: boolean;
+	model?: "claude-sonnet-4-6" | "claude-opus-4-6";
+	outputStyle?: "concise" | "explanatory" | "formal";
+	CLAUDE_CODE_ENABLE_TASKS?: boolean;
+	CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS?: boolean;
+	includeGitInstructions?: boolean;
+	respectGitignore?: boolean;
+	enableAllProjectMcpServers?: boolean;
+}
+
+/** A predefined (built-in) profile for claudeup */
+export interface PredefinedProfile {
+	id: string;
+	name: string;
+	description: string;
+	targetAudience: string;
+	plugins: Record<string, boolean>;
+	skills: PredefinedSkill[];
+	settings: PredefinedSettings;
+}

package/src/ui/renderers/profileRenderers.js

@@ -87,11 +87,11 @@ const predefinedRenderer = {
         const { profile } = item;
         const pluginCount = profile.magusPlugins.length + profile.anthropicPlugins.length;
         const skillCount = profile.skills.length;
-        const label = truncate(`${profile.name} — ${pluginCount} plugins · ${skillCount} skill${skillCount !== 1 ? "s" : ""}`, 45);
+        const countStr = `${pluginCount}p ${skillCount}s`;
         if (isSelected) {
-            return (_jsxs("text", { bg: "blue", fg: "white", children: [" ", label, " "] }));
+            return (_jsxs("text", { bg: theme.selection.bg, fg: theme.selection.fg, children: ["  ", profile.name, "  ", countStr, " "] }));
         }
-        return (_jsxs("text", { children: [_jsx("span", { fg: theme.colors.muted, children: "- " }), _jsx("span", { fg: theme.colors.text, children: label })] }));
+        return (_jsxs("text", { children: [_jsxs("span", { fg: "white", children: ["  ", profile.name] }), _jsxs("span", { fg: theme.colors.dim, children: ["  ", countStr] })] }));
     },
     renderDetail: ({ item }) => {
         const { profile } = item;
@@ -99,7 +99,7 @@ const predefinedRenderer = {
         const envMap = profile.settings["env"] ?? {};
         const tasksOn = envMap["CLAUDE_CODE_ENABLE_TASKS"] === "true";
         const teamsOn = envMap["CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS"] === "true";
-        return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: theme.colors.info, children: _jsx("strong", { children: profile.name }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.muted, children: profile.description }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nMagus (${profile.magusPlugins.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#00bfa5", children: profile.magusPlugins.map((p) => `  ■ ${p}`).join("\n") }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nAnthropic (${profile.anthropicPlugins.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#b39ddb", children: profile.anthropicPlugins.map((p) => `  ■ ${p}`).join("\n") }) }), profile.skills.length > 0 && (_jsxs(_Fragment, { children: [_jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nSkills (${profile.skills.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#ffd54f", children: profile.skills.map((s) => `  ■ ${s}`).join("\n") }) })] })), _jsx("box", { children: _jsx("text", { fg: theme.colors.dim, children: `\n${DIVIDER}` }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: [
+        return (_jsxs("box", { flexDirection: "column", children: [_jsx("box", { children: _jsx("text", { bg: theme.colors.accent, fg: "white", children: _jsxs("strong", { children: [" ", profile.name, " "] }) }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: theme.colors.muted, children: profile.description }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nMagus (${profile.magusPlugins.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#00bfa5", children: profile.magusPlugins.map((p) => `  ■ ${p}`).join("\n") }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nAnthropic (${profile.anthropicPlugins.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#b39ddb", children: profile.anthropicPlugins.map((p) => `  ■ ${p}`).join("\n") }) }), profile.skills.length > 0 && (_jsxs(_Fragment, { children: [_jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: `\nSkills (${profile.skills.length})` }) }), _jsx("box", { children: _jsx("text", { fg: "#ffd54f", children: profile.skills.map((s) => `  ■ ${s}`).join("\n") }) })] })), _jsx("box", { children: _jsx("text", { fg: theme.colors.dim, children: `\n${DIVIDER}` }) }), _jsx("box", { children: _jsx("text", { fg: theme.colors.muted, children: [
                             ...settingEntries.map(([k, v]) => `  ${humanizeKey(k).padEnd(18)}${humanizeValue(k, v)}`),
                             ...(tasksOn ? [`  ${"Tasks".padEnd(18)}on`] : []),
                             ...(teamsOn ? [`  ${"Agent Teams".padEnd(18)}on`] : []),

package/src/ui/renderers/profileRenderers.tsx

@@ -112,24 +112,20 @@ const predefinedRenderer: ItemRenderer<{ kind: "predefined"; profile: Predefined
     const pluginCount =
       profile.magusPlugins.length + profile.anthropicPlugins.length;
     const skillCount = profile.skills.length;
-    const label = truncate(
-      `${profile.name} — ${pluginCount} plugins · ${skillCount} skill${skillCount !== 1 ? "s" : ""}`,
-      45,
-    );
+    const countStr = `${pluginCount}p ${skillCount}s`;
 
     if (isSelected) {
       return (
-        <text bg="blue" fg="white">
-          {" "}
-          {label}{" "}
+        <text bg={theme.selection.bg} fg={theme.selection.fg}>
+          {"  "}{profile.name}  {countStr}{" "}
         </text>
       );
     }
 
     return (
       <text>
-        <span fg={theme.colors.muted}>{"- "}</span>
-        <span fg={theme.colors.text}>{label}</span>
+        <span fg="white">{"  "}{profile.name}</span>
+        <span fg={theme.colors.dim}>  {countStr}</span>
       </text>
     );
   },
@@ -146,9 +142,11 @@ const predefinedRenderer: ItemRenderer<{ kind: "predefined"; profile: Predefined
 
     return (
       <box flexDirection="column">
-        <text fg={theme.colors.info}>
-          <strong>{profile.name}</strong>
-        </text>
+        <box>
+          <text bg={theme.colors.accent} fg="white">
+            <strong> {profile.name} </strong>
+          </text>
+        </box>
         <box marginTop={1}>
           <text fg={theme.colors.muted}>{profile.description}</text>
         </box>