claudeup 3.16.0 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeup",
-  "version": "3.16.0",
+  "version": "4.0.0",
   "description": "TUI tool for managing Claude Code plugins, MCPs, and configuration",
   "type": "module",
   "main": "src/main.tsx",

package/src/data/predefined-profiles.js

@@ -0,0 +1,191 @@
+export const PREDEFINED_PROFILES = [
+    {
+        id: "frontend-pro",
+        name: "Frontend Pro",
+        description: "UI implementation, design fidelity, browser-driven workflows",
+        icon: "🎨",
+        magusPlugins: [
+            "dev",
+            "code-analysis",
+            "terminal",
+            "statusline",
+            "designer",
+            "browser-use",
+            "multimodel",
+        ],
+        anthropicPlugins: [
+            "feature-dev",
+            "frontend-design",
+            "code-simplifier",
+            "explanatory-output-style",
+            "typescript-lsp",
+        ],
+        skills: [
+            "React Best Practices",
+            "Web Design Guidelines",
+            "shadcn/ui",
+            "UI/UX Pro Max",
+            "Find Skills",
+        ],
+        settings: {
+            effortLevel: "high",
+            alwaysThinkingEnabled: true,
+            model: "claude-sonnet-4-6",
+            outputStyle: "explanatory",
+            env: {
+                CLAUDE_CODE_ENABLE_TASKS: "true",
+                CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+            },
+            includeGitInstructions: true,
+            respectGitignore: true,
+            enableAllProjectMcpServers: true,
+        },
+    },
+    {
+        id: "backend-forge",
+        name: "Backend Forge",
+        description: "API development, debugging, code quality, data workflows",
+        icon: "⚙️",
+        magusPlugins: [
+            "dev",
+            "code-analysis",
+            "terminal",
+            "statusline",
+            "conductor",
+            "multimodel",
+            "gtd",
+        ],
+        anthropicPlugins: [
+            "feature-dev",
+            "code-review",
+            "code-simplifier",
+            "commit-commands",
+            "security-guidance",
+            "agent-sdk-dev",
+        ],
+        skills: ["Systematic Debugging", "Neon Postgres", "Find Skills"],
+        settings: {
+            effortLevel: "high",
+            alwaysThinkingEnabled: true,
+            model: "claude-sonnet-4-6",
+            outputStyle: "concise",
+            env: {
+                CLAUDE_CODE_ENABLE_TASKS: "true",
+                CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+            },
+            includeGitInstructions: true,
+            respectGitignore: true,
+            enableAllProjectMcpServers: true,
+        },
+    },
+    {
+        id: "infra-ops",
+        name: "Infra Ops",
+        description: "Infrastructure, operational debugging, automation, terminal-first",
+        icon: "🔧",
+        magusPlugins: [
+            "dev",
+            "code-analysis",
+            "terminal",
+            "statusline",
+            "multimodel",
+            "gtd",
+            "browser-use",
+        ],
+        anthropicPlugins: [
+            "claude-code-setup",
+            "hookify",
+            "code-review",
+            "commit-commands",
+            "security-guidance",
+            "plugin-dev",
+        ],
+        skills: ["Systematic Debugging", "Find Skills"],
+        settings: {
+            effortLevel: "high",
+            alwaysThinkingEnabled: true,
+            model: "claude-opus-4-6",
+            outputStyle: "concise",
+            env: {
+                CLAUDE_CODE_ENABLE_TASKS: "true",
+                CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+            },
+            includeGitInstructions: true,
+            respectGitignore: true,
+            enableAllProjectMcpServers: true,
+        },
+    },
+    {
+        id: "growth-marketer",
+        name: "Growth Marketer",
+        description: "SEO, website audits, content production, marketing automation",
+        icon: "📈",
+        magusPlugins: [
+            "dev",
+            "code-analysis",
+            "terminal",
+            "statusline",
+            "seo",
+            "browser-use",
+            "nanobanana",
+            "video-editing",
+        ],
+        anthropicPlugins: [
+            "explanatory-output-style",
+            "frontend-design",
+            "playground",
+        ],
+        skills: [
+            "Audit Website",
+            "Web Design Guidelines",
+            "ElevenLabs TTS",
+            "Find Skills",
+        ],
+        settings: {
+            effortLevel: "medium",
+            alwaysThinkingEnabled: false,
+            model: "claude-sonnet-4-6",
+            outputStyle: "explanatory",
+            env: { CLAUDE_CODE_ENABLE_TASKS: "true" },
+            respectGitignore: true,
+            enableAllProjectMcpServers: true,
+        },
+    },
+    {
+        id: "team-lead",
+        name: "Team Lead",
+        description: "Planning, code review, coordination, and broad repo visibility",
+        icon: "👔",
+        magusPlugins: [
+            "dev",
+            "code-analysis",
+            "terminal",
+            "statusline",
+            "multimodel",
+            "gtd",
+            "agentdev",
+        ],
+        anthropicPlugins: [
+            "code-review",
+            "pr-review-toolkit",
+            "claude-md-management",
+            "commit-commands",
+            "explanatory-output-style",
+            "skill-creator",
+        ],
+        skills: ["Systematic Debugging", "Find Skills", "Audit Website"],
+        settings: {
+            effortLevel: "medium",
+            alwaysThinkingEnabled: true,
+            model: "claude-sonnet-4-6",
+            outputStyle: "explanatory",
+            env: {
+                CLAUDE_CODE_ENABLE_TASKS: "true",
+                CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+            },
+            includeGitInstructions: true,
+            respectGitignore: true,
+            enableAllProjectMcpServers: true,
+        },
+    },
+];

