claudeup 3.7.1 → 3.8.0

package/src/ui/screens/McpRegistryScreen.tsx

@@ -239,25 +239,35 @@ export function McpRegistryScreen() {
 
 		return (
 			<box flexDirection="column">
-				<text fg="magenta"><strong>{selectedServer.name}</strong></text>
+				<text fg="magenta">
+					<strong>{selectedServer.name}</strong>
+				</text>
 				<box marginTop={1}>
 					<text>{selectedServer.short_description}</text>
 				</box>
 				<box marginTop={1}>
-					<text><strong>Version: </strong></text>
+					<text>
+						<strong>Version: </strong>
+					</text>
 					<text fg="green">{versionDisplay}</text>
 				</box>
 				<box>
-					<text><strong>Published: </strong></text>
+					<text>
+						<strong>Published: </strong>
+					</text>
 					<text fg="cyan">{dateDisplay}</text>
 				</box>
 				<box marginTop={1} flexDirection="column">
-					<text><strong>URL:</strong></text>
+					<text>
+						<strong>URL:</strong>
+					</text>
 					<text fg="cyan">{selectedServer.url}</text>
 				</box>
 				{selectedServer.source_code_url && (
 					<box marginTop={1} flexDirection="column">
-						<text><strong>Source:</strong></text>
+						<text>
+							<strong>Source:</strong>
+						</text>
 						<text fg="gray">{selectedServer.source_code_url}</text>
 					</box>
 				)}
@@ -282,7 +292,9 @@ export function McpRegistryScreen() {
 			</text>
 		) : (
 			<text>
-				<span><strong>{server.name}</strong></span>
+				<span>
+					<strong>{server.name}</strong>
+				</span>
 				<span fg="green">{version}</span>
 			</text>
 		);

package/src/ui/screens/McpScreen.js

@@ -198,7 +198,7 @@ export function McpScreen() {
         const server = selectedItem.server;
         const isInstalled = mcp.installedServers[server.name] !== undefined;
         const isEnabled = mcp.installedServers[server.name] === true;
-        return (_jsxs("box", { flexDirection: "column", children: [_jsxs("box", { marginBottom: 1, children: [_jsx("text", { fg: "cyan", children: _jsxs("strong", { children: ["\u26A1 ", server.name] }) }), server.requiresConfig && _jsx("text", { fg: "yellow", children: " \u2699" })] }), _jsx("text", { fg: "gray", children: server.description }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Status " }), isInstalled && isEnabled ? (_jsx("text", { fg: "green", children: "\u25CF Installed" })) : isInstalled ? (_jsx("text", { fg: "yellow", children: "\u25CF Disabled" })) : (_jsx("text", { fg: "gray", children: "\u25CB Not installed" }))] }), _jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Type " }), _jsx("text", { fg: "white", children: server.type === "http" ? "HTTP" : "Command" })] }), server.type === "http" ? (_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "URL " }), _jsx("text", { fg: "blue", children: server.url })] })) : (_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Command " }), _jsx("text", { fg: "cyan", children: server.command })] })), server.requiresConfig && (_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Config " }), _jsxs("text", { fg: "yellow", children: [server.configFields?.length || 0, " fields required"] })] }))] }), _jsx("box", { marginTop: 2, children: isInstalled ? (_jsxs("box", { children: [_jsx("text", { bg: "red", fg: "white", children: " Enter " }), _jsx("text", { fg: "gray", children: " Remove server" })] })) : (_jsxs("box", { children: [_jsx("text", { bg: "green", fg: "black", children: " Enter " }), _jsx("text", { fg: "gray", children: " Install server" })] })) })] }));
+        return (_jsxs("box", { flexDirection: "column", children: [_jsxs("box", { marginBottom: 1, children: [_jsx("text", { fg: "cyan", children: _jsxs("strong", { children: ["\u26A1 ", server.name] }) }), server.requiresConfig && _jsx("text", { fg: "yellow", children: " \u2699" })] }), _jsx("text", { fg: "gray", children: server.description }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Status " }), isInstalled && isEnabled ? (_jsx("text", { fg: "green", children: "\u25CF Installed" })) : isInstalled ? (_jsx("text", { fg: "yellow", children: "\u25CF Disabled" })) : (_jsx("text", { fg: "gray", children: "\u25CB Not installed" }))] }), _jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Type " }), _jsx("text", { fg: "white", children: server.type === "http" ? "HTTP" : "Command" })] }), server.type === "http" ? (_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "URL " }), _jsx("text", { fg: "#5c9aff", children: server.url })] })) : (_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Command " }), _jsx("text", { fg: "cyan", children: server.command })] })), server.requiresConfig && (_jsxs("box", { children: [_jsx("text", { fg: "gray", children: "Config " }), _jsxs("text", { fg: "yellow", children: [server.configFields?.length || 0, " fields required"] })] }))] }), _jsx("box", { marginTop: 2, children: isInstalled ? (_jsxs("box", { children: [_jsxs("text", { bg: "red", fg: "white", children: [" ", "Enter", " "] }), _jsx("text", { fg: "gray", children: " Remove server" })] })) : (_jsxs("box", { children: [_jsxs("text", { bg: "green", fg: "black", children: [" ", "Enter", " "] }), _jsx("text", { fg: "gray", children: " Install server" })] })) })] }));
     };
     const renderListItem = (item, _idx, isSelected) => {
         // Category header

package/src/ui/screens/McpScreen.tsx

@@ -269,7 +269,9 @@ export function McpScreen() {
 		return (
 			<box flexDirection="column">
 				<box marginBottom={1}>
-					<text fg="cyan"><strong>⚡ {server.name}</strong></text>
+					<text fg="cyan">
+						<strong>⚡ {server.name}</strong>
+					</text>
 					{server.requiresConfig && <text fg="yellow"> ⚙</text>}
 				</box>
 
@@ -295,7 +297,7 @@ export function McpScreen() {
 					{server.type === "http" ? (
 						<box>
 							<text fg="gray">URL </text>
-							<text fg="blue">{server.url}</text>
+							<text fg="#5c9aff">{server.url}</text>
 						</box>
 					) : (
 						<box>
@@ -316,12 +318,18 @@ export function McpScreen() {
 				<box marginTop={2}>
 					{isInstalled ? (
 						<box>
-							<text bg="red" fg="white"> Enter </text>
+							<text bg="red" fg="white">
+								{" "}
+								Enter{" "}
+							</text>
 							<text fg="gray"> Remove server</text>
 						</box>
 					) : (
 						<box>
-							<text bg="green" fg="black"> Enter </text>
+							<text bg="green" fg="black">
+								{" "}
+								Enter{" "}
+							</text>
 							<text fg="gray"> Install server</text>
 						</box>
 					)}
@@ -338,7 +346,9 @@ export function McpScreen() {
 		// Category header
 		if (item.isCategory) {
 			return (
-				<text fg="magenta"><strong>▸ {item.label}</strong></text>
+				<text fg="magenta">
+					<strong>▸ {item.label}</strong>
+				</text>
 			);
 		}
 

package/src/ui/screens/ModelSelectorScreen.js

@@ -243,9 +243,7 @@ export function ModelSelectorScreen() {
             return;
         }
         // Regular text input (single character keys)
-        if (event.name.length === 1 &&
-            !event.ctrl &&
-            !event.shift) {
+        if (event.name.length === 1 && !event.ctrl && !event.shift) {
             dispatch({
                 type: "MODEL_SELECTOR_SET_SEARCH",
                 query: modelSelector.searchQuery + event.name,
@@ -258,7 +256,7 @@ export function ModelSelectorScreen() {
         if (item.type === "header") {
             // Header style: "Name ----------------------------- Status"
             const status = item.configured ? "✔ Configured" : "";
-            return (_jsxs("box", { margin: 0, children: [_jsxs("text", { fg: "gray", children: [item.label, " "] }), _jsx("text", { fg: "#888888", children: "\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF" }), status && _jsxs("text", { fg: "green", children: [" ", status] }), item.provider && _jsxs("text", { fg: "blue", children: [" ", item.provider] })] }));
+            return (_jsxs("box", { margin: 0, children: [_jsxs("text", { fg: "gray", children: [item.label, " "] }), _jsx("text", { fg: "#888888", children: "\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF\u23AF" }), status && _jsxs("text", { fg: "green", children: [" ", status] }), item.provider && _jsxs("text", { fg: "#5c9aff", children: [" ", item.provider] })] }));
         }
         // Model item
         // Matches highlighting
@@ -271,7 +269,7 @@ export function ModelSelectorScreen() {
                             : "cyan"
                         : isSelected
                             ? "white"
-                            : "white", children: seg.highlighted ? _jsx("u", { children: _jsx("strong", { children: seg.text }) }) : seg.text }, i)))
+                            : "white", children: seg.highlighted ? (_jsx("u", { children: _jsx("strong", { children: seg.text }) })) : (seg.text) }, i)))
                 : item.label }));
         if (isSelected) {
             return (_jsxs("box", { overflow: "hidden", children: [_jsx("text", { bg: "magenta", fg: "white", children: " " }), _jsx("text", { bg: "magenta", fg: "white", children: _jsx(Label, {}) }), _jsx("box", { flexGrow: 1, children: _jsx("text", { bg: "magenta", children: " " }) }), item.provider && (_jsxs("text", { bg: "magenta", fg: "white", children: [item.provider, " "] }))] }));

package/src/ui/screens/ModelSelectorScreen.tsx

@@ -282,11 +282,7 @@ export function ModelSelectorScreen() {
 		}
 
 		// Regular text input (single character keys)
-		if (
-			event.name.length === 1 &&
-			!event.ctrl &&
-			!event.shift
-		) {
+		if (event.name.length === 1 && !event.ctrl && !event.shift) {
 			dispatch({
 				type: "MODEL_SELECTOR_SET_SEARCH",
 				query: modelSelector.searchQuery + event.name,
@@ -304,11 +300,9 @@ export function ModelSelectorScreen() {
 			return (
 				<box margin={0}>
 					<text fg="gray">{item.label} </text>
-					<text fg="#888888">
-						⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
-					</text>
+					<text fg="#888888">⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯</text>
 					{status && <text fg="green"> {status}</text>}
-					{item.provider && <text fg="blue"> {item.provider}</text>}
+					{item.provider && <text fg="#5c9aff"> {item.provider}</text>}
 				</box>
 			);
 		}
@@ -334,7 +328,13 @@ export function ModelSelectorScreen() {
 											: "white"
 								}
 							>
-								{seg.highlighted ? <u><strong>{seg.text}</strong></u> : seg.text}
+								{seg.highlighted ? (
+									<u>
+										<strong>{seg.text}</strong>
+									</u>
+								) : (
+									seg.text
+								)}
 							</text>
 						))
 					: item.label}
@@ -395,15 +395,11 @@ export function ModelSelectorScreen() {
 					<box flexDirection="row" justifyContent="space-between">
 						<box>
 							<text fg="#7e57c2">Switch Model </text>
-							<text
-								fg={modelSelector.taskSize === "large" ? "white" : "gray"}
-							>
+							<text fg={modelSelector.taskSize === "large" ? "white" : "gray"}>
 								{modelSelector.taskSize === "large" ? "◎" : "○"} Large Task
 								{"  "}
 							</text>
-							<text
-								fg={modelSelector.taskSize === "small" ? "white" : "gray"}
-							>
+							<text fg={modelSelector.taskSize === "small" ? "white" : "gray"}>
 								{modelSelector.taskSize === "small" ? "◎" : "○"} Small Task
 							</text>
 						</box>

package/src/ui/screens/PluginsScreen.js

@@ -9,7 +9,9 @@ import { ScrollableList } from "../components/ScrollableList.js";
 import { fuzzyFilter, highlightMatches } from "../../utils/fuzzy-search.js";
 import { getAllMarketplaces } from "../../data/marketplaces.js";
 import { getAvailablePlugins, refreshAllMarketplaces, clearMarketplaceCache, getLocalMarketplacesInfo, } from "../../services/plugin-manager.js";
-import { setMcpEnvVar, getMcpEnvVars, } from "../../services/claude-settings.js";
+import { setMcpEnvVar, getMcpEnvVars, readSettings, saveGlobalInstalledPluginVersion, saveLocalInstalledPluginVersion, } from "../../services/claude-settings.js";
+import { saveProfile } from "../../services/profiles.js";
+import { saveInstalledPluginVersion } from "../../services/plugin-manager.js";
 import { installPlugin as cliInstallPlugin, uninstallPlugin as cliUninstallPlugin, updatePlugin as cliUpdatePlugin, } from "../../services/claude-cli.js";
 import { getPluginEnvRequirements, getPluginSourcePath, } from "../../services/plugin-mcp-config.js";
 import { getPluginSetupFromSource, checkMissingDeps, installPluginDeps, } from "../../services/plugin-setup.js";
@@ -145,50 +147,78 @@ export function PluginsScreen() {
     const selectableItems = useMemo(() => {
         return filteredItems.filter((item) => item.type === "plugin" || item.type === "category");
     }, [filteredItems]);
-    // Keyboard handling
+    // Keyboard handling — inline search with live filtering
     useKeyboard((event) => {
-        // Handle search mode
-        if (isSearchActive) {
-            if (event.name === "escape") {
-                dispatch({ type: "SET_SEARCHING", isSearching: false });
+        if (state.modal)
+            return;
+        const hasQuery = pluginsState.searchQuery.length > 0;
+        // Escape: always clear search state fully
+        if (event.name === "escape") {
+            if (hasQuery || isSearchActive) {
                 dispatch({ type: "PLUGINS_SET_SEARCH", query: "" });
-            }
-            else if (event.name === "enter") {
                 dispatch({ type: "SET_SEARCHING", isSearching: false });
-                // Keep the search query, just exit search mode
+                dispatch({ type: "PLUGINS_SELECT", index: 0 });
             }
-            else if (event.name === "backspace" || event.name === "delete") {
+            // Don't return — let GlobalKeyHandler handle Escape too (for quit)
+            return;
+        }
+        // Backspace: remove last char from search query
+        if (event.name === "backspace" || event.name === "delete") {
+            if (hasQuery) {
+                const newQuery = pluginsState.searchQuery.slice(0, -1);
+                dispatch({ type: "PLUGINS_SET_SEARCH", query: newQuery });
+                dispatch({ type: "PLUGINS_SELECT", index: 0 });
+                // If query becomes empty, exit search mode
+                if (newQuery.length === 0) {
+                    dispatch({ type: "SET_SEARCHING", isSearching: false });
+                }
+            }
+            return;
+        }
+        // Navigation — always works (even during search)
+        if (event.name === "up" || event.name === "k") {
+            // 'k' navigates when query is empty, otherwise appends to search
+            if (event.name === "k" && (hasQuery || isSearchActive)) {
                 dispatch({
                     type: "PLUGINS_SET_SEARCH",
-                    query: pluginsState.searchQuery.slice(0, -1),
+                    query: pluginsState.searchQuery + event.name,
                 });
+                dispatch({ type: "PLUGINS_SELECT", index: 0 });
+                return;
             }
-            else if (event.name.length === 1 && !event.ctrl && !event.meta) {
+            const newIndex = Math.max(0, pluginsState.selectedIndex - 1);
+            dispatch({ type: "PLUGINS_SELECT", index: newIndex });
+            return;
+        }
+        if (event.name === "down" || event.name === "j") {
+            // 'j' navigates when query is empty, otherwise appends to search
+            if (event.name === "j" && (hasQuery || isSearchActive)) {
                 dispatch({
                     type: "PLUGINS_SET_SEARCH",
                     query: pluginsState.searchQuery + event.name,
                 });
+                dispatch({ type: "PLUGINS_SELECT", index: 0 });
+                return;
             }
+            const newIndex = Math.min(selectableItems.length - 1, pluginsState.selectedIndex + 1);
+            dispatch({ type: "PLUGINS_SELECT", index: newIndex });
             return;
         }
-        if (state.modal)
-            return;
-        // Start search with /
-        if (event.name === "/") {
-            dispatch({ type: "SET_SEARCHING", isSearching: true });
+        // Enter — exit search mode (keep filter active) + select/install
+        if (event.name === "enter") {
+            if (isSearchActive) {
+                dispatch({ type: "SET_SEARCHING", isSearching: false });
+                // Keep the query — filter stays active, shortcuts resume
+                return;
+            }
+            handleSelect();
             return;
         }
-        // Navigation
-        if (event.name === "up" || event.name === "k") {
-            const newIndex = Math.max(0, pluginsState.selectedIndex - 1);
-            dispatch({ type: "PLUGINS_SELECT", index: newIndex });
-        }
-        else if (event.name === "down" || event.name === "j") {
-            const newIndex = Math.min(selectableItems.length - 1, pluginsState.selectedIndex + 1);
-            dispatch({ type: "PLUGINS_SELECT", index: newIndex });
-        }
-        // Collapse/expand marketplace
-        else if ((event.name === "left" || event.name === "right" || event.name === "<" || event.name === ">") &&
+        // Collapse/expand marketplace — always works
+        if ((event.name === "left" ||
+            event.name === "right" ||
+            event.name === "<" ||
+            event.name === ">") &&
             selectableItems[pluginsState.selectedIndex]?.marketplace) {
             const item = selectableItems[pluginsState.selectedIndex];
             if (item?.marketplace) {
@@ -197,44 +227,55 @@ export function PluginsScreen() {
                     name: item.marketplace.name,
                 });
             }
+            return;
         }
-        // Refresh
-        else if (event.name === "r") {
-            handleRefresh();
+        // When search query is non-empty, printable letters go to the query
+        // (shortcuts are suspended while filtering, digits skip to let tab nav work)
+        if (hasQuery || isSearchActive) {
+            if (event.name.length === 1 && !event.ctrl && !event.meta && !/[0-9]/.test(event.name)) {
+                dispatch({
+                    type: "PLUGINS_SET_SEARCH",
+                    query: pluginsState.searchQuery + event.name,
+                });
+                dispatch({ type: "PLUGINS_SELECT", index: 0 });
+            }
+            return;
         }
-        // New marketplace (show instructions)
-        else if (event.name === "n") {
-            handleShowAddMarketplaceInstructions();
+        // When search query is empty: action shortcuts work normally
+        // Start explicit search mode with /
+        if (event.name === "/") {
+            dispatch({ type: "SET_SEARCHING", isSearching: true });
+            return;
         }
-        // Team config help
-        else if (event.name === "t") {
+        // Action shortcuts (only when query is empty)
+        if (event.name === "r")
+            handleRefresh();
+        else if (event.name === "n")
+            handleShowAddMarketplaceInstructions();
+        else if (event.name === "t")
             handleShowTeamConfigHelp();
-        }
-        // Scope-specific toggle shortcuts (u/p/l)
-        else if (event.name === "u") {
+        else if (event.name === "u")
             handleScopeToggle("user");
-        }
-        else if (event.name === "p") {
+        else if (event.name === "p")
             handleScopeToggle("project");
-        }
-        else if (event.name === "l") {
+        else if (event.name === "l")
             handleScopeToggle("local");
-        }
-        // Update plugin (Shift+U)
-        else if (event.name === "U") {
+        else if (event.name === "U")
             handleUpdate();
-        }
-        // Update all
-        else if (event.name === "a") {
+        else if (event.name === "a")
             handleUpdateAll();
-        }
-        // Delete/uninstall
-        else if (event.name === "d") {
+        else if (event.name === "d")
             handleUninstall();
-        }
-        // Enter for selection
-        else if (event.name === "enter") {
-            handleSelect();
+        else if (event.name === "s")
+            handleSaveAsProfile();
+        // Any other printable letter: start inline search (skip digits — used for tab nav)
+        else if (event.name.length === 1 && !event.ctrl && !event.meta && !/[0-9]/.test(event.name)) {
+            dispatch({ type: "SET_SEARCHING", isSearching: true });
+            dispatch({
+                type: "PLUGINS_SET_SEARCH",
+                query: event.name,
+            });
+            dispatch({ type: "PLUGINS_SELECT", index: 0 });
         }
     });
     // Handle actions
@@ -366,7 +407,8 @@ export function PluginsScreen() {
             const hasMissing = (missing.pip?.length || 0) +
                 (missing.brew?.length || 0) +
                 (missing.npm?.length || 0) +
-                (missing.cargo?.length || 0) > 0;
+                (missing.cargo?.length || 0) >
+                0;
             if (!hasMissing)
                 return;
             // Build description of what will be installed
@@ -399,6 +441,27 @@ export function PluginsScreen() {
             console.error("Error installing plugin deps:", error);
         }
     };
+    /**
+     * Save the installed version to settings after CLI install/update.
+     * Claude CLI doesn't update installedPluginVersions in settings.json,
+     * so we do it ourselves to keep the TUI version display accurate.
+     */
+    const saveVersionAfterInstall = async (pluginId, version, scope) => {
+        try {
+            if (scope === "user") {
+                await saveGlobalInstalledPluginVersion(pluginId, version);
+            }
+            else if (scope === "local") {
+                await saveLocalInstalledPluginVersion(pluginId, version, state.projectPath);
+            }
+            else {
+                await saveInstalledPluginVersion(pluginId, version, state.projectPath);
+            }
+        }
+        catch {
+            // Non-fatal: version display may be stale but plugin still works
+        }
+    };
     const handleSelect = async () => {
         const item = selectableItems[pluginsState.selectedIndex];
         if (!item)
@@ -508,9 +571,11 @@ export function PluginsScreen() {
                 }
                 else if (action === "update") {
                     await cliUpdatePlugin(plugin.id, scope);
+                    await saveVersionAfterInstall(plugin.id, latestVersion, scope);
                 }
                 else {
                     await cliInstallPlugin(plugin.id, scope);
+                    await saveVersionAfterInstall(plugin.id, latestVersion, scope);
                     // On fresh install, configure env vars and install system deps
                     modal.hideModal();
                     await collectPluginEnvVars(plugin.name, plugin.marketplace);
@@ -536,6 +601,7 @@ export function PluginsScreen() {
         modal.loading(`Updating ${plugin.name}...`);
         try {
             await cliUpdatePlugin(plugin.id, scope);
+            await saveVersionAfterInstall(plugin.id, plugin.version || "0.0.0", scope);
             modal.hideModal();
             fetchData();
         }
@@ -555,6 +621,7 @@ export function PluginsScreen() {
         try {
             for (const plugin of updatable) {
                 await cliUpdatePlugin(plugin.id, scope);
+                await saveVersionAfterInstall(plugin.id, plugin.version || "0.0.0", scope);
             }
             modal.hideModal();
             fetchData();
@@ -608,9 +675,11 @@ export function PluginsScreen() {
             }
             else if (action === "update") {
                 await cliUpdatePlugin(plugin.id, scope);
+                await saveVersionAfterInstall(plugin.id, latestVersion, scope);
             }
             else {
                 await cliInstallPlugin(plugin.id, scope);
+                await saveVersionAfterInstall(plugin.id, latestVersion, scope);
                 // On fresh install, configure env vars and install system deps
                 modal.hideModal();
                 await collectPluginEnvVars(plugin.name, plugin.marketplace);
@@ -626,6 +695,37 @@ export function PluginsScreen() {
             await modal.message("Error", `Failed: ${error}`, "error");
         }
     };
+    const handleSaveAsProfile = async () => {
+        // Read current enabledPlugins from project settings
+        const settings = await readSettings(state.projectPath);
+        const enabledPlugins = settings.enabledPlugins ?? {};
+        const name = await modal.input("Save Profile", "Profile name:");
+        if (name === null || !name.trim())
+            return;
+        const scopeChoice = await modal.select("Save to scope", "Where should this profile be saved?", [
+            {
+                label: "User — ~/.claude/profiles.json (available everywhere)",
+                value: "user",
+            },
+            {
+                label: "Project — .claude/profiles.json (shared with team via git)",
+                value: "project",
+            },
+        ]);
+        if (scopeChoice === null)
+            return;
+        const scope = scopeChoice;
+        modal.loading("Saving profile...");
+        try {
+            await saveProfile(name.trim(), enabledPlugins, scope, state.projectPath);
+            modal.hideModal();
+            await modal.message("Saved", `Profile "${name.trim()}" saved.\nPress 6 to manage profiles.`, "success");
+        }
+        catch (error) {
+            modal.hideModal();
+            await modal.message("Error", `Failed to save profile: ${error}`, "error");
+        }
+    };
     const handleUninstall = async () => {
         const item = selectableItems[pluginsState.selectedIndex];
         if (!item || item.type !== "plugin" || !item.plugin)
@@ -719,7 +819,11 @@ export function PluginsScreen() {
             const plugin = item.plugin;
             let statusIcon = "○";
             let statusColor = "gray";
-            if (plugin.enabled) {
+            if (plugin.isOrphaned) {
+                statusIcon = "x";
+                statusColor = "red";
+            }
+            else if (plugin.enabled) {
                 statusIcon = "●";
                 statusColor = "green";
             }
@@ -729,7 +833,10 @@ export function PluginsScreen() {
             }
             // Build version string
             let versionStr = "";
-            if (plugin.installedVersion && plugin.installedVersion !== "0.0.0") {
+            if (plugin.isOrphaned) {
+                versionStr = " deprecated";
+            }
+            else if (plugin.installedVersion && plugin.installedVersion !== "0.0.0") {
                 versionStr = ` v${plugin.installedVersion}`;
                 if (plugin.hasUpdate && plugin.version) {
                     versionStr += ` → v${plugin.version}`;
@@ -746,6 +853,11 @@ export function PluginsScreen() {
             const displayName = segments
                 ? segments.map((seg) => seg.text).join("")
                 : plugin.name;
+            if (plugin.isOrphaned) {
+                const ver = plugin.installedVersion && plugin.installedVersion !== "0.0.0"
+                    ? ` v${plugin.installedVersion}` : "";
+                return (_jsxs("text", { children: [_jsxs("span", { fg: "red", children: ["   ", statusIcon, " "] }), _jsx("span", { fg: "gray", children: displayName }), ver && _jsx("span", { fg: "yellow", children: ver }), _jsx("span", { fg: "red", children: " deprecated" })] }));
+            }
             return (_jsxs("text", { children: [_jsxs("span", { fg: statusColor, children: ["   ", statusIcon, " "] }), _jsx("span", { children: displayName }), _jsx("span", { fg: plugin.hasUpdate ? "yellow" : "gray", children: versionStr })] }));
         }
         return _jsx("text", { fg: "gray", children: item.label });
@@ -783,11 +895,15 @@ export function PluginsScreen() {
                     actionHint = "Remove";
                 }
             }
-            return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "cyan", children: _jsxs("strong", { children: [mp.displayName, getBadge()] }) }), _jsx("text", { fg: "gray", children: mp.description || "No description" }), _jsx("text", { fg: isEnabled ? "green" : "gray", children: isEnabled ? "● Added" : "○ Not added" }), _jsxs("text", { fg: "blue", children: ["github.com/", mp.source.repo] }), _jsxs("text", { children: ["Plugins: ", selectedItem.pluginCount || 0] }), _jsxs("box", { marginTop: 1, children: [_jsx("text", { bg: isEnabled ? "cyan" : "green", fg: "black", children: " Enter " }), _jsxs("text", { fg: "gray", children: [" ", actionHint] })] }), isEnabled && (_jsx("box", { children: _jsx("text", { fg: "gray", children: "\u2190 \u2192 to expand/collapse" }) }))] }));
+            return (_jsxs("box", { flexDirection: "column", children: [_jsx("text", { fg: "cyan", children: _jsxs("strong", { children: [mp.displayName, getBadge()] }) }), _jsx("text", { fg: "gray", children: mp.description || "No description" }), _jsx("text", { fg: isEnabled ? "green" : "gray", children: isEnabled ? "● Added" : "○ Not added" }), _jsxs("text", { fg: "#5c9aff", children: ["github.com/", mp.source.repo] }), _jsxs("text", { children: ["Plugins: ", selectedItem.pluginCount || 0] }), _jsxs("box", { marginTop: 1, children: [_jsxs("text", { bg: isEnabled ? "cyan" : "green", fg: "black", children: [" ", "Enter", " "] }), _jsxs("text", { fg: "gray", children: [" ", actionHint] })] }), isEnabled && (_jsx("box", { children: _jsx("text", { fg: "gray", children: "\u2190 \u2192 to expand/collapse" }) }))] }));
         }
         if (selectedItem.type === "plugin" && selectedItem.plugin) {
             const plugin = selectedItem.plugin;
             const isInstalled = plugin.enabled || plugin.installedVersion;
+            // Orphaned/deprecated plugin
+            if (plugin.isOrphaned) {
+                return (_jsxs("box", { flexDirection: "column", children: [_jsx("box", { justifyContent: "center", children: _jsx("text", { bg: "yellow", fg: "black", children: _jsxs("strong", { children: [" ", plugin.name, " \u2014 DEPRECATED "] }) }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: "yellow", children: "This plugin is no longer in the marketplace." }) }), _jsx("box", { marginTop: 1, children: _jsx("text", { fg: "gray", children: "It was removed from the marketplace but still referenced in your settings. Press d to uninstall and clean up." }) }), isInstalled && (_jsx("box", { flexDirection: "column", marginTop: 2, children: _jsxs("box", { children: [_jsx("text", { bg: "red", fg: "white", children: " d " }), _jsx("text", { children: " Uninstall (recommended)" })] }) }))] }));
+            }
             // Build component counts
             const components = [];
             if (plugin.agents?.length)
@@ -804,14 +920,14 @@ export function PluginsScreen() {
             // Show version only if valid (not null, not 0.0.0)
             const showVersion = plugin.version && plugin.version !== "0.0.0";
             const showInstalledVersion = plugin.installedVersion && plugin.installedVersion !== "0.0.0";
-            return (_jsxs("box", { flexDirection: "column", children: [_jsx("box", { justifyContent: "center", children: _jsx("text", { bg: "magenta", fg: "white", children: _jsxs("strong", { children: [" ", plugin.name, plugin.hasUpdate ? " ⬆" : "", " "] }) }) }), _jsx("box", { marginTop: 1, children: isInstalled ? (_jsx("text", { fg: plugin.enabled ? "green" : "yellow", children: plugin.enabled ? "● Enabled" : "● Disabled" })) : (_jsx("text", { fg: "gray", children: "\u25CB Not installed" })) }), _jsx("box", { marginTop: 1, marginBottom: 1, children: _jsx("text", { fg: "white", children: plugin.description }) }), showVersion && (_jsxs("text", { children: [_jsx("span", { children: "Version " }), _jsxs("span", { fg: "blue", children: ["v", plugin.version] }), showInstalledVersion &&
-                                plugin.installedVersion !== plugin.version && (_jsxs("span", { children: [" (v", plugin.installedVersion, " installed)"] }))] })), plugin.category && (_jsxs("text", { children: [_jsx("span", { children: "Category " }), _jsx("span", { fg: "magenta", children: plugin.category })] })), plugin.author && (_jsxs("text", { children: [_jsx("span", { children: "Author " }), _jsx("span", { children: plugin.author.name })] })), components.length > 0 && (_jsxs("text", { children: [_jsx("span", { children: "Contains " }), _jsx("span", { fg: "yellow", children: components.join(" · ") })] })), _jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }), _jsx("text", { children: _jsx("strong", { children: "Scopes:" }) }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("text", { children: [_jsx("span", { bg: "cyan", fg: "black", children: " u " }), _jsx("span", { fg: plugin.userScope?.enabled ? "cyan" : "gray", children: plugin.userScope?.enabled ? " ● " : " ○ " }), _jsx("span", { fg: "cyan", children: "User" }), _jsx("span", { children: " global" }), plugin.userScope?.version && (_jsxs("span", { fg: "cyan", children: [" v", plugin.userScope.version] }))] }), _jsxs("text", { children: [_jsx("span", { bg: "green", fg: "black", children: " p " }), _jsx("span", { fg: plugin.projectScope?.enabled ? "green" : "gray", children: plugin.projectScope?.enabled ? " ● " : " ○ " }), _jsx("span", { fg: "green", children: "Project" }), _jsx("span", { children: " team" }), plugin.projectScope?.version && (_jsxs("span", { fg: "green", children: [" v", plugin.projectScope.version] }))] }), _jsxs("text", { children: [_jsx("span", { bg: "yellow", fg: "black", children: " l " }), _jsx("span", { fg: plugin.localScope?.enabled ? "yellow" : "gray", children: plugin.localScope?.enabled ? " ● " : " ○ " }), _jsx("span", { fg: "yellow", children: "Local" }), _jsx("span", { children: " private" }), plugin.localScope?.version && (_jsxs("span", { fg: "yellow", children: [" v", plugin.localScope.version] }))] })] })] }), isInstalled && (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [plugin.hasUpdate && (_jsxs("box", { children: [_jsx("text", { bg: "magenta", fg: "white", children: " U " }), _jsxs("text", { children: [" Update to v", plugin.version] })] })), _jsxs("box", { children: [_jsx("text", { bg: "red", fg: "white", children: " d " }), _jsx("text", { children: " Uninstall" })] })] }))] }));
+            return (_jsxs("box", { flexDirection: "column", children: [_jsx("box", { justifyContent: "center", children: _jsx("text", { bg: "magenta", fg: "white", children: _jsxs("strong", { children: [" ", plugin.name, plugin.hasUpdate ? " ⬆" : "", " "] }) }) }), _jsx("box", { marginTop: 1, children: isInstalled ? (_jsx("text", { fg: plugin.enabled ? "green" : "yellow", children: plugin.enabled ? "● Enabled" : "● Disabled" })) : (_jsx("text", { fg: "gray", children: "\u25CB Not installed" })) }), _jsx("box", { marginTop: 1, marginBottom: 1, children: _jsx("text", { fg: "white", children: plugin.description }) }), showVersion && (_jsxs("text", { children: [_jsx("span", { children: "Version " }), _jsxs("span", { fg: "#5c9aff", children: ["v", plugin.version] }), showInstalledVersion &&
+                                plugin.installedVersion !== plugin.version && (_jsxs("span", { children: [" (v", plugin.installedVersion, " installed)"] }))] })), plugin.category && (_jsxs("text", { children: [_jsx("span", { children: "Category " }), _jsx("span", { fg: "magenta", children: plugin.category })] })), plugin.author && (_jsxs("text", { children: [_jsx("span", { children: "Author " }), _jsx("span", { children: plugin.author.name })] })), components.length > 0 && (_jsxs("text", { children: [_jsx("span", { children: "Contains " }), _jsx("span", { fg: "yellow", children: components.join(" · ") })] })), _jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }), _jsx("text", { children: _jsx("strong", { children: "Scopes:" }) }), _jsxs("box", { marginTop: 1, flexDirection: "column", children: [_jsxs("text", { children: [_jsxs("span", { bg: "cyan", fg: "black", children: [" ", "u", " "] }), _jsx("span", { fg: plugin.userScope?.enabled ? "cyan" : "gray", children: plugin.userScope?.enabled ? " ● " : " ○ " }), _jsx("span", { fg: "cyan", children: "User" }), _jsx("span", { children: " global" }), plugin.userScope?.version && (_jsxs("span", { fg: "cyan", children: [" v", plugin.userScope.version] }))] }), _jsxs("text", { children: [_jsxs("span", { bg: "green", fg: "black", children: [" ", "p", " "] }), _jsx("span", { fg: plugin.projectScope?.enabled ? "green" : "gray", children: plugin.projectScope?.enabled ? " ● " : " ○ " }), _jsx("span", { fg: "green", children: "Project" }), _jsx("span", { children: " team" }), plugin.projectScope?.version && (_jsxs("span", { fg: "green", children: [" v", plugin.projectScope.version] }))] }), _jsxs("text", { children: [_jsxs("span", { bg: "yellow", fg: "black", children: [" ", "l", " "] }), _jsx("span", { fg: plugin.localScope?.enabled ? "yellow" : "gray", children: plugin.localScope?.enabled ? " ● " : " ○ " }), _jsx("span", { fg: "yellow", children: "Local" }), _jsx("span", { children: " private" }), plugin.localScope?.version && (_jsxs("span", { fg: "yellow", children: [" v", plugin.localScope.version] }))] })] })] }), isInstalled && (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [plugin.hasUpdate && (_jsxs("box", { children: [_jsxs("text", { bg: "magenta", fg: "white", children: [" ", "U", " "] }), _jsxs("text", { children: [" Update to v", plugin.version] })] })), _jsxs("box", { children: [_jsxs("text", { bg: "red", fg: "white", children: [" ", "d", " "] }), _jsx("text", { children: " Uninstall" })] })] }))] }));
         }
         return null;
     };
-    const footerHints = isSearchActive
-        ? "Type to search │ Enter Confirm │ Esc Cancel"
-        : "u/p/l:scope │ U:update │ a:all │ d:remove │ n:add │ t:team │ /:search";
+    const footerHints = isSearchActive || pluginsState.searchQuery
+        ? "↑↓:nav │ Enter:select │ Esc:clear │ type to filter"
+        : "u/p/l:scope │ U:update │ a:all │ d:remove │ s:profile │ type to search";
     // Calculate status for subtitle
     const scopeLabel = pluginsState.scope === "global" ? "Global" : "Project";
     const plugins = pluginsState.plugins.status === "success" ? pluginsState.plugins.data : [];