@skillkit/tui 1.3.0

package/dist/index.js

@@ -0,0 +1,2122 @@
+// src/index.tsx
+import { render } from "ink";
+
+// src/App.tsx
+import { useState as useState12 } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput8, useApp, useStdout } from "ink";
+
+// src/components/Sidebar.tsx
+import { Box, Text } from "ink";
+
+// src/theme.ts
+import chalk from "chalk";
+var colors = {
+  primary: "white",
+  secondary: "white",
+  secondaryDim: "gray",
+  success: "white",
+  danger: "white",
+  warning: "white",
+  background: "bgBlack",
+  borderDim: "gray"
+};
+var symbols = {
+  pointer: chalk.white("\u276F"),
+  bullet: "\u25CF",
+  checkboxOn: chalk.white("\u2714"),
+  checkboxOff: chalk.dim("\u2716"),
+  check: chalk.white("\u2713"),
+  star: "\u2605",
+  spinner: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"]
+};
+var logo = `
+\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2557     \u2588\u2588\u2557     \u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551 \u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2551 \u2588\u2588\u2554\u255D\u2588\u2588\u2551\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D
+\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2551   \u2588\u2588\u2551
+\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2588\u2588\u2557 \u2588\u2588\u2551   \u2588\u2588\u2551
+\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551
+\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D   \u255A\u2550\u255D
+`;
+
+// src/components/Sidebar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var NAV = [
+  { id: "home", label: "Home" },
+  { id: "browse", label: "Browse" },
+  { id: "recommend", label: "Recommend" },
+  { id: "translate", label: "Translate" },
+  { id: "context", label: "Context" },
+  { id: "installed", label: "List" },
+  { id: "sync", label: "Sync" },
+  { id: "settings", label: "Config" }
+];
+function Sidebar({ screen }) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: 14, borderStyle: "single", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: colors.primary, children: "SkillKit" }),
+    NAV.slice(0, 3).map((item) => /* @__PURE__ */ jsxs(Text, { inverse: screen === item.id, children: [
+      screen === item.id ? symbols.bullet : " ",
+      item.label
+    ] }, item.id)),
+    /* @__PURE__ */ jsx(Text, { children: " " }),
+    NAV.slice(3, 5).map((item) => /* @__PURE__ */ jsxs(Text, { inverse: screen === item.id, children: [
+      screen === item.id ? symbols.bullet : " ",
+      item.label
+    ] }, item.id)),
+    /* @__PURE__ */ jsx(Text, { children: " " }),
+    NAV.slice(5).map((item) => /* @__PURE__ */ jsxs(Text, { inverse: screen === item.id, children: [
+      screen === item.id ? symbols.bullet : " ",
+      item.label
+    ] }, item.id)),
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "? Help" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "q Quit" })
+  ] });
+}
+
+// src/screens/Home.tsx
+import { useState, useEffect } from "react";
+import { readFileSync } from "fs";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CHARS = "01\u2588\u2593\u2592\u2591\u2554\u2557\u255A\u255D\u2551\u2550";
+var logoSmall = `
+\u2554\u2550\u2557\u2566\u2554\u2550\u2566\u2566  \u2566  \u2566\u2554\u2550\u2566\u2554\u2566\u2557
+\u255A\u2550\u2557\u2560\u2569\u2557\u2551\u2551  \u2551  \u2560\u2569\u2557\u2551 \u2551
+\u255A\u2550\u255D\u2569 \u2569\u2569\u2569\u2550\u255D\u2569\u2550\u255D\u2569 \u2569\u2569 \u2569
+`.trim();
+function getVersion() {
+  try {
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = dirname(__filename);
+    const packageJsonPath = join(__dirname, "../../../package.json");
+    const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+    return packageJson.version || "1.2.0";
+  } catch {
+    return "1.2.0";
+  }
+}
+function scramble(target, progress) {
+  return target.split("\n").map((line) => {
+    return line.split("").map((char, i) => {
+      if (char === " ") return char;
+      if (progress > i / line.length * 100) return char;
+      return CHARS[Math.floor(Math.random() * CHARS.length)];
+    }).join("");
+  }).join("\n");
+}
+function Home({ cols = 80, rows = 24 }) {
+  const [progress, setProgress] = useState(0);
+  const [display, setDisplay] = useState("");
+  const version = getVersion();
+  const useLogo = cols < 80 ? logoSmall : logo;
+  useEffect(() => {
+    if (progress >= 100) {
+      setDisplay(useLogo);
+      return;
+    }
+    const t = setInterval(() => {
+      setProgress((p) => {
+        const next = p + 12;
+        setDisplay(scramble(useLogo, next));
+        return next;
+      });
+    }, 35);
+    return () => clearInterval(t);
+  }, [progress, useLogo]);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx2(Text2, { color: colors.primary, children: display || useLogo }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { children: "Manage AI agent skills from your terminal." }) }),
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx2(Text2, { bold: true, children: "Quick Actions:" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  [b] Browse skills marketplace" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  [r] Get smart recommendations" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  [t] Translate skills between agents" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  [c] Manage project context" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  [l] View installed skills" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  [s] Sync skills across agents" })
+    ] }),
+    rows >= 18 && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx2(Text2, { bold: true, children: "Navigation:" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  \u2191\u2193    Navigate lists" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  Enter Select / Confirm" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  Esc   Go back / Home" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  q     Quit" })
+    ] }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      "v",
+      version,
+      " - Works with 17 AI agents"
+    ] }) })
+  ] });
+}
+
+// src/screens/Browse.tsx
+import { useState as useState3 } from "react";
+import { existsSync, mkdirSync, cpSync, rmSync } from "fs";
+import { join as join2 } from "path";
+import { Box as Box3, Text as Text3, useInput } from "ink";
+
+// src/hooks/useMarketplace.ts
+import { useState as useState2, useCallback, useEffect as useEffect2 } from "react";
+import { detectProvider } from "@skillkit/core";
+var POPULAR_REPOS = [
+  { source: "anthropics/skills", name: "Anthropic Official" },
+  { source: "vercel-labs/agent-skills", name: "Vercel Labs" },
+  { source: "expo/skills", name: "Expo / React Native" },
+  { source: "remotion-dev/skills", name: "Remotion Video" },
+  { source: "ComposioHQ/awesome-claude-skills", name: "Composio Awesome" },
+  { source: "travisvn/awesome-claude-skills", name: "Travis Awesome" },
+  { source: "mhattingpete/claude-skills-marketplace", name: "Skills Marketplace" },
+  { source: "coreyhaines31/marketingskills", name: "Marketing Skills" },
+  { source: "obra/superpowers", name: "Superpowers TDD" },
+  { source: "softaworks/agent-toolkit", name: "Softaworks Toolkit" },
+  { source: "wshobson/agents", name: "Dev Patterns" },
+  { source: "langgenius/dify", name: "Dify Frontend" },
+  { source: "trailofbits/skills", name: "Trail of Bits Security" },
+  { source: "better-auth/skills", name: "Better Auth" },
+  { source: "onmax/nuxt-skills", name: "Nuxt / Vue" },
+  { source: "hyf0/vue-skills", name: "Vue Best Practices" },
+  { source: "jezweb/claude-skills", name: "Cloudflare / TanStack" },
+  { source: "elysiajs/skills", name: "ElysiaJS / Bun" },
+  { source: "kadajett/agent-nestjs-skills", name: "NestJS" },
+  { source: "callstackincubator/agent-skills", name: "React Native" },
+  { source: "cloudai-x/threejs-skills", name: "Three.js" },
+  { source: "emalorenzo/three-agent-skills", name: "Three.js Advanced" },
+  { source: "dimillian/skills", name: "SwiftUI iOS" },
+  { source: "stripe/ai", name: "Stripe Payments" },
+  { source: "waynesutton/convexskills", name: "Convex Backend" },
+  { source: "kepano/obsidian-skills", name: "Obsidian Notes" },
+  { source: "jimliu/baoyu-skills", name: "Baoyu Tools" },
+  { source: "giuseppe-trisciuoglio/developer-kit", name: "Shadcn / Radix" },
+  { source: "openrouterteam/agent-skills", name: "OpenRouter SDK" },
+  { source: "intellectronica/agent-skills", name: "Context7" }
+];
+function useMarketplace() {
+  const [allSkills, setAllSkills] = useState2([]);
+  const [filteredSkills, setFilteredSkills] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [currentRepo, setCurrentRepo] = useState2(null);
+  const [fetchedRepos, setFetchedRepos] = useState2(/* @__PURE__ */ new Set());
+  const fetchRepo = useCallback(async (source) => {
+    if (fetchedRepos.has(source)) return;
+    setLoading(true);
+    setError(null);
+    setCurrentRepo(source);
+    try {
+      const provider = detectProvider(source);
+      if (!provider) {
+        throw new Error(`Could not detect provider for: ${source}`);
+      }
+      const result = await provider.clone(source, "", { depth: 1 });
+      if (!result.success || !result.discoveredSkills) {
+        throw new Error(result.error || "Failed to fetch skills");
+      }
+      const repoName = POPULAR_REPOS.find((r) => r.source === source)?.name || source;
+      const newSkills = result.discoveredSkills.map((skill) => ({
+        name: skill.name,
+        source,
+        repoName,
+        description: void 0
+      }));
+      setAllSkills((prev) => {
+        const updated = [...prev, ...newSkills];
+        return updated.sort((a, b) => a.name.localeCompare(b.name));
+      });
+      setFetchedRepos((prev) => /* @__PURE__ */ new Set([...prev, source]));
+      if (result.tempRoot) {
+        const { rmSync: rmSync3 } = await import("fs");
+        rmSync3(result.tempRoot, { recursive: true, force: true });
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch repository");
+    } finally {
+      setLoading(false);
+      setCurrentRepo(null);
+    }
+  }, [fetchedRepos]);
+  const fetchAllRepos = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    for (const repo of POPULAR_REPOS) {
+      if (!fetchedRepos.has(repo.source)) {
+        setCurrentRepo(repo.source);
+        try {
+          await fetchRepo(repo.source);
+        } catch {
+        }
+      }
+    }
+    setLoading(false);
+    setCurrentRepo(null);
+  }, [fetchRepo, fetchedRepos]);
+  const search = useCallback((query) => {
+    if (!query.trim()) {
+      setFilteredSkills(allSkills);
+    } else {
+      const lowerQuery = query.toLowerCase();
+      setFilteredSkills(
+        allSkills.filter(
+          (s) => s.name.toLowerCase().includes(lowerQuery) || s.source.toLowerCase().includes(lowerQuery) || s.repoName.toLowerCase().includes(lowerQuery) || s.description?.toLowerCase().includes(lowerQuery)
+        )
+      );
+    }
+  }, [allSkills]);
+  const refresh = useCallback(() => {
+    setFetchedRepos(/* @__PURE__ */ new Set());
+    setAllSkills([]);
+    setFilteredSkills([]);
+  }, []);
+  useEffect2(() => {
+    setFilteredSkills(allSkills);
+  }, [allSkills]);
+  const skills = filteredSkills.map((s) => ({
+    name: s.name,
+    description: s.description || s.repoName,
+    source: s.source
+  }));
+  return {
+    skills,
+    loading,
+    error,
+    totalCount: allSkills.length,
+    repos: POPULAR_REPOS,
+    currentRepo,
+    refresh,
+    search,
+    fetchRepo,
+    fetchAllRepos
+  };
+}
+
+// src/screens/Browse.tsx
+import { detectProvider as detectProvider2 } from "@skillkit/core";
+import { detectAgent, getAdapter as getAdapter2, getAllAdapters } from "@skillkit/agents";
+
+// src/helpers.ts
+import {
+  loadConfig,
+  getSearchDirs as coreGetSearchDirs,
+  getInstallDir as coreGetInstallDir,
+  saveSkillMetadata as coreSaveSkillMetadata
+} from "@skillkit/core";
+import { getAdapter } from "@skillkit/agents";
+function getSearchDirs(agentType) {
+  const type = agentType || loadConfig().agent;
+  const adapter = getAdapter(type);
+  const adapterInfo = {
+    type: adapter.type,
+    name: adapter.name,
+    skillsDir: adapter.skillsDir,
+    configFile: adapter.configFile
+  };
+  return coreGetSearchDirs(adapterInfo);
+}
+function getInstallDir(global = false, agentType) {
+  const type = agentType || loadConfig().agent;
+  const adapter = getAdapter(type);
+  const adapterInfo = {
+    type: adapter.type,
+    name: adapter.name,
+    skillsDir: adapter.skillsDir,
+    configFile: adapter.configFile
+  };
+  return coreGetInstallDir(adapterInfo, global);
+}
+
+// src/screens/Browse.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function Browse({ rows = 24 }) {
+  const { repos, skills, loading, currentRepo, fetchRepo, fetchAllRepos } = useMarketplace();
+  const [view, setView] = useState3("repos");
+  const [sel, setSel] = useState3(0);
+  const [installing, setInstalling] = useState3(null);
+  const [message, setMessage] = useState3(null);
+  const [selectedSkill, setSelectedSkill] = useState3(null);
+  const [agents, setAgents] = useState3([]);
+  const items = view === "repos" ? repos : view === "skills" ? skills : agents;
+  const maxVisible = Math.max(5, rows - 8);
+  const start = Math.max(0, Math.min(sel - Math.floor(maxVisible / 2), items.length - maxVisible));
+  const visible = items.slice(start, start + maxVisible);
+  const showAgentSelection = async (skillName, source) => {
+    setSelectedSkill({ name: skillName, source });
+    const adapters = getAllAdapters();
+    const agentList = [];
+    for (const a of adapters) {
+      agentList.push({
+        type: a.type,
+        name: a.name,
+        detected: await a.isDetected()
+      });
+    }
+    setAgents(agentList);
+    setView("agents");
+    setSel(0);
+  };
+  const installSkill = async (skillName, source, agentType) => {
+    setInstalling(skillName);
+    setMessage(null);
+    try {
+      const provider = detectProvider2(source);
+      if (!provider) {
+        setMessage(`Error: Unknown provider for ${source}`);
+        setInstalling(null);
+        return;
+      }
+      const result = await provider.clone(source, "", { depth: 1 });
+      if (!result.success || !result.discoveredSkills) {
+        setMessage(`Error: ${result.error || "Failed to fetch"}`);
+        setInstalling(null);
+        return;
+      }
+      const skill = result.discoveredSkills.find((s) => s.name === skillName);
+      if (!skill) {
+        setMessage(`Error: Skill ${skillName} not found`);
+        setInstalling(null);
+        return;
+      }
+      const targetAgentType = agentType || await detectAgent();
+      const adapter = getAdapter2(targetAgentType);
+      const installDir = getInstallDir(false, targetAgentType);
+      if (!existsSync(installDir)) {
+        mkdirSync(installDir, { recursive: true });
+      }
+      const targetPath = join2(installDir, skillName);
+      if (existsSync(targetPath)) {
+        rmSync(targetPath, { recursive: true, force: true });
+      }
+      cpSync(skill.path, targetPath, { recursive: true, dereference: true });
+      const metadata = {
+        name: skillName,
+        description: "",
+        source,
+        sourceType: provider.type,
+        subpath: skillName,
+        installedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        enabled: true
+      };
+      coreSaveSkillMetadata(targetPath, metadata);
+      if (result.tempRoot) {
+        rmSync(result.tempRoot, { recursive: true, force: true });
+      }
+      setMessage(`\u2713 Installed ${skillName} to ${adapter.name}`);
+      if (!agentType) {
+        setView("skills");
+      }
+    } catch (err) {
+      setMessage(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
+    } finally {
+      setInstalling(null);
+      if (agentType) {
+        setSelectedSkill(null);
+      }
+    }
+  };
+  useInput((input, key) => {
+    if (loading || installing) return;
+    if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setSel((i) => Math.min(items.length - 1, i + 1));
+    else if (key.return) {
+      if (view === "repos" && repos[sel]) {
+        fetchRepo(repos[sel].source);
+        setView("skills");
+        setSel(0);
+        setMessage(null);
+      } else if (view === "skills" && skills[sel]?.source) {
+        installSkill(skills[sel].name, skills[sel].source);
+      } else if (view === "agents" && agents[sel]) {
+        installSkill(selectedSkill.name, selectedSkill.source, agents[sel].type);
+      }
+    } else if (input === "m" && view === "skills" && skills[sel]?.source) {
+      showAgentSelection(skills[sel].name, skills[sel].source);
+    } else if (input === "r") {
+      if (view === "skills") {
+        setView("repos");
+        setSel(0);
+        setMessage(null);
+      } else if (view === "agents") {
+        setView("skills");
+        setSel(0);
+      }
+    } else if (input === "a" && view === "repos") {
+      fetchAllRepos();
+      setView("skills");
+      setSel(0);
+    }
+  });
+  if (view === "agents") {
+    return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: colors.primary, children: "SELECT AGENT" }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        'Install "',
+        selectedSkill?.name,
+        '" to which agent?'
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "(All agents supported - directory created if needed)" }),
+      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, flexDirection: "column", children: visible.map((agent, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        const a = agent;
+        const status = a.detected ? "(ready)" : "(will create)";
+        return /* @__PURE__ */ jsxs3(Text3, { inverse: isSel, children: [
+          isSel ? symbols.pointer : " ",
+          " ",
+          a.name.padEnd(20),
+          " ",
+          /* @__PURE__ */ jsx3(Text3, { color: colors.secondaryDim, children: status })
+        ] }, a.type);
+      }) }),
+      /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Enter=install to selected agent  r=back  q=quit" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color: colors.primary, children: view === "repos" ? "REPOSITORIES" : "SKILLS" }),
+    loading && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "Loading ",
+      currentRepo,
+      "..."
+    ] }),
+    installing && /* @__PURE__ */ jsxs3(Text3, { children: [
+      "Installing ",
+      installing,
+      "..."
+    ] }),
+    message && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: message }),
+    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      items.length,
+      " items"
+    ] }),
+    /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
+      start > 0 && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  \u2191 ",
+        start,
+        " more"
+      ] }),
+      visible.map((item, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        const name = view === "repos" ? item.name : item.name;
+        const src = view === "repos" ? item.source : item.source || "";
+        return /* @__PURE__ */ jsxs3(Text3, { inverse: isSel, children: [
+          isSel ? symbols.pointer : " ",
+          name.padEnd(25),
+          " ",
+          /* @__PURE__ */ jsx3(Text3, { color: colors.secondaryDim, children: src })
+        ] }, src + name);
+      }),
+      start + maxVisible < items.length && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  \u2193 ",
+        items.length - start - maxVisible,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: view === "repos" ? "Enter=fetch  a=all  q=quit" : "Enter=quick install  m=choose agent  r=back  q=quit" }) })
+  ] });
+}
+
+// src/screens/Installed.tsx
+import { useState as useState5 } from "react";
+import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
+
+// src/hooks/useSkills.ts
+import { useState as useState4, useEffect as useEffect3 } from "react";
+import { findAllSkills } from "@skillkit/core";
+function useSkills() {
+  const [skills, setSkills] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const refresh = () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const searchDirs = getSearchDirs();
+      const foundSkills = findAllSkills(searchDirs);
+      const skillItems = foundSkills.map((s) => ({
+        name: s.name,
+        description: s.description,
+        source: s.metadata?.source,
+        enabled: s.enabled
+      }));
+      setSkills(skillItems);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load skills");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const remove = async (name) => {
+    const { rmSync: rmSync3 } = await import("fs");
+    const foundSkill = skills.find((s) => s.name === name);
+    if (foundSkill) {
+      const searchDirs = getSearchDirs();
+      const allSkills = findAllSkills(searchDirs);
+      const skill = allSkills.find((s) => s.name === name);
+      if (skill) {
+        rmSync3(skill.path, { recursive: true, force: true });
+        refresh();
+      }
+    }
+  };
+  useEffect3(() => {
+    refresh();
+  }, []);
+  return { skills, loading, error, refresh, remove };
+}
+
+// src/screens/Installed.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function Installed({ rows = 24 }) {
+  const { skills, loading, refresh, remove } = useSkills();
+  const [sel, setSel] = useState5(0);
+  const maxVisible = Math.max(5, rows - 6);
+  const start = Math.max(0, Math.min(sel - Math.floor(maxVisible / 2), skills.length - maxVisible));
+  const visible = skills.slice(start, start + maxVisible);
+  useInput2((input, key) => {
+    if (loading) return;
+    if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setSel((i) => Math.min(skills.length - 1, i + 1));
+    else if (input === "r") refresh();
+    else if (input === "d" && skills[sel]) remove(skills[sel].name);
+  });
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: colors.primary, children: "INSTALLED SKILLS" }),
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      skills.length,
+      " skills"
+    ] }),
+    loading && /* @__PURE__ */ jsx4(Text4, { children: "Loading..." }),
+    !loading && skills.length === 0 && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No skills installed. Press b to browse." }),
+    !loading && skills.length > 0 && /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
+      start > 0 && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        "  \u2191 ",
+        start,
+        " more"
+      ] }),
+      visible.map((skill, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        return /* @__PURE__ */ jsxs4(Text4, { inverse: isSel, children: [
+          isSel ? symbols.pointer : " ",
+          skill.name.padEnd(30),
+          " ",
+          skill.source && /* @__PURE__ */ jsx4(Text4, { color: colors.secondaryDim, children: skill.source })
+        ] }, skill.name);
+      }),
+      start + maxVisible < skills.length && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        "  \u2193 ",
+        skills.length - start - maxVisible,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "r=refresh  d=delete  q=quit" }) })
+  ] });
+}
+
+// src/screens/Sync.tsx
+import { useState as useState6, useEffect as useEffect4 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput3 } from "ink";
+import { getAllAdapters as getAllAdapters2 } from "@skillkit/agents";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function Sync({ rows = 24 }) {
+  const [agents, setAgents] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  const [sel, setSel] = useState6(0);
+  const [syncing, setSyncing] = useState6(false);
+  const maxVisible = Math.max(5, rows - 6);
+  const start = Math.max(0, Math.min(sel - Math.floor(maxVisible / 2), agents.length - maxVisible));
+  const visible = agents.slice(start, start + maxVisible);
+  useEffect4(() => {
+    (async () => {
+      const adapters = getAllAdapters2();
+      const s = [];
+      for (const a of adapters) {
+        s.push({ name: a.name, type: a.type, detected: await a.isDetected() });
+      }
+      setAgents(s);
+      setLoading(false);
+    })();
+  }, []);
+  useInput3((input, key) => {
+    if (loading || syncing) return;
+    if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setSel((i) => Math.min(agents.length - 1, i + 1));
+    else if (input === "a") {
+      setSyncing(true);
+      setTimeout(() => setSyncing(false), 500);
+    } else if (key.return && agents[sel]?.detected) {
+      setSyncing(true);
+      setTimeout(() => setSyncing(false), 300);
+    }
+  });
+  const detected = agents.filter((a) => a.detected).length;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, color: colors.primary, children: "SYNC SKILLS" }),
+    /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      detected,
+      "/",
+      agents.length,
+      " agents detected"
+    ] }),
+    loading && /* @__PURE__ */ jsx5(Text5, { children: "Detecting agents..." }),
+    syncing && /* @__PURE__ */ jsx5(Text5, { children: "Syncing..." }),
+    !loading && !syncing && /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, flexDirection: "column", children: [
+      start > 0 && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "  \u2191 ",
+        start,
+        " more"
+      ] }),
+      visible.map((agent, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        return /* @__PURE__ */ jsxs5(Text5, { inverse: isSel, dimColor: !agent.detected, children: [
+          isSel ? symbols.pointer : " ",
+          agent.detected ? symbols.checkboxOn : symbols.checkboxOff,
+          " ",
+          agent.name.padEnd(20),
+          " ",
+          agent.detected ? "Ready" : "N/A"
+        ] }, agent.type);
+      }),
+      start + maxVisible < agents.length && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "  \u2193 ",
+        agents.length - start - maxVisible,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Enter=sync  a=all  q=quit" }) })
+  ] });
+}
+
+// src/screens/Settings.tsx
+import { useState as useState7 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput4 } from "ink";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SETTINGS = [
+  { id: "agent", label: "Default Agent", value: "auto-detect" },
+  { id: "sync", label: "Auto Sync", value: "disabled" },
+  { id: "cache", label: "Cache Dir", value: "~/.skillkit/cache" }
+];
+function Settings({}) {
+  const [sel, setSel] = useState7(0);
+  useInput4((_, key) => {
+    if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setSel((i) => Math.min(SETTINGS.length - 1, i + 1));
+  });
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, color: colors.primary, children: "SETTINGS" }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Configure SkillKit" }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: SETTINGS.map((s, i) => {
+      const isSel = i === sel;
+      return /* @__PURE__ */ jsxs6(Text6, { inverse: isSel, children: [
+        isSel ? symbols.pointer : " ",
+        s.label.padEnd(16),
+        " ",
+        /* @__PURE__ */ jsx6(Text6, { color: colors.secondaryDim, children: s.value })
+      ] }, s.id);
+    }) }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Enter=edit  q=quit" }) })
+  ] });
+}
+
+// src/screens/Recommend.tsx
+import { useState as useState9 } from "react";
+import { existsSync as existsSync3, mkdirSync as mkdirSync3, cpSync as cpSync2, rmSync as rmSync2 } from "fs";
+import { join as join4 } from "path";
+import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
+
+// src/hooks/useRecommend.ts
+import { useState as useState8, useCallback as useCallback2, useEffect as useEffect5 } from "react";
+import {
+  RecommendationEngine,
+  ContextManager
+} from "@skillkit/core";
+import { existsSync as existsSync2, readFileSync as readFileSync2, writeFileSync, mkdirSync as mkdirSync2 } from "fs";
+import { join as join3 } from "path";
+var INDEX_PATH = join3(process.env.HOME || "~", ".skillkit", "index.json");
+var INDEX_CACHE_HOURS = 24;
+function getSampleSkills() {
+  return [
+    {
+      name: "vercel-react-best-practices",
+      description: "Modern React patterns including Server Components, hooks best practices, and performance optimization",
+      source: "vercel-labs/agent-skills",
+      tags: ["react", "frontend", "typescript", "nextjs", "performance"],
+      compatibility: {
+        frameworks: ["react", "nextjs"],
+        languages: ["typescript", "javascript"],
+        libraries: []
+      },
+      popularity: 1500,
+      quality: 95,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "tailwind-v4-patterns",
+      description: "Tailwind CSS v4 utility patterns, responsive design, and component styling best practices",
+      source: "vercel-labs/agent-skills",
+      tags: ["tailwind", "css", "styling", "frontend", "responsive"],
+      compatibility: {
+        frameworks: [],
+        languages: ["typescript", "javascript"],
+        libraries: ["tailwindcss"]
+      },
+      popularity: 1200,
+      quality: 92,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "nextjs-app-router",
+      description: "Next.js App Router patterns including layouts, server actions, and data fetching",
+      source: "vercel-labs/agent-skills",
+      tags: ["nextjs", "react", "routing", "server-actions", "frontend"],
+      compatibility: {
+        frameworks: ["nextjs"],
+        languages: ["typescript", "javascript"],
+        libraries: []
+      },
+      popularity: 1100,
+      quality: 94,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "typescript-strict-patterns",
+      description: "TypeScript strict mode patterns, type safety, and advanced type utilities",
+      source: "anthropics/skills",
+      tags: ["typescript", "types", "safety", "patterns"],
+      compatibility: {
+        frameworks: [],
+        languages: ["typescript"],
+        libraries: []
+      },
+      popularity: 900,
+      quality: 90,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "supabase-best-practices",
+      description: "Supabase integration patterns including auth, database queries, and real-time subscriptions",
+      source: "anthropics/skills",
+      tags: ["supabase", "database", "auth", "backend", "postgresql"],
+      compatibility: {
+        frameworks: [],
+        languages: ["typescript", "javascript"],
+        libraries: ["@supabase/supabase-js"]
+      },
+      popularity: 800,
+      quality: 88,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "vitest-testing-patterns",
+      description: "Testing patterns with Vitest including mocking, assertions, and test organization",
+      source: "anthropics/skills",
+      tags: ["vitest", "testing", "typescript", "mocking", "tdd"],
+      compatibility: {
+        frameworks: [],
+        languages: ["typescript", "javascript"],
+        libraries: ["vitest"]
+      },
+      popularity: 700,
+      quality: 86,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: false
+    },
+    {
+      name: "prisma-database-patterns",
+      description: "Prisma ORM patterns for schema design, migrations, and efficient queries",
+      source: "vercel-labs/agent-skills",
+      tags: ["prisma", "database", "orm", "postgresql", "backend"],
+      compatibility: {
+        frameworks: [],
+        languages: ["typescript"],
+        libraries: ["@prisma/client"]
+      },
+      popularity: 850,
+      quality: 89,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "security-best-practices",
+      description: "Security patterns for web applications including XSS prevention, CSRF, and secure headers",
+      source: "trailofbits/skills",
+      tags: ["security", "xss", "csrf", "headers", "owasp"],
+      compatibility: {
+        frameworks: [],
+        languages: ["typescript", "javascript", "python"],
+        libraries: []
+      },
+      popularity: 600,
+      quality: 95,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: true
+    },
+    {
+      name: "python-fastapi-patterns",
+      description: "FastAPI best practices for building high-performance Python APIs",
+      source: "python-skills/fastapi",
+      tags: ["python", "fastapi", "backend", "api", "async"],
+      compatibility: {
+        frameworks: ["fastapi"],
+        languages: ["python"],
+        libraries: []
+      },
+      popularity: 550,
+      quality: 85,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: false
+    },
+    {
+      name: "zustand-state-management",
+      description: "Zustand state management patterns for React applications",
+      source: "react-skills/state",
+      tags: ["zustand", "react", "state-management", "frontend"],
+      compatibility: {
+        frameworks: ["react"],
+        languages: ["typescript", "javascript"],
+        libraries: ["zustand"]
+      },
+      popularity: 650,
+      quality: 84,
+      lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+      verified: false
+    }
+  ];
+}
+function useRecommend(projectPath = process.cwd()) {
+  const [recommendations, setRecommendations] = useState8([]);
+  const [searchResults, setSearchResults] = useState8([]);
+  const [profile, setProfile] = useState8(null);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  const [totalScanned, setTotalScanned] = useState8(0);
+  const [indexStatus, setIndexStatus] = useState8("missing");
+  const [engine] = useState8(() => new RecommendationEngine());
+  const loadIndex = useCallback2(() => {
+    if (!existsSync2(INDEX_PATH)) {
+      setIndexStatus("missing");
+      return null;
+    }
+    try {
+      const content = readFileSync2(INDEX_PATH, "utf-8");
+      const index = JSON.parse(content);
+      const lastUpdated = new Date(index.lastUpdated);
+      const hoursSinceUpdate = (Date.now() - lastUpdated.getTime()) / (1e3 * 60 * 60);
+      if (hoursSinceUpdate > INDEX_CACHE_HOURS) {
+        setIndexStatus("stale");
+      } else {
+        setIndexStatus("fresh");
+      }
+      return index;
+    } catch {
+      setIndexStatus("missing");
+      return null;
+    }
+  }, []);
+  const getProjectProfile = useCallback2(() => {
+    try {
+      const manager = new ContextManager(projectPath);
+      let context = manager.get();
+      if (!context) {
+        context = manager.init();
+      }
+      if (!context) {
+        return null;
+      }
+      return {
+        name: context.project.name,
+        type: context.project.type,
+        stack: context.stack,
+        patterns: context.patterns,
+        installedSkills: context.skills?.installed || [],
+        excludedSkills: context.skills?.excluded || []
+      };
+    } catch {
+      return null;
+    }
+  }, [projectPath]);
+  const loadRecommendations = useCallback2(() => {
+    setLoading(true);
+    setError(null);
+    try {
+      const projectProfile = getProjectProfile();
+      if (!projectProfile) {
+        setError("Failed to analyze project");
+        setLoading(false);
+        return;
+      }
+      setProfile(projectProfile);
+      const index = loadIndex();
+      if (!index || index.skills.length === 0) {
+        setRecommendations([]);
+        setTotalScanned(0);
+        setLoading(false);
+        return;
+      }
+      engine.loadIndex(index);
+      const result = engine.recommend(projectProfile, {
+        limit: 20,
+        minScore: 20,
+        excludeInstalled: true,
+        includeReasons: true
+      });
+      setRecommendations(result.recommendations);
+      setTotalScanned(result.totalSkillsScanned);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to get recommendations");
+    } finally {
+      setLoading(false);
+    }
+  }, [engine, getProjectProfile, loadIndex]);
+  const updateIndex = useCallback2(() => {
+    setLoading(true);
+    setError(null);
+    try {
+      const sampleIndex = {
+        version: 1,
+        lastUpdated: (/* @__PURE__ */ new Date()).toISOString(),
+        skills: getSampleSkills(),
+        sources: [
+          {
+            name: "vercel-labs",
+            url: "https://github.com/vercel-labs/agent-skills",
+            lastFetched: (/* @__PURE__ */ new Date()).toISOString(),
+            skillCount: 5
+          },
+          {
+            name: "anthropics",
+            url: "https://github.com/anthropics/skills",
+            lastFetched: (/* @__PURE__ */ new Date()).toISOString(),
+            skillCount: 3
+          }
+        ]
+      };
+      const indexDir = join3(process.env.HOME || "~", ".skillkit");
+      if (!existsSync2(indexDir)) {
+        mkdirSync2(indexDir, { recursive: true });
+      }
+      writeFileSync(INDEX_PATH, JSON.stringify(sampleIndex, null, 2));
+      setIndexStatus("fresh");
+      loadRecommendations();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to update index");
+      setLoading(false);
+    }
+  }, [loadRecommendations]);
+  const search = useCallback2((query) => {
+    if (!query.trim()) {
+      setSearchResults([]);
+      return;
+    }
+    const results = engine.search({
+      query,
+      limit: 10,
+      semantic: true
+    });
+    const scoredResults = results.map((r) => ({
+      skill: r.skill,
+      score: r.relevance,
+      reasons: r.matchedTerms.map((term) => ({
+        category: "tag",
+        description: `Matched: ${term}`,
+        weight: 0,
+        matched: [term]
+      })),
+      warnings: []
+    }));
+    setSearchResults(scoredResults);
+  }, [engine]);
+  const refresh = useCallback2(() => {
+    loadRecommendations();
+  }, [loadRecommendations]);
+  useEffect5(() => {
+    loadRecommendations();
+  }, [loadRecommendations]);
+  return {
+    recommendations,
+    profile,
+    loading,
+    error,
+    totalScanned,
+    indexStatus,
+    refresh,
+    updateIndex,
+    search,
+    searchResults
+  };
+}
+
+// src/screens/Recommend.tsx
+import { detectProvider as detectProvider3 } from "@skillkit/core";
+import { detectAgent as detectAgent2, getAdapter as getAdapter3, getAllAdapters as getAllAdapters3 } from "@skillkit/agents";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function Recommend({ rows = 24 }) {
+  const {
+    recommendations,
+    profile,
+    loading,
+    error,
+    totalScanned,
+    indexStatus,
+    refresh,
+    updateIndex,
+    search,
+    searchResults
+  } = useRecommend();
+  const [view, setView] = useState9("recommendations");
+  const [sel, setSel] = useState9(0);
+  const [searchQuery, setSearchQuery] = useState9("");
+  const [searchMode, setSearchMode] = useState9(false);
+  const [installing, setInstalling] = useState9(null);
+  const [message, setMessage] = useState9(null);
+  const [selectedSkill, setSelectedSkill] = useState9(null);
+  const [agents, setAgents] = useState9([]);
+  const items = view === "recommendations" ? recommendations : view === "search" ? searchResults : agents;
+  const maxVisible = Math.max(5, rows - 10);
+  const start = Math.max(0, Math.min(sel - Math.floor(maxVisible / 2), items.length - maxVisible));
+  const visible = items.slice(start, start + maxVisible);
+  const showAgentSelection = async (skillName, source) => {
+    setSelectedSkill({ name: skillName, source });
+    const adapters = getAllAdapters3();
+    const agentList = [];
+    for (const a of adapters) {
+      agentList.push({
+        type: a.type,
+        name: a.name,
+        detected: await a.isDetected()
+      });
+    }
+    setAgents(agentList);
+    setView("agents");
+    setSel(0);
+  };
+  const installSkill = async (skillName, source, agentType) => {
+    if (!source) {
+      setMessage("Error: No source available for this skill");
+      return;
+    }
+    setInstalling(skillName);
+    setMessage(null);
+    try {
+      const provider = detectProvider3(source);
+      if (!provider) {
+        setMessage(`Error: Unknown provider for ${source}`);
+        setInstalling(null);
+        return;
+      }
+      const result = await provider.clone(source, "", { depth: 1 });
+      if (!result.success || !result.discoveredSkills) {
+        setMessage(`Error: ${result.error || "Failed to fetch"}`);
+        setInstalling(null);
+        return;
+      }
+      const skill = result.discoveredSkills.find((s) => s.name === skillName);
+      if (!skill) {
+        setMessage(`Error: Skill ${skillName} not found in repo`);
+        setInstalling(null);
+        return;
+      }
+      const targetAgentType = agentType || await detectAgent2();
+      const adapter = getAdapter3(targetAgentType);
+      const installDir = getInstallDir(false, targetAgentType);
+      if (!existsSync3(installDir)) {
+        mkdirSync3(installDir, { recursive: true });
+      }
+      const targetPath = join4(installDir, skillName);
+      if (existsSync3(targetPath)) {
+        rmSync2(targetPath, { recursive: true, force: true });
+      }
+      cpSync2(skill.path, targetPath, { recursive: true, dereference: true });
+      const metadata = {
+        name: skillName,
+        description: "",
+        source,
+        sourceType: provider.type,
+        subpath: skillName,
+        installedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        enabled: true
+      };
+      coreSaveSkillMetadata(targetPath, metadata);
+      if (result.tempRoot) {
+        rmSync2(result.tempRoot, { recursive: true, force: true });
+      }
+      setMessage(`\u2713 Installed ${skillName} to ${adapter.name}`);
+    } catch (err) {
+      setMessage(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
+    } finally {
+      setInstalling(null);
+      if (agentType) {
+        setSelectedSkill(null);
+        setView("recommendations");
+      }
+    }
+  };
+  useInput5((input, key) => {
+    if (loading || installing) return;
+    if (searchMode) {
+      if (key.escape) {
+        setSearchMode(false);
+        setSearchQuery("");
+        setView("recommendations");
+        return;
+      }
+      if (key.return) {
+        setSearchMode(false);
+        if (searchQuery.trim()) {
+          search(searchQuery);
+          setView("search");
+          setSel(0);
+        }
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setSearchQuery((q) => q.slice(0, -1));
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setSearchQuery((q) => q + input);
+        return;
+      }
+      return;
+    }
+    if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setSel((i) => Math.min(items.length - 1, i + 1));
+    else if (key.return) {
+      if (view === "agents" && agents[sel]) {
+        installSkill(selectedSkill.name, selectedSkill.source, agents[sel].type);
+      } else if ((view === "recommendations" || view === "search") && items[sel]) {
+        const skill = items[sel];
+        if (skill.skill.source) {
+          installSkill(skill.skill.name, skill.skill.source);
+        }
+      }
+    } else if (input === "/") {
+      setSearchMode(true);
+      setSearchQuery("");
+    } else if (input === "m" && (view === "recommendations" || view === "search") && items[sel]) {
+      const skill = items[sel];
+      if (skill.skill.source) {
+        showAgentSelection(skill.skill.name, skill.skill.source);
+      }
+    } else if (input === "u") {
+      updateIndex();
+    } else if (input === "r" && view !== "recommendations") {
+      if (view === "agents") {
+        setView("recommendations");
+      } else {
+        setView("recommendations");
+        setSearchQuery("");
+      }
+      setSel(0);
+    } else if (input === "R") {
+      refresh();
+    }
+  });
+  if (view === "agents") {
+    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: colors.primary, children: "SELECT AGENT" }),
+      /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        'Install "',
+        selectedSkill?.name,
+        '" to which agent?'
+      ] }),
+      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, flexDirection: "column", children: visible.map((agent, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        const a = agent;
+        const status = a.detected ? "(ready)" : "(will create)";
+        return /* @__PURE__ */ jsxs7(Text7, { inverse: isSel, children: [
+          isSel ? symbols.pointer : " ",
+          " ",
+          a.name.padEnd(20),
+          " ",
+          /* @__PURE__ */ jsx7(Text7, { color: colors.secondaryDim, children: status })
+        ] }, a.type);
+      }) }),
+      /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Enter=install  r=back  q=quit" }) })
+    ] });
+  }
+  const getScoreBar = (score) => {
+    const filled = Math.round(score / 10);
+    const empty = 10 - filled;
+    return "\u2588".repeat(filled) + "\u2591".repeat(empty);
+  };
+  const getScoreColor = (score) => {
+    if (score >= 70) return "green";
+    if (score >= 50) return "yellow";
+    return "gray";
+  };
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(Text7, { bold: true, color: colors.primary, children: view === "search" ? `SEARCH: "${searchQuery}"` : "RECOMMENDATIONS" }),
+    loading && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Loading..." }),
+    installing && /* @__PURE__ */ jsxs7(Text7, { children: [
+      "Installing ",
+      installing,
+      "..."
+    ] }),
+    message && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: message }),
+    error && /* @__PURE__ */ jsx7(Text7, { color: "red", children: error }),
+    searchMode && /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs7(Text7, { children: [
+        "Search: ",
+        searchQuery
+      ] }),
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\u2588" })
+    ] }),
+    indexStatus === "missing" && !loading && /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: "No skill index found." }),
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Press 'u' to update index from known sources." })
+    ] }),
+    indexStatus === "stale" && !loading && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Index may be outdated. Press 'u' to update." }),
+    profile && !searchMode && /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        "Project: ",
+        profile.name,
+        profile.type ? ` (${profile.type})` : ""
+      ] }),
+      profile.stack.languages.length > 0 && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        "Stack: ",
+        profile.stack.languages.map((l) => l.name).join(", "),
+        profile.stack.frameworks.length > 0 && `, ${profile.stack.frameworks.map((f) => f.name).join(", ")}`
+      ] })
+    ] }),
+    !searchMode && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: view === "search" ? `${searchResults.length} results` : `${recommendations.length} of ${totalScanned} skills matched` }),
+    /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      start > 0 && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        "  \u2191 ",
+        start,
+        " more"
+      ] }),
+      visible.map((item, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        const skill = item.skill;
+        const score = item.score;
+        return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs7(Text7, { inverse: isSel, children: [
+            isSel ? symbols.pointer : " ",
+            /* @__PURE__ */ jsxs7(Text7, { color: getScoreColor(score), children: [
+              score.toString().padStart(3),
+              "%"
+            ] }),
+            " ",
+            /* @__PURE__ */ jsx7(Text7, { color: getScoreColor(score), children: getScoreBar(score) }),
+            " ",
+            /* @__PURE__ */ jsx7(Text7, { bold: true, children: skill.name })
+          ] }),
+          isSel && skill.description && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+            "      ",
+            skill.description.slice(0, 60),
+            skill.description.length > 60 ? "..." : ""
+          ] }),
+          isSel && skill.source && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+            "      Source: ",
+            skill.source
+          ] })
+        ] }, skill.name);
+      }),
+      start + maxVisible < items.length && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        "  \u2193 ",
+        items.length - start - maxVisible,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: view === "search" ? "Enter=install  m=choose agent  /=search  r=back  u=update  q=quit" : "Enter=install  m=choose agent  /=search  u=update  R=refresh  q=quit" }) })
+  ] });
+}
+
+// src/screens/Translate.tsx
+import { useState as useState10, useEffect as useEffect6 } from "react";
+import { existsSync as existsSync4, readdirSync, readFileSync as readFileSync3, writeFileSync as writeFileSync2, mkdirSync as mkdirSync4 } from "fs";
+import { join as join5 } from "path";
+import { Box as Box8, Text as Text8, useInput as useInput6 } from "ink";
+import {
+  translateSkill,
+  getSupportedTranslationAgents
+} from "@skillkit/core";
+import { getAllAdapters as getAllAdapters4, getAdapter as getAdapter4 } from "@skillkit/agents";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function Translate({ rows = 24 }) {
+  const [view, setView] = useState10("skills");
+  const [skills, setSkills] = useState10([]);
+  const [agents, setAgents] = useState10([]);
+  const [sel, setSel] = useState10(0);
+  const [selectedSkill, setSelectedSkill] = useState10(null);
+  const [selectedAgent, setSelectedAgent] = useState10(null);
+  const [preview, setPreview] = useState10("");
+  const [result, setResult] = useState10(null);
+  const [loading, setLoading] = useState10(false);
+  useEffect6(() => {
+    const loadSkills = () => {
+      const installDir = getInstallDir(false);
+      const foundSkills = [];
+      if (existsSync4(installDir)) {
+        const dirs = readdirSync(installDir, { withFileTypes: true }).filter((d) => d.isDirectory()).map((d) => d.name);
+        for (const dir of dirs) {
+          const skillPath = join5(installDir, dir);
+          const skillMdPath = join5(skillPath, "SKILL.md");
+          if (existsSync4(skillMdPath)) {
+            const content = readFileSync3(skillMdPath, "utf-8");
+            foundSkills.push({
+              name: dir,
+              path: skillPath,
+              content
+            });
+          }
+        }
+      }
+      setSkills(foundSkills);
+    };
+    loadSkills();
+  }, []);
+  useEffect6(() => {
+    const adapters = getAllAdapters4();
+    const supportedAgents = getSupportedTranslationAgents();
+    const agentList = adapters.filter((a) => supportedAgents.includes(a.type)).map((a) => ({
+      type: a.type,
+      name: a.name
+    }));
+    setAgents(agentList);
+  }, []);
+  const currentItems = view === "skills" ? skills : agents;
+  const maxVisible = Math.max(5, rows - 12);
+  const start = Math.max(0, Math.min(sel - Math.floor(maxVisible / 2), currentItems.length - maxVisible));
+  const visible = currentItems.slice(start, start + maxVisible);
+  const generatePreview = (skill, agent) => {
+    try {
+      const result2 = translateSkill(skill.content, agent.type, { sourceFilename: "SKILL.md" });
+      return result2.content;
+    } catch (err) {
+      return `Error: ${err instanceof Error ? err.message : "Translation failed"}`;
+    }
+  };
+  const executeTranslation = () => {
+    if (!selectedSkill || !selectedAgent) return;
+    setLoading(true);
+    try {
+      const translationResult = translateSkill(selectedSkill.content, selectedAgent.type, {
+        sourceFilename: "SKILL.md"
+      });
+      if (!translationResult.success) {
+        setResult({
+          success: false,
+          message: `Translation failed: ${translationResult.warnings.join(", ")}`
+        });
+        setLoading(false);
+        return;
+      }
+      const adapter = getAdapter4(selectedAgent.type);
+      const targetDir = adapter?.skillsDir ? join5(process.cwd(), adapter.skillsDir) : join5(process.cwd(), `.${selectedAgent.type}/skills/`);
+      if (!existsSync4(targetDir)) {
+        mkdirSync4(targetDir, { recursive: true });
+      }
+      const filename = translationResult.filename || `${selectedSkill.name}.md`;
+      const targetPath = join5(targetDir, filename);
+      writeFileSync2(targetPath, translationResult.content, "utf-8");
+      setResult({
+        success: true,
+        message: `Translated ${selectedSkill.name} to ${selectedAgent.name} format`,
+        path: targetPath
+      });
+    } catch (err) {
+      setResult({
+        success: false,
+        message: `Error: ${err instanceof Error ? err.message : "Unknown error"}`
+      });
+    } finally {
+      setLoading(false);
+      setView("result");
+    }
+  };
+  useInput6((_input, key) => {
+    if (loading) return;
+    if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+    else if (key.downArrow) setSel((i) => Math.min(currentItems.length - 1, i + 1));
+    else if (key.escape) {
+      if (view === "result") {
+        setView("skills");
+        setSelectedSkill(null);
+        setSelectedAgent(null);
+        setResult(null);
+        setSel(0);
+      } else if (view === "preview") {
+        setView("agents");
+      } else if (view === "agents") {
+        setView("skills");
+        setSelectedSkill(null);
+      }
+    } else if (key.return) {
+      if (view === "skills" && skills[sel]) {
+        setSelectedSkill(skills[sel]);
+        setView("agents");
+        setSel(0);
+      } else if (view === "agents" && agents[sel]) {
+        setSelectedAgent(agents[sel]);
+        const previewContent = generatePreview(selectedSkill, agents[sel]);
+        setPreview(previewContent);
+        setView("preview");
+      } else if (view === "preview") {
+        executeTranslation();
+      } else if (view === "result") {
+        setView("skills");
+        setSelectedSkill(null);
+        setSelectedAgent(null);
+        setResult(null);
+        setSel(0);
+      }
+    }
+  });
+  if (view === "result" && result) {
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(Text8, { bold: true, color: colors.primary, children: [
+        "TRANSLATION ",
+        result.success ? "COMPLETE" : "FAILED"
+      ] }),
+      /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs8(Text8, { color: result.success ? "green" : "red", children: [
+          result.success ? "\u2713" : "\u2717",
+          " ",
+          result.message
+        ] }),
+        result.path && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+          "Saved to: ",
+          result.path
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 2, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Press Enter or Esc to continue" }) })
+    ] });
+  }
+  if (view === "preview") {
+    const previewLines = preview.split("\n").slice(0, maxVisible);
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: colors.primary, children: "TRANSLATION PREVIEW" }),
+      /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        selectedSkill?.name,
+        " \u2192 ",
+        selectedAgent?.name
+      ] }),
+      /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
+        previewLines.map((line, i) => /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: line.slice(0, 70) }, i)),
+        preview.split("\n").length > maxVisible && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+          "... (",
+          preview.split("\n").length - maxVisible,
+          " more lines)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Enter=confirm translation  Esc=back" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, color: colors.primary, children: view === "skills" ? "TRANSLATE SKILL" : "SELECT TARGET AGENT" }),
+    view === "skills" && /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Select a skill to translate to another agent format" }),
+    view === "agents" && selectedSkill && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+      'Translate "',
+      selectedSkill.name,
+      '" to which agent format?'
+    ] }),
+    skills.length === 0 && view === "skills" && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "No skills installed. Install some skills first with 'skillkit install'" }) }),
+    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+      start > 0 && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        "  \u2191 ",
+        start,
+        " more"
+      ] }),
+      visible.map((item, i) => {
+        const idx = start + i;
+        const isSel = idx === sel;
+        if (view === "skills") {
+          const skill = item;
+          return /* @__PURE__ */ jsxs8(Text8, { inverse: isSel, children: [
+            isSel ? symbols.pointer : " ",
+            " ",
+            skill.name
+          ] }, skill.name);
+        } else {
+          const agent = item;
+          return /* @__PURE__ */ jsxs8(Text8, { inverse: isSel, children: [
+            isSel ? symbols.pointer : " ",
+            " ",
+            agent.name.padEnd(20),
+            " ",
+            /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+              "(",
+              agent.type,
+              ")"
+            ] })
+          ] }, agent.type);
+        }
+      }),
+      start + maxVisible < currentItems.length && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        "  \u2193 ",
+        currentItems.length - start - maxVisible,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: view === "skills" ? "Enter=select skill  q=quit" : "Enter=select agent  Esc=back  q=quit" }) })
+  ] });
+}
+
+// src/screens/Context.tsx
+import { useState as useState11, useEffect as useEffect7 } from "react";
+import { Box as Box9, Text as Text9, useInput as useInput7 } from "ink";
+import {
+  loadContext,
+  initContext,
+  syncToAgent
+} from "@skillkit/core";
+import { getAllAdapters as getAllAdapters5 } from "@skillkit/agents";
+import { Fragment, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function Context({ rows = 24 }) {
+  const [view, setView] = useState11("overview");
+  const [context, setContext] = useState11(null);
+  const [loading, setLoading] = useState11(true);
+  const [initializing, setInitializing] = useState11(false);
+  const [syncing, setSyncing] = useState11(false);
+  const [agents, setAgents] = useState11([]);
+  const [sel, setSel] = useState11(0);
+  const [message, setMessage] = useState11(null);
+  const [error, setError] = useState11(null);
+  const projectPath = process.cwd();
+  useEffect7(() => {
+    const load = async () => {
+      setLoading(true);
+      try {
+        const ctx = loadContext(projectPath);
+        setContext(ctx);
+        const adapters = getAllAdapters5();
+        const agentList = [];
+        for (const a of adapters) {
+          const detected = await a.isDetected();
+          agentList.push({
+            type: a.type,
+            name: a.name,
+            detected,
+            synced: ctx?.agents?.synced?.includes(a.type)
+          });
+        }
+        setAgents(agentList);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to load context");
+      } finally {
+        setLoading(false);
+      }
+    };
+    load();
+  }, [projectPath]);
+  const maxVisible = Math.max(5, rows - 14);
+  const start = Math.max(0, Math.min(sel - Math.floor(maxVisible / 2), agents.length - maxVisible));
+  const visible = agents.slice(start, start + maxVisible);
+  const handleInit = () => {
+    setInitializing(true);
+    setMessage(null);
+    setError(null);
+    try {
+      const newContext = initContext(projectPath);
+      setContext(newContext);
+      setMessage("Context initialized successfully");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to initialize context");
+    } finally {
+      setInitializing(false);
+    }
+  };
+  const handleSync = async (agentType) => {
+    setSyncing(true);
+    setMessage(null);
+    setError(null);
+    try {
+      await syncToAgent(agentType, projectPath);
+      setAgents(
+        (prev) => prev.map(
+          (a) => a.type === agentType ? { ...a, synced: true } : a
+        )
+      );
+      setMessage(`Synced to ${agentType} successfully`);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sync failed");
+    } finally {
+      setSyncing(false);
+    }
+  };
+  const handleSyncAll = async () => {
+    setSyncing(true);
+    setMessage(null);
+    setError(null);
+    try {
+      const detectedAgents = agents.filter((a) => a.detected);
+      for (const agent of detectedAgents) {
+        await syncToAgent(agent.type, projectPath);
+      }
+      setAgents(
+        (prev) => prev.map(
+          (a) => a.detected ? { ...a, synced: true } : a
+        )
+      );
+      setMessage(`Synced to ${detectedAgents.length} agents`);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sync failed");
+    } finally {
+      setSyncing(false);
+    }
+  };
+  useInput7((input, key) => {
+    if (loading || initializing || syncing) return;
+    if (view === "sync") {
+      if (key.upArrow) setSel((i) => Math.max(0, i - 1));
+      else if (key.downArrow) setSel((i) => Math.min(agents.length - 1, i + 1));
+      else if (key.return && agents[sel]) {
+        handleSync(agents[sel].type);
+      } else if (key.escape) {
+        setView("overview");
+        setSel(0);
+      } else if (input === "a") {
+        handleSyncAll();
+      }
+    } else if (view === "overview") {
+      if (input === "i") handleInit();
+      else if (input === "s") {
+        setView("sync");
+        setSel(0);
+      }
+    }
+  });
+  if (loading) {
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, color: colors.primary, children: "PROJECT CONTEXT" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Loading..." })
+    ] });
+  }
+  if (view === "sync") {
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, color: colors.primary, children: "SYNC TO AGENTS" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Select an agent to sync your project context" }),
+      message && /* @__PURE__ */ jsxs9(Text9, { color: "green", children: [
+        "\u2713",
+        " ",
+        message
+      ] }),
+      error && /* @__PURE__ */ jsxs9(Text9, { color: "red", children: [
+        "\u2717",
+        " ",
+        error
+      ] }),
+      syncing && /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Syncing..." }),
+      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+        start > 0 && /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+          "  \u2191 ",
+          start,
+          " more"
+        ] }),
+        visible.map((agent, i) => {
+          const idx = start + i;
+          const isSel = idx === sel;
+          const status = agent.synced ? "(synced)" : agent.detected ? "(ready)" : "(not detected)";
+          const statusColor = agent.synced ? "green" : agent.detected ? "yellow" : "gray";
+          return /* @__PURE__ */ jsxs9(Text9, { inverse: isSel, children: [
+            isSel ? symbols.pointer : " ",
+            " ",
+            agent.name.padEnd(20),
+            /* @__PURE__ */ jsx9(Text9, { color: statusColor, children: status })
+          ] }, agent.type);
+        }),
+        start + maxVisible < agents.length && /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+          "  \u2193 ",
+          agents.length - start - maxVisible,
+          " more"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Enter=sync to agent  a=sync all detected  Esc=back  q=quit" }) })
+    ] });
+  }
+  const stack = context?.stack;
+  const detectedCount = agents.filter((a) => a.detected).length;
+  const syncedCount = agents.filter((a) => a.synced).length;
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: colors.primary, children: "PROJECT CONTEXT" }),
+    message && /* @__PURE__ */ jsxs9(Text9, { color: "green", children: [
+      "\u2713",
+      " ",
+      message
+    ] }),
+    error && /* @__PURE__ */ jsxs9(Text9, { color: "red", children: [
+      "\u2717",
+      " ",
+      error
+    ] }),
+    initializing && /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Initializing..." }),
+    !context && /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "No context found." }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Press 'i' to initialize and analyze your project." })
+    ] }),
+    context && /* @__PURE__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Project:" }),
+        /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Name: ",
+          context.project?.name || "Unknown"
+        ] }),
+        /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Type: ",
+          context.project?.type || "Not detected"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Stack:" }),
+        stack?.languages && stack.languages.length > 0 && /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Languages: ",
+          stack.languages.map((l) => l.name).join(", ")
+        ] }),
+        stack?.frameworks && stack.frameworks.length > 0 && /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Frameworks: ",
+          stack.frameworks.map((f) => f.name).join(", ")
+        ] }),
+        stack?.libraries && stack.libraries.length > 0 && /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Libraries: ",
+          stack.libraries.slice(0, 5).map((l) => l.name).join(", "),
+          stack.libraries.length > 5 ? "..." : ""
+        ] }),
+        !stack?.languages?.length && !stack?.frameworks?.length && /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "  No stack detected. Press 'i' to re-analyze." })
+      ] }),
+      /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Agents:" }),
+        /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Detected: ",
+          detectedCount,
+          " agents"
+        ] }),
+        /* @__PURE__ */ jsxs9(Text9, { children: [
+          "  Synced: ",
+          syncedCount,
+          " agents"
+        ] }),
+        detectedCount > 0 && /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+          "  (",
+          agents.filter((a) => a.detected).map((a) => a.name).join(", "),
+          ")"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Actions:" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "  [i] Initialize/refresh context" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "  [s] Sync to agents" })
+    ] }),
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "i=init context  s=sync to agents  q=quit" }) })
+  ] });
+}
+
+// src/App.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function App() {
+  const [screen, setScreen] = useState12("home");
+  const { exit } = useApp();
+  const { stdout } = useStdout();
+  const cols = stdout?.columns || 80;
+  const rows = stdout?.rows || 24;
+  const showSidebar = cols >= 70;
+  useInput8((input, key) => {
+    if (input === "q") {
+      exit();
+      return;
+    }
+    if (key.escape) {
+      setScreen("home");
+      return;
+    }
+    if (input === "h") setScreen("home");
+    if (input === "b") setScreen("browse");
+    if (input === "l") setScreen("installed");
+    if (input === "s") setScreen("sync");
+    if (input === ",") setScreen("settings");
+    if (input === "r") setScreen("recommend");
+    if (input === "t") setScreen("translate");
+    if (input === "c") setScreen("context");
+  });
+  const renderScreen = () => {
+    switch (screen) {
+      case "home":
+        return /* @__PURE__ */ jsx10(Home, { onNavigate: setScreen, cols, rows });
+      case "browse":
+        return /* @__PURE__ */ jsx10(Browse, { cols, rows });
+      case "installed":
+        return /* @__PURE__ */ jsx10(Installed, { cols, rows });
+      case "sync":
+        return /* @__PURE__ */ jsx10(Sync, { cols, rows });
+      case "settings":
+        return /* @__PURE__ */ jsx10(Settings, { cols, rows });
+      case "recommend":
+        return /* @__PURE__ */ jsx10(Recommend, { cols, rows });
+      case "translate":
+        return /* @__PURE__ */ jsx10(Translate, { cols, rows });
+      case "context":
+        return /* @__PURE__ */ jsx10(Context, { cols, rows });
+    }
+  };
+  const contentHeight = rows - 2;
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", height: contentHeight, children: [
+      showSidebar && /* @__PURE__ */ jsx10(Sidebar, { screen, onNavigate: setScreen }),
+      /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexGrow: 1, marginLeft: 1, children: renderScreen() })
+    ] }),
+    /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "h Home  b Browse  r Rec  t Trans  c Ctx  l List  s Sync  , Config  q Quit" }) })
+  ] });
+}
+
+// src/components/Header.tsx
+import { Box as Box11, Text as Text11 } from "ink";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function Header({ title, subtitle, count }) {
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs11(Box11, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx11(Text11, { color: colors.primary, bold: true, children: title.toUpperCase() }),
+      count !== void 0 && /* @__PURE__ */ jsxs11(Text11, { color: colors.secondaryDim, children: [
+        symbols.star,
+        " ",
+        count
+      ] })
+    ] }),
+    subtitle && /* @__PURE__ */ jsx11(Text11, { color: colors.secondaryDim, dimColor: true, children: subtitle })
+  ] });
+}
+
+// src/components/SkillList.tsx
+import { Box as Box12, Text as Text12 } from "ink";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function formatInstalls(count) {
+  if (count >= 1e3) {
+    return `${(count / 1e3).toFixed(1)}K`;
+  }
+  return String(count);
+}
+function SkillList({
+  skills,
+  selectedIndex,
+  showInstalls = false,
+  showRank = false,
+  showSource = true,
+  maxVisible = 10
+}) {
+  if (skills.length === 0) {
+    return /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Text12, { color: colors.secondaryDim, dimColor: true, children: "No skills found" }) });
+  }
+  const startIndex = Math.max(0, selectedIndex - Math.floor(maxVisible / 2));
+  const visibleSkills = skills.slice(startIndex, startIndex + maxVisible);
+  const actualStartIndex = startIndex;
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    showRank && /* @__PURE__ */ jsx12(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsxs12(Text12, { color: colors.secondaryDim, children: [
+      "  #  SKILL",
+      showSource && "                         SOURCE",
+      showInstalls && "        INSTALLS"
+    ] }) }),
+    visibleSkills.map((skill, idx) => {
+      const realIndex = actualStartIndex + idx;
+      const isSelected = realIndex === selectedIndex;
+      const skillName = skill.name.padEnd(28).slice(0, 28);
+      const sourceName = skill.source ? skill.source.slice(0, 25) : "";
+      return /* @__PURE__ */ jsxs12(Box12, { children: [
+        /* @__PURE__ */ jsxs12(
+          Text12,
+          {
+            color: isSelected ? colors.primary : colors.secondary,
+            bold: isSelected,
+            inverse: isSelected,
+            children: [
+              isSelected ? symbols.pointer : " ",
+              showRank ? String(realIndex + 1).padStart(2, " ") : "",
+              "  ",
+              skillName
+            ]
+          }
+        ),
+        showSource && /* @__PURE__ */ jsxs12(Text12, { color: colors.secondaryDim, dimColor: !isSelected, children: [
+          " ",
+          sourceName
+        ] }),
+        showInstalls && skill.installs !== void 0 && /* @__PURE__ */ jsx12(Text12, { color: colors.secondaryDim, children: formatInstalls(skill.installs).padStart(8) })
+      ] }, `${skill.source}-${skill.name}`);
+    }),
+    skills.length > maxVisible && /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs12(Text12, { color: colors.secondaryDim, dimColor: true, children: [
+      "Showing ",
+      startIndex + 1,
+      "-",
+      Math.min(startIndex + maxVisible, skills.length),
+      " of ",
+      skills.length
+    ] }) })
+  ] });
+}
+
+// src/components/StatusBar.tsx
+import { Box as Box13, Text as Text13 } from "ink";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function StatusBar({ shortcuts, message }) {
+  return /* @__PURE__ */ jsxs13(
+    Box13,
+    {
+      borderStyle: "single",
+      borderColor: colors.borderDim,
+      borderTop: true,
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      paddingX: 1,
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsx13(Box13, { gap: 2, children: shortcuts.map((shortcut, idx) => /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
+          /* @__PURE__ */ jsx13(Text13, { color: colors.primary, bold: true, children: shortcut.key }),
+          /* @__PURE__ */ jsx13(Text13, { color: colors.secondaryDim, children: shortcut.label })
+        ] }, idx)) }),
+        message && /* @__PURE__ */ jsxs13(Text13, { color: colors.success, children: [
+          symbols.check,
+          " ",
+          message
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/SearchInput.tsx
+import { Box as Box14, Text as Text14 } from "ink";
+import TextInput from "ink-text-input";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function SearchInput({
+  value,
+  onChange,
+  placeholder = "Search skills...",
+  isFocused = false
+}) {
+  return /* @__PURE__ */ jsxs14(
+    Box14,
+    {
+      borderStyle: "single",
+      borderColor: isFocused ? colors.primary : colors.borderDim,
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsx14(Text14, { color: colors.secondaryDim, children: "/ " }),
+        isFocused ? /* @__PURE__ */ jsx14(
+          TextInput,
+          {
+            value,
+            onChange,
+            placeholder
+          }
+        ) : /* @__PURE__ */ jsx14(Text14, { color: value ? colors.secondary : colors.secondaryDim, children: value || placeholder }),
+        /* @__PURE__ */ jsx14(Box14, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx14(Text14, { color: colors.secondaryDim, children: "/" })
+      ]
+    }
+  );
+}
+
+// src/hooks/useKeyboard.ts
+import { useState as useState13, useCallback as useCallback3, useEffect as useEffect8 } from "react";
+import { useInput as useInput9, useApp as useApp2 } from "ink";
+function useKeyboard(options = {}) {
+  const { exit } = useApp2();
+  useInput9((input, key) => {
+    if (options.disabled) return;
+    if (input === "q" || key.ctrl && input === "c") {
+      exit();
+      return;
+    }
+    if (key.escape && options.onBack) {
+      options.onBack();
+      return;
+    }
+    if (key.return && options.onSelect) {
+      options.onSelect();
+      return;
+    }
+    if (key.upArrow && options.onUp) {
+      options.onUp();
+      return;
+    }
+    if (key.downArrow && options.onDown) {
+      options.onDown();
+      return;
+    }
+    if (input === "/" && options.onSearch) {
+      options.onSearch();
+      return;
+    }
+    if (input === "i" && options.onInstall) {
+      options.onInstall();
+      return;
+    }
+    if (input === "h" && options.onNavigate) {
+      options.onNavigate("home");
+    } else if (input === "b" && options.onNavigate) {
+      options.onNavigate("browse");
+    } else if (input === "l" && options.onNavigate) {
+      options.onNavigate("installed");
+    } else if (input === "s" && options.onNavigate) {
+      options.onNavigate("sync");
+    } else if (input === "," && options.onNavigate) {
+      options.onNavigate("settings");
+    }
+  });
+}
+function useListNavigation(listLength, initialIndex = 0) {
+  const [selectedIndex, setSelectedIndex] = useState13(initialIndex);
+  useEffect8(() => {
+    if (selectedIndex >= listLength && listLength > 0) {
+      setSelectedIndex(listLength - 1);
+    }
+  }, [listLength, selectedIndex]);
+  const moveUp = useCallback3(() => {
+    setSelectedIndex((prev) => Math.max(0, prev - 1));
+  }, []);
+  const moveDown = useCallback3(() => {
+    setSelectedIndex((prev) => Math.min(listLength - 1, prev + 1));
+  }, [listLength]);
+  const reset = useCallback3(() => {
+    setSelectedIndex(0);
+  }, []);
+  return { selectedIndex, setSelectedIndex, moveUp, moveDown, reset };
+}
+
+// src/index.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function startTUI() {
+  process.stdout.write("\x1B[2J\x1B[0f");
+  const { waitUntilExit, clear } = render(/* @__PURE__ */ jsx15(App, {}), {
+    exitOnCtrlC: true
+  });
+  return waitUntilExit().then(() => {
+    clear();
+  });
+}
+export {
+  App,
+  Browse,
+  Context,
+  Header,
+  Home,
+  Installed,
+  Recommend,
+  SearchInput,
+  Settings,
+  Sidebar,
+  SkillList,
+  StatusBar,
+  Sync,
+  Translate,
+  colors,
+  logo,
+  startTUI,
+  symbols,
+  useKeyboard,
+  useListNavigation,
+  useMarketplace,
+  useRecommend,
+  useSkills
+};
+//# sourceMappingURL=index.js.map