AI 操作授权确认卡 · AI Action Approval Card本地状态演示AI 工作台清理本次任务产生的临时文件高风险动作执行前，先把范围和影响说清楚。!需要你的确认AI 准备执行一个不可自动撤销的动作。准备执行删除临时导出文件影响对象/exports/draft-preview.png风险说明删除后无法从当前任务中恢复等待你的确认拒绝允许一次当前页面只模拟交互状态，不会删除文件或执行真实操作。Live Demo在线预览查看模块 ↗AI 操作授权确认卡AI Action Approval Card♡Free UIReact · TypeScript
AI Agent 任务收件箱 · Agent Task Inbox本地任务演示AI 工作台任务收件箱1 项需要处理全部需要处理运行中等待审查同步首页设计资源刚刚品牌网站 · 资源同步发现 2 个同名图标，任务已暂停等待选择。需要确认是否覆盖同名文件需要你处理处理冲突审查产品详情页改动3 分钟前发布任务 · 页面更新页面改动已经完成，等待你查看差异。等待审查开始审查验证任务收件箱组件1 分钟前组件库 · 自动测试正在运行响应式和键盘操作检查。运行中查看进度整理本期发布文案8 分钟前内容任务 · 中文文案标题、简介和标签已经整理完成。已完成打开任务当前任务同步首页设计资源需要确认是否覆盖同名文件打开任务后应回到原来的执行现场，而不是重新开始。当前页面只演示本地静态任务，不连接真实 Agent 或代码仓库。Live Demo在线预览查看模块 ↗AI Agent 任务收件箱Agent Task Inbox♡Free UIReact · TypeScript
调研结果显示，清晰的状态反馈能减少用户重复检查任务的次数12。Live Demo在线预览查看模块 ↗AI 引用来源卡片Source Citation Preview♡Free UIReact · TypeScript
对话把发布计划整理成一页执行稿。已生成右侧成果，可直接继续修改。成果预览初稿精简版已完成今天完成封面、口播、成片检查与发布准备。Live Demo在线预览查看模块 ↗AI 成果双栏预览Artifact Split Preview♡Free UIReact · TypeScript
工具调用搜索资料执行中查找与当前结论直接相关的公开资料。查看细节Live Demo在线预览查看模块 ↗AI 工具调用状态卡Tool Call Activity Card♡Free UIReact · TypeScript
TaskComposer.tsx50% 已审查− const status = 'ready';+ const status = task.status; return renderStatus(status);Live Demo在线预览查看模块 ↗AI 代码差异审查AI Diff Review♡Free UIReact · TypeScript
记忆已更新AI 记住了这些内容2 条来自当前对话忘记来自你的偏好忘记Live Demo在线预览查看模块 ↗AI 记忆更新提示Memory Update Control♡Free UIReact · TypeScript
附件处理队列3 个文件界面截图.png图片 · 处理完成上移下移移除口播草稿.wav音频 · 正在上传上移下移移除产品说明.pdf文档 · 正在解析上移下移移除Live Demo在线预览查看模块 ↗多模态附件队列Multimodal Attachment Queue♡Free UIReact · TypeScript
长任务执行时间线执行中理解任务确认目标和输出格式已完成收集信息查找并整理相关资料已完成制作初稿正在生成可检查的初稿执行中检查结果等待前一步完成等待开始停止任务Live Demo在线预览查看模块 ↗AI 执行时间线Agent Execution Timeline♡Free UIReact · TypeScript
拖拽排序列表指针与键盘可用拖动左侧手柄调整步骤；也可以点击上下按钮，或聚焦手柄后按方向键。⠿01整理系统提示定义角色、边界与输出格式提示词↑↓⠿02接入知识内容补充检索结果与参考资料上下文↑↓⠿03生成第一版结果运行主要生成任务模型↑↓⠿04校验最终结果检查格式并准备发布输出↑↓拖动手柄，或使用上下按钮调整顺序Live Demo在线预览查看模块 ↗拖拽排序列表Sortable List♡Free UIReact · TypeScript
图片桌宠换图 · 拖拽 · 待机选择本地图片恢复默认位置● ● ●本地桌面预览透明 PNG 效果最佳今天的任务拖动桌宠，看看边界反馈拖我拖动角色，或聚焦后使用方向键移动。 普通照片可以载入；这个模块不声称自动移除复杂背景。Live Demo在线预览查看模块 ↗图片桌宠Image Desktop Pet♡Free UIReact · TypeScript
卡片变形弹窗 · Morphing Dialog点击卡片AI MODULEAI 回复结构把输入、检索和生成状态放进同一张详情卡。↗支持 Esc、点按外部、焦点循环与减少动画。Live Demo在线预览查看模块 ↗卡片变形弹窗Morphing Dialog♡Free UIReact · TypeScript