@laststance/claude-plugin-dashboard 0.2.2 → 0.2.3

package/README.md

@@ -244,6 +244,17 @@ MIT © [Laststance.io](https://github.com/laststance)
 
 ## Changelog
 
+### v0.2.2
+
+- Claude Code v2.1.3 compatibility (unified Skills/Commands model)
+
+### v0.2.1
+
+- **Marketplace Management**: Add/remove/refresh marketplaces directly from dashboard
+- **Plugin Component Types**: Display skills, agents, hooks, MCP servers in detail view
+- **Bug Fix**: Search filter now works correctly in Enabled and Installed tabs
+- **CI/CD**: GitHub Actions workflow, CI and Codecov badges
+
 ### v0.2.0
 
 - **Enabled tab**: New default view showing active plugins (installed AND enabled)

package/dist/app.js

@@ -513,7 +513,7 @@ export default function App() {
         }
         // Handle plugin uninstall confirmation dialog
         if (state.confirmUninstall && state.operationPluginId) {
-            if (input === 'y' || input === 'Y') {
+            if (input === 'y' || input === 'Y' || key.return) {
                 dispatch({ type: 'HIDE_CONFIRM_UNINSTALL' });
                 handleUninstall(state.operationPluginId);
                 return;
@@ -527,7 +527,7 @@ export default function App() {
         }
         // Handle marketplace remove confirmation dialog
         if (state.confirmRemoveMarketplace && state.operationMarketplaceId) {
-            if (input === 'y' || input === 'Y') {
+            if (input === 'y' || input === 'Y' || key.return) {
                 dispatch({ type: 'HIDE_CONFIRM_REMOVE_MARKETPLACE' });
                 handleRemoveMarketplace(state.operationMarketplaceId);
                 return;

package/dist/components/ComponentBadges.d.ts

@@ -1,7 +1,7 @@
 /**
  * ComponentBadges component
- * Displays plugin component type badges with icons and counts
- * Icons: Skills(S), Commands(/), Agents(@), Hooks(H), MCP(M), LSP(L)
+ * Displays plugin component type badges with readable text labels and counts
+ * Labels: Skills, Slash, Agents, Hooks, MCP, LSP
  */
 import type { PluginComponents } from '../types/index.js';
 /**
@@ -18,7 +18,7 @@ export interface ComponentBadgesProps {
  * @returns Badges component or null if no components
  * @example
  * <ComponentBadges components={{ skills: 5, commands: 2 }} />
- * // Renders: [S:5] [/:2]
+ * // Renders: Skills:5 Slash:2
  */
 export default function ComponentBadges({ components, }: ComponentBadgesProps): React.ReactNode;
 /**

package/dist/components/ComponentBadges.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * ComponentBadges component
- * Displays plugin component type badges with icons and counts
- * Icons: Skills(S), Commands(/), Agents(@), Hooks(H), MCP(M), LSP(L)
+ * Displays plugin component type badges with readable text labels and counts
+ * Labels: Skills, Slash, Agents, Hooks, MCP, LSP
  */
 import { Box, Text } from 'ink';
 /**
- * Badge configurations with intuitive abbreviations and colors
+ * Badge configurations with readable text labels and colors
  */
 const BADGE_CONFIGS = [
-    { label: 'S', color: 'magenta', key: 'skills' },
-    { label: '/', color: 'cyan', key: 'commands' },
-    { label: '@', color: 'blue', key: 'agents' },
-    { label: 'H', color: 'yellow', key: 'hooks', isBoolean: true },
-    { label: 'M', color: 'green', key: 'mcpServers' },
-    { label: 'L', color: 'blueBright', key: 'lspServers' },
+    { label: 'Skills', color: 'magenta', key: 'skills' },
+    { label: 'Slash', color: 'cyan', key: 'commands' },
+    { label: 'Agents', color: 'blue', key: 'agents' },
+    { label: 'Hooks', color: 'yellow', key: 'hooks', isBoolean: true },
+    { label: 'MCP', color: 'green', key: 'mcpServers' },
+    { label: 'LSP', color: 'blueBright', key: 'lspServers' },
 ];
 /**
  * Displays component type badges for a plugin
@@ -23,7 +23,7 @@ const BADGE_CONFIGS = [
  * @returns Badges component or null if no components
  * @example
  * <ComponentBadges components={{ skills: 5, commands: 2 }} />
- * // Renders: [S:5] [/:2]
+ * // Renders: Skills:5 Slash:2
  */
 export default function ComponentBadges({ components, }) {
     if (!components) {
@@ -43,9 +43,10 @@ export default function ComponentBadges({ components, }) {
 }
 /**
  * Single badge component
+ * Renders as "Label:count" without brackets for better readability
  */
 function Badge({ label, count, color, }) {
-    return (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "[" }), _jsx(Text, { color: color, bold: true, children: label }), count !== undefined && _jsxs(Text, { dimColor: true, children: [":", count] }), _jsx(Text, { dimColor: true, children: "]" })] }));
+    return (_jsxs(Text, { children: [_jsx(Text, { color: color, bold: true, children: label }), count !== undefined && _jsxs(Text, { dimColor: true, children: [":", count] })] }));
 }
 /**
  * Get a human-readable description of component types

package/dist/components/MarketplaceDetail.js

@@ -13,7 +13,7 @@ export default function MarketplaceDetail({ marketplace, }) {
     if (!marketplace) {
         return (_jsx(Box, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "gray", children: _jsx(Text, { dimColor: true, children: "Select a marketplace to view details" }) }));
     }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "cyan", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: marketplace.name || marketplace.id }) }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(DetailRow, { label: "ID", value: marketplace.id }), _jsx(DetailRow, { label: "Plugins", value: `${marketplace.pluginCount || 0}` }), _jsx(DetailRow, { label: "Source", value: marketplace.source.source }), marketplace.source.url && (_jsx(DetailRow, { label: "URL", value: marketplace.source.url })), marketplace.source.repo && (_jsx(DetailRow, { label: "Repo", value: marketplace.source.repo })), _jsx(DetailRow, { label: "Last Updated", value: formatDate(marketplace.lastUpdated) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "Install Location:" }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: marketplace.installLocation })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "cyan", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: marketplace.name || marketplace.id }) }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(DetailRow, { label: "ID", value: marketplace.id }), _jsx(DetailRow, { label: "Plugins", value: `${marketplace.pluginCount || 0}` }), _jsx(DetailRow, { label: "Source", value: marketplace.source.source }), marketplace.source.url && (_jsx(DetailRow, { label: "URL", value: marketplace.source.url })), marketplace.source.repo && (_jsx(DetailRow, { label: "Repo", value: marketplace.source.repo })), _jsx(DetailRow, { label: "Last Updated", value: formatDate(marketplace.lastUpdated) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "Install Location:" }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: marketplace.installLocation })] }), _jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: _jsxs(Text, { dimColor: true, children: [_jsx(Text, { bold: true, color: "white", children: "a" }), ' ', "add |", ' ', _jsx(Text, { bold: true, color: "white", children: "d" }), ' ', "remove |", ' ', _jsx(Text, { bold: true, color: "white", children: "u" }), ' ', "update"] }) })] }));
 }
 /**
  * Single detail row with label and value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laststance/claude-plugin-dashboard",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Interactive CLI dashboard to manage Claude Code plugins",
   "license": "MIT",
   "author": "Ryota Murakami <ryota.murakami@laststance.io> (https://github.com/ryota-murakami)",
@@ -65,4 +65,4 @@
     "typescript": "^5.7.2",
     "vitest": "^4.0.16"
   }
-}
+}