智能聊天输入框本地交互预览新对话今天想完成什么?▧产品需求.pdfPDF · 本地示例×把这份需求整理成三个清晰的产品方案Enter 发送,Shift + Enter 换行。Live Demo在线预览查看模块 ↗智能聊天输入框Prompt Composer♡AI 对话React · TypeScript
智能文件上传区本地状态预览文件不会离开浏览器,仅用于演示选择、校验、进度和完成反馈。↑拖入文件,或点击选择支持图片和 PDF · 单个不超过 10 MB选择文件等待选择文件Live Demo在线预览查看模块 ↗智能文件上传区File Upload Dropzone♡多模态React · TypeScript
连接光束 · Connection Beam响应式路径输入提示词数据知识库工具API处理AI输出结果速度 2.4s弯曲 45%方向:向内Live Demo在线预览查看模块 ↗连接光束Connection Beam♡Agent 工作流React · SVG
文本选区工具栏选择 · 定位 · 保留AI 写作工作台选中文字查看操作优秀的编辑工具会把操作放在内容附近,让用户保持当前阅读节奏。选中这段文字,工具栏会跟随选区出现;取消选择以后,它会自动隐藏。真正接入模型时,请在业务层处理请求、取消、错误和内容写回。请在文稿中选中一段文字。 当前预览只演示交互,不调用模型。Live Demo在线预览查看模块 ↗文本选区工具栏Text Selection Toolbar♡内容工具React · TypeScript
命令面板 · Command Palette键盘完整操作打开命令面板⌘ K支持鼠标与键盘操作⌕ESC项目新建项目创建一个空白工作区N最近项目打开最近编辑的项目R搜索全局搜索查找页面、文件和知识条目S界面切换主题切换浅色与深色外观T系统打开设置进入偏好与账户设置⌘ ,Live Demo在线预览查看模块 ↗命令面板Command Palette♡Agent 工作流React · TypeScript
图片 → 配色本地预览+拖入图片,提取主要颜色或点击选择图片#506f88#d3b89c#f5efe6Live Demo在线预览查看模块 ↗图片取色Color Extraction♡多模态Canvas · React
堆叠通知新增 · 展开 · 补位添加通知展开通知✓成功内容已保存3 个页面已经同步到当前项目。×i通知正在生成预览背景任务仍在继续,可以先处理其他内容。×!提醒有 1 个文件需要处理请确认图片尺寸后重新上传。查看×这是本地交互预览,不会发送网络请求。Live Demo在线预览查看模块 ↗堆叠通知Toast Stack♡FoundationReact · TypeScript
长任务执行时间线执行中理解任务确认目标和输出格式已完成收集信息查找并整理相关资料已完成制作初稿正在生成可检查的初稿执行中检查结果等待前一步完成等待开始停止任务Live Demo在线预览查看模块 ↗AI 执行时间线Agent Execution Timeline♡Free UIReact · TypeScript
附件处理队列3 个文件界面截图.png图片 · 处理完成上移下移移除口播草稿.wav音频 · 正在上传上移下移移除产品说明.pdf文档 · 正在解析上移下移移除Live Demo在线预览查看模块 ↗多模态附件队列Multimodal Attachment Queue♡Free UIReact · TypeScript
记忆已更新AI 记住了这些内容2 条来自当前对话忘记来自你的偏好忘记Live Demo在线预览查看模块 ↗AI 记忆更新提示Memory Update Control♡Free UIReact · TypeScript
TaskComposer.tsx50% 已审查− const status = 'ready';+ const status = task.status; return renderStatus(status);Live Demo在线预览查看模块 ↗AI 代码差异审查AI Diff Review♡Free UIReact · TypeScript