package/src/data/predefined-profiles.ts

@@ -0,0 +1,205 @@
+export interface PredefinedProfile {
+	id: string;
+	name: string;
+	description: string;
+	icon: string; // emoji or symbol
+	magusPlugins: string[];
+	anthropicPlugins: string[];
+	skills: string[];
+	settings: Record<string, unknown>;
+}
+
+export const PREDEFINED_PROFILES: PredefinedProfile[] = [
+	{
+		id: "frontend-pro",
+		name: "Frontend Pro",
+		description: "UI implementation, design fidelity, browser-driven workflows",
+		icon: "🎨",
+		magusPlugins: [
+			"dev",
+			"code-analysis",
+			"terminal",
+			"statusline",
+			"designer",
+			"browser-use",
+			"multimodel",
+		],
+		anthropicPlugins: [
+			"feature-dev",
+			"frontend-design",
+			"code-simplifier",
+			"explanatory-output-style",
+			"typescript-lsp",
+		],
+		skills: [
+			"React Best Practices",
+			"Web Design Guidelines",
+			"shadcn/ui",
+			"UI/UX Pro Max",
+			"Find Skills",
+		],
+		settings: {
+			effortLevel: "high",
+			alwaysThinkingEnabled: true,
+			model: "claude-sonnet-4-6",
+			outputStyle: "explanatory",
+			env: {
+				CLAUDE_CODE_ENABLE_TASKS: "true",
+				CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+			},
+			includeGitInstructions: true,
+			respectGitignore: true,
+			enableAllProjectMcpServers: true,
+		},
+	},
+	{
+		id: "backend-forge",
+		name: "Backend Forge",
+		description: "API development, debugging, code quality, data workflows",
+		icon: "⚙️",
+		magusPlugins: [
+			"dev",
+			"code-analysis",
+			"terminal",
+			"statusline",
+			"conductor",
+			"multimodel",
+			"gtd",
+		],
+		anthropicPlugins: [
+			"feature-dev",
+			"code-review",
+			"code-simplifier",
+			"commit-commands",
+			"security-guidance",
+			"agent-sdk-dev",
+		],
+		skills: ["Systematic Debugging", "Neon Postgres", "Find Skills"],
+		settings: {
+			effortLevel: "high",
+			alwaysThinkingEnabled: true,
+			model: "claude-sonnet-4-6",
+			outputStyle: "concise",
+			env: {
+				CLAUDE_CODE_ENABLE_TASKS: "true",
+				CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+			},
+			includeGitInstructions: true,
+			respectGitignore: true,
+			enableAllProjectMcpServers: true,
+		},
+	},
+	{
+		id: "infra-ops",
+		name: "Infra Ops",
+		description:
+			"Infrastructure, operational debugging, automation, terminal-first",
+		icon: "🔧",
+		magusPlugins: [
+			"dev",
+			"code-analysis",
+			"terminal",
+			"statusline",
+			"multimodel",
+			"gtd",
+			"browser-use",
+		],
+		anthropicPlugins: [
+			"claude-code-setup",
+			"hookify",
+			"code-review",
+			"commit-commands",
+			"security-guidance",
+			"plugin-dev",
+		],
+		skills: ["Systematic Debugging", "Find Skills"],
+		settings: {
+			effortLevel: "high",
+			alwaysThinkingEnabled: true,
+			model: "claude-opus-4-6",
+			outputStyle: "concise",
+			env: {
+				CLAUDE_CODE_ENABLE_TASKS: "true",
+				CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+			},
+			includeGitInstructions: true,
+			respectGitignore: true,
+			enableAllProjectMcpServers: true,
+		},
+	},
+	{
+		id: "growth-marketer",
+		name: "Growth Marketer",
+		description:
+			"SEO, website audits, content production, marketing automation",
+		icon: "📈",
+		magusPlugins: [
+			"dev",
+			"code-analysis",
+			"terminal",
+			"statusline",
+			"seo",
+			"browser-use",
+			"nanobanana",
+			"video-editing",
+		],
+		anthropicPlugins: [
+			"explanatory-output-style",
+			"frontend-design",
+			"playground",
+		],
+		skills: [
+			"Audit Website",
+			"Web Design Guidelines",
+			"ElevenLabs TTS",
+			"Find Skills",
+		],
+		settings: {
+			effortLevel: "medium",
+			alwaysThinkingEnabled: false,
+			model: "claude-sonnet-4-6",
+			outputStyle: "explanatory",
+			env: { CLAUDE_CODE_ENABLE_TASKS: "true" },
+			respectGitignore: true,
+			enableAllProjectMcpServers: true,
+		},
+	},
+	{
+		id: "team-lead",
+		name: "Team Lead",
+		description:
+			"Planning, code review, coordination, and broad repo visibility",
+		icon: "👔",
+		magusPlugins: [
+			"dev",
+			"code-analysis",
+			"terminal",
+			"statusline",
+			"multimodel",
+			"gtd",
+			"agentdev",
+		],
+		anthropicPlugins: [
+			"code-review",
+			"pr-review-toolkit",
+			"claude-md-management",
+			"commit-commands",
+			"explanatory-output-style",
+			"skill-creator",
+		],
+		skills: ["Systematic Debugging", "Find Skills", "Audit Website"],
+		settings: {
+			effortLevel: "medium",
+			alwaysThinkingEnabled: true,
+			model: "claude-sonnet-4-6",
+			outputStyle: "explanatory",
+			env: {
+				CLAUDE_CODE_ENABLE_TASKS: "true",
+				CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS: "true",
+			},
+			includeGitInstructions: true,
+			respectGitignore: true,
+			enableAllProjectMcpServers: true,
+		},
+	},
+];

