@polderlabs/bizar 7.0.2 → 8.0.0

package/bizar-dash/dist/assets/message-square-DUTeIQAR.js

@@ -0,0 +1,6 @@
+import{a}from"./main-Cw6gybzS.js";/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const s=a("MessageSquare",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);export{s as M};

package/bizar-dash/dist/assets/message-square-DUTeIQAR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-square-DUTeIQAR.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/message-square.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst MessageSquare = createLucideIcon(\"MessageSquare\", [\n  [\"path\", { d: \"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\", key: \"1lielz\" }]\n]);\n\nexport { MessageSquare as default };\n//# sourceMappingURL=message-square.js.map\n"],"names":["MessageSquare","createLucideIcon"],"mappings":"kCAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASK,MAACA,EAAgBC,EAAiB,gBAAiB,CACtD,CAAC,OAAQ,CAAE,EAAG,gEAAiE,IAAK,QAAQ,CAAE,CAChG,CAAC","x_google_ignoreList":[0]}

package/bizar-dash/dist/assets/minus-CrStJTZ7.js

@@ -0,0 +1,6 @@
+import{a}from"./main-Cw6gybzS.js";/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=a("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);export{e as M};

package/bizar-dash/dist/assets/minus-CrStJTZ7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus-CrStJTZ7.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/minus.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Minus = createLucideIcon(\"Minus\", [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]]);\n\nexport { Minus as default };\n//# sourceMappingURL=minus.js.map\n"],"names":["Minus","createLucideIcon"],"mappings":"kCAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASK,MAACA,EAAQC,EAAiB,QAAS,CAAC,CAAC,OAAQ,CAAE,EAAG,WAAY,IAAK,QAAQ,CAAE,CAAC,CAAC","x_google_ignoreList":[0]}

package/bizar-dash/dist/assets/wrench-BJ1WIC4u.js

