UI Hello for VibeControls

Sample UI plugin used by the VibeControls doctor's Playwright E2E spec.

Contributes to both vibe.detailTab and agent.detailTab from the same package so the cross-mount-point story is exercised end-to-end.

Layout

src/
  index.ts          # Plugin manifest (VibePluginFactory)
ui-dist/
  index.html        # Iframe content (hand-rolled v1 envelope)

The static UI is dependency-free on purpose — when the doctor test fails, the iframe payload is easy to read.

Build

bun install
bun run build      # bundles src/index.ts → dist/index.js

The ui-dist/ directory is shipped as-is alongside dist/ and served by the agent at /ui/vibe-plugin-ui-hello.

Install on a running agent

vibe plugin install @vibecontrols/vibe-plugin-ui-hello

Then open https://vibecontrols.local.burdenoff.com/vibecontrols/vibes/<id> with the vibes.tabs.iframe-host feature flag enabled — the "Hello" tab appears in the strip.