@tacuchi/agent-workflow-cli 16.1.0 → 17.0.0

package/dist/cli/tui/tabs/skills-tab.js

@@ -1,160 +1,205 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// [Skills] — administrador de skills sueltas (modelo skills.sh): lista única
+// con badges (installed → registered → recommended), detail con acciones por
+// estado y wizard [a] fuente → picker → warning de terceros → registrar.
+// Respaldado por skills-manager; la administración del bundle `w` vive en
+// [Workflows] (HostAdminSection).
 import { Box, Text, useInput, useStdout } from "ink";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { formatTuiEvent } from "../../../application/logging/log-events.js";
-import { selfCleanLegacy } from "../../../application/self/clean-legacy.js";
-import { SKILL_DIR_NAME, TARGET_ROOTS, selfInstallSkill, } from "../../../application/self/install-skill.js";
-import { selfClearPluginCache } from "../../../application/self/plugin-cache-clear.js";
-import { selfUninstall } from "../../../application/self/uninstall.js";
+import { canonicalSkillsRoot, installSkill, listSkills, probeSkillSource, registerSkill, reinstallSkill, removeSkill, resolveSkillSource, uninstallSkill, updateSkill, } from "../../../application/self/skills-manager.js";
 import { ConfirmBanner } from "../components/confirm-banner.js";
 import { DetailPanel } from "../components/detail-panel.js";
+import { InputPrompt } from "../components/input-prompt.js";
 import { ListRow } from "../components/list-row.js";
 import { PageHead } from "../components/page-head.js";
 import { QuickActions } from "../components/quick-actions.js";
 import { SectionHead } from "../components/section-head.js";
-import { WORKFLOW_CONTENT } from "../data/workflow-content.js";
-import { HOSTS } from "../hosts.js";
+import { RECOMMENDED_SKILLS } from "../data/recommended-skills.js";
 import { useInputLock } from "../input-lock.js";
 import { rowWidth } from "../row-width.js";
 import { colors, icons } from "../theme.js";