@@ -0,0 +1,6 @@
+import{a}from"./main-Cw6gybzS.js";/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=a("Wrench",[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z",key:"cbrjhi"}]]);export{e as W};

package/bizar-dash/dist/assets/wrench-BJ1WIC4u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrench-BJ1WIC4u.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/wrench.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Wrench = createLucideIcon(\"Wrench\", [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\",\n      key: \"cbrjhi\"\n    }\n  ]\n]);\n\nexport { Wrench as default };\n//# sourceMappingURL=wrench.js.map\n"],"names":["Wrench","createLucideIcon"],"mappings":"kCAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASK,MAACA,EAASC,EAAiB,SAAU,CACxC,CACE,OACA,CACE,EAAG,2JACH,IAAK,QACX,CACA,CACA,CAAC","x_google_ignoreList":[0]}

package/bizar-dash/dist/{mobile.html → v8.html}

@@ -2,21 +2,18 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="theme-color" content="#8b5cf6" />
-    <title>Bizar</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Bizar Dashboard · v8 (preview)</title>
     <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🪩</text></svg>" />
     <link rel="preconnect" href="https://rsms.me/" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
-    <script type="module" crossorigin src="/assets/mobile-C_naUN91.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/mobile-layout-GZ3bE8L6.js">
-    <link rel="stylesheet" crossorigin href="/assets/mobile-layout-BWLtwtfQ.css">
+    <script type="module" crossorigin src="/assets/main-Cw6gybzS.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/cmdk-BwN8hcKQ.js">
+    <link rel="stylesheet" crossorigin href="/assets/main-COdgjqbZ.css">
   </head>
   <body>
     <div id="root"></div>
   </body>
-</html>
+</html>

package/bizar-dash/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -0,0 +1 @@
+{"version":"4.1.10","results":[[":src/web/v8/__tests__/cx.test.ts",{"duration":7.069413000000054,"failed":false}],[":src/web/v8/__tests__/theme.test.tsx",{"duration":33.378437000000076,"failed":false}],[":tests/views/Tasks.test.tsx",{"duration":419.3271849999999,"failed":false}],[":tests/views/Overview.test.tsx",{"duration":459.1415420000001,"failed":false}],[":tests/views/Memory.test.tsx",{"duration":356.6691339999999,"failed":false}],[":tests/BackgroundAgents.test.tsx",{"duration":253.664713,"failed":false}],[":tests/a11y.test.tsx",{"duration":2813.594005,"failed":false}],[":tests/views/Agents.test.tsx",{"duration":528.572066,"failed":false}],[":tests/autosave.test.tsx",{"duration":238.13830700000005,"failed":false}],[":tests/mobile-overview.test.tsx",{"duration":206.50079499999993,"failed":false}],[":tests/mobile-layout.test.tsx",{"duration":233.1809270000001,"failed":false}],[":tests/eval-web-ui.test.tsx",{"duration":188.82414199999994,"failed":false}],[":src/web/components/agents/RoutingDecisions.test.tsx",{"duration":93.23899499999993,"failed":false}],[":tests/a11y/forms.test.tsx",{"duration":88.46761400000014,"failed":true}],[":tests/settings-mode-wiring.test.tsx",{"duration":243.0813599999999,"failed":false}],[":tests/lib/utils.test.ts",{"duration":16.333092999999963,"failed":false}],[":tests/mobile-settings.test.tsx",{"duration":245.19525499999997,"failed":false}],[":tests/lib/search-fuzzy.test.ts",{"duration":5.575585999999987,"failed":false}],[":tests/backup-restore.test.tsx",{"duration":142.00478799999996,"failed":false}],[":tests/components/settings-search.test.tsx",{"duration":744.37645,"failed":false}],[":tests/settings-layout.test.tsx",{"duration":227.068621,"failed":false}],[":tests/mobile-tasks.test.tsx",{"duration":177.83662500000003,"failed":false}],[":tests/settings-nav.test.tsx",{"duration":237.08383400000002,"failed":false}],[":tests/chat-composer.test.tsx",{"duration":241.2288359999999,"failed":false}],[":tests/ui/data/DataTable.test.tsx",{"duration":238.17033700000002,"failed":false}],[":tests/minimax-bar.test.tsx",{"duration":33.49917300000004,"failed":false}],[":tests/ui/feedback/Toast.test.tsx",{"duration":226.744819,"failed":false}],[":tests/ui/navigation/CommandPalette.test.tsx",{"duration":229.43490100000008,"failed":false}],[":tests/components/doctor-panel.test.tsx",{"duration":88.78353800000002,"failed":false}],[":tests/views/sidebar.test.tsx",{"duration":157.593251,"failed":false}],[":tests/views/topbar.test.tsx",{"duration":413.37812199999996,"failed":false}],[":tests/ui/layout/Tabs.test.tsx",{"duration":173.45457899999997,"failed":false}],[":tests/voice-recorder.test.tsx",{"duration":120.67427700000007,"failed":false}],[":tests/ui/feedback/Tooltip.test.tsx",{"duration":124.12467500000002,"failed":false}],[":tests/components/Toast.test.tsx",{"duration":169.39637399999992,"failed":false}],[":tests/mobile-chat.test.tsx",{"duration":84.773686,"failed":false}],[":tests/ui/data/StatTile.test.tsx",{"duration":145.752565,"failed":false}],[":tests/ui/layout/Sidebar.test.tsx",{"duration":174.827363,"failed":false}],[":tests/ui/feedback/Dialog.test.tsx",{"duration":163.75611300000003,"failed":false}],[":tests/goal-input.test.tsx",{"duration":204.409492,"failed":false}],[":tests/goap-planner.test.ts",{"duration":5.138497000000029,"failed":false}],[":tests/components/Modal.test.tsx",{"duration":164.65104099999996,"failed":false}],[":tests/communication-log.test.tsx",{"duration":65.24338999999998,"failed":false}],[":tests/ui/feedback/ProgressBar.test.tsx",{"duration":94.57611100000008,"failed":false}],[":tests/ui/data/KeyValueList.test.tsx",{"duration":189.22415,"failed":false}],[":tests/memory-graph-view.test.tsx",{"duration":54.53033800000003,"failed":false}],[":tests/ui/layout/Breadcrumbs.test.tsx",{"duration":132.1063680000001,"failed":false}],[":tests/ui/navigation/NavLink.test.tsx",{"duration":130.157378,"failed":false}],[":tests/hooks/useModal.test.tsx",{"duration":159.39847399999996,"failed":false}],[":tests/components/screenshot-ocr.test.tsx",{"duration":72.290979,"failed":false}],[":tests/ui/data/BarChart.test.tsx",{"duration":118.43804699999998,"failed":false}],[":tests/ui/controls/Textarea.test.tsx",{"duration":127.99094300000002,"failed":false}],[":tests/ui/controls/Select.test.tsx",{"duration":160.217986,"failed":false}],[":tests/event-log.test.tsx",{"duration":72.19752999999992,"failed":false}],[":tests/ui/data/Sparkline.test.tsx",{"duration":30.754998999999998,"failed":false}],[":tests/components/workspace-selector.test.tsx",{"duration":172.54657700000007,"failed":false}],[":tests/ui/navigation/NavGroup.test.tsx",{"duration":191.81188500000007,"failed":false}],[":tests/dep-graph.test.tsx",{"duration":111.65374199999997,"failed":false}],[":tests/ui/controls/RadioGroup.test.tsx",{"duration":179.43885899999998,"failed":false}],[":tests/quality-gates.test.tsx",{"duration":53.05398600000001,"failed":false}],[":tests/ui/controls/NumberInput.test.tsx",{"duration":114.59788000000003,"failed":false}],[":tests/ui/layout/Panel.test.tsx",{"duration":41.93657900000005,"failed":false}],[":tests/ui/data/EmptyState.test.tsx",{"duration":110.50446699999998,"failed":false}],[":tests/ui/layout/ViewHeader.test.tsx",{"duration":58.75781899999993,"failed":false}],[":tests/ui/controls/SearchInput.test.tsx",{"duration":145.1663020000001,"failed":false}],[":tests/ui/primitives/Box.test.tsx",{"duration":31.11173299999996,"failed":false}],[":tests/ui/layout/AppShell.test.tsx",{"duration":32.73560799999996,"failed":false}],[":tests/ui/controls/Button.test.tsx",{"duration":167.26011600000004,"failed":false}],[":tests/ui/controls/Slider.test.tsx",{"duration":105.74904500000002,"failed":false}],[":tests/ui/data/ErrorState.test.tsx",{"duration":107.01588400000003,"failed":false}],[":tests/ui/feedback/StatusDot.test.tsx",{"duration":82.29721500000005,"failed":false}],[":tests/hooks/useToast.test.tsx",{"duration":125.338254,"failed":false}],[":tests/ui/layout/Topbar.test.tsx",{"duration":79.895036,"failed":false}],[":tests/ui/controls/TextInput.test.tsx",{"duration":122.20333100000005,"failed":false}],[":tests/ui/data/LoadingState.test.tsx",{"duration":103.41798200000005,"failed":false}],[":tests/ui/feedback/Badge.test.tsx",{"duration":43.57705599999997,"failed":false}],[":tests/lib/i18n.test.ts",{"duration":3.151184999999998,"failed":false}],[":tests/ui/controls/Checkbox.test.tsx",{"duration":123.82380799999999,"failed":false}],[":tests/components/Button.test.tsx",{"duration":105.910394,"failed":false}],[":tests/components/Card.test.tsx",{"duration":32.292789000000084,"failed":false}],[":tests/ui/primitives/Stack.test.tsx",{"duration":26.62786200000005,"failed":false}],[":tests/ui/primitives/Separator.test.tsx",{"duration":23.78220299999998,"failed":false}],[":tests/components/StatusBadge.test.tsx",{"duration":43.51622900000007,"failed":false}],[":tests/ui/controls/IconButton.test.tsx",{"duration":125.91716399999996,"failed":false}],[":tests/ui/controls/Toggle.test.tsx",{"duration":109.83159599999999,"failed":false}],[":tests/ui/primitives/Grid.test.tsx",{"duration":20.845489000000043,"failed":false}],[":tests/ui/primitives/Inline.test.tsx",{"duration":24.26508899999999,"failed":false}],[":tests/ui/controls/Kbd.test.tsx",{"duration":20.474848000000065,"failed":false}],[":tests/ui/layout/PanelHeader.test.tsx",{"duration":24.140660000000025,"failed":false}],[":tests/components/Spinner.test.tsx",{"duration":113.21849299999997,"failed":false}],[":tests/ui/primitives/VisuallyHidden.test.tsx",{"duration":18.456045999999958,"failed":false}],[":src/web/v8/__tests__/feedback.test.tsx",{"duration":492.04891899999984,"failed":false}],[":src/web/v8/__tests__/controls.test.tsx",{"duration":169.8406369999999,"failed":false}],[":src/web/v8/__tests__/data.test.tsx",{"duration":164.64633199999992,"failed":false}],[":src/web/v8/__tests__/navigation.test.tsx",{"duration":217.91505599999994,"failed":false}],[":src/web/v8/__tests__/kanban.test.tsx",{"duration":333.4169619999999,"failed":false}],[":src/web/v8/__tests__/goals.test.tsx",{"duration":137.132792,"failed":false}],[":src/web/v8/__tests__/agents.test.tsx",{"duration":118.08967700000005,"failed":false}],[":src/web/v8/__tests__/activity.test.tsx",{"duration":47.07419500000003,"failed":false}],[":src/web/v8/__tests__/libraries.test.tsx",{"duration":105.23311299999989,"failed":false}],[":src/web/v8/__tests__/memory.test.tsx",{"duration":122.40783600000009,"failed":false}],[":src/web/v8/__tests__/settings.test.tsx",{"duration":124.98277100000007,"failed":false}],[":src/web/v8/__tests__/views.test.tsx",{"duration":295.557953,"failed":false}],[":src/web/v8/__tests__/Sidebar.test.tsx",{"duration":170.93071199999997,"failed":false}],[":src/web/v8/__tests__/App.test.tsx",{"duration":249.75621599999994,"failed":false}],[":src/web/v8/__tests__/SettingsView.test.tsx",{"duration":425.78666899999996,"failed":false}],[":src/web/v8/__tests__/PageSkeleton.test.tsx",{"duration":46.12598099999991,"failed":false}],[":src/web/v8/__tests__/AppShell.test.tsx",{"duration":131.36245499999995,"failed":false}],[":src/web/v8/views/CommandPalette/AppCommandPalette.test.tsx",{"duration":374.34323700000004,"failed":false}],[":src/web/v8/ui/theme/DensityProvider.test.tsx",{"duration":30.88268299999993,"failed":false}],[":src/web/v8/ui/navigation/useCommandPaletteHotkey.test.ts",{"duration":24.24097900000004,"failed":false}],[":src/web/v8/ui/theme/ThemeProvider.test.tsx",{"duration":34.59853099999998,"failed":false}]]}

package/bizar-dash/src/server/server.mjs

@@ -79,7 +79,6 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 // server.mjs lives at src/server/ — dist/ is at the package root
 const DIST_DIR = join(__dirname, '..', '..', 'dist');
 const WS_BACKPRESSURE_LIMIT_BYTES = 1024 * 1024;
-const MOBILE_UA_RE = /Android.+Mobile|iPhone|iPod|Windows Phone|webOS|BlackBerry|Opera Mini|IEMobile/i;
 
 let currentBroadcast = () => {};
 
@@ -113,30 +112,6 @@ export function getV2Auth() {
   };
 }
 
