@laststance/claude-plugin-dashboard 0.1.1 → 0.2.1

package/dist/services/componentService.js

@@ -0,0 +1,178 @@
+/**
+ * Component service for detecting plugin component types
+ * Parses plugin.json and scans plugin directory structure to identify
+ * skills, commands, agents, hooks, MCP servers, and LSP servers
+ */
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { readJsonFile, directoryExists, fileExists } from './fileService.js';
+/**
+ * Detect all component types for a plugin at the given install path
+ * @param installPath - Absolute path to the installed plugin directory
+ * @returns PluginComponents object with detected component counts
+ * - Returns undefined values for components that are not present
+ * - Returns counts > 0 for components that exist
+ * @example
+ * const components = detectPluginComponents('/path/to/plugin')
+ * // => { skills: 5, commands: 2, mcpServers: 1 }
+ */
+export function detectPluginComponents(installPath) {
+    if (!directoryExists(installPath)) {
+        return undefined;
+    }
+    const components = {};
+    // Detect skills (count directories in skills/ folder)
+    const skillsCount = countSkills(installPath);
+    if (skillsCount > 0) {
+        components.skills = skillsCount;
+    }
+    // Detect commands (count .md files in commands/ folder)
+    const commandsCount = countMarkdownFiles(installPath, 'commands');
+    if (commandsCount > 0) {
+        components.commands = commandsCount;
+    }
+    // Detect agents (count .md files in agents/ folder)
+    const agentsCount = countMarkdownFiles(installPath, 'agents');
+    if (agentsCount > 0) {
+        components.agents = agentsCount;
+    }
+    // Detect hooks
+    const hasHooks = detectHooks(installPath);
+    if (hasHooks) {
+        components.hooks = true;
+    }
+    // Detect MCP servers from plugin.json
+    const mcpCount = countMcpServers(installPath);
+    if (mcpCount > 0) {
+        components.mcpServers = mcpCount;
+    }
+    // Detect LSP servers from .lsp.json
+    const lspCount = countLspServers(installPath);
+    if (lspCount > 0) {
+        components.lspServers = lspCount;
+    }
+    // Return undefined if no components detected
+    if (Object.keys(components).length === 0) {
+        return undefined;
+    }
+    return components;
+}
+/**
+ * Count skill directories in the skills/ folder
+ * Skills are stored as subdirectories with SKILL.md files
+ * @param installPath - Plugin install path
+ * @returns Number of skill directories
+ */
+function countSkills(installPath) {
+    const skillsPath = path.join(installPath, 'skills');
+    if (!directoryExists(skillsPath)) {
+        return 0;
+    }
+    try {
+        const entries = fs.readdirSync(skillsPath, { withFileTypes: true });
+        return entries.filter((entry) => entry.isDirectory()).length;
+    }
+    catch {
+        return 0;
+    }
+}
+/**
+ * Count .md files in a specific directory
+ * @param installPath - Plugin install path
+ * @param subdir - Subdirectory name ('commands' or 'agents')
+ * @returns Number of .md files
+ */
+function countMarkdownFiles(installPath, subdir) {
+    const dirPath = path.join(installPath, subdir);
+    if (!directoryExists(dirPath)) {
+        return 0;
+    }
+    try {
+        const files = fs.readdirSync(dirPath);
+        return files.filter((file) => file.endsWith('.md')).length;
+    }
+    catch {
+        return 0;
+    }
+}
+/**
+ * Detect if plugin has hooks configured
+ * Checks for hooks/ directory or hooks.json file
+ * @param installPath - Plugin install path
+ * @returns true if hooks are configured
+ */
+function detectHooks(installPath) {
+    const hooksDir = path.join(installPath, 'hooks');
+    const hooksJson = path.join(installPath, 'hooks.json');
+    return directoryExists(hooksDir) || fileExists(hooksJson);
+}
+/**
+ * Count MCP servers defined in plugin.json
+ * @param installPath - Plugin install path
+ * @returns Number of MCP server configurations
+ */
+function countMcpServers(installPath) {
+    // Check both .claude-plugin/plugin.json and plugin.json at root
+    const pluginJsonPaths = [
+        path.join(installPath, '.claude-plugin', 'plugin.json'),
+        path.join(installPath, 'plugin.json'),
+    ];
+    for (const pluginJsonPath of pluginJsonPaths) {
+        const pluginJson = readJsonFile(pluginJsonPath);
+        if (pluginJson?.mcpServers) {
+            return Object.keys(pluginJson.mcpServers).length;
+        }
+    }
+    return 0;
+}
+/**
+ * Count LSP servers defined in .lsp.json
+ * @param installPath - Plugin install path
+ * @returns Number of LSP server configurations
+ */
+function countLspServers(installPath) {
+    const lspJsonPath = path.join(installPath, '.lsp.json');
+    const lspConfig = readJsonFile(lspJsonPath);
+    if (!lspConfig) {
+        return 0;
+    }
+    return Object.keys(lspConfig).length;
+}
+/**
+ * Check if a plugin has any components
+ * @param components - PluginComponents object
+ * @returns true if at least one component type is present
+ * @example
+ * hasAnyComponents({ skills: 2 }) // => true
+ * hasAnyComponents({}) // => false
+ * hasAnyComponents(undefined) // => false
+ */
+export function hasAnyComponents(components) {
+    if (!components) {
+        return false;
+    }
+    return ((components.skills ?? 0) > 0 ||
+        (components.commands ?? 0) > 0 ||
+        (components.agents ?? 0) > 0 ||
+        components.hooks === true ||
+        (components.mcpServers ?? 0) > 0 ||
+        (components.lspServers ?? 0) > 0);
+}
+/**
+ * Get total component count for a plugin
+ * @param components - PluginComponents object
+ * @returns Total number of components (hooks count as 1)
+ * @example
+ * getTotalComponentCount({ skills: 3, commands: 2, hooks: true }) // => 6
+ */
+export function getTotalComponentCount(components) {
+    if (!components) {
+        return 0;
+    }
+    return ((components.skills ?? 0) +
+        (components.commands ?? 0) +
+        (components.agents ?? 0) +
+        (components.hooks ? 1 : 0) +
+        (components.mcpServers ?? 0) +
+        (components.lspServers ?? 0));
+}

