claude-manager 1.5.0 → 1.5.1

package/dist/cli.js

@@ -0,0 +1,590 @@
+#!/usr/bin/env node
+import React, { useState, useEffect } from "react";
+import { render, Box, Text, useInput, useApp } from "ink";
+import SelectInput from "ink-select-input";
+import TextInput from "ink-text-input";
+import fs from "fs";
+import path from "path";
+import os from "os";
+import { execSync, spawnSync } from "child_process";
+const VERSION = "1.5.1";
+const PROFILES_DIR = path.join(os.homedir(), ".claude", "profiles");
+const SETTINGS_PATH = path.join(os.homedir(), ".claude", "settings.json");
+const CLAUDE_JSON_PATH = path.join(os.homedir(), ".claude.json");
+const LAST_PROFILE_PATH = path.join(os.homedir(), ".claude", ".last-profile");
+const MCP_REGISTRY_URL = "https://registry.modelcontextprotocol.io/v0/servers";
+const args = process.argv.slice(2);
+const cmd = args[0];
+if (!fs.existsSync(PROFILES_DIR)) fs.mkdirSync(PROFILES_DIR, { recursive: true });
+if (args.includes("-v") || args.includes("--version")) {
+  console.log(`cm v${VERSION}`);
+  process.exit(0);
+}
+if (args.includes("-h") || args.includes("--help")) {
+  console.log(`cm v${VERSION} - Claude Settings Manager
+
+Usage: cm [command] [options]
+
+Commands:
+  (none)      Select profile interactively
+  new         Create a new profile
+  edit <n>    Edit profile (by name or number)
+  delete <n>  Delete profile (by name or number)
+  status      Show current settings
+  list        List all profiles
+  mcp [query] Search and add MCP servers
+  skills      Browse and add Anthropic skills
+
+Options:
+  --last, -l      Use last profile without menu
+  --skip-update   Skip update check
+  --yolo          Run claude with --dangerously-skip-permissions
+  -v, --version   Show version
+  -h, --help      Show help`);
+  process.exit(0);
+}
+const skipUpdate = args.includes("--skip-update");
+const useLast = args.includes("--last") || args.includes("-l");
+const dangerMode = args.includes("--dangerously-skip-permissions") || args.includes("--yolo");
+const loadProfiles = () => {
+  const profiles = [];
+  if (fs.existsSync(PROFILES_DIR)) {
+    for (const file of fs.readdirSync(PROFILES_DIR).sort()) {
+      if (file.endsWith(".json")) {
+        try {
+          const content = JSON.parse(fs.readFileSync(path.join(PROFILES_DIR, file), "utf8"));
+          profiles.push({
+            label: content.name || file.replace(".json", ""),
+            value: file,
+            key: file,
+            group: content.group || null,
+            data: content
+          });
+        } catch {
+        }
+      }
+    }
+  }
+  return profiles;
+};
+const applyProfile = (filename) => {
+  const profilePath = path.join(PROFILES_DIR, filename);
+  const profile = JSON.parse(fs.readFileSync(profilePath, "utf8"));
+  const { name, group, mcpServers, ...settings } = profile;
+  fs.writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2));
+  if (mcpServers !== void 0) {
+    try {
+      const claudeJson = fs.existsSync(CLAUDE_JSON_PATH) ? JSON.parse(fs.readFileSync(CLAUDE_JSON_PATH, "utf8")) : {};
+      claudeJson.mcpServers = mcpServers;
+      fs.writeFileSync(CLAUDE_JSON_PATH, JSON.stringify(claudeJson, null, 2));
+    } catch {
+    }
+  }
+  fs.writeFileSync(LAST_PROFILE_PATH, filename);
+  return name || filename;
+};
+const getLastProfile = () => {
+  try {
+    return fs.readFileSync(LAST_PROFILE_PATH, "utf8").trim();
+  } catch {
+    return null;
+  }
+};
+const checkProjectProfile = () => {
+  const localProfile = path.join(process.cwd(), ".claude-profile");
+  if (fs.existsSync(localProfile)) {
+    return fs.readFileSync(localProfile, "utf8").trim();
+  }
+  return null;
+};
+const checkForUpdate = () => {
+  if (skipUpdate) return { needsUpdate: false };
+  try {
+    const current = execSync("claude --version 2>/dev/null", { encoding: "utf8" }).match(/(\d+\.\d+\.\d+)/)?.[1];
+    const output = execSync("brew outdated claude-code 2>&1 || true", { encoding: "utf8" }).trim();
+    return { current, needsUpdate: output.includes("claude-code") };
+  } catch {
+    return { needsUpdate: false };
+  }
+};
+const launchClaude = () => {
+  try {
+    const claudeArgs = dangerMode ? "--dangerously-skip-permissions" : "";
+    execSync(`claude ${claudeArgs}`, { stdio: "inherit" });
+  } catch (e) {
+    process.exit(e.status || 1);
+  }
+  process.exit(0);
+};
+if (useLast) {
+  const last = getLastProfile();
+  if (last && fs.existsSync(path.join(PROFILES_DIR, last))) {
+    const name = applyProfile(last);
+    console.log(`\x1B[32m\u2713\x1B[0m Applied: ${name}
+`);
+    launchClaude();
+  } else {
+    console.log("\x1B[31mNo last profile found\x1B[0m");
+    process.exit(1);
+  }
+}
+const projectProfile = checkProjectProfile();
+if (projectProfile && !cmd) {
+  const profiles = loadProfiles();
+  const match = profiles.find((p) => p.label === projectProfile || p.value === projectProfile + ".json");
+  if (match) {
+    console.log(`\x1B[36mUsing project profile: ${match.label}\x1B[0m`);
+    applyProfile(match.value);
+    launchClaude();
+  }
+}
+if (cmd === "status") {
+  const last = getLastProfile();
+  const profiles = loadProfiles();
+  const current = profiles.find((p) => p.value === last);
+  console.log(`\x1B[1m\x1B[36mClaude Settings Manager v${VERSION}\x1B[0m`);
+  console.log(`\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`);
+  if (current) {
+    console.log(`Current profile: \x1B[32m${current.label}\x1B[0m`);
+    console.log(`Model: ${current.data.env?.ANTHROPIC_MODEL || "default"}`);
+    console.log(`Provider: ${current.data.env?.ANTHROPIC_BASE_URL || "Anthropic Direct"}`);
+    const mcpServers = current.data.mcpServers || {};
+    if (Object.keys(mcpServers).length > 0) {
+      console.log(`
+Profile MCP Servers (${Object.keys(mcpServers).length}):`);
+      Object.keys(mcpServers).forEach((s) => console.log(`  - ${s}`));
+    }
+  } else {
+    console.log("No profile active");
+  }
+  const skillsDir = path.join(os.homedir(), ".claude", "skills");
+  try {
+    if (fs.existsSync(skillsDir)) {
+      const installedSkills = fs.readdirSync(skillsDir).filter((f) => {
+        const p = path.join(skillsDir, f);
+        return fs.statSync(p).isDirectory() && !f.startsWith(".");
+      });
+      if (installedSkills.length > 0) {
+        console.log(`
+Installed Skills (${installedSkills.length}):`);
+        installedSkills.forEach((s) => console.log(`  - ${s}`));
+      }
+    }
+  } catch {
+  }
+  try {
+    const claudeJson = JSON.parse(fs.readFileSync(CLAUDE_JSON_PATH, "utf8"));
+    const globalMcp = claudeJson.mcpServers || {};
+    if (Object.keys(globalMcp).length > 0) {
+      console.log(`
+Global MCP Servers (${Object.keys(globalMcp).length}):`);
+      Object.keys(globalMcp).forEach((s) => console.log(`  - ${s}`));
+    }
+  } catch {
+  }
+  try {
+    const ver = execSync("claude --version 2>/dev/null", { encoding: "utf8" }).trim();
+    console.log(`
+Claude: ${ver}`);
+  } catch {
+  }
+  process.exit(0);
+}
+if (cmd === "list") {
+  const profiles = loadProfiles();
+  console.log(`\x1B[1m\x1B[36mProfiles\x1B[0m (${profiles.length})`);
+  console.log(`\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`);
+  profiles.forEach((p, i) => {
+    const group = p.group ? `\x1B[33m[${p.group}]\x1B[0m ` : "";
+    console.log(`${i + 1}. ${group}${p.label}`);
+  });
+  process.exit(0);
+}
+if (cmd === "delete") {
+  const profiles = loadProfiles();
+  const target = args[1];
+  const idx = parseInt(target) - 1;
+  const match = profiles[idx] || profiles.find((p) => p.label.toLowerCase() === target?.toLowerCase());
+  if (match) {
+    fs.unlinkSync(path.join(PROFILES_DIR, match.value));
+    console.log(`\x1B[32m\u2713\x1B[0m Deleted: ${match.label}`);
+  } else {
+    console.log(`\x1B[31mProfile not found: ${target}\x1B[0m`);
+  }
+  process.exit(0);
+}
+if (cmd === "edit") {
+  const profiles = loadProfiles();
+  const target = args[1];
+  const idx = parseInt(target) - 1;
+  const match = profiles[idx] || profiles.find((p) => p.label.toLowerCase() === target?.toLowerCase());
+  if (match) {
+    const editor = process.env.EDITOR || "nano";
+    spawnSync(editor, [path.join(PROFILES_DIR, match.value)], { stdio: "inherit" });
+  } else {
+    console.log(`\x1B[31mProfile not found: ${target}\x1B[0m`);
+  }
+  process.exit(0);
+}
+const searchMcpServers = (query) => {
+  try {
+    const res = execSync(`curl -s "${MCP_REGISTRY_URL}?limit=100"`, { encoding: "utf8", timeout: 1e4 });
+    const data = JSON.parse(res);
+    const seen = /* @__PURE__ */ new Set();
+    return data.servers.filter((s) => {
+      if (seen.has(s.server.name)) return false;
+      seen.add(s.server.name);
+      const isLatest = s._meta?.["io.modelcontextprotocol.registry/official"]?.isLatest !== false;
+      const matchesQuery = !query || s.server.name.toLowerCase().includes(query.toLowerCase()) || s.server.description?.toLowerCase().includes(query.toLowerCase());
+      return isLatest && matchesQuery;
+    }).slice(0, 15);
+  } catch {
+    return [];
+  }
+};
+const addMcpToProfile = (server, profileFile) => {
+  const profilePath = path.join(PROFILES_DIR, profileFile);
+  const profile = JSON.parse(fs.readFileSync(profilePath, "utf8"));
+  if (!profile.mcpServers) profile.mcpServers = {};
+  const s = server.server;
+  const name = s.name.split("/").pop();
+  if (s.remotes?.[0]) {
+    const remote = s.remotes[0];
+    profile.mcpServers[name] = {
+      type: remote.type === "streamable-http" ? "http" : remote.type,
+      url: remote.url
+    };
+  } else if (s.packages?.[0]) {
+    const pkg = s.packages[0];
+    if (pkg.registryType === "npm") {
+      profile.mcpServers[name] = {
+        type: "stdio",
+        command: "npx",
+        args: ["-y", pkg.identifier]
+      };
+    } else if (pkg.registryType === "pypi") {
+      profile.mcpServers[name] = {
+        type: "stdio",
+        command: "uvx",
+        args: [pkg.identifier]
+      };
+    }
+  }
+  fs.writeFileSync(profilePath, JSON.stringify(profile, null, 2));
+  return name;
+};
+const McpSearch = () => {
+  const { exit } = useApp();
+  const [step, setStep] = useState(args[1] ? "loading" : "search");
+  const [query, setQuery] = useState(args[1] || "");
+  const [servers, setServers] = useState([]);
+  const [selectedServer, setSelectedServer] = useState(null);
+  const profiles = loadProfiles();
+  useEffect(() => {
+    if (args[1] && step === "loading") {
+      const results = searchMcpServers(args[1]);
+      setServers(results);
+      setStep("results");
+    }
+  }, []);
+  const doSearch = () => {
+    const results = searchMcpServers(query);
+    setServers(results);
+    setStep("results");
+  };
+  const serverItems = servers.map((s) => ({
+    label: `${s.server.name} - ${s.server.description?.slice(0, 50) || ""}`,
+    value: s,
+    key: s.server.name + s.server.version
+  }));
+  const profileItems = profiles.map((p) => ({ label: p.label, value: p.value, key: p.key }));
+  if (step === "search") {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "MCP Server Search"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Search: "), /* @__PURE__ */ React.createElement(TextInput, { value: query, onChange: setQuery, onSubmit: doSearch })));
+  }
+  if (step === "loading") {
+    return /* @__PURE__ */ React.createElement(Box, { padding: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Searching MCP registry..."));
+  }
+  if (step === "results") {
+    if (servers.length === 0) {
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, 'No servers found for "', query, '"'));
+    }
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "MCP Servers"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Found ", servers.length, " servers"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(
+      SelectInput,
+      {
+        items: serverItems,
+        onSelect: (item) => {
+          setSelectedServer(item.value);
+          setStep("profile");
+        },
+        limit: 10
+      }
+    )));
+  }
+  if (step === "profile") {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "Add to Profile"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), /* @__PURE__ */ React.createElement(Text, null, "Server: ", selectedServer.server.name), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Select profile:"), /* @__PURE__ */ React.createElement(
+      SelectInput,
+      {
+        items: profileItems,
+        onSelect: (item) => {
+          const name = addMcpToProfile(selectedServer, item.value);
+          console.log(`
+\x1B[32m\u2713\x1B[0m Added ${name} to ${item.label}`);
+          exit();
+        }
+      }
+    )));
+  }
+  return null;
+};
+const SKILL_SOURCES = [
+  { url: "https://api.github.com/repos/anthropics/skills/contents/skills", base: "https://github.com/anthropics/skills/tree/main/skills" },
+  { url: "https://api.github.com/repos/Prat011/awesome-llm-skills/contents/skills", base: "https://github.com/Prat011/awesome-llm-skills/tree/main/skills" },
+  { url: "https://api.github.com/repos/skillcreatorai/Ai-Agent-Skills/contents/skills", base: "https://github.com/skillcreatorai/Ai-Agent-Skills/tree/main/skills" }
+];
+const fetchSkills = () => {
+  const seen = /* @__PURE__ */ new Set();
+  const skills = [];
+  for (const source of SKILL_SOURCES) {
+    try {
+      const res = execSync(`curl -s "${source.url}"`, { encoding: "utf8", timeout: 1e4 });
+      const data = JSON.parse(res);
+      if (Array.isArray(data)) {
+        for (const s of data.filter((s2) => s2.type === "dir")) {
+          if (!seen.has(s.name)) {
+            seen.add(s.name);
+            skills.push({
+              label: s.name,
+              value: `${source.base}/${s.name}`,
+              key: s.name
+            });
+          }
+        }
+      }
+    } catch {
+    }
+  }
+  return skills.sort((a, b) => a.label.localeCompare(b.label));
+};
+const SKILLS_DIR = path.join(os.homedir(), ".claude", "skills");
+const addSkillToClaudeJson = (skillName, skillUrl) => {
+  try {
+    if (!fs.existsSync(SKILLS_DIR)) fs.mkdirSync(SKILLS_DIR, { recursive: true });
+    const skillPath = path.join(SKILLS_DIR, skillName);
+    if (fs.existsSync(skillPath)) {
+      return { success: false, message: "Skill already installed" };
+    }
+    const match = skillUrl.match(/github\.com\/([^\/]+)\/([^\/]+)\/tree\/([^\/]+)\/(.+)/);
+    if (!match) return { success: false, message: "Invalid skill URL" };
+    const [, owner, repo, branch, skillSubPath] = match;
+    const tempDir = `/tmp/skill-clone-${Date.now()}`;
+    execSync(`git clone --depth 1 --filter=blob:none --sparse "https://github.com/${owner}/${repo}.git" "${tempDir}" 2>/dev/null`, { timeout: 3e4 });
+    execSync(`cd "${tempDir}" && git sparse-checkout set "${skillSubPath}" 2>/dev/null`, { timeout: 1e4 });
+    execSync(`mv "${tempDir}/${skillSubPath}" "${skillPath}"`, { timeout: 5e3 });
+    execSync(`rm -rf "${tempDir}"`, { timeout: 5e3 });
+    return { success: true };
+  } catch (e) {
+    return { success: false, message: "Failed to download skill" };
+  }
+};
+const SkillsBrowser = () => {
+  const { exit } = useApp();
+  const [skills, setSkills] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    const s = fetchSkills();
+    setSkills(s);
+    setLoading(false);
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Box, { padding: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Loading skills..."));
+  }
+  if (skills.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "Could not fetch skills"));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "Anthropic Skills"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Found ", skills.length, " skills"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(
+    SelectInput,
+    {
+      items: skills,
+      onSelect: (item) => {
+        const result = addSkillToClaudeJson(item.label, item.value);
+        if (result.success) {
+          console.log(`
+\x1B[32m\u2713\x1B[0m Installed skill: ${item.label}`);
+          console.log(`\x1B[36mLocation: ~/.claude/skills/${item.label}/\x1B[0m`);
+        } else {
+          console.log(`
+\x1B[31m\u2717\x1B[0m ${result.message || "Failed to install skill"}`);
+        }
+        exit();
+      }
+    }
+  )));
+};
+if (cmd === "skills") {
+  render(/* @__PURE__ */ React.createElement(SkillsBrowser, null));
+} else if (cmd === "mcp") {
+  render(/* @__PURE__ */ React.createElement(McpSearch, null));
+} else if (cmd === "new") {
+  const NewProfileWizard = () => {
+    const { exit } = useApp();
+    const [step, setStep] = useState("name");
+    const [name, setName] = useState("");
+    const [provider, setProvider] = useState("");
+    const [apiKey, setApiKey] = useState("");
+    const [model, setModel] = useState("");
+    const [group, setGroup] = useState("");
+    const providers = [
+      { label: "Anthropic (Direct)", value: "anthropic", url: "", needsKey: true },
+      { label: "Amazon Bedrock", value: "bedrock", url: "", needsKey: false },
+      { label: "Z.AI", value: "zai", url: "https://api.z.ai/api/anthropic", needsKey: true },
+      { label: "MiniMax", value: "minimax", url: "https://api.minimax.io/anthropic", needsKey: true },
+      { label: "Custom", value: "custom", url: "", needsKey: true }
+    ];
+    const handleSave = () => {
+      const prov = providers.find((p) => p.value === provider);
+      const profile = {
+        name,
+        group: group || void 0,
+        env: {
+          ...apiKey && { ANTHROPIC_AUTH_TOKEN: apiKey },
+          ...model && { ANTHROPIC_MODEL: model },
+          ...prov?.url && { ANTHROPIC_BASE_URL: prov.url },
+          API_TIMEOUT_MS: "3000000"
+        },
+        model: "opus",
+        alwaysThinkingEnabled: true,
+        defaultMode: "bypassPermissions"
+      };
+      const filename = name.toLowerCase().replace(/\s+/g, "-") + ".json";
+      fs.writeFileSync(path.join(PROFILES_DIR, filename), JSON.stringify(profile, null, 2));
+      console.log(`
+\x1B[32m\u2713\x1B[0m Created: ${name}`);
+      exit();
+    };
+    const handleProviderSelect = (item) => {
+      setProvider(item.value);
+      const prov = providers.find((p) => p.value === item.value);
+      setStep(prov.needsKey ? "apikey" : "model");
+    };
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "New Profile"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), step === "name" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Name: "), /* @__PURE__ */ React.createElement(TextInput, { value: name, onChange: setName, onSubmit: () => setStep("provider") })), step === "provider" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Provider:"), /* @__PURE__ */ React.createElement(SelectInput, { items: providers, onSelect: handleProviderSelect })), step === "apikey" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "API Key: "), /* @__PURE__ */ React.createElement(TextInput, { value: apiKey, onChange: setApiKey, onSubmit: () => setStep("model"), mask: "*" })), step === "model" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Model ID (optional): "), /* @__PURE__ */ React.createElement(TextInput, { value: model, onChange: setModel, onSubmit: () => setStep("group") })), step === "group" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Group (optional): "), /* @__PURE__ */ React.createElement(TextInput, { value: group, onChange: setGroup, onSubmit: handleSave })));
+  };
+  render(/* @__PURE__ */ React.createElement(NewProfileWizard, null));
+} else {
+  const LoadingScreen = ({ message = "Loading..." }) => {
+    const [dots, setDots] = useState("");
+    const [colorIdx, setColorIdx] = useState(0);
+    const colors = ["cyan", "blue", "magenta", "red", "yellow", "green"];
+    useEffect(() => {
+      const dotsInterval = setInterval(() => {
+        setDots((d) => d.length >= 3 ? "" : d + ".");
+      }, 500);
+      const colorInterval = setInterval(() => {
+        setColorIdx((i) => (i + 1) % colors.length);
+      }, 200);
+      return () => {
+        clearInterval(dotsInterval);
+        clearInterval(colorInterval);
+      };
+    }, []);
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: colors[colorIdx] }, `\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557      \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D
+\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557  
+\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D  
+\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+ \u255A\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D`), /* @__PURE__ */ React.createElement(Text, { bold: true, color: colors[(colorIdx + 3) % colors.length] }, "MANAGER v", VERSION), /* @__PURE__ */ React.createElement(Text, { color: "yellow", marginTop: 1 }, message, dots));
+  };
+  const App = () => {
+    const [step, setStep] = useState("select");
+    const [updateInfo, setUpdateInfo] = useState(null);
+    const [filter, setFilter] = useState("");
+    const profiles = loadProfiles();
+    useEffect(() => {
+      setTimeout(() => setStep("select"), 1500);
+      if (!skipUpdate) {
+        Promise.resolve().then(() => {
+          const info = checkForUpdate();
+          setUpdateInfo(info);
+        });
+      }
+    }, []);
+    useInput((input, key) => {
+      if (step === "select") {
+        const num = parseInt(input);
+        if (num >= 1 && num <= 9 && num <= filteredProfiles.length) {
+          const profile = filteredProfiles[num - 1];
+          applyProfile(profile.value);
+          console.log(`
+\x1B[32m\u2713\x1B[0m Applied: ${profile.label}
+`);
+          launchClaude();
+        }
+        if (input === "u" && updateInfo?.needsUpdate) {
+          console.log("\n\x1B[33mUpdating Claude...\x1B[0m\n");
+          try {
+            execSync("brew upgrade claude-code", { stdio: "inherit" });
+            console.log("\n\x1B[32m\u2713 Updated!\x1B[0m\n");
+            setUpdateInfo({ ...updateInfo, needsUpdate: false });
+          } catch {
+          }
+        }
+        if (input.match(/^[a-zA-Z]$/) && input !== "u") {
+          setFilter((f) => f + input);
+        }
+        if (key.backspace || key.delete) {
+          setFilter((f) => f.slice(0, -1));
+        }
+        if (key.escape) {
+          setFilter("");
+        }
+      }
+    });
+    const filteredProfiles = profiles.filter(
+      (p) => !filter || p.label.toLowerCase().includes(filter.toLowerCase())
+    );
+    const groupedItems = [];
+    const groups = [...new Set(filteredProfiles.map((p) => p.group).filter(Boolean))];
+    if (groups.length > 0) {
+      groups.forEach((g) => {
+        groupedItems.push({ label: `\u2500\u2500 ${g} \u2500\u2500`, value: `group-${g}`, key: `group-${g}`, disabled: true });
+        filteredProfiles.filter((p) => p.group === g).forEach((p, i) => {
+          groupedItems.push({ ...p, label: `${i + 1}. ${p.label}` });
+        });
+      });
+      const ungrouped = filteredProfiles.filter((p) => !p.group);
+      if (ungrouped.length > 0) {
+        groupedItems.push({ label: "\u2500\u2500 Other \u2500\u2500", value: "group-other", key: "group-other", disabled: true });
+        ungrouped.forEach((p, i) => groupedItems.push({ ...p, label: `${i + 1}. ${p.label}` }));
+      }
+    } else {
+      filteredProfiles.forEach((p, i) => groupedItems.push({ ...p, label: `${i + 1}. ${p.label}` }));
+    }
+    if (step === "loading") {
+      return /* @__PURE__ */ React.createElement(LoadingScreen, { message: "Initializing Claude Manager" });
+    }
+    if (profiles.length === 0) {
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "CLAUDE MANAGER"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), /* @__PURE__ */ React.createElement(Text, { color: "yellow", marginTop: 1 }, "No profiles found!"), /* @__PURE__ */ React.createElement(Text, null, "Run: cm new"));
+    }
+    const handleSelect = (item) => {
+      if (item.disabled) return;
+      applyProfile(item.value);
+      console.log(`
+\x1B[32m\u2713\x1B[0m Applied: ${item.label.replace(/^\d+\.\s*/, "")}
+`);
+      launchClaude();
+    };
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, `\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557      \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D
+\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557  
+\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D  
+\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+ \u255A\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D`), /* @__PURE__ */ React.createElement(Text, { bold: true, color: "magenta" }, "MANAGER v", VERSION), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"), updateInfo?.current && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Claude v", updateInfo.current), updateInfo?.needsUpdate && /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u26A0 Update available! Press 'u' to upgrade"), filter && /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "Filter: ", filter), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Select Profile: ", /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "(1-9 quick select, type to filter", updateInfo?.needsUpdate ? ", u to update" : "", ")")), /* @__PURE__ */ React.createElement(
+      SelectInput,
+      {
+        items: groupedItems,
+        onSelect: handleSelect,
+        itemComponent: ({ isSelected, label, disabled }) => /* @__PURE__ */ React.createElement(Text, { color: disabled ? "gray" : isSelected ? "cyan" : "white", dimColor: disabled }, disabled ? label : (isSelected ? "\u276F " : "  ") + label)
+      }
+    )));
+  };
+  render(/* @__PURE__ */ React.createElement(App, null));
+}

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "claude-manager",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Terminal app for managing Claude Code settings, profiles, MCP servers, and skills",
   "type": "module",
   "bin": {
-    "cm": "./src/cli.js",
-    "claude-manager": "./src/cli.js"
+    "cm": "./dist/cli.js",
+    "claude-manager": "./dist/cli.js"
   },
   "scripts": {
-    "start": "node src/cli.js"
+    "build": "esbuild src/cli.js --platform=node --format=esm --loader:.js=jsx --outfile=dist/cli.js --packages=external && echo '#!/usr/bin/env node' | cat - dist/cli.js > dist/tmp && mv dist/tmp dist/cli.js && chmod +x dist/cli.js",
+    "prepublishOnly": "npm run build"
   },
+  "files": ["dist"],
   "keywords": [
     "claude",
     "claude-code",
@@ -34,5 +36,8 @@
     "ink-select-input": "^6.0.0",
     "ink-text-input": "^6.0.0",
     "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "esbuild": "^0.24.2"
   }
 }