@mrpatronz/nexusflow 0.2.12 → 0.2.17

package/gui/src/index.css

@@ -1,17 +1,152 @@
-@import "tailwindcss";
-
-@utility animate-slide-in {
-  animation: slide-in 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-@keyframes slide-in {
-  from {
-    transform: translateY(1rem);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Space+Grotesk:wght@300..700&display=swap');
+@import "tailwindcss";
+
+/* Global Font Overrides to Monospace */
+body {
+  font-family: 'JetBrains Mono', monospace !important;
+  background-color: #030408 !important;
+  background-image: 
+    radial-gradient(at 50% 0%, rgba(139, 92, 246, 0.06) 0px, transparent 50%),
+    radial-gradient(at 0% 100%, rgba(6, 182, 212, 0.04) 0px, transparent 50%) !important;
+}
+
+h1, h2, h3, h4, h5, h6, button, input, select, textarea, code, pre {
+  font-family: 'JetBrains Mono', monospace !important;
+}
+
+/* Custom Sleek Scrollbars */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: #05070c;
+}
+::-webkit-scrollbar-thumb {
+  background: #1f2937;
+  border-radius: 3px;
+  border: 1px solid rgba(255, 255, 255, 0.03);
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #374151;
+}
+
+/* Glassmorphism and Terminal UI Helpers */
+@utility glass-card {
+  background: rgba(5, 7, 12, 0.6) !important;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.04) !important;
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5) !important;
+}
+
+@utility glass-card-glow {
+  box-shadow: 0 0 15px rgba(6, 182, 212, 0.05), inset 0 0 1px 1px rgba(255, 255, 255, 0.03);
+}
+
+@utility text-glow-cyan {
+  text-shadow: 0 0 8px rgba(6, 182, 212, 0.4);
+}
+
+@utility text-glow-green {
+  text-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
+}
+
+@utility neon-border {
+  box-shadow: 0 0 10px rgba(6, 182, 212, 0.1);
+}
+
+@utility neon-border-green {
+  box-shadow: 0 0 10px rgba(16, 185, 129, 0.1);
+}
+
+/* CRT Scanline effect */
+.crt-screen {
+  position: relative;
+}
+
+.crt-screen::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0; left: 0; bottom: 0; right: 0;
+  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.04), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.04));
+  z-index: 10;
+  background-size: 100% 4px, 6px 100%;
+  pointer-events: none;
+  opacity: 0.35;
+}
+
+@utility animate-slide-in {
+  animation: slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@utility animate-fade-in {
+  animation: fade-in 0.2s ease-out forwards;
+}
+
+@utility animate-spin-slow {
+  animation: spin 8s linear infinite;
+}
+
+@utility animate-pulse-glow-green {
+  animation: pulse-glow-green 2s infinite ease-in-out;
+}
+
+@utility animate-pulse-glow-cyan {
+  animation: pulse-glow-cyan 2.5s infinite ease-in-out;
+}
+
+@keyframes slide-in {
+  from {
+    transform: translateY(0.5rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes pulse-glow-green {
+  0%, 100% {
+    box-shadow: 0 0 4px rgba(52, 211, 153, 0.15);
+    opacity: 0.8;
+  }
+  50% {
+    box-shadow: 0 0 10px rgba(52, 211, 153, 0.4);
+    opacity: 1;
+  }
+}
+
+@keyframes pulse-glow-cyan {
+  0%, 100% {
+    box-shadow: 0 0 4px rgba(6, 182, 212, 0.15);
+  }
+  50% {
+    box-shadow: 0 0 12px rgba(6, 182, 212, 0.4);
+  }
+}
+
+/* Custom terminal colors */
+.term-matrix {
+  color: #10b981;
+  background-color: #030712;
+}
+.term-dracula {
+  color: #f8f8f2;
+  background-color: #282a36;
+}
+.term-classic {
+  color: #e5e7eb;
+  background-color: #0b0f19;
+}

package/gui/src/main.tsx

@@ -1,10 +1,94 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+declare global {
+  interface Window {
+    Neutralino?: any;
+    NL_PATH?: string;
+  }
+}
+
+async function waitForBackend(url: string, maxRetries = 25, delay = 200): Promise<boolean> {
+  for (let i = 0; i < maxRetries; i++) {
+    try {
+      const res = await fetch(url);
+      if (res.ok) {
+        console.log(`Backend connection established on attempt ${i + 1}`);
+        return true;
+      }
+    } catch {
+      // Ignored, retry
+    }
+    await new Promise((resolve) => setTimeout(resolve, delay));
+  }
+  console.warn(`Backend connection timed out after ${maxRetries} attempts`);
+  return false;
+}
+
+function renderApp() {
+  createRoot(document.getElementById('root')!).render(
+    <StrictMode>
+      <App />
+    </StrictMode>,
+  );
+}
+
+if (typeof window !== 'undefined' && window.Neutralino) {
+  window.Neutralino.init();
+  window.Neutralino.events.on('windowClose', () => {
+    window.Neutralino.app.exit();
+  });
+
+  (async () => {
+    const backendUrl = 'http://localhost:3000/api/config';
+    try {
+      const res = await fetch(backendUrl);
+      if (res.ok) {
+        console.log('NexusFlow Hono backend is already running.');
+        renderApp();
+        return;
+      }
+    } catch {
+      console.log('NexusFlow Hono backend not detected. Launching...');
+      try {
+        const isWin = navigator.platform.includes('Win') || navigator.userAgent.includes('Windows');
+        const nlPath = window.NL_PATH || '.';
+        
+        // Construct paths for packaged mode
+        const nodeBinary = isWin ? `${nlPath}/node/node.exe` : `${nlPath}/node/bin/node`;
+        const serverScript = `${nlPath}/server/dist/index.js`;
+        
+        // Check if we are running in packaged mode by testing if the embedded node exists
+        let isPackaged = false;
+        try {
+          await window.Neutralino.filesystem.getStats(nodeBinary);
+          isPackaged = true;
+        } catch {
+          // File doesn't exist or filesystem API failed, meaning dev mode
+        }
+
+        let cmd: string;
+        if (isPackaged) {
+          console.log('Running in packaged mode, using embedded node and server...');
+          cmd = `"${nodeBinary}" "${serverScript}" ui --server-only --port 3000`;
+        } else {
+          console.log('Running in development mode, using global node and relative path...');
+          cmd = 'node ../NexusFlow/dist/index.js ui --server-only --port 3000';
+        }
+
+        console.log('Spawning backend command:', cmd);
+        await window.Neutralino.os.execCommand(cmd, { background: true });
+        console.log('Hono backend successfully spawned. Waiting for port 3000...');
+        await waitForBackend(backendUrl);
+      } catch (err) {
+        console.error('Failed to spawn Hono backend:', err);
+      } finally {
+        renderApp();
+      }
+    }
+  })();
+} else {
+  renderApp();
+}

package/gui/src/types.ts

@@ -1,62 +1,62 @@
-// Types matched with src/types.ts
-
-export interface NexusFlowConfig {
-  version: string;
-  devDir: string;
-  workspacesDir: string;
-  defaultAssistant: string | null;
-  defaultEditor?: string | null;
-  scanDepth: number;
-}
-
-export interface DetectedAI {
-  name: string;
-  displayName: string;
-  detected: boolean;
-  command?: string;
-}
-
-export interface DetectedEditor {
-  name: string;
-  command: string;
-  detected: boolean;
-}
-
-export interface RepoInfo {
-  name: string;
-  path: string;
-  defaultBranch: string;
-}
-
-export interface Feature {
-  id: string;
-  branchName: string;
-  description: string;
-  repos: string[];
-  assistants: string[];
-  workspacePath: string;
-  createdAt: string;
-}
-
-export interface ServiceConfig {
-  name: string;
-  cwd: string;
-  command: string;
-  args: string[];
-  port?: number;
-  source: string;
-}
-
-export interface OrchestrationDetection {
-  tool: string;
-  configPath: string;
-  startCommand: string;
-  stopCommand: string;
-}
-
-export interface RunningService {
-  name: string;
-  pid: number;
-  config: ServiceConfig;
-  startedAt: string;
-}
+// Types matched with src/types.ts
+
+export interface NexusFlowConfig {
+  version: string;
+  devDir: string;
+  workspacesDir: string;
+  defaultAssistant: string | null;
+  defaultEditor?: string | null;
+  scanDepth: number;
+}
+
+export interface DetectedAI {
+  name: string;
+  displayName: string;
+  detected: boolean;
+  command?: string;
+}
+
+export interface DetectedEditor {
+  name: string;
+  command: string;
+  detected: boolean;
+}
+
+export interface RepoInfo {
+  name: string;
+  path: string;
+  defaultBranch: string;
+}
+
+export interface Feature {
+  id: string;
+  branchName: string;
+  description: string;
+  repos: string[];
+  assistants: string[];
+  workspacePath: string;
+  createdAt: string;
+}
+
+export interface ServiceConfig {
+  name: string;
+  cwd: string;
+  command: string;
+  args: string[];
+  port?: number;
+  source: string;
+}
+
+export interface OrchestrationDetection {
+  tool: string;
+  configPath: string;
+  startCommand: string;
+  stopCommand: string;
+}
+
+export interface RunningService {
+  name: string;
+  pid: number;
+  config: ServiceConfig;
+  startedAt: string;
+}

package/gui/tsconfig.app.json

@@ -1,25 +1,25 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "es2023",
-    "lib": ["ES2023", "DOM"],
-    "module": "esnext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023", "DOM"],
+    "module": "esnext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

package/gui/tsconfig.json

@@ -1,7 +1,7 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/gui/tsconfig.node.json

@@ -1,24 +1,24 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "es2023",
-    "lib": ["ES2023"],
-    "module": "esnext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "module": "esnext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/gui/vite.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  build: {
-    outDir: '../dist/gui',
-    emptyOutDir: true,
-  },
-})
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  build: {
+    outDir: '../dist/gui',
+    emptyOutDir: true,
+  },
+})

