AI 知识地图动效组件：彗星光轨与结果扇出

是什么：AI Canvas 推出的 Premium React 组件，以「点阵 AI 球体 + 置信环 + 五张分类卡片」的构图，将 AI 检索/知识库的结果分布可视化；通过 shadcn CLI 一键安装，也可经 MCP 在 AI 编辑器中直接安装。

核心设计：技术栈为 React + TypeScript + Framer Motion + Canvas + Tailwind v4。动效分层清晰——Framer Motion 驱动卡片弹簧与扇形展开，纯 CSS keyframes 承载彗星光带，Canvas 绘制球体粒子；活跃卡片沿弧线扇出结果，置信环颜色随分数渐变。视觉上定义了 30+ 字段的 dark/light 双主题调色板 token（KNOWLEDGE_MAP_DARK 等）。可访问性覆盖键盘翻页与 radiogroup 角色，移动端降级为淡出 chip 行加直列列表。

关键洞察：这是「动效即信息」的范例——彗星不是纯装饰，它指明数据从模型流向分类的路径；置信环把抽象分数转成可感知的色彩。12 个 props 完整覆盖数据、布局与主题定制，组件自包含可插入任意 React 项目。shadcn registry + MCP 的分发方式也代表 AI 时代组件生态的新范式。

边界与风险：源码与完整 remix prompt 藏在付费墙后；Canvas 与 Motion 叠加在低端设备存在性能成本；荧光绿 accent 的强风格语言需与业务品牌调和。