package/src/ui/adapters/pluginsAdapter.js

@@ -0,0 +1,139 @@
+// Virtual marketplace name for the community sub-section of claude-plugins-official
+export const COMMUNITY_VIRTUAL_MARKETPLACE = "claude-plugins-official:community";
+// The marketplace that gets split into Anthropic Official + Community sections
+export const SPLIT_MARKETPLACE = "claude-plugins-official";
+/**
+ * Derives tone and badge for a category item based on marketplace identity.
+ */
+function categoryStyling(mp, isCommunitySection, marketplaceEnabled) {
+    if (!marketplaceEnabled) {
+        return { tone: "gray" };
+    }
+    if (isCommunitySection) {
+        return { tone: "gray", badge: "3rd Party" };
+    }
+    if (mp.name === "claude-plugins-official") {
+        return { tone: "yellow", badge: "★ Official" };
+    }
+    if (mp.name === "claude-code-plugins") {
+        return { tone: "red", badge: "⚠ Deprecated" };
+    }
+    if (mp.official) {
+        return { tone: "yellow", badge: "★ Official" };
+    }
+    return { tone: "green", badge: "✓ Added" };
+}
+/**
+ * Builds the flat list of items for the PluginsScreen list panel.
+ * Extracted from PluginsScreen so it can be tested independently.
+ */
+export function buildPluginBrowserItems({ marketplaces, plugins, collapsedMarketplaces, }) {
+    const pluginsByMarketplace = new Map();
+    for (const plugin of plugins) {
+        const existing = pluginsByMarketplace.get(plugin.marketplace) || [];
+        existing.push(plugin);
+        pluginsByMarketplace.set(plugin.marketplace, existing);
+    }
+    // Sort marketplaces: deprecated ones go to the bottom
+    const sortedMarketplaces = [...marketplaces].sort((a, b) => {
+        const aDeprecated = a.name === "claude-code-plugins" ? 1 : 0;
+        const bDeprecated = b.name === "claude-code-plugins" ? 1 : 0;
+        return aDeprecated - bDeprecated;
+    });
+    const items = [];
+    for (const marketplace of sortedMarketplaces) {
+        const marketplacePlugins = pluginsByMarketplace.get(marketplace.name) || [];
+        const isCollapsed = collapsedMarketplaces.has(marketplace.name);
+        const isEnabled = marketplacePlugins.length > 0 || !!marketplace.official;
+        const hasPlugins = marketplacePlugins.length > 0;
+        // Special handling: split claude-plugins-official into two sub-sections
+        if (marketplace.name === SPLIT_MARKETPLACE && hasPlugins) {
+            const anthropicPlugins = marketplacePlugins.filter((p) => p.author?.name?.toLowerCase() === "anthropic");
+            const communityPlugins = marketplacePlugins.filter((p) => p.author?.name?.toLowerCase() !== "anthropic");
+            // Sub-section 1: Anthropic Official (plugins by Anthropic)
+            const anthropicCollapsed = collapsedMarketplaces.has(marketplace.name);
+            const anthropicHasPlugins = anthropicPlugins.length > 0;
+            const anthropicStyle = categoryStyling(marketplace, false, isEnabled);
+            items.push({
+                id: `mp:${marketplace.name}`,
+                kind: "category",
+                label: marketplace.displayName,
+                marketplace,
+                marketplaceEnabled: isEnabled,
+                pluginCount: anthropicPlugins.length,
+                isExpanded: !anthropicCollapsed && anthropicHasPlugins,
+                tone: anthropicStyle.tone,
+                badge: anthropicStyle.badge,
+            });
+            if (isEnabled && anthropicHasPlugins && !anthropicCollapsed) {
+                for (const plugin of anthropicPlugins) {
+                    items.push({
+                        id: `pl:${plugin.id}`,
+                        kind: "plugin",
+                        label: plugin.name,
+                        plugin,
+                    });
+                }
+            }
+            // Sub-section 2: Community (third-party plugins in same marketplace)
+            if (communityPlugins.length > 0) {
+                const communityVirtualMp = {
+                    name: COMMUNITY_VIRTUAL_MARKETPLACE,
+                    displayName: "Anthropic Official — 3rd Party",
+                    source: marketplace.source,
+                    description: "Third-party plugins in the Anthropic Official marketplace",
+                };
+                const communityCollapsed = collapsedMarketplaces.has(COMMUNITY_VIRTUAL_MARKETPLACE);
+                const communityStyle = categoryStyling(communityVirtualMp, true, true);
+                items.push({
+                    id: `mp:${COMMUNITY_VIRTUAL_MARKETPLACE}`,
+                    kind: "category",
+                    label: "Anthropic Official — 3rd Party",
+                    marketplace: communityVirtualMp,
+                    marketplaceEnabled: true,
+                    pluginCount: communityPlugins.length,
+                    isExpanded: !communityCollapsed,
+                    isCommunitySection: true,
+                    tone: communityStyle.tone,
+                    badge: communityStyle.badge,
+                });
+                if (!communityCollapsed) {
+                    for (const plugin of communityPlugins) {
+                        items.push({
+                            id: `pl:${plugin.id}`,
+                            kind: "plugin",
+                            label: plugin.name,
+                            plugin,
+                        });
+                    }
+                }
+            }
+            continue;
+        }
+        // Category header (marketplace)
+        const style = categoryStyling(marketplace, false, isEnabled);
+        items.push({
+            id: `mp:${marketplace.name}`,
+            kind: "category",
+            label: marketplace.displayName,
+            marketplace,
+            marketplaceEnabled: isEnabled,
+            pluginCount: marketplacePlugins.length,
+            isExpanded: !isCollapsed && hasPlugins,
+            tone: style.tone,
+            badge: style.badge,
+        });
+        // Plugins under this marketplace (if expanded)
+        if (isEnabled && hasPlugins && !isCollapsed) {
+            for (const plugin of marketplacePlugins) {
+                items.push({
+                    id: `pl:${plugin.id}`,
+                    kind: "plugin",
+                    label: plugin.name,
+                    plugin,
+                });
+            }
+        }
+    }
+    return items;
+}