-function shouldRedirectToMobile(req) {
-  if (req.method !== 'GET') return false;
-  if (req.path !== '/') return false;
-  if (req.query?.desktop === '1') return false;
-  const accept = req.headers.accept || '';
-  if (typeof accept === 'string' && !accept.includes('text/html')) return false;
-  const ua = req.headers['user-agent'] || '';
-  return typeof ua === 'string' && MOBILE_UA_RE.test(ua);
-}
-
-function mobileRedirectTarget(req) {
-  const params = new URLSearchParams();
-  for (const [key, value] of Object.entries(req.query || {})) {
-    if (key === 'desktop') continue;
-    if (Array.isArray(value)) {
-      for (const item of value) params.append(key, String(item));
-    } else if (value != null) {
-      params.set(key, String(value));
-    }
-  }
-  const qs = params.toString();
-  return qs ? `/m?${qs}` : '/m';
-}
-
 /**
  * @param {object} opts
  * @param {number} opts.port
@@ -647,43 +622,12 @@ export async function createServer({
         '/assets',
         express.static(assetsDir, { maxAge: '1y', immutable: true, index: false }),
       );
-      // v3.23.0 — Serve the mobile CSS at a stable /mobile.css URL so the
-      // desktop index.html can link to it without needing to know the hash.
-      // MobileApp renders the mobile shell; without its CSS the user sees
-      // unformatted HTML. The actual file is named mobile-<hash>.css; we
-      // resolve it at startup so the URL is stable.
-      try {
-        const mobileCss = readdirSync(assetsDir).find((f) => /^mobile-.*\.css$/.test(f));
-        if (mobileCss) {
-          app.get('/mobile.css', (_req, res) => {
-            res.setHeader('Cache-Control', 'no-cache');
-            res.sendFile(join(assetsDir, mobileCss));
-          });
-        }
-      } catch { /* ignore — mobile.css won't be served, fine */ }
     }
