@skillkit/tui 1.14.0 → 1.15.0

package/dist/index.d.ts

@@ -22,7 +22,7 @@ interface FetchedSkill {
     repoName: string;
     description?: string;
 }
-type Screen = 'home' | 'browse' | 'installed' | 'marketplace' | 'recommend' | 'translate' | 'context' | 'memory' | 'team' | 'plugins' | 'methodology' | 'plan' | 'workflow' | 'execute' | 'history' | 'sync' | 'settings' | 'help' | 'mesh' | 'message';
+type Screen = 'home' | 'browse' | 'installed' | 'marketplace' | 'recommend' | 'translate' | 'context' | 'memory' | 'team' | 'plugins' | 'methodology' | 'plan' | 'workflow' | 'execute' | 'history' | 'sync' | 'settings' | 'help' | 'mesh' | 'message' | 'scan';
 declare const NAV_KEYS: Record<string, Screen>;
 declare const STATUS_BAR_SHORTCUTS = "b browse  m market  i installed  s sync  / help  q quit";
 interface ScreenMeta {
@@ -1208,7 +1208,14 @@ interface MessageProps {
 }
 declare function Message(props: MessageProps): any;
 
+interface ScanProps {
+    onNavigate: (screen: Screen) => void;
+    cols?: number;
+    rows?: number;
+}
+declare function Scan(props: ScanProps): any;
+
 declare function exitTUI(code?: number): void;
 declare function startTUI(): Promise<never>;
 
-export { AGENT_LOGOS, AgentGrid, type AgentLogo, type AgentStatus, type AgentsState, AnimatedText, type AnimationPreset, App, BlinkingText, BottomStatusBar, Breadcrumb, type BreadcrumbItem, Browse, Button, ButtonGroup, type ButtonSize, type ButtonVariant, Clickable, ClickableRow, ClickableText, CodeBlock, type ColorName, type ColorValue, Context, CountUpText, DEFAULT_REPOS, DEFAULT_SCRAMBLE_CONFIG, type DetailField, DetailPane, type EasingFunction, EmptyState, ErrorBoundary, ErrorState, Execute, FEATURES, type Feature, FeatureList, type FetchedSkill, FocusRing, FormField, Header, Help, HighlightableListItem, History, Home, HoverHighlight, IconButton, InlineCode, InlineStatus, Installed, InteractiveArea, LoadingState, Marketplace, type MarketplaceState, Memory, Mesh, Message, Methodology, NAV_KEYS, type NavigationState, NavigationTrail, type PaginationResult, PathBreadcrumb, Plan, Plugins, PressEffect, ProgressBar, PulsingText, Recommend, type RepoInfo, RightSidebar, SCRAMBLE_CHARS, SIDEBAR_NAV, STATUS_BAR_SHORTCUTS, type ScrambleConfig, type Screen, type ScreenMeta, SearchInput, SelectField, SelectList, type SelectListItem, Settings, Sidebar, type SidebarSection, type SkillItem, SkillList, type SkillWithDetails, type SkillsState, Spinner, Splash, SplitPane, StatsCard, StatusBadge, StatusBar, StatusIndicator, type StatusType, type SymbolName, Sync, TOTAL_AGENTS, type Tab, TabBar, Team, TextAreaField, ThreePaneLayout, Translate, Try, VerticalTabBar, Workflow, animations, calculateMaxVisible, calculatePagination, clampIndex, cleanupTempRoot, colors, createAgentsState, createMarketplaceState, createNavigationState, createSkillsState, exitTUI, fetchRepoSkills, filterMarketplaceSkills, filterSkills, formatAgentDisplay, getAgentAdapter, getAgentLogo, getAgentTypes, getColor, getDetectedAgentCount, getDetectedAgents, getInstallDir, getMarketplaceRepos, getScreenFromKey, getSearchDirs, getStaggerDelay, getVersion, goBack, isNavKey, loadAgents, loadSkills, loadSkillsWithDetails, moveDown, moveUp, navigateTo, readSkillDescription, removeSkill, saveSkillMetadata, scrambleText, sortSkillsByName, startTUI, symbols, terminalColors, toSkillItems };
+export { AGENT_LOGOS, AgentGrid, type AgentLogo, type AgentStatus, type AgentsState, AnimatedText, type AnimationPreset, App, BlinkingText, BottomStatusBar, Breadcrumb, type BreadcrumbItem, Browse, Button, ButtonGroup, type ButtonSize, type ButtonVariant, Clickable, ClickableRow, ClickableText, CodeBlock, type ColorName, type ColorValue, Context, CountUpText, DEFAULT_REPOS, DEFAULT_SCRAMBLE_CONFIG, type DetailField, DetailPane, type EasingFunction, EmptyState, ErrorBoundary, ErrorState, Execute, FEATURES, type Feature, FeatureList, type FetchedSkill, FocusRing, FormField, Header, Help, HighlightableListItem, History, Home, HoverHighlight, IconButton, InlineCode, InlineStatus, Installed, InteractiveArea, LoadingState, Marketplace, type MarketplaceState, Memory, Mesh, Message, Methodology, NAV_KEYS, type NavigationState, NavigationTrail, type PaginationResult, PathBreadcrumb, Plan, Plugins, PressEffect, ProgressBar, PulsingText, Recommend, type RepoInfo, RightSidebar, SCRAMBLE_CHARS, SIDEBAR_NAV, STATUS_BAR_SHORTCUTS, Scan, type ScrambleConfig, type Screen, type ScreenMeta, SearchInput, SelectField, SelectList, type SelectListItem, Settings, Sidebar, type SidebarSection, type SkillItem, SkillList, type SkillWithDetails, type SkillsState, Spinner, Splash, SplitPane, StatsCard, StatusBadge, StatusBar, StatusIndicator, type StatusType, type SymbolName, Sync, TOTAL_AGENTS, type Tab, TabBar, Team, TextAreaField, ThreePaneLayout, Translate, Try, VerticalTabBar, Workflow, animations, calculateMaxVisible, calculatePagination, clampIndex, cleanupTempRoot, colors, createAgentsState, createMarketplaceState, createNavigationState, createSkillsState, exitTUI, fetchRepoSkills, filterMarketplaceSkills, filterSkills, formatAgentDisplay, getAgentAdapter, getAgentLogo, getAgentTypes, getColor, getDetectedAgentCount, getDetectedAgents, getInstallDir, getMarketplaceRepos, getScreenFromKey, getSearchDirs, getStaggerDelay, getVersion, goBack, isNavKey, loadAgents, loadSkills, loadSkillsWithDetails, moveDown, moveUp, navigateTo, readSkillDescription, removeSkill, saveSkillMetadata, scrambleText, sortSkillsByName, startTUI, symbols, terminalColors, toSkillItems };

package/dist/index.js

@@ -1721,7 +1721,7 @@ var render = async (node, rendererOrConfig = {}) => {
 import { createCliRenderer as createCliRenderer2 } from "@opentui/core";
 
 // src/App.tsx
-import { execFile } from "child_process";
+import { execFile as execFile2 } from "child_process";
 
 // src/state/types.ts
 var NAV_KEYS = {
@@ -1744,7 +1744,8 @@ var NAV_KEYS = {
   ",": "settings",
   "/": "help",
   "g": "mesh",
-  "j": "message"
+  "j": "message",
+  "z": "scan"
 };
 var STATUS_BAR_SHORTCUTS = "b browse  m market  i installed  s sync  / help  q quit";
 var SIDEBAR_NAV = [
@@ -1762,7 +1763,8 @@ var SIDEBAR_NAV = [
     items: [
       { key: "i", label: "Installed", screen: "installed" },
       { key: "s", label: "Sync", screen: "sync" },
-      { key: "t", label: "Translate", screen: "translate" }
+      { key: "t", label: "Translate", screen: "translate" },
+      { key: "z", label: "Scan", screen: "scan" }
     ]
   },
   {
@@ -10409,6 +10411,9 @@ var SHORTCUTS = [{
   }, {
     key: "u",
     desc: "Publish"
+  }, {
+    key: "z",
+    desc: "Security scan"
   }]
 }, {
   section: "Team & Config",
@@ -10864,14 +10869,339 @@ function Message(props) {
   })();
 }
 
+// src/screens/Scan.tsx
+import { execFile } from "child_process";
+function getSeverityColor(severity) {
+  switch (severity.toLowerCase()) {
+    case "critical":
+      return "#ff5555";
+    case "high":
+      return "#ff4444";
+    case "medium":
+      return "#ffaa00";
+    case "low":
+      return "#00bbcc";
+    case "info":
+      return "#888888";
+    default:
+      return terminalColors.textMuted;
+  }
+}
+function getVerdictColor(verdict) {
+  switch (verdict) {
+    case "pass":
+      return "#22cc44";
+    case "warn":
+      return "#ffaa00";
+    case "fail":
+      return "#ff5555";
+    default:
+      return terminalColors.textMuted;
+  }
+}
+function Scan(props) {
+  const [scanning, setScanning] = createSignal(false);
+  const [result, setResult] = createSignal(null);
+  const [error, setError] = createSignal(null);
+  const [scanPath] = createSignal(".");
+  const [selectedIndex, setSelectedIndex] = createSignal(0);
+  const rows = () => props.rows ?? 24;
+  const visibleCount = () => Math.max(1, rows() - 14);
+  const runScan = (path) => {
+    setScanning(true);
+    setError(null);
+    setResult(null);
+    try {
+      execFile("npx", ["skillkit", "scan", path, "--format", "json"], {
+        timeout: 3e4,
+        maxBuffer: 1024 * 1024
+      }, (err, stdout, stderr) => {
+        setScanning(false);
+        if (err && !stdout) {
+          setError(stderr || err.message || "Scan failed");
+          return;
+        }
+        try {
+          const parsed = JSON.parse(stdout);
+          setResult(parsed);
+        } catch {
+          setError("Failed to parse scan results");
+        }
+      });
+    } catch (err) {
+      setScanning(false);
+      setError(err instanceof Error ? err.message : "Failed to start scan");
+    }
+  };
+  createEffect(() => {
+    runScan(scanPath());
+  });
+  const findings = createMemo(() => result()?.findings ?? []);
+  const windowStart = createMemo(() => Math.max(0, selectedIndex() - visibleCount() + 1));
+  const visibleFindings = createMemo(() => findings().slice(windowStart(), windowStart() + visibleCount()));
+  useKeyboard((key) => {
+    if (key.name === "k" || key.name === "up") {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+    } else if (key.name === "j" || key.name === "down") {
+      setSelectedIndex((i) => Math.min(findings().length - 1, i + 1));
+    } else if (key.name === "r") {
+      runScan(scanPath());
+    }
+  });
+  return (() => {
+    var _el$ = createElement("box"), _el$29 = createElement("text"), _el$31 = createElement("text");
+    insertNode(_el$, _el$29);
+    insertNode(_el$, _el$31);
+    setProp(_el$, "flexDirection", "column");
+    setProp(_el$, "padding", 1);
+    insert(_el$, createComponent2(Header, {
+      title: "Security Scan",
+      subtitle: "detect vulnerabilities in skills",
+      icon: "\\u25D0"
+    }), _el$29);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return scanning();
+      },
+      get children() {
+        var _el$2 = createElement("box"), _el$3 = createElement("text"), _el$4 = createTextNode(`Scanning `), _el$5 = createTextNode(`...`);
+        insertNode(_el$2, _el$3);
+        setProp(_el$2, "flexDirection", "row");
+        setProp(_el$2, "gap", 1);
+        insert(_el$2, createComponent2(Spinner, {}), _el$3);
+        insertNode(_el$3, _el$4);
+        insertNode(_el$3, _el$5);
+        insert(_el$3, scanPath, _el$5);
+        effect((_$p) => setProp(_el$3, "fg", terminalColors.textMuted, _$p));
+        return _el$2;
+      }
+    }), _el$29);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$6 = createElement("box"), _el$7 = createElement("text"), _el$8 = createTextNode(`Scan error: `), _el$9 = createElement("text");
+        insertNode(_el$6, _el$7);
+        insertNode(_el$6, _el$9);
+        setProp(_el$6, "flexDirection", "column");
+        insertNode(_el$7, _el$8);
+        setProp(_el$7, "fg", "#ff5555");
+        insert(_el$7, error, null);
+        insertNode(_el$9, createTextNode(`Press r to retry`));
+        effect((_$p) => setProp(_el$9, "fg", terminalColors.textMuted, _$p));
+        return _el$6;
+      }
+    }), _el$29);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return memo2(() => !!result())() && !scanning();
+      },
+      get children() {
+        var _el$1 = createElement("box"), _el$10 = createElement("box"), _el$11 = createElement("text"), _el$12 = createElement("text"), _el$13 = createElement("text"), _el$14 = createTextNode(`ms`), _el$15 = createElement("box"), _el$28 = createElement("text");
+        insertNode(_el$1, _el$10);
+        insertNode(_el$1, _el$15);
+        insertNode(_el$1, _el$28);
+        setProp(_el$1, "flexDirection", "column");
+        insertNode(_el$10, _el$11);
+        insertNode(_el$10, _el$12);
+        insertNode(_el$10, _el$13);
+        setProp(_el$10, "flexDirection", "row");
+        setProp(_el$10, "gap", 2);
+        insert(_el$11, () => result().skillName);
+        insert(_el$12, () => result().verdict.toUpperCase());
+        insertNode(_el$13, _el$14);
+        insert(_el$13, () => result().duration, _el$14);
+        setProp(_el$15, "flexDirection", "row");
+        setProp(_el$15, "gap", 2);
+        insert(_el$15, createComponent2(Show, {
+          get when() {
+            return result().stats.critical > 0;
+          },
+          get children() {
+            var _el$16 = createElement("text"), _el$17 = createTextNode(` critical`);
+            insertNode(_el$16, _el$17);
+            setProp(_el$16, "fg", "#ff5555");
+            insert(_el$16, () => result().stats.critical, _el$17);
+            return _el$16;
+          }
+        }), null);
+        insert(_el$15, createComponent2(Show, {
+          get when() {
+            return result().stats.high > 0;
+          },
+          get children() {
+            var _el$18 = createElement("text"), _el$19 = createTextNode(` high`);
+            insertNode(_el$18, _el$19);
+            setProp(_el$18, "fg", "#ff4444");
+            insert(_el$18, () => result().stats.high, _el$19);
+            return _el$18;
+          }
+        }), null);
+        insert(_el$15, createComponent2(Show, {
+          get when() {
+            return result().stats.medium > 0;
+          },
+          get children() {
+            var _el$20 = createElement("text"), _el$21 = createTextNode(` medium`);
+            insertNode(_el$20, _el$21);
+            setProp(_el$20, "fg", "#ffaa00");
+            insert(_el$20, () => result().stats.medium, _el$21);
+            return _el$20;
+          }
+        }), null);
+        insert(_el$15, createComponent2(Show, {
+          get when() {
+            return result().stats.low > 0;
+          },
+          get children() {
+            var _el$22 = createElement("text"), _el$23 = createTextNode(` low`);
+            insertNode(_el$22, _el$23);
+            setProp(_el$22, "fg", "#00bbcc");
+            insert(_el$22, () => result().stats.low, _el$23);
+            return _el$22;
+          }
+        }), null);
+        insert(_el$15, createComponent2(Show, {
+          get when() {
+            return result().stats.info > 0;
+          },
+          get children() {
+            var _el$24 = createElement("text"), _el$25 = createTextNode(` info`);
+            insertNode(_el$24, _el$25);
+            setProp(_el$24, "fg", "#888888");
+            insert(_el$24, () => result().stats.info, _el$25);
+            return _el$24;
+          }
+        }), null);
+        insert(_el$15, createComponent2(Show, {
+          get when() {
+            return findings().length === 0;
+          },
+          get children() {
+            var _el$26 = createElement("text");
+            insertNode(_el$26, createTextNode(`No findings`));
+            setProp(_el$26, "fg", "#22cc44");
+            return _el$26;
+          }
+        }), null);
+        insert(_el$28, () => "\u2500".repeat(Math.min(60, (props.cols ?? 80) - 4)));
+        insert(_el$1, createComponent2(Show, {
+          get when() {
+            return findings().length === 0;
+          },
+          get children() {
+            return createComponent2(EmptyState, {
+              title: "No security findings detected"
+            });
+          }
+        }), null);
+        insert(_el$1, createComponent2(Show, {
+          get when() {
+            return findings().length > 0;
+          },
+          get children() {
+            return createComponent2(For, {
+              get each() {
+                return visibleFindings();
+              },
+              children: (finding, idx) => {
+                const absoluteIdx = () => windowStart() + idx();
+                const isSelected = () => absoluteIdx() === selectedIndex();
+                return (() => {
+                  var _el$33 = createElement("box"), _el$34 = createElement("box"), _el$35 = createElement("text"), _el$36 = createElement("text"), _el$37 = createElement("text"), _el$38 = createTextNode(`[`), _el$39 = createTextNode(`]`), _el$40 = createElement("text");
+                  insertNode(_el$33, _el$34);
+                  setProp(_el$33, "flexDirection", "column");
+                  insertNode(_el$34, _el$35);
+                  insertNode(_el$34, _el$36);
+                  insertNode(_el$34, _el$37);
+                  insertNode(_el$34, _el$40);
+                  setProp(_el$34, "flexDirection", "row");
+                  setProp(_el$34, "gap", 1);
+                  insert(_el$35, () => isSelected() ? ">" : " ");
+                  insert(_el$36, () => finding.severity.toUpperCase().padEnd(8));
+                  insertNode(_el$37, _el$38);
+                  insertNode(_el$37, _el$39);
+                  insert(_el$37, () => finding.ruleId, _el$39);
+                  insert(_el$40, () => finding.title);
+                  insert(_el$33, createComponent2(Show, {
+                    get when() {
+                      return memo2(() => !!isSelected())() && finding.filePath;
+                    },
+                    get children() {
+                      var _el$41 = createElement("text"), _el$42 = createTextNode(`           `);
+                      insertNode(_el$41, _el$42);
+                      insert(_el$41, () => finding.filePath, null);
+                      insert(_el$41, (() => {
+                        var _c$ = memo2(() => !!finding.lineNumber);
+                        return () => _c$() ? `:${finding.lineNumber}` : "";
+                      })(), null);
+                      effect((_$p) => setProp(_el$41, "fg", terminalColors.textMuted, _$p));
+                      return _el$41;
+                    }
+                  }), null);
+                  insert(_el$33, createComponent2(Show, {
+                    get when() {
+                      return memo2(() => !!isSelected())() && finding.remediation;
+                    },
+                    get children() {
+                      var _el$43 = createElement("text"), _el$44 = createTextNode(`           Fix: `);
+                      insertNode(_el$43, _el$44);
+                      insert(_el$43, () => finding.remediation, null);
+                      effect((_$p) => setProp(_el$43, "fg", terminalColors.accent, _$p));
+                      return _el$43;
+                    }
+                  }), null);
+                  effect((_p$) => {
+                    var _v$5 = isSelected() ? terminalColors.accent : terminalColors.textMuted, _v$6 = getSeverityColor(finding.severity), _v$7 = terminalColors.textMuted, _v$8 = isSelected() ? terminalColors.text : terminalColors.textMuted;
+                    _v$5 !== _p$.e && (_p$.e = setProp(_el$35, "fg", _v$5, _p$.e));
+                    _v$6 !== _p$.t && (_p$.t = setProp(_el$36, "fg", _v$6, _p$.t));
+                    _v$7 !== _p$.a && (_p$.a = setProp(_el$37, "fg", _v$7, _p$.a));
+                    _v$8 !== _p$.o && (_p$.o = setProp(_el$40, "fg", _v$8, _p$.o));
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0,
+                    o: void 0
+                  });
+                  return _el$33;
+                })();
+              }
+            });
+          }
+        }), null);
+        effect((_p$) => {
+          var _v$ = terminalColors.text, _v$2 = getVerdictColor(result().verdict), _v$3 = terminalColors.textMuted, _v$4 = terminalColors.textMuted;
+          _v$ !== _p$.e && (_p$.e = setProp(_el$11, "fg", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = setProp(_el$12, "fg", _v$2, _p$.t));
+          _v$3 !== _p$.a && (_p$.a = setProp(_el$13, "fg", _v$3, _p$.a));
+          _v$4 !== _p$.o && (_p$.o = setProp(_el$28, "fg", _v$4, _p$.o));
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        });
+        return _el$1;
+      }
+    }), _el$29);
+    insertNode(_el$29, createTextNode(` `));
+    insertNode(_el$31, createTextNode(`j/k navigate r rescan esc back`));
+    effect((_$p) => setProp(_el$31, "fg", terminalColors.textMuted, _$p));
+    return _el$;
+  })();
+}
+
 // src/App.tsx
 var DOCS_URL = "https://agenstskills.com/docs";
 function openUrl(url) {
   if (process.platform === "win32") {
-    execFile("cmd", ["/c", "start", "", url]);
+    execFile2("cmd", ["/c", "start", "", url]);
   } else {
     const cmd = process.platform === "darwin" ? "open" : "xdg-open";
-    execFile(cmd, [url]);
+    execFile2(cmd, [url]);
   }
 }
 function App(props) {
@@ -11117,6 +11447,13 @@ function App(props) {
             get children() {
               return createComponent2(Message, mergeProps3(screenProps));
             }
+          }), createComponent2(Match, {
+            get when() {
+              return currentScreen() === "scan";
+            },
+            get children() {
+              return createComponent2(Scan, mergeProps3(screenProps));
+            }
           })];
         }
       }));
@@ -11540,7 +11877,8 @@ var SCREEN_LABELS = {
   sync: "Sync",
   help: "Help",
   mesh: "Mesh",
-  message: "Message"
+  message: "Message",
+  scan: "Security Scan"
 };
 function BottomStatusBar(props) {
   const version = getVersion();
@@ -13810,6 +14148,7 @@ export {
   SCRAMBLE_CHARS,
   SIDEBAR_NAV,
   STATUS_BAR_SHORTCUTS,
+  Scan,
   SearchInput,
   SelectField,
   SelectList,