Interactive component catalog
Fictional sample. Every metric, status, organization, and decision on this page exists only to demonstrate the report engine; replace it with verified project evidence before use.
This page demonstrates package-owned behavior authored entirely as Markdown directives. A Decision packetA compact bundle of evidence, constraints, and a recommendation that another agent can review.View full definition keeps a reusable definition close to the exact language it explains.
Decision packet
A compact bundle of evidence, constraints, and a recommendation that another agent can review.
The same Decision packetA compact bundle of evidence, constraints, and a recommendation that another agent can review.View full definition explanation remains available wherever the concept appears.
Copyable meaning
Deploy after two checks are complete.
Read the rollback runbook and confirm the Decision packetA compact bundle of evidence, constraints, and a recommendation that another agent can review.View full definition before the handoff.
Progressive detail
Why the source stays declarative
The author chooses intent and initial state. The package supplies semantic HTML, focus behavior, and the browser runtime.
Delivery choices
Use the default when the page should travel as one self-contained HTML artifact.
Use a directory when large local resources should remain content-addressed files.
Open either result directly through file:// and exercise the same interactions.
Independent review views
Check the declared behavior and constraints.
Check the generated page in a browser.
Focused overlays
Portability note
The page does not need a local web server after it is built.
Find, reveal, and demonstrate
Filter component capabilities
- Keyboard-operable tabs
- Native disclosure
- Focus-restoring modal
- Nested keyboard route
- Dismissible popover
- Client-side list filter
Optional evidence
The generated artifact was opened through a local file URL at desktop and mobile widths.
Initially visible note
Authors provide no JSX, CSS, or browser JavaScript.
Estimate revisions
The counter is one deliberately limited package-owned interaction.