amvcp-interactive-controls

What problem does it solve?

Turns static report pages into interactive, user-driven experiences without requiring a build step, while preserving a CSS-only baseline and safe state persistence.

Core Features & Use Cases

• Self-contained interactive widgets: Tabs, accordion, modals, filter pills, steppers, sortable tables, Kanban boards, sliders, TOC, tooltips/popovers/lightboxes, and more—styled via DESIGN.md tokens and themed for both light/dark.
• One embedded JSON model + localStorage persistence: Widgets read from a single embedded data model and persist only what should survive reloads (with strict IDs).
• Graceful JS-off degradation: Core UI remains functional with JS disabled (CSS-only patterns, native controls, and <noscript> fallbacks), avoiding empty or broken pages.
• Actionability for agents: Widgets emit namespaced CustomEvents (e.g., selection/filter/slider/reorder/themechange) and integrate with the runtime selection/comment/decision-mini model.

Quick Start

Generate an interactive report page using the widget HTML skeletons from the references folder and wire your single embedded JSON model in the ic-data script block.