@laststance/claude-plugin-dashboard 0.2.3 → 0.3.2

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,114 @@
  * 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;
+}
+/**
+ * Extended component information with full SKILL.md parsing
+ * Used for Component detail view in PluginDetail panel
+ *
+ * @example
+ * {
+ *   name: "sentry-code-review",
+ *   description: "Analyze and resolve Sentry comments...",
+ *   type: "skill",
+ *   allowedTools: ["Read", "Edit", "Write", "Bash", "Grep"],
+ *   fullDescription: "Full markdown body content...",
+ *   filePath: "/Users/.../skills/sentry-code-review/SKILL.md"
+ * }
+ */
+export interface ComponentDetailedInfo extends ComponentInfo {
+    /** Allowed tools from SKILL.md frontmatter (allowed-tools field) */
+    allowedTools?: string[];
+    /** Full markdown body content (after frontmatter) */
+    fullDescription?: string;
+    /** Absolute file path for reference */
+    filePath?: string;
+}
+/**
+ * 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 +171,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 +207,7 @@ export interface Marketplace {
     installLocation: string;
     lastUpdated: string;
     pluginCount?: number;
+    autoUpdate?: boolean;
 }
 /**
  * Structure of known_marketplaces.json file
@@ -111,6 +221,7 @@ export interface KnownMarketplacesFile {
         };
         installLocation: string;
         lastUpdated: string;
+        autoUpdate?: boolean;
     };
 }
 /**
@@ -128,6 +239,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
@@ -178,7 +295,7 @@ export interface Settings {
  * Focus zones for keyboard navigation
  * Defines which UI area currently has keyboard focus
  */
-export type FocusZone = 'tabbar' | 'search' | 'list';
+export type FocusZone = 'tabbar' | 'search' | 'list' | 'components';
 /**
  * Marketplace operation types
  */
@@ -211,12 +328,20 @@ export interface AppState {
     error: string | null;
     /** Status message */
     message: string | null;
-    /** Current async operation (install/uninstall) */
-    operation: 'idle' | 'installing' | 'uninstalling';
+    /** Current async operation (install/uninstall/update) */
+    operation: 'idle' | 'installing' | 'uninstalling' | 'updating';
     /** Plugin ID being operated on */
     operationPluginId: string | null;
     /** Whether confirmation dialog is showing */
     confirmUninstall: boolean;
+    /** Whether update all confirmation dialog is showing */
+    confirmUpdateAll: boolean;
+    /** Progress of bulk update operation */
+    updateProgress: {
+        current: number;
+        total: number;
+        pluginId: string;
+    } | null;
     /** Whether help overlay is showing */
     showHelp: boolean;
     /** Current marketplace operation */
@@ -229,6 +354,12 @@ 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;
+    /** Selected component index within the current plugin */
+    selectedComponentIndex: number;
 }
 /**
  * Action types for useReducer
@@ -282,7 +413,7 @@ export type Action = {
 } | {
     type: 'START_OPERATION';
     payload: {
-        operation: 'installing' | 'uninstalling';
+        operation: 'installing' | 'uninstalling' | 'updating';
         pluginId: string;
     };
 } | {
@@ -317,4 +448,25 @@ 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';
+} | {
+    type: 'SET_COMPONENT_INDEX';
+    payload: number;
+} | {
+    type: 'MOVE_COMPONENT_SELECTION';
+    payload: 'up' | 'down';
+    maxIndex: number;
+} | {
+    type: 'ENTER_COMPONENT_MODE';
+} | {
+    type: 'EXIT_COMPONENT_MODE';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laststance/claude-plugin-dashboard",
-  "version": "0.2.3",
+  "version": "0.3.2",
   "description": "Interactive CLI dashboard to manage Claude Code plugins",
   "license": "MIT",
   "author": "Ryota Murakami <ryota.murakami@laststance.io> (https://github.com/ryota-murakami)",
@@ -47,13 +47,19 @@
     "prettier": "prettier --ignore-unknown --write .",
     "test": "vitest",
     "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest run --coverage",
+    "push-release-commit": "push-release-commit"
   },
   "dependencies": {
+    "@reduxjs/toolkit": "^2.11.2",
+    "fullscreen-ink": "^0.1.0",
     "ink": "^5.1.0",
-    "react": "^18.3.1"
+    "react": "^18.3.1",
+    "react-redux": "^9.2.0",
+    "ts-pattern": "^5.9.0"
   },
   "devDependencies": {
+    "@laststance/npm-publish-tool": "^2.1.0",
     "@sindresorhus/tsconfig": "^6.0.0",
     "@types/node": "^22.10.2",
     "@types/react": "^18.3.18",
@@ -62,6 +68,7 @@
     "ink-testing-library": "^4.0.0",
     "lint-staged": "^16.2.7",
     "prettier": "^3.7.4",
+    "release-it": "^19.2.4",
     "typescript": "^5.7.2",
     "vitest": "^4.0.16"
   }