package/dist/services/marketplaceActionsService.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Marketplace actions service for add/remove/update operations
+ * Executes `claude plugin marketplace <action>` as subprocess
+ */
+/**
+ * Result of a marketplace CLI action
+ */
+export interface MarketplaceActionResult {
+    success: boolean;
+    message: string;
+    error?: string;
+}
+/**
+ * Add a new marketplace via Claude CLI
+ * @param source - Marketplace source (e.g., "owner/repo", "https://...", "./local-path")
+ * @returns Promise resolving to action result
+ * @example
+ * // GitHub shorthand
+ * addMarketplace('anthropics/claude-plugins')
+ * // Git URL
+ * addMarketplace('https://github.com/org/plugins.git')
+ * // Local path
+ * addMarketplace('./my-marketplace')
+ */
+export declare function addMarketplace(source: string): Promise<MarketplaceActionResult>;
+/**
+ * Remove an existing marketplace via Claude CLI
+ * @param name - Marketplace name/identifier to remove
+ * @returns Promise resolving to action result
+ * @example
+ * removeMarketplace('my-marketplace')
+ */
+export declare function removeMarketplace(name: string): Promise<MarketplaceActionResult>;
+/**
+ * Update marketplace catalog(s) via Claude CLI
+ * @param name - Optional marketplace name. If omitted, updates all marketplaces.
+ * @returns Promise resolving to action result
+ * @example
+ * // Update specific marketplace
+ * updateMarketplace('claude-plugins-official')
+ * // Update all marketplaces
+ * updateMarketplace()
+ */
+export declare function updateMarketplace(name?: string): Promise<MarketplaceActionResult>;

package/dist/services/marketplaceActionsService.js

