@laststance/claude-plugin-dashboard 0.2.3 → 0.3.0

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 }) })] })] }));
 }

package/dist/types/index.d.ts

@@ -3,7 +3,92 @@
  * These types aggregate data from multiple Claude Code configuration files
  */
 /**
- * Component types provided by a plugin
+ * Component type identifier
+ */
+export type ComponentType = 'skill' | 'command' | 'agent' | 'hook' | 'mcp' | 'lsp';
+/**
+ * Individual component information with name and optional description
+ *
+ * Data Source Architecture:
+ * ```
+ * ┌─────────────────────────────────────────────────────────────┐
+ * │                    Plugin Installed?                        │
+ * │                          │                                  │
+ * │           ┌──── YES ─────┴───── NO ────┐                    │
+ * │           │                            │                    │
+ * │           ▼                            ▼                    │
+ * │  ┌─────────────────────┐    ┌─────────────────────┐         │
+ * │  │  File System Scan   │    │  Marketplace JSON   │         │
+ * │  │  ─────────────────  │    │  ─────────────────  │         │
+ * │  │  skills/{name}/     │    │  skills: [          │         │
+ * │  │  commands/{name}.md │    │    "./skills/xlsx"  │         │
+ * │  │  agents/{name}.md   │    │  ]                  │         │
+ * │  │  plugin.json keys   │    │                     │         │
+ * │  └─────────────────────┘    └─────────────────────┘         │
+ * │           │                            │                    │
+ * │           ▼                            ▼                    │
+ * │  Names + Descriptions          Names only (if available)    │
+ * │                                                             │
+ * │           └────────────────────────────┘                    │
+ * │                          │                                  │
+ * │                          ▼                                  │
+ * │              PluginComponentsDetailed                       │
+ * │              ─────────────────────────                      │
+ * │              {                                              │
+ * │                skills: [                                    │
+ * │                  { name: "xlsx", description: "..." },      │
+ * │                  { name: "docx" }                           │
+ * │                ],                                           │
+ * │                mcpServers: ["supabase", "context7"]         │
+ * │              }                                              │
+ * └─────────────────────────────────────────────────────────────┘
+ * ```
+ *
+ * @example
+ * // Skill with description (from SKILL.md frontmatter)
+ * { name: "xlsx", description: "Spreadsheet editing", type: "skill" }
+ *
+ * @example
+ * // Command without description
+ * { name: "code-review", type: "command" }
+ */
+export interface ComponentInfo {
+    /** Component name (e.g., "xlsx", "code-review") */
+    name: string;
+    /** Optional description from SKILL.md frontmatter or first line of .md file */
+    description?: string;
+    /** Component type for display categorization */
+    type: ComponentType;
+}
+/**
+ * Detailed component information for a plugin
+ * Extends PluginComponents (counts) with actual component names and descriptions
+ *
+ * @example
+ * {
+ *   skills: [
+ *     { name: "xlsx", description: "Spreadsheet editing", type: "skill" },
+ *     { name: "docx", type: "skill" }
+ *   ],
+ *   mcpServers: ["supabase", "context7"]
+ * }
+ */
+export interface PluginComponentsDetailed {
+    /** Skill details (name + optional description) */
+    skills?: ComponentInfo[];
+    /** Command details */
+    commands?: ComponentInfo[];
+    /** Agent details */
+    agents?: ComponentInfo[];
+    /** Hook event names */
+    hooks?: string[];
+    /** MCP server names from plugin.json mcpServers keys */
+    mcpServers?: string[];
+    /** LSP server language IDs from .lsp.json keys */
+    lspServers?: string[];
+}
+/**
+ * Component types provided by a plugin (counts only)
  * Detected by scanning plugin directory structure and plugin.json
  * @example
  * { skills: 5, commands: 2, mcpServers: 1 } // Plugin with skills, commands, and MCP
@@ -64,6 +149,8 @@ export interface Plugin {
     gitCommitSha?: string;
     /** Component types provided by this plugin (skills, commands, MCP, etc.) */
     components?: PluginComponents;
+    /** Detailed component info with names and descriptions */
+    componentsDetailed?: PluginComponentsDetailed;
 }
 /**
  * Raw installed plugin data from installed_plugins.json
@@ -98,6 +185,7 @@ export interface Marketplace {
     installLocation: string;
     lastUpdated: string;
     pluginCount?: number;
+    autoUpdate?: boolean;
 }
 /**
  * Structure of known_marketplaces.json file
@@ -111,6 +199,7 @@ export interface KnownMarketplacesFile {
         };
         installLocation: string;
         lastUpdated: string;
+        autoUpdate?: boolean;
     };
 }
 /**
@@ -128,6 +217,12 @@ export interface MarketplacePluginEntry {
     homepage?: string;
     tags?: string[];
     keywords?: string[];
+    /** Skill paths from marketplace.json (e.g., ["./skills/xlsx"]) */
+    skills?: string[];
+    /** Agent paths from marketplace.json */
+    agents?: string[];
+    /** Command paths from marketplace.json */
+    commands?: string[];
 }
 /**
  * Structure of marketplace.json file
@@ -229,6 +324,10 @@ export interface AppState {
     showAddMarketplaceDialog: boolean;
     /** Error message for add marketplace dialog */
     addMarketplaceError: string | null;
+    /** Whether marketplace action menu is showing */
+    showMarketplaceActionMenu: boolean;
+    /** Selected index in marketplace action menu */
+    actionMenuSelectedIndex: number;
 }
 /**
  * Action types for useReducer
@@ -317,4 +416,14 @@ export type Action = {
 } | {
     type: 'SET_ADD_MARKETPLACE_ERROR';
     payload: string | null;
+} | {
+    type: 'SHOW_MARKETPLACE_ACTION_MENU';
+} | {
+    type: 'HIDE_MARKETPLACE_ACTION_MENU';
+} | {
+    type: 'SET_ACTION_MENU_INDEX';
+    payload: number;
+} | {
+    type: 'MOVE_ACTION_MENU_SELECTION';
+    payload: 'up' | 'down';
 };