package/package.json

@@ -1,55 +1,56 @@
-{
-  "name": "@mrpatronz/nexusflow",
-  "version": "0.2.12",
-  "description": "Combine multiple repos into a workspace with rich AI assistant context",
-  "type": "module",
-  "main": "dist/index.js",
-  "bin": {
-    "nexusflow": "dist/index.js"
-  },
-  "scripts": {
-    "build": "tsc && npm run build --prefix gui && npm run extension:compile",
-    "dev": "tsc --watch",
-    "start": "node dist/index.js",
-    "ui": "node dist/index.js ui",
-    "test": "vitest run --passWithNoTests",
-    "test:watch": "vitest",
-    "test:gui": "npm run test:e2e --prefix gui",
-    "clean": "rimraf dist",
-    "prepublishOnly": "npm run build",
-    "extension:install": "npm install --prefix extension",
-    "extension:compile": "npm run compile --prefix extension"
-  },
-  "keywords": [
-    "ai",
-    "workspace",
-    "multi-repo",
-    "claude",
-    "codex",
-    "copilot",
-    "cursor",
-    "developer-tools"
-  ],
-  "author": "",
-  "license": "MIT",
-  "dependencies": {
-    "@hono/node-server": "^2.0.4",
-    "@inquirer/prompts": "^7.0.0",
-    "@modelcontextprotocol/sdk": "^1.29.0",
-    "chalk": "^5.3.0",
-    "commander": "^13.0.0",
-    "execa": "^9.5.0",
-    "fs-extra": "^11.2.0",
-    "globby": "^14.1.0",
-    "hono": "^4.12.23",
-    "ora": "^8.1.0",
-    "repomix": "^1.14.1"
-  },
-  "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.0.0",
-    "rimraf": "^6.0.0",
-    "typescript": "^5.7.0",
-    "vitest": "^3.0.0"
-  }
-}
+{
+  "name": "@mrpatronz/nexusflow",
+  "version": "0.2.17",
+  "description": "Combine multiple repos into a workspace with rich AI assistant context",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": {
+    "nexusflow": "dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc && npm run build --prefix gui && npm run extension:compile",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js",
+    "ui": "node dist/index.js ui",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest",
+    "test:gui": "npm run test:e2e --prefix gui",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run build",
+    "extension:install": "npm install --prefix extension",
+    "extension:compile": "npm run compile --prefix extension"
+  },
+  "keywords": [
+    "ai",
+    "workspace",
+    "multi-repo",
+    "claude",
+    "codex",
+    "copilot",
+    "cursor",
+    "developer-tools"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@hono/node-server": "^2.0.4",
+    "@inquirer/prompts": "^8.5.2",
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "chalk": "^5.3.0",
+    "commander": "^15.0.0",
+    "execa": "^9.5.0",
+    "fs-extra": "^11.2.0",
+    "globby": "^16.2.0",
+    "hono": "^4.12.25",
+    "ora": "^9.4.0",
+    "pm2": "^7.0.1",
+    "repomix": "^1.14.1"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^25.9.3",
+    "rimraf": "^6.0.0",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.8"
+  }
+}

