@laststance/claude-plugin-dashboard 0.2.2 → 0.3.0

package/dist/components/PluginList.js

@@ -26,15 +26,27 @@ export default function PluginList({ plugins, selectedIndex, visibleCount = 15,
     const visiblePlugins = plugins.slice(startIndex, endIndex);
     const hasMore = endIndex < plugins.length;
     const hasPrevious = startIndex > 0;
-    return (_jsxs(Box, { flexDirection: "column", children: [hasPrevious && _jsxs(Text, { dimColor: true, children: ["\u2191 ", startIndex, " more above"] }), visiblePlugins.map((plugin, index) => {
+    // Calculate fixed height: each item is 2 lines + 1 line for top indicator + 1 line for bottom indicator
+    // Total fixed lines: visibleCount * 2 (items) + 2 (indicators)
+    const totalLines = visibleCount * 2 + 2;
+    // Lines used by items
+    const itemLines = visiblePlugins.length * 2;
+    // Lines used by indicators (always rendered, but may be empty)
+    const topIndicatorLine = 1;
+    const bottomIndicatorLine = 1;
+    // Calculate padding lines needed to maintain fixed height
+    const usedLines = itemLines + topIndicatorLine + bottomIndicatorLine;
+    const paddingLines = Math.max(0, totalLines - usedLines);
+    return (_jsxs(Box, { flexDirection: "column", height: totalLines, children: [_jsx(Text, { dimColor: true, children: hasPrevious ? `↑ ${startIndex} more above` : ' ' }), visiblePlugins.map((plugin, index) => {
                 const actualIndex = startIndex + index;
                 const isSelected = actualIndex === selectedIndex;
-                return (_jsxs(Box, { paddingX: 1, children: [_jsx(Box, { width: 2, children: isSelected && isFocused ? (_jsx(Text, { color: "cyan", children: '>' })) : isSelected ? (_jsx(Text, { color: "gray", children: '›' })) : (_jsx(Text, { children: " " })) }), _jsx(Box, { width: 2, children: _jsx(StatusIcon, { isInstalled: plugin.isInstalled, isEnabled: plugin.isEnabled }) }), _jsxs(Box, { flexGrow: 1, flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, color: isSelected && isFocused
-                                                ? 'cyan'
-                                                : isSelected
-                                                    ? 'gray'
-                                                    : 'white', children: plugin.name }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: "gray", children: truncate(plugin.marketplace, 20) }), plugin.installCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsxs(Text, { color: "gray", children: [formatCount(plugin.installCount), " installs"] })] }))] }), _jsx(Text, { dimColor: true, wrap: "truncate", children: truncate(plugin.description, 60) })] })] }, plugin.id));
-            }), hasMore && (_jsxs(Text, { dimColor: true, children: ["\u2193 ", plugins.length - endIndex, " more below"] }))] }));
+                return (_jsxs(Box, { paddingX: 1, height: 2, children: [_jsx(Box, { width: 2, children: isSelected && isFocused ? (_jsx(Text, { color: "cyan", children: '>' })) : isSelected ? (_jsx(Text, { color: "gray", children: '›' })) : (_jsx(Text, { children: " " })) }), _jsx(Box, { width: 2, children: _jsx(StatusIcon, { isInstalled: plugin.isInstalled, isEnabled: plugin.isEnabled }) }), _jsxs(Box, { flexDirection: "column", overflow: "hidden", children: [_jsx(Box, { height: 1, children: _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { bold: true, color: isSelected && isFocused
+                                                    ? 'cyan'
+                                                    : isSelected
+                                                        ? 'gray'
+                                                        : 'white', children: plugin.name }), _jsx(Text, { dimColor: true, children: " \u00B7 " }), _jsx(Text, { color: "gray", children: truncate(plugin.marketplace, 20) }), plugin.installCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " \u00B7 " }), _jsxs(Text, { color: "gray", children: [formatCount(plugin.installCount), " installs"] })] }))] }) }), _jsx(Box, { height: 1, children: _jsx(Text, { dimColor: true, wrap: "truncate", children: truncate(plugin.description, 60) }) })] })] }, plugin.id));
+            }), paddingLines > 0 &&
+                Array.from({ length: paddingLines }).map((_, i) => (_jsx(Text, { children: " " }, `pad-${i}`))), _jsx(Text, { dimColor: true, children: hasMore ? `↓ ${plugins.length - endIndex} more below` : ' ' })] }));
 }
 /**
  * Truncate text to max length with ellipsis

package/dist/services/componentService.d.ts

@@ -3,7 +3,7 @@
  * Parses plugin.json and scans plugin directory structure to identify
  * skills, commands, agents, hooks, MCP servers, and LSP servers
  */