@@ -0,0 +1,92 @@
+/**
+ * Marketplace actions service for add/remove/update operations
+ * Executes `claude plugin marketplace <action>` as subprocess
+ */
+import { spawn } from 'node:child_process';
+/**
+ * Add a new marketplace via Claude CLI
+ * @param source - Marketplace source (e.g., "owner/repo", "https://...", "./local-path")
+ * @returns Promise resolving to action result
+ * @example
+ * // GitHub shorthand
+ * addMarketplace('anthropics/claude-plugins')
+ * // Git URL
+ * addMarketplace('https://github.com/org/plugins.git')
+ * // Local path
+ * addMarketplace('./my-marketplace')
+ */
+export function addMarketplace(source) {
+    return executeMarketplaceCommand(['plugin', 'marketplace', 'add', source], `Added marketplace: ${source}`, `Failed to add marketplace: ${source}`);
+}
+/**
+ * Remove an existing marketplace via Claude CLI
+ * @param name - Marketplace name/identifier to remove
+ * @returns Promise resolving to action result
+ * @example
+ * removeMarketplace('my-marketplace')
+ */
+export function removeMarketplace(name) {
+    return executeMarketplaceCommand(['plugin', 'marketplace', 'remove', name], `Removed marketplace: ${name}`, `Failed to remove marketplace: ${name}`);
+}
+/**
+ * Update marketplace catalog(s) via Claude CLI
+ * @param name - Optional marketplace name. If omitted, updates all marketplaces.
+ * @returns Promise resolving to action result
+ * @example
+ * // Update specific marketplace
+ * updateMarketplace('claude-plugins-official')
+ * // Update all marketplaces
+ * updateMarketplace()
+ */
+export function updateMarketplace(name) {
+    const args = ['plugin', 'marketplace', 'update'];
+    if (name) {
+        args.push(name);
+    }
+    return executeMarketplaceCommand(args, name ? `Updated ${name}` : 'Updated all marketplaces', `Failed to update ${name || 'marketplaces'}`);
+}
+/**
+ * Execute a marketplace CLI command with generic args and messages
+ * @param args - CLI arguments to pass to claude command
+ * @param successMessage - Message to return on success
+ * @param failureMessage - Message to return on failure
+ * @returns Promise resolving to action result
+ */
+function executeMarketplaceCommand(args, successMessage, failureMessage) {
+    return new Promise((resolve) => {
+        const child = spawn('claude', args, {
+            stdio: ['ignore', 'pipe', 'pipe'],
+            shell: false,
+        });
+        let stdout = '';
+        let stderr = '';
+        child.stdout?.on('data', (data) => {
+            stdout += data.toString();
+        });
+        child.stderr?.on('data', (data) => {
+            stderr += data.toString();
+        });
+        child.on('close', (code) => {
+            if (code === 0) {
+                resolve({
+                    success: true,
+                    message: successMessage,
+                });
+            }
+            else {
+                resolve({
+                    success: false,
+                    message: failureMessage,
+                    error: stderr || stdout || `Exit code: ${code}`,
+                });
+            }
+        });
+        child.on('error', (err) => {
+            resolve({
+                success: false,
+                message: 'Failed to execute claude command',
+                error: err.message,
+            });
+        });
+    });
+}

package/dist/services/pluginService.d.ts

@@ -54,6 +54,16 @@ export declare function searchPlugins(query: string, plugins?: Plugin[]): Plugin
  * @returns Sorted plugins array
  */
 export declare function sortPlugins(plugins: Plugin[], sortBy: 'installs' | 'name' | 'date', order: 'asc' | 'desc'): Plugin[];
+/**
+ * Search marketplaces by query
+ * Filters marketplaces by name, id, and source URL/repo
+ * @param query - Search query
+ * @param marketplaces - Marketplaces to search
+ * @returns Filtered marketplaces matching the query
+ * @example
+ * searchMarketplaces('official', marketplaces) // => marketplaces with 'official' in name/id
+ */
+export declare function searchMarketplaces(query: string, marketplaces: Marketplace[]): Marketplace[];
 /**
  * Get plugin statistics
  * @returns Object with various plugin counts

package/dist/services/pluginService.js

@@ -4,6 +4,7 @@
  */
 import { readJsonFile, directoryExists, listDirectories, } from './fileService.js';
 import { getEnabledPlugins } from './settingsService.js';
