agent-hub-sdd 0.1.4 → 0.1.6

package/README.md

@@ -15,13 +15,26 @@ npm run app
 Pelo npm (precisa do Node 20+ no PATH):
 
 ```powershell
-npx --yes agent-hub-sdd@latest
+npx --yes agent-hub-sdd@0.1.6
 ```
 
-Isso abre a **janela** do app. Na primeira vez o npm baixa o Electron e o Next. Se uma versão antiga ficou em cache e a janela não sobe, use a versão explícita:
+Na primeira abertura a janela diz que está compilando. O **N** no canto é o Next.js em modo dev, não o app. Sem `@0.1.6`, o Windows pode reusar cache antigo.
+
+Se ainda abrir a 0.1.2, ou se o npm disser `EBUSY` / `resource busy or locked`, o Next da tentativa antiga ainda está com o cache aberto. O `Stop-Process electron` não mata esse `node`:
+
+```powershell
+Get-CimInstance Win32_Process | Where-Object {
+  $_.CommandLine -and ($_.CommandLine -match 'agent-hub|_npx|next dev|43147')
+} | ForEach-Object { Stop-Process -Id $_.ProcessId -Force -ErrorAction SilentlyContinue }
+Remove-Item -Recurse -Force "$env:LOCALAPPDATA\npm-cache\_npx" -ErrorAction SilentlyContinue
+npx --yes agent-hub-sdd@0.1.6
+```
+
+Instalar global evita o rename do `npx` nessa pasta:
 
 ```powershell
-npx --yes agent-hub-sdd@0.1.4
+npm install -g agent-hub-sdd@0.1.6
+agent-hub-sdd
 ```
 
 ## App no Windows (a partir do código)

package/electron/main.mjs

@@ -11,6 +11,7 @@ const PORT = Number(process.env.AGENT_HUB_PORT || 43147);
 const HUB = `http://127.0.0.1:${PORT}`;
 const here = path.dirname(fileURLToPath(import.meta.url));
 const repoRoot = path.join(here, "..");
+const VERSION = JSON.parse(fs.readFileSync(path.join(repoRoot, "package.json"), "utf8")).version;
 
 let win;
 let child;
@@ -18,8 +19,10 @@ let startedServer = false;
 let logs = "";
 
 function hubDir() {
-  const raw = app.isPackaged ? path.join(process.resourcesPath, "hub") : repoRoot;
-  return stageHub(raw);
+  if (app.isPackaged) return path.join(process.resourcesPath, "hub");
+  const dist = path.join(repoRoot, "dist-hub");
+  if (fs.existsSync(path.join(dist, "server.js"))) return dist;
+  return stageHub(repoRoot);
 }
 
 function nodeName() {
@@ -77,20 +80,32 @@ function withNodeOnPath(env, node) {
   return next;
 }
 
-function isUp() {
+function hubHtml() {
   return new Promise((resolve) => {
     const req = http.get(HUB, (res) => {
-      res.resume();
-      resolve(true);
+      const chunks = [];
+      res.on("data", (chunk) => {
+        chunks.push(chunk);
+        if (Buffer.concat(chunks).length > 40000) res.destroy();
+      });
+      res.on("end", () => {
+        resolve({ status: res.statusCode ?? 0, body: Buffer.concat(chunks).toString("utf8") });
+      });
     });
-    req.on("error", () => resolve(false));
-    req.setTimeout(800, () => {
+    req.on("error", () => resolve(null));
+    req.setTimeout(20000, () => {
       req.destroy();
-      resolve(false);
+      resolve(null);
     });
   });
 }
 
+function pageReady(html) {
+  if (!html) return false;
+  if (/Can't resolve|Module not found|Module parse failed/.test(html.body)) return false;
+  return html.status === 200 && /Agent Hub|Carregando o hub/.test(html.body);
+}
+
 function note(chunk) {
   logs = (logs + chunk.toString()).slice(-8000);
 }
@@ -98,8 +113,9 @@ function note(chunk) {
 function startServer() {
   const cwd = hubDir();
   const node = nodeBin();
-  const args = app.isPackaged
-    ? [path.join(cwd, "server.js")]
+  const serverJs = path.join(cwd, "server.js");
+  const args = fs.existsSync(serverJs)
+    ? [serverJs]
     : [nextBin(cwd), "dev", "--webpack", "-H", "127.0.0.1", "-p", String(PORT)];
   const env = withNodeOnPath(
     { ...process.env, HOSTNAME: "127.0.0.1", PORT: String(PORT) },
@@ -137,8 +153,12 @@ async function waitForHub(proc) {
   proc?.once("exit", (code) => {
     exited = code ?? 1;
   });
-  for (let i = 0; i < 180; i++) {
-    if (await isUp()) return;
+  for (let i = 0; i < 24; i++) {
+    const html = await hubHtml();
+    if (pageReady(html)) return;
+    if (html?.body && /Can't resolve|Module not found|Module parse failed/.test(html.body)) {
+      throw new Error(`Falha ao compilar o hub.\n${html.body.slice(0, 1500)}`);
+    }
     if (exited !== undefined) {
       throw new Error(`O servidor saiu com código ${exited}.\n${logs.trim() || "Sem log."}`);
     }
@@ -172,7 +192,17 @@ function createWindow() {
     },
   });
   win.once("ready-to-show", () => win.show());
-  win.loadURL(HUB);
+  void win.loadURL(
+    `data:text/html;charset=utf-8,${encodeURIComponent(`<!doctype html>
+<html lang="pt-BR">
+<body style="margin:0;background:#000;color:#e4e4e7;font-family:'Segoe UI',sans-serif;display:flex;min-height:100vh;align-items:center;justify-content:center">
+  <div style="text-align:center;max-width:28rem;padding:1.5rem">
+    <p style="font-size:1.15rem;margin:0 0 .75rem">Agent Hub ${VERSION}</p>
+    <p style="color:#a1a1aa;line-height:1.6;margin:0">Primeira abertura compila o hub. Pode levar alguns minutos. Não feche a janela.</p>
+  </div>
+</body>
+</html>`)}`,
+  );
   win.webContents.setWindowOpenHandler(({ url }) => {
     void shell.openExternal(url);
     return { action: "deny" };
@@ -191,18 +221,20 @@ ipcMain.handle("pick-folder", async () => {
 
 app.whenReady().then(async () => {
   try {
-    if (!(await isUp())) {
+    createWindow();
+    const html = await hubHtml();
+    if (!pageReady(html)) {
       child = startServer();
       startedServer = true;
+      await waitForHub(child);
     }
-    await waitForHub(startedServer ? child : null);
-    createWindow();
+    await win.loadURL(HUB);
   } catch (error) {
     stopServer();
     const message = error instanceof Error ? error.message : String(error);
     await dialog.showErrorBox(
       "Agent Hub",
-      `${message}\n\nO app precisa do Node.js 20+ (o mesmo node do npx). Instale em https://nodejs.org/ e rode: npx --yes agent-hub-sdd@0.1.4`,
+      `${message}\n\nAgent Hub ${VERSION}. O app precisa do Node.js 20+ (o mesmo node do npx).\nRode: npx --yes agent-hub-sdd@${VERSION}`,
     );
     app.quit();
   }

package/electron/stage-hub.test.ts

@@ -21,7 +21,7 @@ describe("stageHub", () => {
     temps.push(root);
     const pkg = path.join(root, "node_modules", "agent-hub-sdd");
     fs.mkdirSync(path.join(pkg, "src", "components"), { recursive: true });
-    fs.writeFileSync(path.join(pkg, "package.json"), JSON.stringify({ name: "agent-hub-sdd", version: "0.1.4" }));
+    fs.writeFileSync(path.join(pkg, "package.json"), JSON.stringify({ name: "agent-hub-sdd", version: "0.1.6" }));
     fs.writeFileSync(path.join(pkg, "src", "components", "desktop-chrome.tsx"), "export const DesktopChrome = () => null;\n");
     fs.writeFileSync(path.join(root, "node_modules", "sentinel"), "ok");
     const dest = path.join(root, "runtime");

package/next.config.ts

@@ -12,6 +12,7 @@ const nextConfig: NextConfig = {
   cacheComponents: false,
   partialPrefetching: false,
   agentRules: false,
+  devIndicators: false,
   // npx installs this app under node_modules. Next's tsconfig-paths plugin
   // skips any importer in node_modules, so @/ would 404 without a webpack alias.
   webpack: (config) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-hub-sdd",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "private": false,
   "license": "MIT",
   "author": "Agent Hub",

package/scripts/cli.cjs

@@ -3,6 +3,8 @@ const { spawn } = require("node:child_process");
 const path = require("node:path");
 
 const root = path.join(__dirname, "..");
+const pkg = require(path.join(root, "package.json"));
+console.log(`Agent Hub ${pkg.version}`);
 let electron;
 try {
   electron = require("electron");

package/scripts/kill-hub.ps1

@@ -0,0 +1,11 @@
+$ErrorActionPreference = "SilentlyContinue"
+Get-CimInstance Win32_Process |
+  Where-Object {
+    $_.CommandLine -and
+    ($_.CommandLine -match "agent-hub|_npx|next dev|43147")
+  } |
+  ForEach-Object { Stop-Process -Id $_.ProcessId -Force }
+Stop-Process -Name electron -Force
+$npx = Join-Path $env:LOCALAPPDATA "npm-cache\_npx"
+if (Test-Path $npx) { Remove-Item -Recurse -Force $npx }
+Write-Host "Cache do npx limpo. Rode: npx --yes agent-hub-sdd@0.1.6"

package/src/app/globals.css

@@ -7,8 +7,8 @@
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+  --font-sans: "Segoe UI", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;
   --font-heading: var(--font-sans);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);

package/src/app/layout.tsx

@@ -1,19 +1,8 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
 import { DesktopChrome } from "@/components/desktop-chrome";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import "./globals.css";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
   title: "Agent Hub",
   description: "Harness visual local para agentes do SDLC",
@@ -21,10 +10,7 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: LayoutProps<"/">) {
   return (
-    <html
-      lang="pt-BR"
-      className={`${geistSans.variable} ${geistMono.variable} dark h-full antialiased`}
-    >
+    <html lang="pt-BR" className="dark h-full antialiased">
       <body className="flex min-h-dvh flex-col bg-black text-zinc-100">
         <TooltipProvider>
           <DesktopChrome />