-import type { PluginComponents } from '../types/index.js';
+import type { PluginComponents, PluginComponentsDetailed } from '../types/index.js';
 /**
  * Detect all component types for a plugin at the given install path
  * @param installPath - Absolute path to the installed plugin directory
@@ -15,6 +15,17 @@ import type { PluginComponents } from '../types/index.js';
  * // => { skills: 5, commands: 2, mcpServers: 1 }
  */
 export declare function detectPluginComponents(installPath: string): PluginComponents | undefined;
+/**
+ * Detect detailed components for an installed plugin
+ * Reads skills/, commands/, agents/ directories and parses plugin.json
+ * @param installPath - Absolute path to installed plugin directory
+ * @returns Detailed component info with names and descriptions
+ * - Returns undefined if path doesn't exist or has no components
+ * @example
+ * detectComponentsDetailed('/path/to/plugin')
+ * // => { skills: [{ name: 'xlsx', description: '...', type: 'skill' }] }
+ */
+export declare function detectComponentsDetailed(installPath: string): PluginComponentsDetailed | undefined;
 /**
  * Check if a plugin has any components
  * @param components - PluginComponents object

package/dist/services/componentService.js

@@ -57,6 +57,244 @@ export function detectPluginComponents(installPath) {
     }
     return components;
 }
+/**
+ * Detect detailed components for an installed plugin
+ * Reads skills/, commands/, agents/ directories and parses plugin.json
+ * @param installPath - Absolute path to installed plugin directory
+ * @returns Detailed component info with names and descriptions
+ * - Returns undefined if path doesn't exist or has no components
+ * @example
+ * detectComponentsDetailed('/path/to/plugin')
+ * // => { skills: [{ name: 'xlsx', description: '...', type: 'skill' }] }
+ */
+export function detectComponentsDetailed(installPath) {
+    if (!directoryExists(installPath)) {
+        return undefined;
+    }
+    const detailed = {};
+    // Skills: Read directory names + SKILL.md frontmatter
+    const skills = getSkillDetails(installPath);
+    if (skills.length > 0) {
+        detailed.skills = skills;
+    }
+    // Commands: Read .md filenames
+    const commands = getMarkdownFileDetails(installPath, 'commands', 'command');
+    if (commands.length > 0) {
+        detailed.commands = commands;
+    }
+    // Agents: Read .md filenames
+    const agents = getMarkdownFileDetails(installPath, 'agents', 'agent');
+    if (agents.length > 0) {
+        detailed.agents = agents;
+    }
+    // Hooks: Read event names from hooks.json or hooks/ directory
+    const hooks = getHookNames(installPath);
+    if (hooks.length > 0) {
+        detailed.hooks = hooks;
+    }
+    // MCP Servers: Read plugin.json mcpServers keys
+    const mcpServers = getMcpServerNames(installPath);
+    if (mcpServers.length > 0) {
+        detailed.mcpServers = mcpServers;
+    }
+    // LSP Servers: Read .lsp.json keys
+    const lspServers = getLspServerNames(installPath);
+    if (lspServers.length > 0) {
+        detailed.lspServers = lspServers;
+    }
+    // Return undefined if no components detected
+    if (Object.keys(detailed).length === 0) {
+        return undefined;
+    }
+    return detailed;
+}
+/**
+ * Get skill details from skills/ directory
+ * Reads directory names and parses SKILL.md frontmatter for descriptions
+ * @param installPath - Plugin install path
+ * @returns Array of ComponentInfo for each skill
+ */
+function getSkillDetails(installPath) {
+    const skillsPath = path.join(installPath, 'skills');
+    if (!directoryExists(skillsPath)) {
+        return [];
+    }
+    try {
+        const entries = fs.readdirSync(skillsPath, { withFileTypes: true });
+        return entries
+            .filter((entry) => entry.isDirectory())
+            .map((entry) => {
+            const skillMdPath = path.join(skillsPath, entry.name, 'SKILL.md');
+            const description = parseSkillMdDescription(skillMdPath);
+            return {
+                name: entry.name,
+                description,
+                type: 'skill',
+            };
+        });
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Parse SKILL.md frontmatter for description
+ * Looks for `description:` field in YAML frontmatter
+ * @param skillMdPath - Path to SKILL.md file
+ * @returns Description string or undefined
+ */
+function parseSkillMdDescription(skillMdPath) {
+    if (!fileExists(skillMdPath)) {
+        return undefined;
+    }
+    try {
+        const content = fs.readFileSync(skillMdPath, 'utf-8');
+        // Match YAML frontmatter description field
+        const match = content.match(/^---\n[\s\S]*?description:\s*["']?(.+?)["']?\s*\n[\s\S]*?---/m);
+        return match?.[1]?.trim();
+    }
+    catch {
+        return undefined;
+    }
+}
+/**
+ * Get component details from .md files in a directory
+ * Uses filename (minus extension) as component name
+ * @param installPath - Plugin install path
+ * @param subdir - Subdirectory name ('commands' or 'agents')
+ * @param type - Component type
+ * @returns Array of ComponentInfo
+ */
+function getMarkdownFileDetails(installPath, subdir, type) {
+    const dirPath = path.join(installPath, subdir);
+    if (!directoryExists(dirPath)) {
+        return [];
+    }
+    try {
+        const files = fs.readdirSync(dirPath);
+        return files
+            .filter((file) => file.endsWith('.md'))
+            .map((file) => {
+            const name = file.replace(/\.md$/, '');
+            const filePath = path.join(dirPath, file);
+            const description = parseFirstLineDescription(filePath);
+            return {
+                name,
+                description,
+                type,
+            };
+        });
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Parse first non-empty line of a markdown file as description
+ * Properly skips YAML frontmatter block and strips heading markers
+ * @param filePath - Path to markdown file
+ * @returns First non-frontmatter, non-empty line or undefined
+ * @example
+ * // File: "---\nname: test\n---\n# My Title\n"
+ * parseFirstLineDescription(path) // => "My Title"
+ */
+function parseFirstLineDescription(filePath) {
+    try {
+        const content = fs.readFileSync(filePath, 'utf-8');
+        const lines = content.split('\n');
+        let inFrontmatter = false;
+        let frontmatterClosed = false;
+        for (const line of lines) {
+            const trimmed = line.trim();
+            // Detect frontmatter delimiter
+            if (trimmed === '---') {
+                if (!inFrontmatter && !frontmatterClosed) {
+                    // Opening delimiter
+                    inFrontmatter = true;
+                    continue;
+                }
+                else if (inFrontmatter) {
+                    // Closing delimiter
+                    inFrontmatter = false;
+                    frontmatterClosed = true;
+                    continue;
+                }
+            }
+            // Skip lines inside frontmatter
+            if (inFrontmatter) {
+                continue;
+            }
+            // Skip empty lines
+            if (!trimmed) {
+                continue;
+            }
+            // Found first content line - remove heading markers and return
+            return trimmed.replace(/^#+\s*/, '');
+        }
+        return undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+/**
+ * Get hook event names from hooks configuration
+ * @param installPath - Plugin install path
+ * @returns Array of hook event names
+ */
+function getHookNames(installPath) {
+    // Try hooks.json first
+    const hooksJsonPath = path.join(installPath, 'hooks.json');
+    const hooksJson = readJsonFile(hooksJsonPath);
+    if (hooksJson) {
+        return Object.keys(hooksJson);
+    }
+    // Try hooks/ directory
+    const hooksDir = path.join(installPath, 'hooks');
+    if (directoryExists(hooksDir)) {
+        try {
+            const files = fs.readdirSync(hooksDir);
+            return files
+                .filter((f) => f.endsWith('.json') || f.endsWith('.js'))
+                .map((f) => f.replace(/\.(json|js)$/, ''));
+        }
+        catch {
+            return [];
+        }
+    }
+    return [];
+}
+/**
+ * Get MCP server names from plugin.json
+ * @param installPath - Plugin install path
+ * @returns Array of MCP server names
+ */
+function getMcpServerNames(installPath) {
+    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);
+        }
+    }
+    return [];
+}
+/**
+ * Get LSP server language IDs from .lsp.json
+ * @param installPath - Plugin install path
+ * @returns Array of language IDs
+ */
+function getLspServerNames(installPath) {
+    const lspJsonPath = path.join(installPath, '.lsp.json');
+    const lspConfig = readJsonFile(lspJsonPath);
+    if (!lspConfig) {
+        return [];
+    }
+    return Object.keys(lspConfig);
+}
 /**
  * Count skill directories in the skills/ folder
  * Skills are stored as subdirectories with SKILL.md files

package/dist/services/marketplaceActionsService.d.ts

@@ -42,3 +42,20 @@ export declare function removeMarketplace(name: string): Promise<MarketplaceActi
  * updateMarketplace()
  */
 export declare function updateMarketplace(name?: string): Promise<MarketplaceActionResult>;
+/**
+ * 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
+ */
+/**
+ * Toggle auto-update setting for a marketplace
+ * @param marketplaceId - The marketplace identifier
+ * @param currentValue - Current auto-update state
+ * @returns Promise resolving to action result with new state
+ * @example
+ * toggleAutoUpdate('claude-plugins-official', false) // enables auto-update
+ * toggleAutoUpdate('claude-plugins-official', true) // disables auto-update
+ */
+export declare function toggleAutoUpdate(marketplaceId: string, currentValue: boolean): Promise<MarketplaceActionResult>;

package/dist/services/marketplaceActionsService.js

@@ -52,6 +52,24 @@ export function updateMarketplace(name) {
  * @param failureMessage - Message to return on failure
  * @returns Promise resolving to action result
  */
+/**
+ * Toggle auto-update setting for a marketplace
+ * @param marketplaceId - The marketplace identifier
+ * @param currentValue - Current auto-update state
+ * @returns Promise resolving to action result with new state
+ * @example
+ * toggleAutoUpdate('claude-plugins-official', false) // enables auto-update
+ * toggleAutoUpdate('claude-plugins-official', true) // disables auto-update
+ */
+export function toggleAutoUpdate(marketplaceId, currentValue) {
+    const newValue = !currentValue;
+    const args = newValue
+        ? ['plugin', 'marketplace', 'auto-update', 'enable', marketplaceId]
+        : ['plugin', 'marketplace', 'auto-update', 'disable', marketplaceId];
+    return executeMarketplaceCommand(args, newValue
+        ? `Enabled auto-update for ${marketplaceId}`
+        : `Disabled auto-update for ${marketplaceId}`, `Failed to toggle auto-update for ${marketplaceId}`);
+}
 function executeMarketplaceCommand(args, successMessage, failureMessage) {
     return new Promise((resolve) => {
         const child = spawn('claude', args, {

package/dist/services/pluginService.js

@@ -4,7 +4,7 @@
  */
 import { readJsonFile, directoryExists, listDirectories, } from './fileService.js';
 import { getEnabledPlugins } from './settingsService.js';
-import { detectPluginComponents } from './componentService.js';
+import { detectPluginComponents, detectComponentsDetailed, } from './componentService.js';
 import { PATHS, getMarketplaceJsonPath } from '../utils/paths.js';
 /**
  * Load all plugins from all marketplaces
@@ -45,10 +45,20 @@ export function loadAllPlugins() {
                 for (const plugin of manifest.plugins) {
                     const pluginId = `${plugin.name}@${marketplace}`;
                     const installedEntry = installedMap.get(pluginId);
-                    // Detect components for installed plugins
+                    // Detect components for installed plugins (counts)
                     const components = installedEntry
                         ? detectPluginComponents(installedEntry.installPath)
                         : undefined;
+                    // Detect detailed components
+                    // - For installed: read from file system (names + descriptions)
+                    // - For not installed: parse from marketplace JSON (names only)
+                    let componentsDetailed;
+                    if (installedEntry) {
+                        componentsDetailed = detectComponentsDetailed(installedEntry.installPath);
+                    }
+                    else {
+                        componentsDetailed = parseMarketplaceComponents(plugin);
+                    }
                     plugins.push({
                         id: pluginId,
                         name: plugin.name,
@@ -67,6 +77,7 @@ export function loadAllPlugins() {
                         isLocal: installedEntry?.isLocal,
                         gitCommitSha: installedEntry?.gitCommitSha,
                         components,
+                        componentsDetailed,
                     });
                 }
             }
@@ -120,6 +131,7 @@ export function loadMarketplaces() {
             installLocation: data.installLocation,
             lastUpdated: data.lastUpdated,
             pluginCount,
+            autoUpdate: data.autoUpdate ?? false,
         });
     }
     // Sort by plugin count (descending)
@@ -208,3 +220,67 @@ export function getPluginStatistics() {
         marketplaces: marketplaces.length,
     };
 }
+/**
+ * Parse component names from marketplace plugin entry
+ * Extracts component names from skills[], agents[], commands[] arrays
+ * @param plugin - Marketplace plugin entry
+ * @returns Detailed components with names only (no descriptions)
+ * @example
+ * parseMarketplaceComponents({ skills: ['./skills/xlsx', './skills/docx'] })
+ * // => { skills: [{ name: 'xlsx', type: 'skill' }, { name: 'docx', type: 'skill' }] }
+ */
+function parseMarketplaceComponents(plugin) {
+    const detailed = {};
+    // Parse skills array (e.g., ["./skills/xlsx", "./skills/docx"])
+    if (plugin.skills && Array.isArray(plugin.skills)) {
+        const skills = plugin.skills
+            .map((skillPath) => extractComponentName(skillPath, 'skill'))
+            .filter((item) => item !== null);
+        if (skills.length > 0) {
+            detailed.skills = skills;
+        }
+    }
+    // Parse agents array (if available in marketplace)
+    if (plugin.agents && Array.isArray(plugin.agents)) {
+        const agents = plugin.agents
+            .map((agentPath) => extractComponentName(agentPath, 'agent'))
+            .filter((item) => item !== null);
+        if (agents.length > 0) {
+            detailed.agents = agents;
+        }
+    }
+    // Parse commands array (if available in marketplace)
+    if (plugin.commands && Array.isArray(plugin.commands)) {
+        const commands = plugin.commands
+            .map((cmdPath) => extractComponentName(cmdPath, 'command'))
+            .filter((item) => item !== null);
+        if (commands.length > 0) {
+            detailed.commands = commands;
+        }
+    }
+    // Return undefined if no components found
+    if (Object.keys(detailed).length === 0) {
+        return undefined;
+    }
+    return detailed;
+}
+/**
+ * Extract component name from path string
+ * @param pathStr - Path like "./skills/xlsx" or just "xlsx"
+ * @param type - Component type
+ * @returns ComponentInfo or null if invalid
+ */
+function extractComponentName(pathStr, type) {
+    if (typeof pathStr !== 'string' || !pathStr.trim()) {
+        return null;
+    }
+    // Extract basename from path
+    // "./skills/xlsx" -> "xlsx"
+    // "xlsx" -> "xlsx"
+    const parts = pathStr.split('/');
+    const name = parts[parts.length - 1]?.trim();
+    if (!name) {
+        return null;
+    }
+    return { name, type };
+}

package/dist/tabs/DiscoverTab.js

@@ -22,5 +22,5 @@ import SortDropdown from '../components/SortDropdown.js';
  */
 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: 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 }) })] })] }));
+    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, overflow: "hidden", children: [_jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", children: _jsx(PluginList, { plugins: plugins, selectedIndex: selectedIndex, visibleCount: 12, isFocused: focusZone === 'list' }) }), _jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", children: _jsx(PluginDetail, { plugin: selectedPlugin }, selectedPlugin?.id ?? 'none') })] })] }));
 }