-    app.get('/', (req, res, next) => {
-      if (!shouldRedirectToMobile(req)) {
-        next();
-        return;
-      }
-      res.redirect(302, mobileRedirectTarget(req));
-    });
-    // v3.5.0 — Mobile dashboard at /m
-    app.get('/m', (_req, res) => {
-      res.sendFile(join(DIST_DIR, 'mobile.html'));
-    });
-    // SPA fallback for /m/* — but ONLY for HTML navigation requests
-    // The negative lookahead (?!assets/) excludes asset paths so they fall
-    // through to the static /assets/* handler above
-    app.get(/^\/m\/(?!assets\/)/, (_req, res) => {
-      res.sendFile(join(DIST_DIR, 'mobile.html'));
-    });
     app.use(
       express.static(DIST_DIR, {
         extensions: ['html'],
         setHeaders: (res, filePath) => {
-          if (filePath.endsWith('index.html') || filePath.endsWith('mobile.html')) {
+          if (filePath.endsWith('index.html')) {
             res.setHeader('Cache-Control', 'no-cache');
           }
         },

package/bizar-dash/src/web/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -0,0 +1 @@
+{"version":"4.1.10","results":[[":v8/__tests__/theme.test.tsx",{"duration":9.402008000000023,"failed":true}],[":v8/__tests__/cx.test.ts",{"duration":10.375420999999989,"failed":false}],[":v8/__tests__/agents.test.tsx",{"duration":5.248751999999968,"failed":true}],[":v8/__tests__/goals.test.tsx",{"duration":5.740793999999994,"failed":true}],[":v8/__tests__/data.test.tsx",{"duration":8.315298999999982,"failed":true}],[":v8/__tests__/views.test.tsx",{"duration":4.659223999999995,"failed":true}],[":v8/__tests__/feedback.test.tsx",{"duration":6.578977000000009,"failed":true}],[":v8/__tests__/navigation.test.tsx",{"duration":2.418076000000042,"failed":true}],[":v8/__tests__/kanban.test.tsx",{"duration":7.016964999999914,"failed":true}],[":v8/views/CommandPalette/AppCommandPalette.test.tsx",{"duration":4.1226480000000265,"failed":true}],[":v8/__tests__/controls.test.tsx",{"duration":6.385567000000037,"failed":true}],[":v8/__tests__/settings.test.tsx",{"duration":4.912259000000006,"failed":true}],[":v8/ui/theme/ThemeProvider.test.tsx",{"duration":7.411820999999975,"failed":true}],[":v8/__tests__/Sidebar.test.tsx",{"duration":3.5800199999999904,"failed":true}],[":v8/__tests__/SettingsView.test.tsx",{"duration":3.228326999999979,"failed":true}],[":v8/ui/navigation/useCommandPaletteHotkey.test.ts",{"duration":4.469762000000003,"failed":true}],[":v8/__tests__/App.test.tsx",{"duration":3.1180860000000052,"failed":true}],[":v8/__tests__/AppShell.test.tsx",{"duration":4.055098999999984,"failed":true}],[":v8/__tests__/libraries.test.tsx",{"duration":4.680975999999987,"failed":true}],[":v8/__tests__/memory.test.tsx",{"duration":4.185888999999975,"failed":true}],[":v8/ui/theme/DensityProvider.test.tsx",{"duration":4.601625000000013,"failed":true}],[":v8/__tests__/activity.test.tsx",{"duration":3.853693000000021,"failed":true}],[":v8/__tests__/PageSkeleton.test.tsx",{"duration":3.4944360000000074,"failed":true}]]}

package/bizar-dash/src/web/v8/App.tsx

@@ -0,0 +1,188 @@
+import { Suspense, useEffect, useRef, useState } from 'react';
+import { AppShell } from './shell/AppShell.js';
+import { Topbar } from './shell/Topbar.js';
+import { Sidebar, type SidebarSection } from './shell/Sidebar.js';
+import { Box } from './ui/primitives/Box.js';
+import { Inline } from './ui/primitives/Inline.js';
+import { useViewForId } from './views/Router.js';
+import { AppCommandPalette } from './views/CommandPalette/AppCommandPalette.js';
+import { useCommandPaletteHotkey } from './ui/navigation/CommandPalette.js';
+import { useTheme } from './ui/theme/useTheme.js';
+import { useDensity } from './ui/theme/useDensity.js';
+import { PageSkeleton } from './shell/PageSkeleton.js';
+import {
+  Activity,
+  Bot,
+  CheckSquare,
+  Cpu,
+  type LucideIcon,
+  Layers,
+  Library,
+  Settings,
+  Target,
+  Goal,
+} from 'lucide-react';
+
+/**
+ * v8 root App component.
+ *
+ * Wires the providers (Theme + Density), the shell (Topbar + Sidebar),
+ * the view router (state-based, see Router.tsx), and the app-level
+ * ⌘K command palette.
+ */
+
+function iconFor(id: string): LucideIcon {
+  switch (id) {
+    case 'overview':
+      return Layers;
+    case 'tasks':
+      return CheckSquare;
+    case 'goals':
+      return Target;
+    case 'agents':
+      return Bot;
+    case 'activity':
+      return Activity;
+    case 'memory':
+      return Cpu;
+    case 'skills':
+      return Goal;
+    case 'mcps':
+      return Library;
+    case 'hooks':
+      return Layers;
+    case 'settings':
+      return Settings;
+    default:
+      return Layers;
+  }
+}
+
+export function App(): JSX.Element {
+  const [activeId, setActiveId] = useState<string>('overview');
+  const theme = useTheme();
+  const density = useDensity();
+
+  // Single source of truth for palette open/close. Both the hotkey hook
+  // and the topbar button drive the same setter — no race between them.
+  const [paletteOpen, setPaletteOpen] = useCommandPaletteHotkey();
+
+  // When the route changes, move focus to <main> so screen-reader users
+  // hear the new view announced and keyboard users land somewhere
+  // predictable (the new view header is now tabIndex=0 inside main).
+  const mainRef = useRef<HTMLElement>(null);
+  useEffect(() => {
+    mainRef.current?.focus({ preventScroll: true });
+  }, [activeId]);
+
+  const sections: SidebarSection[] = [
+    {
+      id: 'workspace',
+      label: 'Workspace',
+      items: [
+        { id: 'overview', label: 'Overview', icon: iconFor('overview') },
+        { id: 'tasks', label: 'Tasks', icon: iconFor('tasks'), count: 47 },
+        { id: 'goals', label: 'Goals', icon: iconFor('goals'), count: 3 },
+      ],
+    },
+    {
+      id: 'operations',
+      label: 'Operations',
+      items: [
+        { id: 'agents', label: 'Agents', icon: iconFor('agents'), count: '8/16' },
+        { id: 'activity', label: 'Activity', icon: iconFor('activity'), live: true },
+        { id: 'memory', label: 'Memory', icon: iconFor('memory') },
+      ],
+    },
+    {
+      id: 'libraries',
+      label: 'Libraries',
+      items: [
+        { id: 'skills', label: 'Skills', icon: iconFor('skills'), count: 18 },
+        { id: 'mcps', label: 'MCPs', icon: iconFor('mcps'), count: 3 },
+        { id: 'hooks', label: 'Hooks', icon: iconFor('hooks'), count: 5 },
+      ],
+    },
+    {
+      id: 'system',
+      label: 'System',
+      items: [{ id: 'settings', label: 'Settings', icon: iconFor('settings') }],
+    },
+  ];
+
+  const handleNavigate = (id: string): void => {
+    if (id === '__theme') {
+      const next = theme.mode === 'dark' ? 'light' : 'dark';
+      theme.setMode(next);
+      return;
+    }
+    if (id === '__density') {
+      const next = density.density === 'comfortable' ? 'compact' : 'comfortable';
+      density.setDensity(next);
+      return;
+    }
+    setActiveId(id);
+  };
+
+  const view = useViewForId(activeId);
+
+  return (
+    <AppShell
+      ref={mainRef}
+      topbar={
+        <Topbar
+          center={
+            <Inline align="center" gap={2}>
+              <button
+                type="button"
+                onClick={() => setPaletteOpen(true)}
+                style={{
+                  display: 'inline-flex',
+                  alignItems: 'center',
+                  gap: 'var(--space-2)',
+                  padding: '6px var(--space-3)',
+                  background: 'var(--surface-1)',
+                  border: '1px solid var(--border)',
+                  borderRadius: 'var(--radius)',
+                  color: 'var(--fg-muted)',
+                  fontSize: 'var(--fs-13)',
+                  width: 360,
+                  maxWidth: '100%',
+                  justifyContent: 'space-between',
+                }}
+                aria-label="Open command palette"
+              >
+                <span>Type a command, page, or setting…</span>
+                <Box
+                  as="kbd"
+                  style={{
+                    fontFamily: 'var(--font-mono)',
+                    fontSize: 'var(--fs-12)',
+                    color: 'var(--fg-muted)',
+                  }}
+                >
+                  ⌘K
+                </Box>
+              </button>
+            </Inline>
+          }
+        />
+      }
+      sidebar={
+        <Sidebar
+          sections={sections}
+          defaultSections={false}
+          activeId={activeId}
+          onItemSelect={handleNavigate}
+        />
+      }
+    >
+      <Suspense fallback={<PageSkeleton />}>{view}</Suspense>
+      <AppCommandPalette
+        open={paletteOpen}
+        onOpenChange={setPaletteOpen}
+        onNavigate={handleNavigate}
+      />
+    </AppShell>
+  );
+}

package/bizar-dash/src/web/v8/__tests__/App.test.tsx

@@ -0,0 +1,102 @@
+import { describe, expect, it, beforeEach } from 'vitest';
+import { render, screen, waitFor, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { App } from '../App.js';
+
+function Providers({
+  children,
+  theme = 'dark',
+}: {
+  children: React.ReactNode;
+  theme?: 'light' | 'dark' | 'system';
+}): JSX.Element {
+  return (
+    <ThemeProvider defaultMode={theme}>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+
+describe('App', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  it('renders the Overview view by default', async () => {
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    await waitFor(() => {
+      expect(screen.getByRole('heading', { level: 1, name: /overview/i })).toBeInTheDocument();
+    });
+  });
+
+  it('clicking a sidebar item swaps the main view', async () => {
+    const user = userEvent.setup();
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    // Initial view loads asynchronously (Suspense-lazy), wait for it.
+    await screen.findByRole('heading', { level: 1, name: /overview/i });
+
+    await user.click(screen.getByRole('button', { name: /^Goals$/i }));
+
+    expect(await screen.findByRole('heading', { level: 1, name: /^goals$/i })).toBeInTheDocument();
+  });
+
+  it('clicking Tasks swaps the view to the kanban', async () => {
+    const user = userEvent.setup();
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    await screen.findByRole('heading', { level: 1, name: /overview/i });
+
+    await user.click(screen.getByRole('button', { name: /^Tasks$/i }));
+
+    // TasksView renders Backlog / To do / In progress column headers.
+    expect(await screen.findByText(/Backlog/i)).toBeInTheDocument();
+    expect(screen.getByText(/To do/i)).toBeInTheDocument();
+    expect(screen.getByText(/In progress/i)).toBeInTheDocument();
+  });
+
+  it('marks the active sidebar item with aria-current="page"', async () => {
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    await screen.findByRole('heading', { level: 1, name: /overview/i });
+
+    // Overview is initial → it's the active one.
+    const overview = screen.getByRole('button', { name: /^Overview$/i });
+    expect(overview).toHaveAttribute('aria-current', 'page');
+
+    const tasks = screen.getByRole('button', { name: /^Tasks$/i });
+    expect(tasks).not.toHaveAttribute('aria-current');
+  });
+
+  it('toggling theme flips data-theme on <html>', () => {
+    render(
+      <Providers theme="dark">
+        <App />
+      </Providers>,
+    );
+    expect(document.documentElement.dataset['theme']).toBe('dark');
+    // ThemeToggle cycles dark → system → light → dark.
+    const themeBtn = screen.getByRole('button', { name: /theme/i });
+    act(() => {
+      themeBtn.click();
+    });
+    // After cycling from dark, the resolved theme in jsdom (prefers-color-scheme=light)
+    // becomes 'light', so data-theme is 'light'.
+    expect(document.documentElement.dataset['theme']).toBe('light');
+  });
+});

package/bizar-dash/src/web/v8/__tests__/AppShell.test.tsx

@@ -0,0 +1,79 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { AppShell } from '../shell/AppShell.js';
+
+function Providers({ children }: { children: React.ReactNode }): JSX.Element {
+  return (
+    <ThemeProvider>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+
+describe('AppShell', () => {
+  it('renders a <main id="main"> landmark', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body content</p>
+        </AppShell>
+      </Providers>,
+    );
+    const main = screen.getByRole('main');
+    expect(main).toHaveAttribute('id', 'main');
+  });
+
+  it('makes <main> programmatically focusable (tabIndex={-1})', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    const main = screen.getByRole('main');
+    expect(main).toHaveAttribute('tabindex', '-1');
+  });
+
+  it('forwards ref to the <main> element', () => {
+    let captured: HTMLElement | null = null;
+    render(
+      <Providers>
+        <AppShell
+          ref={(el) => {
+            captured = el;
+          }}
+        >
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    expect(captured).not.toBeNull();
+    expect(captured?.tagName).toBe('MAIN');
+  });
+
+  it('renders Topbar by default when no topbar prop is given', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    // Topbar renders a <header role="banner">.
+    expect(screen.getByRole('banner')).toBeInTheDocument();
+  });
+
+  it('renders Sidebar by default when no sidebar prop is given', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    expect(screen.getByRole('navigation', { name: /primary/i })).toBeInTheDocument();
+  });
+});

package/bizar-dash/src/web/v8/__tests__/PageSkeleton.test.tsx

@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { PageSkeleton } from '../shell/PageSkeleton.js';
+
+describe('PageSkeleton', () => {
+  it('marks the region as aria-busy and polite for screen readers', () => {
+    render(<PageSkeleton />);
+    const busy = screen.getByRole('status');
+    expect(busy).toHaveAttribute('aria-busy', 'true');
+    expect(busy).toHaveAttribute('aria-live', 'polite');
+  });
+});

package/bizar-dash/src/web/v8/__tests__/SettingsView.test.tsx

@@ -0,0 +1,84 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+import { render, screen, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { SettingsView } from '../views/Settings/SettingsView.js';
+
+function Providers({ children }: { children: React.ReactNode }): JSX.Element {
+  return (
+    <ThemeProvider>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+
+describe('SettingsView', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  it('renders all 16 sections', () => {
+    render(<Providers><SettingsView /></Providers>);
+    for (const title of [
+      'General',
+      'Theme',
+      'Density',
+      'Density rules',
+      'Command palette',
+      'Keyboard',
+      'Notifications',
+      'Storage',
+      'Plugins',
+      'MCP servers',
+      'Skills',
+      'Hooks',
+      'Activity',
+      'Memory',
+      'Privacy',
+      'Advanced',
+    ]) {
+      expect(screen.getByRole('heading', { level: 2, name: new RegExp(`^${title}$`, 'i') })).toBeInTheDocument();
+    }
+  });
+
+  it('marks the active nav item with aria-current', () => {
+    render(<Providers><SettingsView /></Providers>);
+    const generalNav = screen.getByRole('button', { name: /^General$/i });
+    expect(generalNav).toHaveAttribute('aria-current', 'true');
+  });
+
+  it('clicking a left-rail nav entry calls scrollIntoView on the section element', async () => {
+    const user = userEvent.setup();
+    // Spy on Element.prototype.scrollIntoView so we can assert the call.
+    const scrollSpy = vi.fn();
+    const original = Element.prototype.scrollIntoView;
+    Element.prototype.scrollIntoView = scrollSpy;
+
+    try {
+      render(<Providers><SettingsView /></Providers>);
+      const themeNav = screen.getByRole('button', { name: /^Theme$/i });
+      await user.click(themeNav);
+      // handleSelect uses requestAnimationFrame — flush it.
+      await act(async () => {
+        await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+      });
+      expect(scrollSpy).toHaveBeenCalled();
+      const arg = scrollSpy.mock.calls[0]?.[0] as ScrollIntoViewOptions | undefined;
+      expect(arg?.behavior).toBe('smooth');
+      expect(arg?.block).toBe('start');
+    } finally {
+      Element.prototype.scrollIntoView = original;
+    }
+  });
+
+  it('updates activeId when a different nav item is clicked', async () => {
+    const user = userEvent.setup();
+    render(<Providers><SettingsView /></Providers>);
+    const densityNav = screen.getByRole('button', { name: /^Density$/i });
+    await user.click(densityNav);
+    expect(densityNav).toHaveAttribute('aria-current', 'true');
+    const generalNav = screen.getByRole('button', { name: /^General$/i });
+    expect(generalNav).not.toHaveAttribute('aria-current');
+  });
+});