+import { detectPluginComponents } from './componentService.js';
 import { PATHS, getMarketplaceJsonPath } from '../utils/paths.js';
 /**
  * Load all plugins from all marketplaces
@@ -44,6 +45,10 @@ export function loadAllPlugins() {
                 for (const plugin of manifest.plugins) {
                     const pluginId = `${plugin.name}@${marketplace}`;
                     const installedEntry = installedMap.get(pluginId);
+                    // Detect components for installed plugins
+                    const components = installedEntry
+                        ? detectPluginComponents(installedEntry.installPath)
+                        : undefined;
                     plugins.push({
                         id: pluginId,
                         name: plugin.name,
@@ -61,6 +66,7 @@ export function loadAllPlugins() {
                         tags: plugin.tags || plugin.keywords,
                         isLocal: installedEntry?.isLocal,
                         gitCommitSha: installedEntry?.gitCommitSha,
+                        components,
                     });
                 }
             }
@@ -172,6 +178,22 @@ export function sortPlugins(plugins, sortBy, order) {
     });
     return sorted;
 }
+/**
+ * Search marketplaces by query
+ * Filters marketplaces by name, id, and source URL/repo
+ * @param query - Search query
+ * @param marketplaces - Marketplaces to search
+ * @returns Filtered marketplaces matching the query
+ * @example
+ * searchMarketplaces('official', marketplaces) // => marketplaces with 'official' in name/id
+ */
+export function searchMarketplaces(query, marketplaces) {
+    const lowerQuery = query.toLowerCase();
+    return marketplaces.filter((m) => m.name.toLowerCase().includes(lowerQuery) ||
+        m.id.toLowerCase().includes(lowerQuery) ||
+        m.source.url?.toLowerCase().includes(lowerQuery) ||
+        m.source.repo?.toLowerCase().includes(lowerQuery));
+}
 /**
  * Get plugin statistics
  * @returns Object with various plugin counts

package/dist/tabs/DiscoverTab.d.ts

@@ -2,14 +2,15 @@
  * DiscoverTab component
  * Browse all available plugins from all marketplaces
  */
-import type { Plugin, AppState } from '../types/index.js';
+import type { Plugin, AppState, FocusZone } from '../types/index.js';
 interface DiscoverTabProps {
     plugins: Plugin[];
     selectedIndex: number;
     searchQuery: string;
     sortBy: AppState['sortBy'];
     sortOrder: AppState['sortOrder'];
-    isSearchMode?: boolean;
+    /** Current focus zone for keyboard navigation */
+    focusZone?: FocusZone;
 }
 /**
  * Discover tab - browse all plugins
@@ -20,7 +21,8 @@ interface DiscoverTabProps {
  *   searchQuery={state.searchQuery}
  *   sortBy={state.sortBy}
  *   sortOrder={state.sortOrder}
+ *   focusZone="list"
  * />
  */
-export default function DiscoverTab({ plugins, selectedIndex, searchQuery, sortBy, sortOrder, isSearchMode, }: DiscoverTabProps): import("react/jsx-runtime").JSX.Element;
+export default function DiscoverTab({ plugins, selectedIndex, searchQuery, sortBy, sortOrder, focusZone, }: DiscoverTabProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/tabs/DiscoverTab.js

@@ -17,9 +17,10 @@ import SortDropdown from '../components/SortDropdown.js';
  *   searchQuery={state.searchQuery}
  *   sortBy={state.sortBy}
  *   sortOrder={state.sortOrder}
+ *   focusZone="list"
  * />
  */
-export default function DiscoverTab({ plugins, selectedIndex, searchQuery, sortBy, sortOrder, isSearchMode = false, }) {
+export default function DiscoverTab({ plugins, selectedIndex, searchQuery, sortBy, sortOrder, focusZone = 'list', }) {
     const selectedPlugin = plugins[selectedIndex] ?? null;
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { marginBottom: 1, gap: 2, children: [_jsxs(Text, { bold: true, children: ["Discover plugins (", plugins.length > 0 ? `${selectedIndex + 1}/${plugins.length}` : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsx(SortDropdown, { sortBy: sortBy, sortOrder: sortOrder })] }), _jsx(Box, { marginBottom: 1, children: _jsx(SearchInput, { query: searchQuery, isActive: isSearchMode, placeholder: "Type to search..." }) }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginList, { plugins: plugins, selectedIndex: selectedIndex, visibleCount: 12 }) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginDetail, { plugin: selectedPlugin }) })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { marginBottom: 1, gap: 2, children: [_jsxs(Text, { bold: true, children: ["Discover plugins (", plugins.length > 0 ? `${selectedIndex + 1}/${plugins.length}` : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsx(SortDropdown, { sortBy: sortBy, sortOrder: sortOrder })] }), _jsx(Box, { marginBottom: 1, children: _jsx(SearchInput, { query: searchQuery, isActive: focusZone === 'search', placeholder: "Type to search..." }) }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginList, { plugins: plugins, selectedIndex: selectedIndex, visibleCount: 12, isFocused: focusZone === 'list' }) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginDetail, { plugin: selectedPlugin }) })] })] }));
 }

