skillex 0.2.4 → 0.3.0

package/dist/ui.d.ts

@@ -17,21 +17,26 @@ interface UiPrompts {
     }) => Promise<string[]>) | undefined;
 }
 /**
- * Filters catalog skills for the interactive UI using a case-insensitive text query.
+ * Filters catalog skills for the interactive terminal browser using a case-insensitive text query.
  *
  * @param skills - Catalog skills.
  * @param query - Search text.
  * @returns Filtered skills in their original order.
  */
-export declare function filterCatalogForUi(skills: SkillManifest[], query: string): SkillManifest[];
+export declare function filterCatalogForUi<T extends SkillManifest>(skills: T[], query: string): T[];
 /**
- * Runs the interactive terminal flow used by `skillex ui`.
+ * Runs the interactive terminal browser flow used by `skillex`, `skillex browse`, and `skillex tui`.
  *
  * @param options - UI state and optional prompt overrides.
  * @returns Selected, installable, and removable skill ids.
  */
-export declare function runInteractiveUi(options: {
-    skills: SkillManifest[];
+export declare function runInteractiveUi<T extends SkillManifest & {
+    source?: {
+        repo: string;
+        label?: string | undefined;
+    };
+}>(options: {
+    skills: T[];
     installedIds: string[];
     prompts?: UiPrompts | undefined;
 }): Promise<{

package/dist/ui.js

@@ -1,5 +1,5 @@
 /**
- * Filters catalog skills for the interactive UI using a case-insensitive text query.
+ * Filters catalog skills for the interactive terminal browser using a case-insensitive text query.
  *
  * @param skills - Catalog skills.
  * @param query - Search text.
@@ -16,7 +16,7 @@ export function filterCatalogForUi(skills, query) {
         .includes(normalized));
 }
 /**
- * Runs the interactive terminal flow used by `skillex ui`.
+ * Runs the interactive terminal browser flow used by `skillex`, `skillex browse`, and `skillex tui`.
  *
  * @param options - UI state and optional prompt overrides.
  * @returns Selected, installable, and removable skill ids.
@@ -39,9 +39,12 @@ export async function runInteractiveUi(options) {
             choices: filteredSkills.map((skill) => {
                 const tags = (skill.tags ?? []).slice(0, 4).join(", ");
                 const detail = tags || (skill.description ?? "").slice(0, 55);
+                const source = skill.source && (skill.source.label || skill.source.repo)
+                    ? `  ·  ${skill.source.label || skill.source.repo}`
+                    : "";
                 const label = detail
-                    ? `${skill.name}  (${skill.id})  ·  ${detail}`
-                    : `${skill.name}  (${skill.id})`;
+                    ? `${skill.name}  (${skill.id})  ·  ${detail}${source}`
+                    : `${skill.name}  (${skill.id})${source}`;
                 return {
                     name: label,
                     value: skill.id,

package/dist/web-ui.d.ts

@@ -0,0 +1,31 @@
+import { type IncomingMessage, type ServerResponse } from "node:http";
+import type { CatalogLoader, ProjectOptions, SkillDownloader, SourcedSkillManifest } from "./types.js";
+type BrowserOpener = (url: string) => Promise<void>;
+type SkillBodyLoader = (skill: SourcedSkillManifest, context: {
+    options: ProjectOptions;
+}) => Promise<string>;
+export interface WebUiServerOptions extends ProjectOptions {
+    host?: string | undefined;
+    port?: number | undefined;
+    autoOpen?: boolean | undefined;
+    openBrowser?: BrowserOpener | undefined;
+    catalogLoader?: CatalogLoader | undefined;
+    downloader?: SkillDownloader | undefined;
+    skillBodyLoader?: SkillBodyLoader | undefined;
+}
+export interface WebUiSession {
+    url: string;
+    opened: boolean;
+    close: () => Promise<void>;
+}
+/**
+ * Starts a loopback-only local Web UI server for Skillex and optionally opens the browser.
+ */
+export declare function startWebUiServer(options?: WebUiServerOptions): Promise<WebUiSession>;
+/**
+ * Creates the HTTP request handler used by the local Web UI server.
+ */
+export declare function createWebUiHandler(options: WebUiServerOptions & {
+    token: string;
+}): (request: IncomingMessage, response: ServerResponse) => Promise<void>;
+export {};

package/dist/web-ui.js

@@ -0,0 +1,461 @@
+import { spawn } from "node:child_process";
+import { randomBytes } from "node:crypto";
+import { createServer } from "node:http";
+import { readFile, stat } from "node:fs/promises";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
+import { listAdapters, resolveAdapterState } from "./adapters.js";
+import { buildRawGitHubUrl } from "./catalog.js";
+import { getScopedStatePaths } from "./config.js";
+import { readJson, readText } from "./fs.js";
+import { fetchText } from "./http.js";
+import { addProjectSource, getInstalledSkills, installSkills, listProjectSources, loadProjectCatalogs, removeProjectSource, removeSkills, syncInstalledSkills, updateInstalledSkills, } from "./install.js";
+import { renderMarkdownToHtml } from "./markdown.js";
+import { CliError } from "./types.js";
+const MODULE_DIR = path.dirname(fileURLToPath(import.meta.url));
+const UI_BOOTSTRAP_MARKER = "\"__SKILLEX_BOOTSTRAP__\"";
+function toProjectOptions(options) {
+    const projectOptions = {
+        cwd: options.cwd || process.cwd(),
+        scope: options.scope,
+    };
+    if (options.repo)
+        projectOptions.repo = options.repo;
+    if (options.ref)
+        projectOptions.ref = options.ref;
+    if (options.catalogPath)
+        projectOptions.catalogPath = options.catalogPath;
+    if (options.skillsDir)
+        projectOptions.skillsDir = options.skillsDir;
+    if (options.catalogUrl !== undefined)
+        projectOptions.catalogUrl = options.catalogUrl;
+    if (options.cacheDir)
+        projectOptions.cacheDir = options.cacheDir;
+    if (options.noCache !== undefined)
+        projectOptions.noCache = options.noCache;
+    if (options.agentSkillsDir)
+        projectOptions.agentSkillsDir = options.agentSkillsDir;
+    if (options.adapter)
+        projectOptions.adapter = options.adapter;
+    if (options.autoSync !== undefined)
+        projectOptions.autoSync = options.autoSync;
+    if (options.dryRun !== undefined)
+        projectOptions.dryRun = options.dryRun;
+    if (options.mode)
+        projectOptions.mode = options.mode;
+    if (options.trust !== undefined)
+        projectOptions.trust = options.trust;
+    if (options.yes !== undefined)
+        projectOptions.yes = options.yes;
+    if (options.timeout !== undefined)
+        projectOptions.timeout = options.timeout;
+    if (options.now)
+        projectOptions.now = options.now;
+    if (options.verbose !== undefined)
+        projectOptions.verbose = options.verbose;
+    if (options.onProgress)
+        projectOptions.onProgress = options.onProgress;
+    return projectOptions;
+}
+function readRequestedScope(value) {
+    return value === "global" ? "global" : "local";
+}
+function withRequestScope(options, scopeValue) {
+    return {
+        ...options,
+        scope: readRequestedScope(scopeValue),
+    };
+}
+/**
+ * Starts a loopback-only local Web UI server for Skillex and optionally opens the browser.
+ */
+export async function startWebUiServer(options = {}) {
+    const host = options.host || "127.0.0.1";
+    const port = options.port || 0;
+    const token = randomBytes(18).toString("hex");
+    const server = createServer(createWebUiHandler({ ...options, token }));
+    await new Promise((resolve, reject) => {
+        server.once("error", reject);
+        server.listen(port, host, () => resolve());
+    });
+    const address = server.address();
+    if (!address || typeof address === "string") {
+        throw new CliError("Failed to determine local Web UI address.", "WEB_UI_ADDRESS_ERROR");
+    }
+    const url = `http://${host}:${address.port}/?token=${encodeURIComponent(token)}`;
+    let opened = false;
+    if (options.autoOpen !== false) {
+        try {
+            await (options.openBrowser || openBrowser)(url);
+            opened = true;
+        }
+        catch {
+            opened = false;
+        }
+    }
+    return {
+        url,
+        opened,
+        close: async () => {
+            await closeServer(server);
+        },
+    };
+}
+/**
+ * Creates the HTTP request handler used by the local Web UI server.
+ */
+export function createWebUiHandler(options) {
+    return async (request, response) => {
+        await handleRequest(request, response, options).catch((error) => {
+            const message = error instanceof Error ? error.message : String(error);
+            sendJson(response, 500, {
+                error: {
+                    message,
+                },
+            });
+        });
+    };
+}
+async function handleRequest(request, response, context) {
+    const method = request.method || "GET";
+    const url = new URL(request.url || "/", "http://127.0.0.1");
+    const pathname = url.pathname;
+    const asset = method === "GET" ? await loadStaticAsset(pathname).catch(() => null) : null;
+    if (asset) {
+        sendBuffer(response, 200, asset.body, asset.contentType);
+        return;
+    }
+    if (method === "GET" && (pathname === "/" || pathname.startsWith("/skills/"))) {
+        if (url.searchParams.get("token") !== context.token) {
+            sendHtml(response, 403, "<h1>Forbidden</h1><p>Missing or invalid local session token.</p>");
+            return;
+        }
+        sendHtml(response, 200, await renderAppShell({
+            token: context.token,
+            initialScope: readRequestedScope(url.searchParams.get("scope")),
+            initialSkillId: pathname.startsWith("/skills/") ? decodeURIComponent(pathname.slice("/skills/".length)) : null,
+        }));
+        return;
+    }
+    if (!pathname.startsWith("/api/")) {
+        sendJson(response, 404, { error: { message: "Not found" } });
+        return;
+    }
+    if (request.headers["x-skillex-token"] !== context.token) {
+        sendJson(response, 401, { error: { message: "Missing or invalid Skillex session token." } });
+        return;
+    }
+    if (method === "GET" && pathname === "/api/state") {
+        sendJson(response, 200, await buildDashboardState(withRequestScope(context, url.searchParams.get("scope"))));
+        return;
+    }
+    if (method === "GET" && pathname === "/api/catalog") {
+        sendJson(response, 200, await buildCatalogResponse(withRequestScope(context, url.searchParams.get("scope"))));
+        return;
+    }
+    if (method === "GET" && pathname.startsWith("/api/catalog/")) {
+        const skillId = decodeURIComponent(pathname.slice("/api/catalog/".length));
+        sendJson(response, 200, await buildSkillDetail(skillId, withRequestScope(context, url.searchParams.get("scope"))));
+        return;
+    }
+    if (method === "GET" && pathname === "/api/sources") {
+        sendJson(response, 200, await listProjectSources(withRequestScope(context, url.searchParams.get("scope"))));
+        return;
+    }
+    if (method === "POST" && pathname === "/api/install") {
+        const body = await readRequestBody(request);
+        const installOptions = withRequestScope(toProjectOptions(context), body.scope);
+        if (body.repo)
+            installOptions.repo = body.repo;
+        if (body.ref)
+            installOptions.ref = body.ref;
+        const result = await installSkills(body.skillIds || [], {
+            ...installOptions,
+            ...(body.all ? { installAll: true } : {}),
+            ...(context.catalogLoader ? { catalogLoader: context.catalogLoader } : {}),
+            ...(context.downloader ? { downloader: context.downloader } : {}),
+        });
+        sendJson(response, 200, result);
+        return;
+    }
+    if (method === "POST" && pathname === "/api/remove") {
+        const body = await readRequestBody(request);
+        sendJson(response, 200, await removeSkills(body.skillIds || [], withRequestScope(toProjectOptions(context), body.scope)));
+        return;
+    }
+    if (method === "POST" && pathname === "/api/update") {
+        const body = await readRequestBody(request);
+        sendJson(response, 200, await updateInstalledSkills(body.skillIds || [], {
+            ...withRequestScope(toProjectOptions(context), body.scope),
+            ...(context.catalogLoader ? { catalogLoader: context.catalogLoader } : {}),
+            ...(context.downloader ? { downloader: context.downloader } : {}),
+        }));
+        return;
+    }
+    if (method === "POST" && pathname === "/api/sync") {
+        const body = await readRequestBody(request);
+        const syncOptions = withRequestScope(toProjectOptions(context), body.scope);
+        if (body.adapter)
+            syncOptions.adapter = body.adapter;
+        if (body.dryRun !== undefined)
+            syncOptions.dryRun = body.dryRun;
+        if (body.mode)
+            syncOptions.mode = body.mode;
+        sendJson(response, 200, await syncInstalledSkills(syncOptions));
+        return;
+    }
+    if (method === "POST" && pathname === "/api/sources") {
+        const body = await readRequestBody(request);
+        if (!body.repo) {
+            throw new CliError("Provide owner/repo to add a source.", "WEB_UI_SOURCE_REQUIRES_REPO");
+        }
+        sendJson(response, 200, await addProjectSource({
+            repo: body.repo,
+            ...(body.ref ? { ref: body.ref } : {}),
+            ...(body.label ? { label: body.label } : {}),
+        }, withRequestScope(toProjectOptions(context), body.scope)));
+        return;
+    }
+    if (method === "DELETE" && pathname.startsWith("/api/sources/")) {
+        const repo = decodeURIComponent(pathname.slice("/api/sources/".length));
+        sendJson(response, 200, await removeProjectSource(repo, withRequestScope(toProjectOptions(context), url.searchParams.get("scope"))));
+        return;
+    }
+    sendJson(response, 404, { error: { message: "Route not found" } });
+}
+async function buildDashboardState(options) {
+    const cwd = path.resolve(options.cwd || process.cwd());
+    const scope = options.scope || "local";
+    const statePaths = getScopedStatePaths(cwd, {
+        scope,
+        baseDir: options.agentSkillsDir,
+    });
+    const lockfile = await getInstalledSkills({ ...options, cwd });
+    const sources = await listProjectSources({ ...options, cwd });
+    const adapters = lockfile?.adapters
+        ? lockfile.adapters
+        : await resolveAdapterState({
+            cwd,
+            ...(options.adapter ? { adapter: options.adapter } : {}),
+        });
+    return {
+        scope,
+        cwd,
+        stateDir: statePaths.stateDir,
+        initialized: Boolean(lockfile),
+        sources,
+        installed: Object.entries(lockfile?.installed || {}).map(([id, metadata]) => ({
+            id,
+            ...metadata,
+        })),
+        adapters: {
+            active: adapters.active,
+            detected: adapters.detected,
+            supported: listAdapters(),
+        },
+        settings: {
+            autoSync: lockfile?.settings.autoSync ?? true,
+        },
+        sync: lockfile?.sync || null,
+        syncHistory: lockfile?.syncHistory || {},
+    };
+}
+async function buildCatalogResponse(options) {
+    const catalog = await loadProjectCatalogs(options, options.catalogLoader);
+    const state = await getInstalledSkills(options);
+    const installedIds = new Set(Object.keys(state?.installed || {}));
+    return {
+        formatVersion: catalog.formatVersion,
+        sources: catalog.sources,
+        skills: catalog.skills.map((skill) => ({
+            ...skill,
+            installed: installedIds.has(skill.id),
+        })),
+    };
+}
+async function buildSkillDetail(skillId, options) {
+    const catalog = await buildCatalogResponse(options);
+    const skill = catalog.skills.find((entry) => entry.id === skillId);
+    if (!skill) {
+        throw new CliError(`Skill "${skillId}" not found in the configured catalog sources.`, "WEB_UI_SKILL_NOT_FOUND");
+    }
+    let instructionsMarkdown = "";
+    let instructionsError = null;
+    try {
+        instructionsMarkdown = await loadSkillInstructions(skill, options);
+    }
+    catch (error) {
+        instructionsError = error instanceof Error ? error.message : String(error);
+    }
+    return {
+        skill,
+        instructionsMarkdown,
+        instructionsHtml: instructionsMarkdown
+            ? renderMarkdownToHtml(instructionsMarkdown)
+            : "<p>Instructions are currently unavailable for this skill.</p>",
+        instructionsError,
+    };
+}
+async function loadSkillInstructions(skill, options) {
+    if (options.skillBodyLoader) {
+        return options.skillBodyLoader(skill, { options });
+    }
+    const localContent = await readInstalledSkillInstructions(skill.id, options);
+    if (localContent) {
+        return localContent;
+    }
+    const remotePath = skill.path ? path.posix.join(skill.path, skill.entry) : skill.entry;
+    return fetchText(buildRawGitHubUrl(skill.source.repo, skill.source.ref, remotePath), {
+        headers: { Accept: "text/plain" },
+    });
+}
+async function readInstalledSkillInstructions(skillId, options) {
+    const cwd = path.resolve(options.cwd || process.cwd());
+    const state = await getInstalledSkills({ ...options, cwd });
+    const metadata = state?.installed?.[skillId];
+    if (!metadata) {
+        return null;
+    }
+    const skillDir = path.isAbsolute(metadata.path) ? metadata.path : path.resolve(cwd, metadata.path);
+    const manifest = (await readJson(path.join(skillDir, "skill.json"), {})) || {};
+    const entry = manifest.entry || "SKILL.md";
+    return readText(path.join(skillDir, entry), null);
+}
+async function readRequestBody(request) {
+    const chunks = [];
+    for await (const chunk of request) {
+        chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(String(chunk)));
+    }
+    const raw = Buffer.concat(chunks).toString("utf8").trim();
+    if (!raw) {
+        return {};
+    }
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        throw new CliError("Invalid JSON body in Web UI request.", "WEB_UI_INVALID_JSON");
+    }
+}
+async function renderAppShell(bootstrap) {
+    const uiDistDir = await resolveUiDistDir();
+    const html = await readFile(path.join(uiDistDir, "index.html"), "utf8").catch(() => {
+        throw new CliError("Web UI assets are missing. Build the frontend with `npm run build:ui` before launching `skillex ui` from the repository checkout.", "WEB_UI_ASSETS_MISSING");
+    });
+    const serializedBootstrap = JSON.stringify(bootstrap).replace(/</g, "\\u003c");
+    if (!html.includes(UI_BOOTSTRAP_MARKER)) {
+        throw new CliError("The built Web UI index is missing the bootstrap marker.", "WEB_UI_BOOTSTRAP_MARKER_MISSING");
+    }
+    return html.replace(UI_BOOTSTRAP_MARKER, serializedBootstrap);
+}
+async function loadStaticAsset(pathname) {
+    const uiDistDir = await resolveUiDistDir();
+    const relativePath = pathname.replace(/^\/+/, "");
+    if (!relativePath || relativePath === "index.html" || relativePath.startsWith("api/")) {
+        return null;
+    }
+    const filePath = path.resolve(uiDistDir, relativePath);
+    if (!isPathInside(filePath, uiDistDir)) {
+        return null;
+    }
+    const body = await readFile(filePath).catch(() => null);
+    if (!body) {
+        return null;
+    }
+    return {
+        body,
+        contentType: inferContentType(filePath),
+    };
+}
+async function resolveUiDistDir() {
+    const candidates = [
+        path.resolve(MODULE_DIR, "..", "dist-ui"),
+        path.resolve(MODULE_DIR, "..", "..", "dist-ui"),
+        path.resolve(process.cwd(), "dist-ui"),
+    ];
+    for (const candidate of candidates) {
+        const info = await stat(candidate).catch(() => null);
+        if (info?.isDirectory()) {
+            return candidate;
+        }
+    }
+    return candidates[0];
+}
+function isPathInside(candidate, root) {
+    const normalizedRoot = `${path.resolve(root)}${path.sep}`;
+    const normalizedCandidate = path.resolve(candidate);
+    return normalizedCandidate === path.resolve(root) || normalizedCandidate.startsWith(normalizedRoot);
+}
+function inferContentType(filePath) {
+    switch (path.extname(filePath)) {
+        case ".css":
+            return "text/css; charset=utf-8";
+        case ".js":
+            return "text/javascript; charset=utf-8";
+        case ".json":
+            return "application/json; charset=utf-8";
+        case ".svg":
+            return "image/svg+xml";
+        case ".html":
+            return "text/html; charset=utf-8";
+        case ".ico":
+            return "image/x-icon";
+        case ".png":
+            return "image/png";
+        default:
+            return "application/octet-stream";
+    }
+}
+async function openBrowser(url) {
+    if (process.platform === "darwin") {
+        await spawnDetached("open", [url]);
+        return;
+    }
+    if (process.platform === "win32") {
+        await spawnDetached("cmd", ["/c", "start", "", url]);
+        return;
+    }
+    await spawnDetached("xdg-open", [url]);
+}
+async function spawnDetached(command, args) {
+    await new Promise((resolve, reject) => {
+        const child = spawn(command, args, {
+            detached: true,
+            stdio: "ignore",
+        });
+        child.once("error", reject);
+        child.once("spawn", () => {
+            child.unref();
+            resolve();
+        });
+    });
+}
+async function closeServer(server) {
+    await new Promise((resolve, reject) => {
+        server.close((error) => {
+            if (error) {
+                reject(error);
+                return;
+            }
+            resolve();
+        });
+    });
+}
+function sendJson(response, statusCode, payload) {
+    response.statusCode = statusCode;
+    response.setHeader("content-type", "application/json; charset=utf-8");
+    response.end(`${JSON.stringify(payload, null, 2)}\n`);
+}
+function sendHtml(response, statusCode, html) {
+    sendText(response, statusCode, html, "text/html; charset=utf-8");
+}
+function sendText(response, statusCode, body, contentType) {
+    response.statusCode = statusCode;
+    response.setHeader("content-type", contentType);
+    response.end(body);
+}
+function sendBuffer(response, statusCode, body, contentType) {
+    response.statusCode = statusCode;
+    response.setHeader("content-type", contentType);
+    response.end(body);
+}

package/dist-ui/assets/CatalogPage-BVGkKQWg.js

@@ -0,0 +1 @@
+import{d as C,o as i,c as o,n as p,a as e,b as k,t as n,e as y,F as m,r as h,w as $,u as x,f as v,g as S,h as B,i as M}from"./index-DXrW27jF.js";const j={class:"skill-card-body"},L={class:"skill-card-icon-row"},T={key:0,class:"skill-installed-dot"},O={class:"skill-card-meta"},I={class:"downloads-count"},z={class:"skill-card-head"},A={class:"version-badge"},R={class:"skill-description"},V={key:0,class:"tag-block"},F={key:1,class:"tag-block tag-block-compat"},E={class:"skill-card-footer"},N={class:"skill-author"},D=["src","alt"],G=C({__name:"SkillCard",props:{skill:{},onOpen:{type:Function},onInstall:{type:Function},onRemove:{type:Function}},setup(l){const d={workflow:"icon-bg-workflow",testing:"icon-bg-testing",devops:"icon-bg-devops",tools:"icon-bg-tools",security:"icon-bg-security"},g={git:"tag-git",github:"tag-git",commit:"tag-git",testing:"tag-test",jest:"tag-test",tdd:"tag-test",test:"tag-test",docker:"tag-docker",devops:"tag-docker",yaml:"tag-docker",security:"tag-security",owasp:"tag-security",audit:"tag-security",react:"tag-react",hooks:"tag-react",python:"tag-python",docs:"tag-python"};function w(a){const t=a.tags.map(s=>s.toLowerCase());return t.some(s=>["git","github","commit","workflow"].includes(s))?"icon-bg-workflow":t.some(s=>["testing","jest","tdd","test","vitest"].includes(s))?"icon-bg-testing":t.some(s=>["docker","devops","ci","cd"].includes(s))?"icon-bg-devops":t.some(s=>["security","owasp","audit"].includes(s))?"icon-bg-security":t.some(s=>["tools","python","scraper","web"].includes(s))?"icon-bg-tools":d[a.id]??"icon-bg-default"}function f(a){return g[a.toLowerCase()]??"tag-default"}function b(a){const t=a.id.toLowerCase();return t.includes("git")||t.includes("commit")?"🌿":t.includes("test")||t.includes("jest")?"🧪":t.includes("docker")?"🐳":t.includes("security")||t.includes("guard")?"🛡️":t.includes("react")?"⚛️":t.includes("python")?"🐍":t.includes("typescript")||t.includes("ts")?"🔷":t.includes("cpp")||t.includes("c++")?"⚙️":t.includes("latex")?"📄":t.includes("create")?"✨":t.includes("code")||t.includes("review")?"🔍":t.includes("error")?"🐛":"📦"}return(a,t)=>(i(),o("article",{class:p(["skill-card",{"is-installed":l.skill.installed}]),onClick:t[3]||(t[3]=s=>l.onOpen(l.skill.id))},[e("div",j,[e("div",L,[e("div",{class:p(["skill-icon-wrap",w(l.skill)])},[k(n(b(l.skill))+" ",1),l.skill.installed?(i(),o("div",T,[...t[4]||(t[4]=[e("svg",{fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})],-1)])])):y("",!0)],2),e("div",O,[t[6]||(t[6]=e("span",{class:"verified-badge"},[e("svg",{width:"10",height:"10",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})]),k(" Oficial ")],-1)),e("span",I,[t[5]||(t[5]=e("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"})],-1)),k(" "+n(l.skill.source.repo),1)])])]),e("div",z,[e("h3",null,n(l.skill.name),1),e("span",A,"v"+n(l.skill.version),1)]),e("p",R,n(l.skill.description),1),l.skill.tags.length>0?(i(),o("div",V,[(i(!0),o(m,null,h(l.skill.tags,s=>(i(),o("span",{key:`${l.skill.id}-${s}`,class:p(["skill-tag",f(s)])},n(s),3))),128))])):y("",!0),l.skill.compatibility.length>0?(i(),o("div",F,[(i(!0),o(m,null,h(l.skill.compatibility,s=>(i(),o("span",{key:`${l.skill.id}-${s}`,class:"chip chip-accent",style:{height:"20px","font-size":"10px",padding:"0 8px"}},n(s),1))),128))])):y("",!0)]),e("div",E,[e("div",N,[e("img",{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=${l.skill.author||l.skill.source.repo}`,alt:l.skill.author||l.skill.source.repo},null,8,D),k(" "+n(l.skill.author||l.skill.source.repo),1)]),e("div",{class:"skill-card-actions",onClick:t[2]||(t[2]=$(()=>{},["stop"]))},[l.skill.installed?(i(),o(m,{key:0},[t[8]||(t[8]=e("span",{class:"installed-label"},"Instalado",-1)),e("button",{class:"remove-btn",type:"button",title:"Remover",onClick:t[0]||(t[0]=s=>l.onRemove(l.skill.id))},[...t[7]||(t[7]=[e("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})],-1)])])],64)):(i(),o("button",{key:1,class:"button button-primary",style:{"min-height":"28px",padding:"0 12px","font-size":"0.75rem"},type:"button",onClick:t[1]||(t[1]=s=>l.onInstall(l.skill))},[...t[9]||(t[9]=[e("svg",{width:"11",height:"11",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M12 4v16m8-8H4"})],-1),k(" Instalar ",-1)])]))])])],2))}}),H={class:"page-column"},P={class:"panel"},W={class:"catalog-overview"},Y={class:"overview-card"},q={class:"overview-card"},J={class:"overview-card"},K={class:"category-pills"},Q=["onClick"],U={key:0,class:"category-pill-count"},X={key:0,class:"empty-state"},Z={width:"40",height:"40",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",style:{color:"var(--text-dim)","margin-bottom":"4px"}},_={key:1,class:"catalog-grid"},st=C({__name:"CatalogPage",setup(l){const d=x(),g=B("all"),w=[{id:"all",name:"Todas",icon:"✦"},{id:"workflow",name:"Workflow",icon:"🌿"},{id:"testing",name:"Testing",icon:"🧪"},{id:"security",name:"Security",icon:"🛡️"},{id:"devops",name:"DevOps",icon:"🐳"},{id:"tools",name:"Tools",icon:"🔧"}];function f(t,s){const r=[t,...s].map(u=>u.toLowerCase()).join(" ");return/git|commit|workflow|branch/.test(r)?"workflow":/test|jest|tdd|vitest|spec/.test(r)?"testing":/security|owasp|audit|guard/.test(r)?"security":/docker|devops|ci|cd|helm/.test(r)?"devops":/python|scraper|tool|docs|web/.test(r)?"tools":"other"}function b(t){var s,r;return t==="all"?((s=d.state.catalog)==null?void 0:s.skills.length)??0:(((r=d.state.catalog)==null?void 0:r.skills)??[]).filter(u=>f(u.id,u.tags)===t).length}const a=S(()=>{const t=d.filteredSkills.value;return g.value==="all"?t:t.filter(s=>f(s.id,s.tags)===g.value)});return(t,s)=>{var r,u;return i(),o("section",H,[e("div",P,[s[3]||(s[3]=e("div",{class:"panel-head"},[e("div",{class:"panel-head-title"},[e("p",{class:"eyebrow"},"Discovery"),e("h2",null,"Marketplace"),e("p",null,"Habilidades validadas para o seu agente de IA.")])],-1)),e("div",W,[e("article",Y,[s[0]||(s[0]=e("span",null,"Visíveis",-1)),e("strong",null,n(a.value.length),1)]),e("article",q,[s[1]||(s[1]=e("span",null,"Sources",-1)),e("strong",null,n(((r=v(d).state.catalog)==null?void 0:r.sources.length)??0),1)]),e("article",J,[s[2]||(s[2]=e("span",null,"Instaladas",-1)),e("strong",null,n(((u=v(d).state.dashboard)==null?void 0:u.installed.length)??0),1)])]),e("div",K,[(i(),o(m,null,h(w,c=>e("button",{key:c.id,class:p(["category-pill",{active:g.value===c.id}]),type:"button",onClick:tt=>g.value=c.id},[e("span",null,n(c.icon),1),k(" "+n(c.name)+" ",1),c.id!=="all"?(i(),o("span",U,n(b(c.id)),1)):y("",!0)],10,Q)),64))])]),a.value.length===0?(i(),o("div",X,[(i(),o("svg",Z,[...s[4]||(s[4]=[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"},null,-1)])])),s[5]||(s[5]=e("strong",null,"Nenhuma skill encontrada",-1)),s[6]||(s[6]=e("p",null,"Tente outro filtro ou adicione uma source na sidebar.",-1))])):(i(),o("div",_,[(i(!0),o(m,null,h(a.value,c=>(i(),M(G,{key:c.id,skill:c,"on-open":v(d).navigateToSkill,"on-install":v(d).installSkill,"on-remove":v(d).removeSkill},null,8,["skill","on-open","on-install","on-remove"]))),128))]))])}}});export{st as default};

package/dist-ui/assets/SkillDetailPage-CbIWg9lz.js

@@ -0,0 +1 @@
+import{d as b,j as g,u as h,k as f,l as w,c as e,a as t,f as r,b as d,t as i,e as u,F as v,m as x,r as m,g as y,o}from"./index-DXrW27jF.js";const C={class:"page-column"},S={class:"panel"},_={class:"detail-topbar"},I={key:0,class:"detail-hero"},M={class:"detail-description"},B={class:"detail-actions"},H={key:0,class:"empty-state panel"},L={class:"panel"},V={class:"detail-metadata-grid"},j={class:"metadata-card"},z={style:{"font-family":"monospace","font-size":"0.82rem"}},D={class:"metadata-card"},N={class:"metadata-card"},$={style:{"font-family":"monospace"}},T={class:"metadata-card"},E={class:"detail-chip-sections"},A={class:"chip-row"},F={key:0,style:{"font-size":"0.8rem",color:"var(--text-dim)"}},R={class:"chip-row"},K={key:0,style:{"font-size":"0.8rem",color:"var(--text-dim)"}},P={class:"panel"},U={key:0,class:"error-card",style:{margin:"0 20px 20px"}},q=["innerHTML"],Q=b({__name:"SkillDetailPage",setup(G){const k=g(),a=h(),p=y(()=>typeof k.params.skillId=="string"?k.params.skillId:""),s=y(()=>a.state.detail);async function c(){p.value&&await a.loadSkillDetail(p.value)}return f(p,()=>void c()),w(()=>void c()),(J,l)=>(o(),e("section",C,[t("div",S,[t("div",_,[t("button",{class:"button button-ghost",type:"button",onClick:l[0]||(l[0]=n=>r(a).navigateHome())},[...l[5]||(l[5]=[t("svg",{width:"13",height:"13",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),d(" Catálogo ",-1)])]),l[6]||(l[6]=t("p",{class:"section-label"},"Detalhe da skill",-1))]),s.value?(o(),e("div",I,[t("div",null,[l[7]||(l[7]=t("p",{class:"eyebrow"},"Skill",-1)),t("h2",null,i(s.value.skill.name),1),t("p",M,i(s.value.skill.description),1)]),t("div",B,[t("button",{class:"button button-secondary",type:"button",onClick:l[1]||(l[1]=n=>r(a).updateSkill(s.value.skill.id))},[...l[8]||(l[8]=[t("svg",{width:"13",height:"13",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})],-1),d(" Update ",-1)])]),t("button",{class:"button button-ghost",type:"button",onClick:l[2]||(l[2]=n=>r(a).syncNow())},"Sync"),s.value.skill.installed?(o(),e("button",{key:1,class:"button button-danger",type:"button",onClick:l[4]||(l[4]=n=>r(a).removeSkill(s.value.skill.id))},[...l[10]||(l[10]=[t("svg",{width:"13",height:"13",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})],-1),d(" Remover ",-1)])])):(o(),e("button",{key:0,class:"button button-primary",type:"button",onClick:l[3]||(l[3]=n=>r(a).installSkill(s.value.skill))},[...l[9]||(l[9]=[t("svg",{width:"13",height:"13",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"})],-1),d(" Instalar ",-1)])]))])])):u("",!0)]),r(a).state.detailLoading?(o(),e("div",H,[...l[11]||(l[11]=[t("div",{style:{width:"28px",height:"28px","border-radius":"50%",border:"2px solid rgba(16,185,129,0.15)","border-top-color":"var(--accent)",animation:"spin 700ms linear infinite"}},null,-1),t("strong",null,"Carregando detalhes...",-1)])])):s.value?(o(),e(v,{key:1},[t("div",L,[t("div",V,[t("article",j,[l[12]||(l[12]=t("span",null,"Skill ID",-1)),t("strong",z,i(s.value.skill.id),1)]),t("article",D,[l[13]||(l[13]=t("span",null,"Source",-1)),t("strong",null,i(s.value.skill.source.label||s.value.skill.source.repo),1)]),t("article",N,[l[14]||(l[14]=t("span",null,"Versão",-1)),t("strong",$,"v"+i(s.value.skill.version),1)]),t("article",T,[l[15]||(l[15]=t("span",null,"Instalada",-1)),t("strong",{style:x(s.value.skill.installed?"color:var(--accent)":"color:var(--text-muted)")},i(s.value.skill.installed?"✓ Sim":"Não"),5)])]),t("div",E,[t("div",null,[l[16]||(l[16]=t("p",{class:"section-label",style:{margin:"0 0 8px",display:"block"}},"Tags",-1)),t("div",A,[(o(!0),e(v,null,m(s.value.skill.tags,n=>(o(),e("span",{key:n,class:"chip"},i(n),1))),128)),s.value.skill.tags.length===0?(o(),e("span",F,"—")):u("",!0)])]),t("div",null,[l[17]||(l[17]=t("p",{class:"section-label",style:{margin:"0 0 8px",display:"block"}},"Compatibilidade",-1)),t("div",R,[(o(!0),e(v,null,m(s.value.skill.compatibility,n=>(o(),e("span",{key:n,class:"chip chip-accent"},i(n),1))),128)),s.value.skill.compatibility.length===0?(o(),e("span",K,"—")):u("",!0)])])])]),t("div",P,[l[19]||(l[19]=t("div",{class:"panel-head"},[t("div",{class:"panel-head-title"},[t("p",{class:"eyebrow"},"Instruções"),t("h2",null,"SKILL.md"),t("p",null,"Conteúdo renderizado pelo backend.")])],-1)),s.value.instructionsError?(o(),e("div",U,[l[18]||(l[18]=t("strong",null,"Instruções indisponíveis",-1)),t("p",null,i(s.value.instructionsError),1)])):(o(),e("article",{key:1,class:"markdown-body",innerHTML:s.value.instructionsHtml},null,8,q))])],64)):u("",!0)]))}});export{Q as default};