@mrpatronz/nexusflow 0.2.19 → 1.3.0

package/gui/README.md

@@ -1,73 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
-
-## React Compiler
-
-The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```

package/gui/e2e/dashboard.spec.ts

@@ -1,61 +0,0 @@
-import { test, expect, type Route } from '@playwright/test';
-
-/** Minimal API mocks so the redesigned shell can render without a backend. */
-async function mockApi(page: import('@playwright/test').Page) {
-  const feature = {
-    id: 'feature-x',
-    branchName: 'feature-x',
-    description: 'Test feature workspace',
-    repos: ['C:/dev/api-gateway'],
-    assistants: [],
-    workspacePath: 'C:/ws/feature-x',
-    createdAt: '2026-06-01T00:00:00.000Z',
-  };
-  const json = (body: unknown) => (route: Route) =>
-    route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(body) });
-
-  await page.route('**/api/config', json({
-    exists: true,
-    config: { version: '0.2.19', devDir: 'C:/dev', workspacesDir: 'C:/ws', defaultAssistant: 'claude', scanDepth: 2 },
-  }));
-  await page.route('**/api/workspaces', json([feature]));
-  await page.route('**/api/workspaces/status', json({
-    'feature-x': { id: 'feature-x', branchName: 'feature-x', changedFiles: 3, dirtyRepos: 1, runningServices: 0, syncStatus: 'up-to-date', pendingValidation: false },
-  }));
-  await page.route('**/api/ai-detect', json([]));
-  await page.route('**/api/editor-detect', json([]));
-  await page.route('**/api/update-status', json({ updateAvailable: false, currentVersion: '0.2.19', latestVersion: '0.2.19' }));
-  await page.route('**/api/workflows/templates', json({ templates: [] }));
-  await page.route('**/api/repos', json([]));
-  await page.route('**/api/workspace/*/services', json({ services: [], orchestrationTools: [], runningState: [] }));
-  await page.route('**/api/workspace/*/changes', json({ changes: [] }));
-}
-
-test.describe('Redesigned NexusFlow shell', () => {
-  test('shows the dashboard overview with environment stats', async ({ page }) => {
-    await mockApi(page);
-    await page.goto('/');
-
-    await expect(page.getByRole('heading', { name: 'Overview' })).toBeVisible();
-    // Stat tiles + workspace row driven by the mocked status endpoint.
-    await expect(page.getByText('With uncommitted changes')).toBeVisible();
-    await expect(page.getByText('feature-x').first()).toBeVisible();
-    await expect(page.getByText('3 changed').first()).toBeVisible();
-  });
-
-  test('navigates to the workspaces master-detail and opens a workspace via deep link', async ({ page }) => {
-    await mockApi(page);
-
-    // Sidebar navigation updates the route.
-    await page.goto('/');
-    await page.getByRole('button', { name: 'Workspaces' }).click();
-    await expect(page).toHaveURL(/#\/workspaces/);
-    await expect(page.getByRole('heading', { name: 'Workspaces' })).toBeVisible();
-
-    // Deep link selects a workspace and shows the detail tabs.
-    await page.goto('/#/workspaces/feature-x');
-    await expect(page.getByRole('heading', { name: 'feature-x' })).toBeVisible();
-    await expect(page.getByRole('tab', { name: 'Overview' })).toBeVisible();
-    await expect(page.getByText('Test feature workspace')).toBeVisible();
-  });
-});

package/gui/e2e/wizard.spec.ts

@@ -1,346 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-test.describe('NexusFlow E2E GUI Tests', () => {
-
-  test('should run the onboarding flow when config does not exist', async ({ page }) => {
-    // 1. Mock endpoints
-    await page.route('**/api/config', async (route, request) => {
-      if (request.method() === 'GET') {
-        await route.fulfill({
-          status: 200,
-          contentType: 'application/json',
-          body: JSON.stringify({
-            exists: false,
-            config: {
-              version: '0.2.7',
-              devDir: '',
-              workspacesDir: '',
-              defaultAssistant: null,
-              scanDepth: 2,
-            }
-          }),
-        });
-      } else if (request.method() === 'POST') {
-        const body = request.postDataJSON();
-        expect(body.devDir).toBe('C:\\Users\\patro\\dev');
-        expect(body.workspacesDir).toBe('C:\\Users\\patro\\dev\\workspaces');
-        await route.fulfill({
-          status: 200,
-          contentType: 'application/json',
-          body: JSON.stringify({ success: true, config: body }),
-        });
-      }
-    });
-
-    await page.route('**/api/ai-detect', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([]),
-      });
-    });
-
-    await page.route('**/api/editor-detect', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([]),
-      });
-    });
-
-    await page.route('**/api/workspaces', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([]),
-      });
-    });
-
-    await page.route('**/api/update-status', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({ currentVersion: '0.2.7', latestVersion: '0.2.7', updateAvailable: false }),
-      });
-    });
-
-    // 2. Open page
-    await page.goto('/');
-
-    // 3. Verify onboarding elements
-    await expect(page.locator('h1')).toContainText('Welcome to NexusFlow');
-    await expect(page.locator('h2')).toContainText('Initialize Config');
-
-    // 4. Fill in paths
-    await page.getByPlaceholder('e.g. C:\\Users\\username\\dev', { exact: true }).fill('C:\\Users\\patro\\dev');
-    await page.getByPlaceholder('e.g. C:\\Users\\username\\dev\\workspaces', { exact: true }).fill('C:\\Users\\patro\\dev\\workspaces');
-
-    // 5. Submit onboarding config
-    await page.locator('button:has-text("Save & Get Started")').click();
-
-    // Since mock switches status, we verify transition
-    // (In a full app we'd mock the next GET config to return exists: true, but this proves the submit action completes)
-  });
-
-  test('should create a workspace via the wizard steps', async ({ page }) => {
-    // 1. Mock EventSource globally to simulate build progress SSE
-    await page.addInitScript(() => {
-      class MockEventSource {
-        url: string;
-        listeners: Record<string, Array<(e: any) => void>> = {};
-        onmessage: ((e: any) => void) | null = null;
-
-        constructor(url: string) {
-          this.url = url;
-          setTimeout(() => {
-            const eventPayload = {
-              status: 'completed',
-              progress: 100,
-              workspacePath: 'C:\\Users\\patro\\dev\\workspaces\\feat-test-branch',
-              steps: [
-                { id: 'worktrees', name: 'Create Git Worktrees', status: 'completed', message: 'Done' },
-                { id: 'analysis', name: 'Analyze Repositories', status: 'completed', message: 'Done' },
-                { id: 'context', name: 'Generate AI Context Files', status: 'completed', message: 'Done' },
-                { id: 'pack', name: 'Pack Codebase Context', status: 'completed', message: 'Done' },
-              ],
-            };
-
-            const progressEvent = new MessageEvent('progress', {
-              data: JSON.stringify(eventPayload),
-            });
-
-            if (this.listeners['progress']) {
-              this.listeners['progress'].forEach((cb) => cb(progressEvent));
-            }
-          }, 300);
-        }
-
-        addEventListener(type: string, cb: (e: any) => void) {
-          if (!this.listeners[type]) this.listeners[type] = [];
-          this.listeners[type].push(cb);
-        }
-
-        close() {}
-      }
-      (window as any).EventSource = MockEventSource;
-    });
-
-    // 2. Mock API endpoints
-    await page.route('**/api/config', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({
-          exists: true,
-          config: {
-            version: '0.2.7',
-            devDir: 'C:\\Users\\patro\\dev',
-            workspacesDir: 'C:\\Users\\patro\\dev\\workspaces',
-            defaultAssistant: 'ANTIGRAVITY',
-            scanDepth: 2,
-            localLlm: {
-              enabled: true,
-              provider: 'ollama',
-              endpoint: 'http://localhost:11434',
-              model: 'qwen2.5-coder:1.5b'
-            }
-          }
-        }),
-      });
-    });
-
-    await page.route('**/api/repos', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([
-          { name: 'nexus-frontend', path: 'C:\\Users\\patro\\dev\\nexus-frontend', defaultBranch: 'main' },
-          { name: 'nexus-backend', path: 'C:\\Users\\patro\\dev\\nexus-backend', defaultBranch: 'main' },
-        ]),
-      });
-    });
-
-    await page.route('**/api/ai-detect', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([
-          { name: 'claude', displayName: 'Claude CLI', detected: true },
-          { name: 'antigravity', displayName: 'Antigravity', detected: true },
-        ]),
-      });
-    });
-
-    await page.route('**/api/editor-detect', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([
-          { name: 'VS Code', command: 'code', detected: true },
-        ]),
-      });
-    });
-
-    await page.route('**/api/workspaces', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([]),
-      });
-    });
-
-    await page.route('**/api/update-status', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({ currentVersion: '0.2.7', latestVersion: '0.2.7', updateAvailable: false }),
-      });
-    });
-
-    await page.route('**/api/workflows/templates', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify([
-          {
-            id: 'plan-implement-review',
-            name: 'Plan Implement Review',
-            description: 'Lead planner designs, Code Implementer subagent writes edits, and Code Reviewer subagent tests & reviews in a loop.',
-            content: '# Plan Implement Review\n\nInstructions...',
-            custom: false
-          }
-        ]),
-      });
-    });
-
-    await page.route('**/api/workspace', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({ success: true, jobId: 'feat-test-branch' }),
-      });
-    });
-
-    // 3. Open dashboard
-    await page.goto('/');
-
-    // 4. Click New Workspace in the sidebar (scoped to avoid matching page-level buttons)
-    await page.getByRole('complementary').getByRole('button', { name: 'New workspace' }).click();
-
-    // 5. Fill Details
-    await page.getByPlaceholder('e.g., feature/oauth-authentication-flow').fill('feat-test-branch');
-    await page.getByPlaceholder('Describe what you want to build. This helps AI assistants analyze context and produce matching plans.').fill('Implement login page');
-    await page.locator('button:has-text("Next Step")').click();
-
-    // 6. Select a Repo
-    await page.getByText('nexus-frontend', { exact: true }).click();
-    await page.locator('button:has-text("Next Step")').click();
-
-    // 6.5. Click Next Step on Assistant screen (new step)
-    await page.locator('button:has-text("Next Step")').click();
-
-    // 7. Click Build Workspace
-    await page.locator('button:has-text("Build Workspace")').click();
-
-    // 8. Assert Completion screen
-    await expect(page.locator('h2')).toContainText('Workspace Generated!');
-    await expect(page.locator('code').first()).toContainText('feat-test-branch');
-  });
-
-  test('should validate Local LLM configuration in settings', async ({ page }) => {
-    let savedConfig: any = null;
-
-    // 1. Mock API endpoints
-    await page.route('**/api/config', async (route, request) => {
-      if (request.method() === 'GET') {
-        await route.fulfill({
-          status: 200,
-          contentType: 'application/json',
-          body: JSON.stringify({
-            exists: true,
-            config: {
-              version: '0.2.7',
-              devDir: 'C:\\Users\\patro\\dev',
-              workspacesDir: 'C:\\Users\\patro\\dev\\workspaces',
-              defaultAssistant: 'ANTIGRAVITY',
-              scanDepth: 2,
-              localLlm: {
-                enabled: false,
-                provider: 'ollama',
-                endpoint: 'http://localhost:11434',
-                model: 'qwen2.5-coder:1.5b'
-              }
-            }
-          }),
-        });
-      } else if (request.method() === 'POST') {
-        savedConfig = request.postDataJSON();
-        await route.fulfill({
-          status: 200,
-          contentType: 'application/json',
-          body: JSON.stringify({ success: true, config: savedConfig }),
-        });
-      }
-    });
-
-    await page.route('**/api/ai-detect', async (route) => {
-      await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify([]) });
-    });
-
-    await page.route('**/api/editor-detect', async (route) => {
-      await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify([]) });
-    });
-
-    await page.route('**/api/workspaces', async (route) => {
-      await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify([]) });
-    });
-
-    await page.route('**/api/update-status', async (route) => {
-      await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ currentVersion: '0.2.7', latestVersion: '0.2.7', updateAvailable: false }) });
-    });
-
-    await page.route('**/api/updates/tools', async (route) => {
-      await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify([]) });
-    });
-
-    await page.route('**/api/local-llm/recommend', async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/json',
-        body: JSON.stringify({ totalRamGb: 16, gpuName: 'NVIDIA RTX 4070', recommendedModel: 'qwen2.5-coder:7b' }),
-      });
-    });
-
-    // 2. Open dashboard and go to Settings
-    await page.goto('/');
-    await page.locator('aside button:has-text("Settings")').click();
-
-    // 3. Verify settings page loaded
-    await expect(page.locator('h1')).toContainText('Global Settings');
-
-    // 4. Toggle Local AI
-    const toggleCheckbox = page.locator('#localLlmEnabled');
-    await toggleCheckbox.click();
-
-    // 5. Fill invalid endpoint URL
-    const endpointInput = page.locator('label:has-text("Endpoint URL") + input');
-    await endpointInput.fill('invalid-url-format');
-
-    // 6. Assert "Save Configuration" is disabled due to invalid URL
-    const saveButton = page.locator('button:has-text("Save Configuration")');
-    await expect(saveButton).toBeDisabled();
-
-    // 7. Fill valid endpoint URL
-    await endpointInput.fill('http://localhost:11434');
-
-    // 8. Assert "Save Configuration" is now enabled
-    await expect(saveButton).toBeEnabled();
-
-    // 9. Click Save
-    await saveButton.click();
-
-    // 10. Check if post request payload had localLlm enabled
-    expect(savedConfig.localLlm.enabled).toBe(true);
-    expect(savedConfig.localLlm.endpoint).toBe('http://localhost:11434');
-  });
-});

package/gui/eslint.config.js

@@ -1,26 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      globals: globals.browser,
-    },
-    rules: {
-      '@typescript-eslint/no-explicit-any': 'off',
-      'react-hooks/set-state-in-effect': 'off',
-    },
-  },
-])

package/gui/index.html

@@ -1,17 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>NexusFlow Dashboard</title>
-    <!-- Premium Fonts -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>