Component Showcase

The component showcase renders production Configure web components, including loading, empty, connected, disconnected, approval, and error states.

Use it to verify visual states before shipping UI changes:

cd apps/docs
npx vitepress dev

The showcase uses generic demo data. Do not hardcode personal names, emails, phone numbers, or user-specific values into component examples.

Model-callable functions remain separate from UI components. Components collect consent and connection state; profile.tools() exposes tools to a model on the server.