package/dist/tabs/EnabledTab.d.ts

@@ -0,0 +1,24 @@
+/**
+ * EnabledTab component
+ * View and manage enabled plugins (installed + enabled)
+ */
+import type { Plugin, FocusZone } from '../types/index.js';
+interface EnabledTabProps {
+    plugins: Plugin[];
+    selectedIndex: number;
+    searchQuery?: string;
+    /** Current focus zone for keyboard navigation */
+    focusZone?: FocusZone;
+}
+/**
+ * Enabled tab - view currently active plugins
+ * @param plugins - Filtered enabled plugins (search already applied by parent)
+ * @param selectedIndex - Currently selected item index
+ * @param searchQuery - Current search query string
+ * @param focusZone - Current focus zone for keyboard navigation
+ * @returns Enabled tab component
+ * @example
+ * <EnabledTab plugins={enabledPlugins} selectedIndex={0} searchQuery="" focusZone="list" />
+ */
+export default function EnabledTab({ plugins, selectedIndex, searchQuery, focusZone, }: EnabledTabProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/tabs/EnabledTab.js

@@ -0,0 +1,26 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * EnabledTab component
+ * View and manage enabled plugins (installed + enabled)
+ */
+import { Box, Text } from 'ink';
+import PluginList from '../components/PluginList.js';
+import PluginDetail from '../components/PluginDetail.js';
+import SearchInput from '../components/SearchInput.js';
+/**
+ * Enabled tab - view currently active plugins
+ * @param plugins - Filtered enabled plugins (search already applied by parent)
+ * @param selectedIndex - Currently selected item index
+ * @param searchQuery - Current search query string
+ * @param focusZone - Current focus zone for keyboard navigation
+ * @returns Enabled tab component
+ * @example
+ * <EnabledTab plugins={enabledPlugins} selectedIndex={0} searchQuery="" focusZone="list" />
+ */
+export default function EnabledTab({ plugins, selectedIndex, searchQuery = '', focusZone = 'list', }) {
+    // Plugins are already filtered by parent, use directly
+    const selectedPlugin = plugins[selectedIndex] ?? null;
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { marginBottom: 1, gap: 2, children: [_jsxs(Text, { bold: true, children: ["Enabled plugins (", plugins.length > 0 ? `${selectedIndex + 1}/${plugins.length}` : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsx(Text, { dimColor: true, children: "Currently active in Claude Code" })] }), _jsx(Box, { marginBottom: 1, children: _jsx(SearchInput, { query: searchQuery, isActive: focusZone === 'search', placeholder: "Type to search enabled plugins..." }) }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: plugins.length === 0 ? (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: searchQuery ? 'No matching plugins' : 'No enabled plugins' }), _jsx(Text, { dimColor: true, children: searchQuery
+                                        ? 'Try a different search term'
+                                        : 'Enable plugins in the Installed tab or use /plugin enable' })] })) : (_jsx(PluginList, { plugins: plugins, selectedIndex: selectedIndex, visibleCount: 12, isFocused: focusZone === 'list' })) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginDetail, { plugin: selectedPlugin }) })] })] }));
+}

package/dist/tabs/InstalledTab.d.ts

@@ -2,15 +2,22 @@
  * InstalledTab component
  * View and manage installed plugins
  */
-import type { Plugin } from '../types/index.js';
+import type { Plugin, FocusZone } from '../types/index.js';
 interface InstalledTabProps {
     plugins: Plugin[];
     selectedIndex: number;
+    searchQuery?: string;
+    /** Current focus zone for keyboard navigation */
+    focusZone?: FocusZone;
 }
 /**
  * Installed tab - manage installed plugins
+ * @param plugins - Filtered installed plugins (search already applied by parent)
+ * @param selectedIndex - Currently selected item index
+ * @param searchQuery - Current search query string
+ * @param focusZone - Current focus zone for keyboard navigation
  * @example
- * <InstalledTab plugins={installedPlugins} selectedIndex={0} />
+ * <InstalledTab plugins={installedPlugins} selectedIndex={0} searchQuery="" focusZone="list" />
  */
-export default function InstalledTab({ plugins, selectedIndex, }: InstalledTabProps): import("react/jsx-runtime").JSX.Element;
+export default function InstalledTab({ plugins, selectedIndex, searchQuery, focusZone, }: InstalledTabProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/tabs/InstalledTab.js

@@ -6,19 +6,23 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import PluginList from '../components/PluginList.js';
 import PluginDetail from '../components/PluginDetail.js';
+import SearchInput from '../components/SearchInput.js';
 /**
  * Installed tab - manage installed plugins
+ * @param plugins - Filtered installed plugins (search already applied by parent)
+ * @param selectedIndex - Currently selected item index
+ * @param searchQuery - Current search query string
+ * @param focusZone - Current focus zone for keyboard navigation
  * @example
- * <InstalledTab plugins={installedPlugins} selectedIndex={0} />
+ * <InstalledTab plugins={installedPlugins} selectedIndex={0} searchQuery="" focusZone="list" />
  */
-export default function InstalledTab({ plugins, selectedIndex, }) {
-    // Filter to installed plugins only
-    const installedPlugins = plugins.filter((p) => p.isInstalled);
-    const selectedPlugin = installedPlugins[selectedIndex] ?? null;
+export default function InstalledTab({ plugins, selectedIndex, searchQuery = '', focusZone = 'list', }) {
+    // Plugins are already filtered by parent, use directly
+    const selectedPlugin = plugins[selectedIndex] ?? null;
     // Count enabled/disabled
-    const enabledCount = installedPlugins.filter((p) => p.isEnabled).length;
-    const disabledCount = installedPlugins.length - enabledCount;
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { marginBottom: 1, gap: 2, children: [_jsxs(Text, { bold: true, children: ["Installed plugins (", installedPlugins.length > 0
-                                ? `${selectedIndex + 1}/${installedPlugins.length}`
-                                : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsxs(Box, { gap: 2, children: [_jsxs(Text, { color: "green", children: ["\u25CF ", enabledCount, " enabled"] }), _jsxs(Text, { color: "yellow", children: ["\u25D0 ", disabledCount, " disabled"] })] })] }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: installedPlugins.length === 0 ? (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "No plugins installed" }), _jsxs(Text, { dimColor: true, children: ["Use the Discover tab or", ' ', _jsx(Text, { color: "white", children: "/plugin install" }), " in Claude Code"] })] })) : (_jsx(PluginList, { plugins: installedPlugins, selectedIndex: selectedIndex, visibleCount: 12 })) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginDetail, { plugin: selectedPlugin }) })] })] }));
+    const enabledCount = plugins.filter((p) => p.isEnabled).length;
+    const disabledCount = plugins.length - enabledCount;
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { marginBottom: 1, gap: 2, children: [_jsxs(Text, { bold: true, children: ["Installed plugins (", plugins.length > 0 ? `${selectedIndex + 1}/${plugins.length}` : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsxs(Box, { gap: 2, children: [_jsxs(Text, { color: "green", children: ["\u25CF ", enabledCount, " enabled"] }), _jsxs(Text, { color: "yellow", children: ["\u25D0 ", disabledCount, " disabled"] })] })] }), _jsx(Box, { marginBottom: 1, children: _jsx(SearchInput, { query: searchQuery, isActive: focusZone === 'search', placeholder: "Type to search installed plugins..." }) }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: plugins.length === 0 ? (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: searchQuery ? 'No matching plugins' : 'No plugins installed' }), _jsx(Text, { dimColor: true, children: searchQuery
+                                        ? 'Try a different search term'
+                                        : 'Use the Discover tab or /plugin install in Claude Code' })] })) : (_jsx(PluginList, { plugins: plugins, selectedIndex: selectedIndex, visibleCount: 12, isFocused: focusZone === 'list' })) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(PluginDetail, { plugin: selectedPlugin }) })] })] }));
 }

package/dist/tabs/MarketplacesTab.d.ts

