Skip to content

Add standalone dev harness for UI iteration#11

Draft
maxcold wants to merge 2 commits into
mainfrom
standalone-harness
Draft

Add standalone dev harness for UI iteration#11
maxcold wants to merge 2 commits into
mainfrom
standalone-harness

Conversation

@maxcold

@maxcold maxcold commented Apr 22, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Adds a Vite-based standalone gallery harness (npm run standalone) for visual UI iteration without Claude Desktop
  • Mocks @modelcontextprotocol/ext-apps via Vite resolve.alias — zero changes to view source code
  • Includes realistic mock data fixtures for all 6 views with multiple state variants (loaded, empty, critical-only, generating)
  • Sidebar gallery with dark/light theme toggle and state selector, full Vite HMR

Moved from elastic/wip-example-mcp-app-security#8

Test plan

  • Run npm run standalone, verify harness loads at localhost:3456
  • Click through all 6 views, verify each renders with mock data
  • Switch states (loaded/empty/etc.) and verify UI updates
  • Toggle dark/light theme
  • Edit a view's CSS/TSX and verify Vite HMR updates instantly
  • Run npm run build to confirm no regressions in production build

maxcold added 2 commits April 22, 2026 14:13
…ktop

Vite-based gallery that mocks @modelcontextprotocol/ext-apps via resolve.alias,
rendering all 6 views with configurable mock data states and theme switching.
Run with `npm run standalone` at localhost:3456.
- Update mock data shape for check-existing-sample-data to match App expectations
  (totalDocs, totalAlerts, existingRules, byScenario)
- Fix race condition: connect() now awaits mock data module loading before resolving,
  preventing callServerTool from hitting an empty registry
@maxcold maxcold marked this pull request as draft May 11, 2026 11:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant