agent-hub-sdd 0.1.7 → 0.1.8

package/README.md

@@ -15,10 +15,10 @@ npm run app
 Pelo npm (precisa do Node 20+ no PATH):
 
 ```powershell
-npx --yes agent-hub-sdd@0.1.7
+npx --yes agent-hub-sdd@0.1.8
 ```
 
-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.7`, o Windows pode reusar cache antigo.
+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.8`, 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`:
 
@@ -27,13 +27,13 @@ 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.7
+npx --yes agent-hub-sdd@0.1.8
 ```
 
 Instalar global evita o rename do `npx` nessa pasta:
 
 ```powershell
-npm install -g agent-hub-sdd@0.1.7
+npm install -g agent-hub-sdd@0.1.8
 agent-hub-sdd
 ```
 

package/electron/main.mjs

@@ -188,7 +188,7 @@ function createWindow() {
       preload: path.join(here, "preload.cjs"),
       contextIsolation: true,
       nodeIntegration: false,
-      sandbox: true,
+      sandbox: false,
     },
   });
   win.once("ready-to-show", () => win.show());
@@ -207,6 +207,13 @@ function createWindow() {
     void shell.openExternal(url);
     return { action: "deny" };
   });
+  const paint = () => {
+    const cssFile = path.join(hubDir(), "src", "app", "shell.css");
+    if (!fs.existsSync(cssFile)) return;
+    void win.webContents.insertCSS(fs.readFileSync(cssFile, "utf8"));
+  };
+  win.webContents.on("did-finish-load", paint);
+  win.webContents.on("did-navigate", paint);
 }
 
 ipcMain.handle("pick-folder", async () => {

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.7" }));
+    fs.writeFileSync(path.join(pkg, "package.json"), JSON.stringify({ name: "agent-hub-sdd", version: "0.1.8" }));
     fs.writeFileSync(path.join(pkg, "postcss.config.mjs"), "export default { plugins: {} };\n");
     fs.writeFileSync(path.join(pkg, "src", "components", "desktop-chrome.tsx"), "export const DesktopChrome = () => null;\n");
     fs.writeFileSync(path.join(root, "node_modules", "sentinel"), "ok");

package/package.json

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

package/scripts/kill-hub.ps1

@@ -8,4 +8,4 @@ Get-CimInstance Win32_Process |
 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.7"
+Write-Host "Cache do npx limpo. Rode: npx --yes agent-hub-sdd@0.1.8"

package/src/app/layout.tsx

@@ -1,9 +1,12 @@
+import fs from "node:fs";
+import path from "node:path";
 import type { Metadata } from "next";
 import { DesktopChrome } from "@/components/desktop-chrome";
 import { TooltipProvider } from "@/components/ui/tooltip";
-import "./fallback.css";
 import "./globals.css";
 
+const SHELL_CSS = fs.readFileSync(path.join(process.cwd(), "src/app/shell.css"), "utf8");
+
 export const metadata: Metadata = {
   title: "Agent Hub",
   description: "Harness visual local para agentes do SDLC",
@@ -13,6 +16,7 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
   return (
     <html lang="pt-BR" className="dark h-full antialiased">
       <body className="flex min-h-dvh flex-col bg-black text-zinc-100">
+        <style id="agent-hub-shell" dangerouslySetInnerHTML={{ __html: SHELL_CSS }} />
         <TooltipProvider>
           <DesktopChrome />
           {children}

package/src/app/shell.css

@@ -0,0 +1,74 @@
+html, body {
+  margin: 0;
+  min-height: 100%;
+  background: #000;
+  color: #f4f4f5;
+  font-family: "Segoe UI", ui-sans-serif, system-ui, sans-serif;
+}
+a { color: inherit; text-decoration: none; }
+button, input, textarea { font: inherit; color: inherit; }
+button {
+  cursor: pointer;
+  background: #18181b;
+  border: 1px solid #27272a;
+  border-radius: 0.5rem;
+  padding: 0.25rem 0.6rem;
+}
+input, textarea {
+  background: #18181b;
+  border: 1px solid #27272a;
+  border-radius: 0.5rem;
+  padding: 0.35rem 0.55rem;
+}
+.flex { display: flex; }
+.flex-col { flex-direction: column; }
+.flex-1 { flex: 1 1 0%; }
+.items-center { align-items: center; }
+.justify-center { justify-content: center; }
+.min-h-0 { min-height: 0; }
+.min-h-dvh { min-height: 100dvh; }
+.min-w-0 { min-width: 0; }
+.h-full { height: 100%; }
+.h-dvh { height: 100dvh; }
+.h-9 { height: 2.25rem; }
+.w-full { width: 100%; }
+.w-\[280px\] { width: 280px; }
+.max-w-md { max-width: 28rem; }
+.max-w-\[280px\] { max-width: 280px; }
+.shrink-0 { flex-shrink: 0; }
+.gap-1 { gap: 0.25rem; }
+.gap-2 { gap: 0.5rem; }
+.gap-3 { gap: 0.75rem; }
+.overflow-hidden { overflow: hidden; }
+.overflow-auto { overflow: auto; }
+.grid { display: grid; }
+.hidden { display: none; }
+.border { border: 1px solid #27272a; }
+.border-r { border-right: 1px solid #27272a; }
+.border-b { border-bottom: 1px solid #27272a; }
+.border-zinc-800 { border-color: #27272a; }
+.bg-black { background: #000; }
+.text-zinc-100 { color: #f4f4f5; }
+.text-zinc-300 { color: #d4d4d8; }
+.text-zinc-400 { color: #a1a1aa; }
+.text-zinc-500 { color: #71717a; }
+.text-sm { font-size: 0.875rem; }
+.text-xs { font-size: 0.75rem; }
+.text-lg { font-size: 1.125rem; }
+.font-medium { font-weight: 500; }
+.font-semibold { font-weight: 600; }
+.p-3 { padding: 0.75rem; }
+.p-4 { padding: 1rem; }
+.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
+.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
+.pr-8 { padding-right: 2rem; }
+.rounded-lg { border-radius: 0.5rem; }
+.rounded-full { border-radius: 9999px; }
+.leading-6 { line-height: 1.5rem; }
+.text-center { text-align: center; }
+.ah-drag { -webkit-app-region: drag; app-region: drag; }
+.ah-no-drag { -webkit-app-region: no-drag; app-region: no-drag; }
+@media (min-width: 768px) {
+  .md\:block { display: block; }
+  .md\:hidden { display: none; }
+}

package/src/app/fallback.css

@@ -1,118 +0,0 @@
-/* Vanilla fallback so the hub stays usable if Tailwind fails to bundle (npx/webpack). */
-html,
-body {
-  margin: 0;
-  min-height: 100%;
-  background: #000;
-  color: #f4f4f5;
-  font-family: "Segoe UI", ui-sans-serif, system-ui, sans-serif;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-button,
-input,
-textarea {
-  font: inherit;
-  color: inherit;
-}
-
-button {
-  cursor: pointer;
-  background: #18181b;
-  border: 1px solid #27272a;
-  border-radius: 0.5rem;
-  padding: 0.25rem 0.6rem;
-}
-
-input,
-textarea {
-  background: #18181b;
-  border: 1px solid #27272a;
-  border-radius: 0.5rem;
-  padding: 0.35rem 0.55rem;
-}
-
-.flex {
-  display: flex;
-}
-.flex-col {
-  flex-direction: column;
-}
-.flex-1 {
-  flex: 1 1 0%;
-}
-.min-h-0 {
-  min-height: 0;
-}
-.min-w-0 {
-  min-width: 0;
-}
-.h-full {
-  height: 100%;
-}
-.h-dvh {
-  height: 100dvh;
-}
-.w-full {
-  width: 100%;
-}
-.shrink-0 {
-  flex-shrink: 0;
-}
-.gap-1 {
-  gap: 0.25rem;
-}
-.gap-2 {
-  gap: 0.5rem;
-}
-.gap-3 {
-  gap: 0.75rem;
-}
-.overflow-hidden {
-  overflow: hidden;
-}
-.border-r {
-  border-right: 1px solid #27272a;
-}
-.border-b {
-  border-bottom: 1px solid #27272a;
-}
-.bg-black {
-  background: #000;
-}
-.text-zinc-100 {
-  color: #f4f4f5;
-}
-.text-zinc-400 {
-  color: #a1a1aa;
-}
-.text-sm {
-  font-size: 0.875rem;
-}
-.p-3 {
-  padding: 0.75rem;
-}
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.grid {
-  display: grid;
-}
-
-@media (min-width: 768px) {
-  .md\:block {
-    display: block;
-  }
-  .md\:hidden {
-    display: none;
-  }
-}