@mcp-graph-workflow/agent-graph-flow 0.1.3 → 0.1.4

package/dist/cli/index.js

@@ -12,9 +12,9 @@ import os, { homedir } from 'os';
 import { stat, readFile, access, constants } from 'fs/promises';
 import { execFile, execSync, spawn } from 'child_process';
 import { render, useApp, Box, Text } from 'ink';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createElement, useState, useCallback, useEffect } from 'react';
 import TextInput from 'ink-text-input';
-import { createElement, useState } from 'react';
 import Spinner from 'ink-spinner';
 import { Command } from 'commander';
 import { setTimeout as setTimeout$1 } from 'timers/promises';
@@ -7723,6 +7723,44 @@ var init_app = __esm({
     };
   }
 });
+function BannerScreen({ onDone }) {
+  const cols = process.stdout.columns ?? 80;
+  const maxSteps = Math.max(cols - 14, 10);
+  const [step, setStep] = useState(0);
+  const done = useCallback(onDone, [onDone]);
+  useEffect(() => {
+    if (step >= maxSteps) {
+      const t2 = setTimeout(done, 300);
+      return () => clearTimeout(t2);
+    }
+    const t = setTimeout(() => setStep((s) => s + 1), FRAME_MS);
+    return () => clearTimeout(t);
+  }, [step, maxSteps, done]);
+  const bug = BUG_FRAMES[step % BUG_FRAMES.length];
+  const trailLen = Math.min(step, maxSteps - 1);
+  const trail = "\xB7".repeat(trailLen);
+  const pad = " ".repeat(step < maxSteps ? step : maxSteps);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingTop: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+      pad,
+      trail,
+      bug
+    ] }),
+    step >= maxSteps && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: TAGLINE }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  type /help to see all commands" })
+    ] })
+  ] });
+}
+var BUG_FRAMES, TAGLINE, FRAME_MS;
+var init_banner_screen = __esm({
+  "src/tui/banner-screen.tsx"() {
+    init_esm_shims();
+    BUG_FRAMES = [" /\\(\u2022\u203F\u2022)/\\ ", "  \\(\u2022\u203F\u2022)/  ", " /\\(\u2022\u203F\u2022)/\\ "];
+    TAGLINE = "mcp-graph-agent  \u2014  Software Engineer as a Service";
+    FRAME_MS = 28;
+  }
+});
 function CommandBar({ value, onChange, onSubmit, suggestions }) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     suggestions.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: suggestions.map((c) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -7848,6 +7886,9 @@ var init_dispatch = __esm({
 });
 function InteractiveApp({ dashboard, port, asyncPort, liveRunner, skillCommands = [] }) {
   const { exit } = useApp();
+  const [phase, setPhase] = useState(
+    process.stdout.isTTY ? "banner" : "dashboard"
+  );
   const [input, setInput] = useState("");
   const [log45, setLog] = useState([]);
   const [running, setRunning] = useState(false);
@@ -7877,12 +7918,25 @@ function InteractiveApp({ dashboard, port, asyncPort, liveRunner, skillCommands
     if (ASYNC_CMDS.includes(parsed.cmd) && asyncPort) {
       append(`\u203A ${text}`);
       setRunning(true);
-      runAsyncCommand(asyncPort, parsed).then((summary) => append(summary)).catch((err) => append(`erro: ${err instanceof Error ? err.message : String(err)}`)).finally(() => setRunning(false));
+      setImmediate(() => {
+        void runAsyncCommand(asyncPort, parsed).then((summary) => append(summary)).catch((err) => append(`erro: ${err instanceof Error ? err.message : String(err)}`)).finally(() => setRunning(false));
+      });
+      return;
+    }
+    const matchedSkill = skillCommands.find((sc) => sc.name === parsed.cmd);
+    if (matchedSkill) {
+      const skill = port.getSkill(parsed.cmd);
+      append(`\u203A ${text}`);
+      append(skill ? `=== ${skill.name} ===
+${skill.body}` : `Skill n\xE3o encontrada: ${parsed.cmd}`);
       return;
     }
     append(`\u203A ${text}`);
     append(runReadCommand(port, parsed));
   };
+  if (phase === "banner") {
+    return /* @__PURE__ */ jsx(BannerScreen, { onDone: () => setPhase("dashboard") });
+  }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx(App, { model: dashboard }),
     log45.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: "single", paddingX: 1, children: log45.map((line, i) => /* @__PURE__ */ jsx(Text, { children: line }, i)) }),
@@ -7906,6 +7960,7 @@ var init_interactive_app = __esm({
   "src/tui/interactive-app.tsx"() {
     init_esm_shims();
     init_app();
+    init_banner_screen();
     init_command_bar();
     init_dispatch();
     MAX_LOG_LINES = 12;
@@ -8208,7 +8263,11 @@ function invokeSkill(dir, name) {
   };
 }
 function defaultSkillRoots(projectRoot = process.cwd()) {
-  return [join(projectRoot, "src/skills"), join(projectRoot, ".claude/skills")];
+  return [
+    join(projectRoot, "src/skills"),
+    join(projectRoot, ".agents/skills"),
+    join(projectRoot, ".claude/skills")
+  ];
 }
 var init_skill_registry = __esm({
   "src/core/skills/skill-registry.ts"() {
@@ -9429,8 +9488,8 @@ async function launchTui(store2) {
   const skillCommands = defaultSkillRoots(dir).flatMap((r) => {
     const { skills } = listSkills(r);
     return skills.map((s) => ({
-      name: `skill:${s.name}`,
-      usage: `/skill ${s.name}`,
+      name: s.name,
+      usage: `/${s.name}`,
       desc: `[${s.category}] ${s.description}`
     }));
   });
@@ -10259,52 +10318,8 @@ function runCommand() {
 
 // src/cli/commands/tui-cmd.ts
 init_esm_shims();
-
-// src/cli/banner.ts
-init_esm_shims();
-var GREEN = "\x1B[32m";
-var BOLD = "\x1B[1m";
-var DIM = "\x1B[2m";
-var RESET = "\x1B[0m";
-var CLEAR_LINE = "\r\x1B[K";
-var BUG_FRAMES = [
-  " /\\(\u2022\u203F\u2022)/\\  ",
-  " /\\(\u2022\u203F\u2022)/\\  ",
-  "  \\(\u2022\u203F\u2022)/   ",
-  "  \\(\u2022\u203F\u2022)/   ",
-  " /\\(\u2022\u203F\u2022)/\\  "
-];
-var TRAIL = "\xB7";
-var TAGLINE = "mcp-graph-agent  \u2014  Software Engineer as a Service";
-function sleep(ms) {
-  return new Promise((r) => setTimeout(r, ms));
-}
-async function showBanner() {
-  if (!process.stdout.isTTY) return;
-  const cols = process.stdout.columns ?? 80;
-  const bugWidth = BUG_FRAMES[0].length;
-  const steps = Math.max(cols - bugWidth - 2, 10);
-  let trail = "";
-  for (let i = 0; i <= steps; i++) {
-    const frame = BUG_FRAMES[i % BUG_FRAMES.length];
-    const pad = " ".repeat(i);
-    process.stdout.write(`${CLEAR_LINE}${GREEN}${pad}${trail}${frame}${RESET}`);
-    trail += TRAIL;
-    if (trail.length > i) trail = trail.slice(-i || 0);
-    await sleep(28);
-  }
-  process.stdout.write(`
-${CLEAR_LINE}${BOLD}${GREEN}${TAGLINE}${RESET}
-`);
-  process.stdout.write(`${DIM}  type /help to see all commands${RESET}
-
-`);
-}
-
-// src/cli/commands/tui-cmd.ts
 function tuiCommand() {
   return new Command("tui").description("Abre a TUI interativa (dashboard do grafo + tokens)").option("-d, --dir <dir>", "Diret\xF3rio do projeto", process.cwd()).action(async (opts) => {
-    await showBanner();
     const store2 = openStoreOrFail(opts.dir);
     try {
       const { launchTui: launchTui2 } = await Promise.resolve().then(() => (init_launch(), launch_exports));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-graph-workflow/agent-graph-flow",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Agente SWE autônomo, local-first e token-frugal: PRD → grafo de execução persistente, TDD obrigatório, custo de token brutalmente baixo. AGPL v3.",
   "type": "module",
   "main": "dist/index.js",