-const HOOKS_SUPPORTED_TARGETS = new Set(["claude"]);
-// Derived from the backend's own target map so the tab can't drift from what
-// `self install/uninstall-skill` actually supports (clean-legacy v14.5.1 lesson).
-const BACKED_INSTALL_TARGETS = new Set(Object.keys(TARGET_ROOTS));
+const STATUS_GLYPH = {
+    installed: { glyph: "◆", active: true },
+    registered: { glyph: "◇", active: false },
+    recommended: { glyph: "·", active: false },
+};
 export function SkillsTab({ ctx, isActive, onToast }) {
-    const [skills, setSkills] = useState([]);
+    const [items, setItems] = useState([]);
     const [cursor, setCursor] = useState(0);
     const [actionCursor, setActionCursor] = useState(0);
     const [mode, setMode] = useState({ kind: "list" });
-    const [busy, setBusy] = useState(null);
+    // Espejo de items para preservar la selección POR NOMBRE en refresh: la lista
+    // se re-ordena tras cada operación (installed→registered→recommended) y un
+    // cursor numérico saltaría a otra skill.
+    const itemsRef = useRef([]);
     const startedRef = useRef(false);
     const { lock, unlock } = useInputLock();
     const { stdout } = useStdout();
     useEffect(() => {
-        if (busy)
-            lock();
-        else
+        if (mode.kind === "list" || mode.kind === "detail")
             unlock();
-    }, [busy, lock, unlock]);
+        else
+            lock();
+    }, [mode, lock, unlock]);
     useEffect(() => () => unlock(), [unlock]);
     const refresh = useCallback(async () => {
-        const home = ctx.env.homeDir();
-        const settingsPath = `${home}/.claude/settings.json`;
-        let hooksInstalled = false;
-        if (await ctx.fs.exists(settingsPath)) {
-            try {
-                const parsed = JSON.parse(await ctx.fs.readText(settingsPath));
-                hooksInstalled =
-                    typeof parsed === "object" &&
-                        parsed !== null &&
-                        "hooks" in parsed &&
-                        typeof parsed.hooks === "object" &&
-                        Object.keys(parsed.hooks).length > 0;
-            }
-            catch {
-                hooksInstalled = false;
-            }
-        }
-        const next = [];
-        for (const host of HOSTS) {
-            const path = pathForHost(host, home);
-            const installed = host.backed && path ? await ctx.fs.exists(path) : false;
-            next.push({
-                host,
-                installed,
-                hooks_installed: host.id === "claude" ? hooksInstalled : false,
-                path: installed
-                    ? friendlyPath(host, home)
-                    : host.backed
-                        ? "not installed"
-                        : "(not wired yet)",
+        try {
+            const next = await listSkills(ctx, RECOMMENDED_SKILLS);
+            setCursor((c) => {
+                const prevName = itemsRef.current[c]?.name;
+                const idx = prevName === undefined ? -1 : next.findIndex((s) => s.name === prevName);
+                return idx >= 0 ? idx : Math.min(Math.max(0, c), Math.max(0, next.length - 1));
             });
+            itemsRef.current = next;
+            setItems(next);
+        }
+        catch (err) {
+            onToast?.({ tone: "err", title: "Error loading skills", body: err.message });
         }
-        setSkills(next);
-        setCursor((c) => Math.min(Math.max(0, c), Math.max(0, next.length - 1)));
-    }, [ctx]);
+    }, [ctx, onToast]);
     useEffect(() => {
         if (startedRef.current)
             return;
         startedRef.current = true;
         void refresh();
     }, [refresh]);
-    const installedCount = skills.filter((s) => s.installed).length;
-    const totalCount = skills.length;
-    const backedHosts = HOSTS.filter((h) => h.backed).length;
-    const pendingHosts = HOSTS.length - backedHosts;
-    const focused = skills[cursor] ?? null;
-    const isInstalled = focused?.installed === true;
-    const isBackedFocused = focused ? BACKED_INSTALL_TARGETS.has(focused.host.id) : false;
+    const current = items[cursor] ?? null;
+    const installedCount = items.filter((s) => s.status === "installed").length;
+    const registeredCount = items.filter((s) => s.status === "registered").length;
+    const recommendedCount = items.filter((s) => s.status === "recommended").length;
+    // Acciones del detail según estado (SPEC 003): recommended/registered →
+    // Install; installed → Update (solo git) / Reinstall / Uninstall; Remove para
+    // todo lo registrado (una recomendada vuelve a `recommended`).
     const detailActions = useMemo(() => {
-        if (!focused)
+        if (!current)
             return [];
-        const reinstall = {
-            name: isInstalled ? "Reinstall" : "Install",
-            description: isInstalled ? "Overwrite files (--force)." : "Copy files (--force).",
-        };
-        if (isInstalled) {
+        if (current.status === "recommended") {
             return [
-                reinstall,
                 {
-                    name: "Uninstall",
-                    description: "Remove files. Reversible.",
-                    danger: true,
+                    id: "install",
+                    action: {
+                        name: "Install",
+                        description: "Register + install (canonical + Claude replica).",
+                    },
                 },
             ];
         }
-        return [reinstall];
-    }, [focused, isInstalled]);
-    const runComposite = useCallback(async (kind, host) => {
-        if (!BACKED_INSTALL_TARGETS.has(host.id)) {
-            onToast?.({
-                tone: "info",
-                title: `Host '${host.name}' not supported yet`,
-                body: "Install/uninstall backend without path mapping.",
-            });
-            return;
+        if (current.status === "registered") {
+            return [
+                {
+                    id: "install",
+                    action: { name: "Install", description: "Materialize canonical + Claude replica." },
+                },
+                {
+                    id: "remove",
+                    action: { name: "Remove", description: "Drop from the registry.", danger: true },
+                },
+            ];
         }
-        const target = host.id;
-        const steps = kind === "install"
-            ? ["clean-legacy", "clean-cache", "install-full"]
-            : ["uninstall-full", "clean-cache"];
-        const startLabel = kind === "install" ? `installing on ${host.name}…` : `uninstalling from ${host.name}…`;
-        setBusy(startLabel);
+        // El clasificador canónico del motor (isAbsolute cubre paths Windows como
+        // C:\… que un startsWith("/") clasificaría mal como git).
+        const resolved = resolveSkillSource(current.source, current.ref);
+        const gitSource = !("error" in resolved) && resolved.kind === "git";
+        return [
+            ...(gitSource
+                ? [
+                    {
+                        id: "update",
+                        action: {
+                            name: "Update",
+                            description: "Re-fetch the registered ref (staging + swap).",
+                        },
+                    },
+                ]
+                : []),
+            {
+                id: "reinstall",
+                action: { name: "Reinstall", description: "Repair the replica from the canonical." },
+            },
+            {
+                id: "uninstall",
+                action: {
+                    name: "Uninstall",
+                    description: "Delete canonical + replica; keeps the registration.",
+                    danger: true,
+                },
+            },
+            {
+                id: "remove",
+                action: {
+                    name: "Remove",
+                    description: "Uninstall + drop from the registry.",
+                    danger: true,
+                },
+            },
+        ];
+    }, [current]);
+    // Superficie TUI en EN (SPEC 007); los summaries del motor (ES) van al body.
+    const runAction = useCallback(async (label, successTitle, op) => {
+        setMode({ kind: "busy", label });
         try {
-            for (const step of steps) {
-                setBusy(buildBusyLabel(step, host.name));
-                const result = await dispatchAction(step, target, ctx);
-                if (!result.ok) {
-                    const failMsg = result.error?.message;
-                    onToast?.(failMsg !== undefined
-                        ? { tone: "err", title: `Step ${step} failed`, body: failMsg }
-                        : { tone: "err", title: `Step ${step} failed` });
-                    // The err toast is mirrored to the log by the notification-center
-                    // safety net; nothing more to log here.
-                    await refresh();
-                    return;
+            const result = await op();
+            if (result.ok) {
+                onToast?.({ tone: "ok", title: successTitle, body: result.data?.summary ?? "" });
+                if (result.data?.warning) {
+                    onToast?.({ tone: "info", title: "Notice", body: result.data.warning });
                 }
+                void ctx.logger?.info(formatTuiEvent(`skill-manager ${label}`, "ok"));
+            }
+            else {
+                onToast?.({
+                    tone: "err",
+                    title: "Operation refused",
+                    body: result.error?.message ?? "",
+                });
             }
-            const finalAction = kind === "install" ? "install-full" : "uninstall-full";
-            onToast?.({ tone: "ok", title: buildSuccessMessage(finalAction, host.name) });
-            void ctx.logger?.info(formatTuiEvent(`skill ${kind} ${host.name}`, "ok"));
-            await refresh();
         }
         catch (err) {
             onToast?.({ tone: "err", title: "Error", body: err.message });
         }
-        finally {
-            setBusy(null);
+        await refresh();
+        setMode({ kind: "list" });
+    }, [ctx, onToast, refresh]);
+    const triggerAction = useCallback((id) => {
+        if (!current)
+            return;
+        const name = current.name;
+        switch (id) {
+            case "install":
+                if (current.status === "recommended") {
+                    // Registrar + instalar en un paso (la semilla ya trae la fuente).
+                    void runAction(`installing ${name}…`, `Installed · ${name}`, async () => {
+                        const reg = await registerSkill(ctx, { source: current.source, pick: name });
+                        if (!reg.ok)
+                            return reg;
+                        return installSkill(ctx, name);
+                    });
+                }
+                else {
+                    void runAction(`installing ${name}…`, `Installed · ${name}`, () => installSkill(ctx, name));
+                }
+                return;
+            case "update":
+                void runAction(`updating ${name}…`, `Updated · ${name}`, () => updateSkill(ctx, name));
+                return;
+            case "reinstall":
+                void runAction(`reinstalling ${name}…`, `Reinstalled · ${name}`, () => reinstallSkill(ctx, name));
+                return;
+            case "uninstall":
+                setMode({ kind: "confirm", action: "uninstall" });
+                return;
+            case "remove":
+                setMode({ kind: "confirm", action: "remove" });
+                return;
         }
-    }, [ctx, refresh, onToast]);
-    // input — list mode (↑↓ navega · ⏎ abre detail · Esc no-op · 'i' empty-state install)
+    }, [ctx, current, runAction]);
+    // input — list (↑↓ navega · ⏎ detail · a wizard)
     useInput((input, key) => {
-        if (!isActive || busy || mode.kind !== "list")
+        if (!isActive || mode.kind !== "list")
             return;
-        if ((input === "i" || input === "I") && installedCount === 0) {
-            const claude = HOSTS.find((h) => h.id === "claude");
-            if (claude)
-                void runComposite("install", claude);
+        if (input === "a" || input === "A") {
+            setMode({ kind: "wizard-source" });
             return;
         }
         if (key.upArrow) {
@@ -162,25 +207,17 @@ export function SkillsTab({ ctx, isActive, onToast }) {
             return;
         }
         if (key.downArrow) {
-            setCursor((c) => (skills.length === 0 ? 0 : Math.min(skills.length - 1, c + 1)));
+            setCursor((c) => (items.length === 0 ? 0 : Math.min(items.length - 1, c + 1)));
             return;
         }
-        if (key.return && focused) {
-            if (!BACKED_INSTALL_TARGETS.has(focused.host.id)) {
-                onToast?.({
-                    tone: "info",
-                    title: `Host '${focused.host.name}'`,
-                    body: "pending — backend without path mapping yet",
-                });
-                return;
-            }
+        if (key.return && current) {
             setActionCursor(0);
             setMode({ kind: "detail" });
         }
     }, { isActive });
-    // input — detail mode (↑↓ navega actions · ⏎ ejecuta focused · Esc cierra)
+    // input — detail (↑↓ acciones · ⏎ ejecuta · esc cierra)
     useInput((_input, key) => {
-        if (!isActive || busy || mode.kind !== "detail" || !focused)
+        if (!isActive || mode.kind !== "detail" || !current)
             return;
         if (key.upArrow) {
             setActionCursor((c) => Math.max(0, c - 1));
@@ -195,129 +232,135 @@ export function SkillsTab({ ctx, isActive, onToast }) {
             return;
         }
         if (key.return) {
-            const action = detailActions[actionCursor];
-            if (!action)
-                return;
-            if (action.danger) {
-                setMode({ kind: "confirm-uninstall", host: focused.host });
+            const entry = detailActions[actionCursor];
+            if (entry)
+                triggerAction(entry.id);
+        }
+    }, { isActive });
+    // input — confirm (y confirma · n/esc vuelve al detail)
+    useInput((input, key) => {
+        if (!isActive || mode.kind !== "confirm" || !current)
+            return;
+        if (input === "y" || input === "Y") {
+            const name = current.name;
+            if (mode.action === "uninstall") {
+                void runAction(`uninstalling ${name}…`, `Uninstalled · ${name}`, () => uninstallSkill(ctx, name));
             }
             else {
-                void runComposite("install", focused.host);
-                setMode({ kind: "list" });
+                void runAction(`removing ${name}…`, `Removed · ${name}`, () => removeSkill(ctx, name));
             }
         }
+        else if (key.escape || input === "n" || input === "N") {
+            setMode({ kind: "detail" });
+        }
+    }, { isActive });
+    // input — wizard-source esc
+    useInput((_input, key) => {
+        if (!isActive || mode.kind !== "wizard-source")
+            return;
+        if (key.escape)
+            setMode({ kind: "list" });
+    }, { isActive });
+    // input — wizard-pick (↑↓ · ⏎ elige · esc cancela)
+    useInput((_input, key) => {
+        if (!isActive || mode.kind !== "wizard-pick")
+            return;
+        if (key.escape) {
+            setMode({ kind: "list" });
+            return;
+        }
+        if (key.upArrow) {
+            setMode({ ...mode, cursor: Math.max(0, mode.cursor - 1) });
+            return;
+        }
+        if (key.downArrow) {
+            setMode({ ...mode, cursor: Math.min(mode.candidates.length - 1, mode.cursor + 1) });
+            return;
+        }
+        if (key.return) {
+            const pick = mode.candidates[mode.cursor];
+            if (pick)
+                setMode({ kind: "wizard-warning", source: mode.source, pick });
+        }
     }, { isActive });
-    // input — confirm-uninstall (y confirma · n/esc cancela)
+    // input — wizard-warning (r registra · ⏎ registra+instala · esc cancela)
     useInput((input, key) => {
-        if (!isActive || mode.kind !== "confirm-uninstall")
+        if (!isActive || mode.kind !== "wizard-warning")
             return;
-        if (input === "y" || input === "Y") {
-            void runComposite("uninstall", mode.host);
+        if (key.escape) {
             setMode({ kind: "list" });
+            return;
         }
-        else if (key.escape || input === "n" || input === "N") {
-            setMode({ kind: "detail" });
+        const { source, pick } = mode;
+        if (input === "r" || input === "R") {
+            void runAction(`registering ${pick}…`, `Registered · ${pick}`, () => registerSkill(ctx, { source, pick }));
+            return;
+        }
+        if (key.return) {
+            void runAction(`installing ${pick}…`, `Installed · ${pick}`, async () => {
+                const reg = await registerSkill(ctx, { source, pick });
+                if (!reg.ok)
+                    return reg;
+                return installSkill(ctx, pick);
+            });
         }
     }, { isActive });
-    const detailVisible = mode.kind === "detail" || mode.kind === "confirm-uninstall";
+    const probeSource = useCallback(async (source) => {
+        setMode({ kind: "busy", label: "inspecting source…" });
+        try {
+            const probe = await probeSkillSource(ctx, { source });
+            if (!probe.ok || !probe.data) {
+                onToast?.({ tone: "err", title: "Invalid source", body: probe.error?.message ?? "" });
+                setMode({ kind: "list" });
+                return;
+            }
+            const candidates = probe.data.candidates;
+            const single = candidates.length === 1 ? candidates[0] : undefined;
+            setMode(single !== undefined
+                ? { kind: "wizard-warning", source, pick: single }
+                : { kind: "wizard-pick", source, candidates, cursor: 0 });
+        }
+        catch (err) {
+            onToast?.({ tone: "err", title: "Error", body: err.message });
+            setMode({ kind: "list" });
+        }
+    }, [ctx, onToast]);
+    const overlayVisible = mode.kind !== "list";
+    const home = ctx.env.homeDir();
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(PageHead, { title: "Skills", count: {
-                    label: `${installedCount}/${totalCount} hosts · ${subSkillsTotal()} sub-skills · ${WORKFLOW_CONTENT.slashCommands.length} slash commands`,
-                    tone: installedCount === 0 ? "warn" : "accent",
-                }, action: _jsx(Text, { color: colors.mute, children: "one universal SKILL \u00B7 agent-workflow" }) }), _jsx(SectionHead, { label: "Hosts", count: totalCount, hint: `backed ${backedHosts} · pending ${pendingHosts}`, ...(detailVisible ? { rightAction: "esc to close detail" } : {}), marginTop: 0 }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexDirection: "column", flexGrow: 1, paddingRight: 2, children: skills.map((s, i) => (_jsx(ListRow, { icon: icons.diamond, iconActive: s.installed, title: s.host.name, subtitle: friendlyPath(s.host, ctx.env.homeDir()), meta: HOOKS_SUPPORTED_TARGETS.has(s.host.id) && s.hooks_installed
-                                ? [{ label: "hooks armed", tone: "ok" }]
-                                : [], state: {
-                                label: s.installed ? "installed" : s.host.backed ? "backed" : "pending",
-                                tone: s.installed ? "ok" : s.host.backed ? "dim" : "warn",
-                            }, chevron: true, active: cursor === i, widthHint: rowWidth(stdout?.columns, detailVisible) }, s.host.id))) }), focused && isBackedFocused && detailVisible ? (_jsx(DetailPanel, { bordered: true, header: {
-                            name: focused.host.name,
-                            meta: `${focused.path}${focused.hooks_installed
-                                ? `\nhooks armed · SKILL + ${WORKFLOW_CONTENT.slashCommands.length} slash + ${WORKFLOW_CONTENT.hooks.length} hooks`
-                                : ""}`,
+                    label: `${installedCount} installed · ${registeredCount} registered · ${recommendedCount} recommended`,
+                    tone: installedCount > 0 ? "accent" : "warn",
+                }, action: _jsx(Text, { color: colors.mute, children: "~/.agents/skills + host replicas" }) }), _jsx(SectionHead, { label: "Skills", count: items.length, hint: "installed \u2192 registered \u2192 recommended", ...(overlayVisible ? { rightAction: "esc to close" } : {}), marginTop: 0 }), _jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingRight: 2, children: [items.map((s, i) => {
+                                const glyph = STATUS_GLYPH[s.status];
+                                return (_jsx(ListRow, { icon: glyph.glyph, iconActive: glyph.active, title: s.name, subtitle: `${s.source}${s.ref ? ` #${s.ref}` : ""}`, meta: s.mode === "copy" ? [{ label: "copy", tone: "warn" }] : [], state: {
+                                        label: s.status,
+                                        tone: s.status === "installed" ? "ok" : s.status === "registered" ? "dim" : "info",
+                                    }, chevron: true, active: cursor === i, dimmed: mode.kind.startsWith("wizard"), widthHint: rowWidth(stdout?.columns, overlayVisible) }, s.name));
+                            }), mode.kind === "wizard-source" ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(SectionHead, { label: "Add skill", hint: "Step 1 \u00B7 Source", rightAction: "\u23CE inspect \u00B7 esc cancel" }), _jsx(Box, { marginLeft: 2, children: _jsx(InputPrompt, { message: "source (owner/repo \u00B7 git URL \u00B7 absolute path):", onSubmit: (value) => {
+                                                const source = value.trim();
+                                                if (!source) {
+                                                    setMode({ kind: "list" });
+                                                    return;
+                                                }
+                                                void probeSource(source);
+                                            }, isActive: isActive }) })] })) : null, mode.kind === "wizard-pick" ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(SectionHead, { label: "Add skill", hint: `Step 2 · Pick one of ${mode.candidates.length}`, rightAction: "\u23CE choose \u00B7 esc cancel" }), _jsx(Box, { marginTop: 0, flexDirection: "column", children: mode.candidates.map((name, i) => (_jsx(ListRow, { icon: "\u00B7", title: name, active: mode.cursor === i, widthHint: rowWidth(stdout?.columns, true) }, name))) })] })) : null, mode.kind === "wizard-warning" ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(SectionHead, { label: `Add skill · ${mode.pick}`, hint: "Step 3 \u00B7 Review", rightAction: "esc cancel" }), _jsxs(Box, { marginLeft: 2, marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.warn, children: "\u26A0 A third-party skill runs with your host's permissions \u2014 review it before installing." }), _jsx(Text, { color: colors.dim, wrap: "truncate-end", children: mode.source }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.faint, children: "[\u23CE] register + install \u00B7 [r] register only" }) })] })] })) : null, mode.kind === "busy" ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.warn, children: [icons.spinner, " ", mode.label] }) })) : null] }), current && (mode.kind === "detail" || mode.kind === "confirm") ? (_jsx(DetailPanel, { bordered: true, header: {
+                            name: current.name,
+                            meta: detailMeta(current, home),
                         }, statePill: {
-                            label: isInstalled ? "installed" : "missing",
-                            tone: isInstalled ? "ok" : "dim",
-                        }, actions: detailActions, focusedAction: actionCursor, banner: mode.kind === "confirm-uninstall" ? (_jsx(ConfirmBanner, { title: `× Uninstall ${mode.host.name}?`, body: `Removes SKILL + commands + hooks from ${friendlyPath(mode.host, ctx.env.homeDir())}. Reversible with Reinstall.` })) : null })) : null] }), busy ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.warn, children: [icons.spinner, " ", busy] }) })) : null, installedCount === 0 ? (_jsx(Box, { marginTop: 1, children: _jsx(QuickActions, { actions: [{ key: "i", label: "install on Claude" }] }) })) : null] }));
-}
-function subSkillsTotal() {
-    return WORKFLOW_CONTENT.commandFamilies.reduce((n, f) => n + f.items.length, 0);
-}
-function pathForHost(host, home) {
-    if (!BACKED_INSTALL_TARGETS.has(host.id))
-        return null;
-    const root = TARGET_ROOTS[host.id];
-    if (!root)
-        return null;
-    return `${home}/${root.join("/")}/${SKILL_DIR_NAME}`;
-}
-function friendlyPath(host, _home) {
-    const root = TARGET_ROOTS[host.id];
-    if (!root)
-        return "(not wired yet)";
-    return `~/${root.join("/")}/${SKILL_DIR_NAME}/`;
-}
-function buildArgsFor(action, target) {
-    const flags = new Set();
-    const values = new Map();
-    values.set("target", target);
-    if (action === "install-full" || action === "uninstall-full")
-        flags.add("--force");
-    if (action === "clean-cache")
-        values.set("plugin", SKILL_DIR_NAME);
-    return {
-        rest: [actionToSubcommand(action)],
-        plugin: {},
-        flags,
-        values,
-        valuesMulti: new Map(),
-    };
-}
-function actionToSubcommand(action) {
-    switch (action) {
-        case "install-full":
-            return "install-skill";
-        case "uninstall-full":
-            return "uninstall";
-        case "clean-cache":
-            return "clean-cache";
-        case "clean-legacy":
-            return "clean-legacy";
-    }
-}
-async function dispatchAction(action, target, ctx) {
-    const args = buildArgsFor(action, target);
-    switch (action) {
-        case "install-full":
-            return selfInstallSkill(args, ctx);
-        case "uninstall-full":
-            return selfUninstall(args, ctx);
-        case "clean-cache":
-            return selfClearPluginCache(args, ctx);
-        case "clean-legacy":
-            return selfCleanLegacy(args, ctx);
-    }
-}
-function buildBusyLabel(action, label) {
-    switch (action) {
-        case "install-full":
-            return `installing on ${label}…`;
-        case "uninstall-full":
-            return `uninstalling from ${label}…`;
-        case "clean-cache":
-            return `cleaning cache on ${label}…`;
-        case "clean-legacy":
-            return `removing legacy skills from ${label}…`;
-    }
+                            label: current.status,
+                            tone: current.status === "installed" ? "ok" : "dim",
+                        }, actions: detailActions.map((a) => a.action), focusedAction: actionCursor, banner: mode.kind === "confirm" ? (_jsx(ConfirmBanner, { title: `× ${mode.action === "uninstall" ? "Uninstall" : "Remove"} ${current.name}?`, body: mode.action === "uninstall"
+                                ? "Deletes canonical + replica; the registration stays."
+                                : current.status === "installed"
+                                    ? "Uninstalls and drops the registration. A recommended skill returns to the recommended list."
+                                    : "Drops the registration. A recommended skill returns to the recommended list." })) : null })) : null] }), _jsx(Box, { marginTop: 1, children: _jsx(QuickActions, { actions: [{ key: "a", label: "add skill" }] }) })] }));
 }
-function buildSuccessMessage(action, label) {
-    switch (action) {
-        case "install-full":
-            return `Install complete OK on ${label}.`;
-        case "uninstall-full":
-            return `Uninstall complete OK on ${label}.`;
-        case "clean-cache":
-            return `Cache cleaned on ${label}.`;
-        case "clean-legacy":
-            return `Legacy skills removed from ${label}.`;
-    }
+function detailMeta(item, home) {
+    const source = `${item.source}${item.ref ? ` #${item.ref}` : ""}`;
+    if (item.status === "recommended")
+        return `${source}\n${item.description ?? ""}`;
+    const canonical = `${canonicalSkillsRoot(home)}/${item.name}`.replace(home, "~");
+    const replicas = `agents ${item.replicas.agents ? "✓" : "·"} · claude ${item.replicas.claude ? "✓" : "·"}${item.mode === "copy" ? " (copy)" : ""}`;
+    return `${source}\n${canonical}\n${replicas}`;
 }
 //# sourceMappingURL=skills-tab.js.map