示例：组件画廊
Component Gallery 是一个静态的非 LLM Agent，无需配置 API Key 即可运行。
它展示了 a2ui-vue 全部内置组件的外观与交互效果，是了解 A2UI 组件体系的最佳起点。
视频演示
功能特性
- Library 视图：按分类浏览所有 A2UI 组件（布局 / 媒体 / 输入）
- Gallery 视图：多组件组合展示，呈现真实 UI 场景
- 交互预览：点击任意组件可查看对应的 JSON 配置
目录结构
samples/
├── agent/component_gallery/ # Agent 端（端口 10005）
│ ├── package.json
│ ├── src/
│ └── ...
└── client/gallery/ # Vue 前端（端口 4000）
├── package.json
├── src/
│ ├── App.vue
│ └── ...
└── ...启动方式
从根目录一键启动
bash
# 在项目根目录（pnpm workspace）
pnpm install
pnpm run build:lib
pnpm run dev:gallery组件分类展示
布局类
Card · Column · Divider · List · Modal · Row · Tabs · Text
媒体类
AudioPlayer · Icon · Image · Video
输入类
Button · CheckBox · DateTimeInput · MultipleChoice · Slider · TextField
完整组件 API 参见 组件参考。