package/dist/tabs/EnabledTab.js

@@ -20,7 +20,7 @@ import SearchInput from '../components/SearchInput.js';
 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
+    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, overflow: "hidden", children: [_jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", 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 }) })] })] }));
+                                        : '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", overflow: "hidden", children: _jsx(PluginDetail, { plugin: selectedPlugin }, selectedPlugin?.id ?? 'none') })] })] }));
 }

package/dist/tabs/InstalledTab.js

@@ -22,7 +22,7 @@ export default function InstalledTab({ plugins, selectedIndex, searchQuery = '',
     // Count enabled/disabled
     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
+    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, overflow: "hidden", children: [_jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", 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 }) })] })] }));
+                                        : '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", overflow: "hidden", children: _jsx(PluginDetail, { plugin: selectedPlugin }, selectedPlugin?.id ?? 'none') })] })] }));
 }

package/dist/tabs/MarketplacesTab.d.ts

@@ -9,6 +9,10 @@ interface MarketplacesTabProps {
     searchQuery?: string;
     /** Current focus zone for keyboard navigation */
     focusZone?: FocusZone;
+    /** Whether to show the marketplace action menu */
+    showActionMenu?: boolean;
+    /** Selected index in the action menu */
+    actionMenuSelectedIndex?: number;
 }
 /**
  * Marketplaces tab - manage plugin sources
@@ -16,8 +20,17 @@ interface MarketplacesTabProps {
  * @param selectedIndex - Currently selected item index
  * @param searchQuery - Current search query string
  * @param focusZone - Current focus zone for keyboard navigation
+ * @param showActionMenu - Whether to show the action menu
+ * @param actionMenuSelectedIndex - Selected index in action menu
  * @example
- * <MarketplacesTab marketplaces={marketplaces} selectedIndex={0} searchQuery="" focusZone="list" />
+ * <MarketplacesTab
+ *   marketplaces={marketplaces}
+ *   selectedIndex={0}
+ *   searchQuery=""
+ *   focusZone="list"
+ *   showActionMenu={false}
+ *   actionMenuSelectedIndex={0}
+ * />
  */
-export default function MarketplacesTab({ marketplaces, selectedIndex, searchQuery, focusZone, }: MarketplacesTabProps): import("react/jsx-runtime").JSX.Element;
+export default function MarketplacesTab({ marketplaces, selectedIndex, searchQuery, focusZone, showActionMenu, actionMenuSelectedIndex, }: MarketplacesTabProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/tabs/MarketplacesTab.js

@@ -13,18 +13,27 @@ import SearchInput from '../components/SearchInput.js';
  * @param selectedIndex - Currently selected item index
  * @param searchQuery - Current search query string
  * @param focusZone - Current focus zone for keyboard navigation
+ * @param showActionMenu - Whether to show the action menu
+ * @param actionMenuSelectedIndex - Selected index in action menu
  * @example
- * <MarketplacesTab marketplaces={marketplaces} selectedIndex={0} searchQuery="" focusZone="list" />
+ * <MarketplacesTab
+ *   marketplaces={marketplaces}
+ *   selectedIndex={0}
+ *   searchQuery=""
+ *   focusZone="list"
+ *   showActionMenu={false}
+ *   actionMenuSelectedIndex={0}
+ * />
  */
-export default function MarketplacesTab({ marketplaces, selectedIndex, searchQuery = '', focusZone = 'list', }) {
+export default function MarketplacesTab({ marketplaces, selectedIndex, searchQuery = '', focusZone = 'list', showActionMenu = false, actionMenuSelectedIndex = 0, }) {
     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"] })] }), _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
+                                : '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, overflow: "hidden", children: [_jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", 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 }) })] })] }));
+                                        : 'Add marketplaces with /plugin add-marketplace' })] })) : (_jsx(MarketplaceList, { marketplaces: marketplaces, selectedIndex: selectedIndex, isFocused: focusZone === 'list' })) }), _jsx(Box, { width: "50%", flexDirection: "column", overflow: "hidden", children: _jsx(MarketplaceDetail, { marketplace: selectedMarketplace, showActionMenu: showActionMenu, actionMenuSelectedIndex: actionMenuSelectedIndex }) })] })] }));
 }