History

jedarden 3038f632b7 fix(dashboard): CSS syntax fixes and timeline mode detection cleanup Fix missing colons in CSS declarations across timeline.css and replay.css that broke gap/padding/margin/bottom properties. Simplify timeline mode detection to use router callbacks instead of SpaxelSimpleModeDetection. Add aria-labels to select elements for accessibility. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>		2026-04-24 19:20:58 -04:00
..
css	fix(dashboard): CSS syntax fixes and timeline mode detection cleanup	2026-04-24 19:20:58 -04:00
js	fix(dashboard): CSS syntax fixes and timeline mode detection cleanup	2026-04-24 19:20:58 -04:00
node_modules	feat: implement repeated-setting change detection with guided calibration	2026-04-11 00:18:19 -04:00
tests	feat(dashboard): add axe-core accessibility CI gate for all dashboard pages	2026-04-24 18:31:17 -04:00
ambient.html	style(dashboard): replace remaining hardcoded colors with design tokens	2026-04-24 15:14:40 -04:00
fleet.html	style(dashboard): replace remaining hardcoded colors with design tokens	2026-04-24 15:14:40 -04:00
help_articles.json	feat: implement contextual help system with searchable overlay	2026-04-11 00:44:54 -04:00
index.html	feat(dashboard): restructure home page as status headline + 3 cards	2026-04-24 09:07:43 -04:00
integrations.html	fix(dashboard): add viewport-fit=cover and apple mobile meta tags to integrations page	2026-04-24 17:12:27 -04:00
jest.config.js	feat: implement spatial quick actions context menu for 3D scene	2026-04-10 22:56:17 -04:00
live.html	fix(dashboard): CSS syntax fixes and timeline mode detection cleanup	2026-04-24 19:20:58 -04:00
package-lock.json	feat(dashboard): add axe-core accessibility CI gate for all dashboard pages	2026-04-24 18:31:17 -04:00
package.json	feat(dashboard): add axe-core accessibility CI gate for all dashboard pages	2026-04-24 18:31:17 -04:00
playwright.config.js	feat(dashboard): add axe-core accessibility CI gate for all dashboard pages	2026-04-24 18:31:17 -04:00
README.md	feat(dashboard): add axe-core accessibility CI gate for all dashboard pages	2026-04-24 18:31:17 -04:00
setup.html	refactor(dashboard): consolidate overlay/panel positioning into layout.css	2026-04-24 16:39:53 -04:00
simple.html	style(dashboard): extract inline styles to tokenized CSS files	2026-04-24 15:47:33 -04:00

README.md

Spaxel Dashboard

Running Tests

Unit Tests (Jest)

npm test

Accessibility Tests (axe-core + Playwright)

# First-time setup: install browsers
npx playwright install --with-deps chromium

# Run accessibility gate
npm run test:a11y

The accessibility test loads each dashboard page (index, live, fleet, setup, integrations) via a local static server and asserts zero WCAG 2A/2AA violations using @axe-core/playwright. CI fails the build if any violation is introduced.

CI Integration (Argo Workflows)

Add the following step to the spaxel-build WorkflowTemplate before the container build:

- name: a11y-gate
  container:
    image: node:20-bookworm-slim
    command: [sh, -c]
    args:
      - |
        cd dashboard
        npm ci
        npx playwright install --with-deps chromium
        npm run test:a11y
    resources:
      limits:
        memory: 512Mi
        cpu: "1"