@mrpatronz/nexusflow 0.2.17 → 0.2.19

package/extension/tsconfig.json

@@ -1,21 +1,21 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "target": "ES2022",
-    "outDir": "dist",
-    "lib": [
-      "ES2022"
-    ],
-    "sourceMap": true,
-    "strict": true,
-    "rootDir": "src",
-    "moduleResolution": "node",
-    "ignoreDeprecations": "6.0",
-    "types": ["node"],
-    "esModuleInterop": true
-  },
-  "exclude": [
-    "node_modules",
-    ".vscode-test"
-  ]
-}
+{
+  "compilerOptions": {
+    "module": "node16",
+    "target": "ES2022",
+    "outDir": "dist",
+    "lib": [
+      "ES2022"
+    ],
+    "sourceMap": true,
+    "strict": true,
+    "rootDir": "src",
+    "moduleResolution": "node16",
+    "types": ["node"],
+    "skipLibCheck": true,
+    "esModuleInterop": true
+  },
+  "exclude": [
+    "node_modules",
+    ".vscode-test"
+  ]
+}

package/gui/README.md

@@ -1,73 +1,73 @@
-# 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...
-    },
-  },
-])
-```
+# 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

@@ -0,0 +1,61 @@
+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();
+  });
+});