@@ -2,15 +2,22 @@
  * MarketplacesTab component
  * View and manage marketplace sources
  */
-import type { Marketplace } from '../types/index.js';
+import type { Marketplace, FocusZone } from '../types/index.js';
 interface MarketplacesTabProps {
     marketplaces: Marketplace[];
     selectedIndex: number;
+    searchQuery?: string;
+    /** Current focus zone for keyboard navigation */
+    focusZone?: FocusZone;
 }
 /**
  * Marketplaces tab - manage plugin sources
+ * @param marketplaces - Filtered marketplaces (search already applied by parent)
+ * @param selectedIndex - Currently selected item index
+ * @param searchQuery - Current search query string
+ * @param focusZone - Current focus zone for keyboard navigation
  * @example
- * <MarketplacesTab marketplaces={marketplaces} selectedIndex={0} />
+ * <MarketplacesTab marketplaces={marketplaces} selectedIndex={0} searchQuery="" focusZone="list" />
  */
-export default function MarketplacesTab({ marketplaces, selectedIndex, }: MarketplacesTabProps): import("react/jsx-runtime").JSX.Element;
+export default function MarketplacesTab({ marketplaces, selectedIndex, searchQuery, focusZone, }: MarketplacesTabProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/tabs/MarketplacesTab.js

@@ -6,16 +6,25 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import MarketplaceList from '../components/MarketplaceList.js';
 import MarketplaceDetail from '../components/MarketplaceDetail.js';
+import SearchInput from '../components/SearchInput.js';
 /**
  * Marketplaces tab - manage plugin sources
+ * @param marketplaces - Filtered marketplaces (search already applied by parent)
+ * @param selectedIndex - Currently selected item index
+ * @param searchQuery - Current search query string
+ * @param focusZone - Current focus zone for keyboard navigation
  * @example
- * <MarketplacesTab marketplaces={marketplaces} selectedIndex={0} />
+ * <MarketplacesTab marketplaces={marketplaces} selectedIndex={0} searchQuery="" focusZone="list" />
  */
-export default function MarketplacesTab({ marketplaces, selectedIndex, }) {
+export default function MarketplacesTab({ marketplaces, selectedIndex, searchQuery = '', focusZone = 'list', }) {
     const selectedMarketplace = marketplaces[selectedIndex] ?? null;
     // Count total plugins across all marketplaces
     const totalPlugins = marketplaces.reduce((sum, m) => sum + (m.pluginCount || 0), 0);
     return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { marginBottom: 1, gap: 2, children: [_jsxs(Text, { bold: true, children: ["Marketplaces (", marketplaces.length > 0
                                 ? `${selectedIndex + 1}/${marketplaces.length}`
-                                : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsxs(Text, { color: "gray", children: [totalPlugins, " total plugins"] })] }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: marketplaces.length === 0 ? (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "No marketplaces found" }), _jsxs(Text, { dimColor: true, children: ["Add marketplaces with", ' ', _jsx(Text, { color: "white", children: "/plugin add-marketplace" })] })] })) : (_jsx(MarketplaceList, { marketplaces: marketplaces, selectedIndex: selectedIndex })) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(MarketplaceDetail, { marketplace: selectedMarketplace }) })] })] }));
+                                : '0', ")"] }), _jsx(Box, { flexGrow: 1 }), _jsxs(Text, { color: "gray", children: [totalPlugins, " total plugins"] })] }), _jsx(Box, { marginBottom: 1, children: _jsx(SearchInput, { query: searchQuery, isActive: focusZone === 'search', placeholder: "Type to search marketplaces..." }) }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { width: "50%", flexDirection: "column", children: marketplaces.length === 0 ? (_jsxs(Box, { padding: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: searchQuery
+                                        ? 'No matching marketplaces'
+                                        : 'No marketplaces found' }), _jsx(Text, { dimColor: true, children: searchQuery
+                                        ? 'Try a different search term'
+                                        : 'Add marketplaces with /plugin add-marketplace' })] })) : (_jsx(MarketplaceList, { marketplaces: marketplaces, selectedIndex: selectedIndex, isFocused: focusZone === 'list' })) }), _jsx(Box, { width: "50%", flexDirection: "column", children: _jsx(MarketplaceDetail, { marketplace: selectedMarketplace }) })] })] }));
 }