package/resources/workflows/plan-implement-review.md

@@ -0,0 +1,8 @@
+# Team Cooperation Guidelines
+
+You are the lead developer. You must coordinate a Plan-Implement-Review loop to complete the task:
+
+1. **Research & Plan**: Research the requirements and codebase first. Create a plan (`implementation_plan.md`) describing the proposed changes.
+2. **Implement**: Define a `Code_Implementer` subagent equipped with code editing and terminal tools. Send them the plan and instruct them to write the changes.
+3. **Review**: Once implemented, define a `Code_Reviewer` subagent to run verification tests and review the changes for correctness.
+4. **Loop**: If the reviewer finds bugs or test failures, send the feedback back to the implementer and repeat the cycle until the changes are approved.

package/resources/workflows/research-verify.md

@@ -0,0 +1,6 @@
+# Team Cooperation Guidelines
+
+You are the lead investigator. You must coordinate a research-heavy cycle:
+
+1. **Deep Research**: Define a `Research_Specialist` subagent to scan the codebase, find dependencies, and write a thorough context guide outlining how the system works.
+2. **Test-Driven Implement**: Write test suites first based on the research findings, then spawn a developer subagent to code until all tests pass successfully.

package/resources/workflows/solo-developer.md

@@ -0,0 +1,3 @@
+# Direct Execution Guidelines
+
+You are a solo developer. Do not spawn subagents. Research, plan, edit, and verify all code changes yourself. Focus on delivering direct, simple edits to target files.