feat: 重构主布局并优化动态表单功能
重构主布局组件,将侧边栏和 Copilot 提供者逻辑提取到 MainLayout 组件 优化动态表单,支持编辑模式并完善错误处理 移除测试提示信息并更新环境变量配置
This commit is contained in:
@@ -5,8 +5,9 @@
|
||||
- **核心理念**:通过 AI 驱动的消息流实现动态 UI 生成和业务处理。
|
||||
- **技术栈**:Next.js 15 (App Router) + Tailwind CSS + Lucide Icons。
|
||||
- **关键组件**:
|
||||
- `UniversalModuleRenderer.tsx`: 后端 AI 下发 UI 指令的监听与执行枢纽,负责实时绘制界面。
|
||||
- `DynamicForm.tsx`: 基于 JSON Schema 的动态表单渲染器,支持实体关联选择 (`x-link-entity`)。
|
||||
- `UniversalModuleRenderer.tsx`: 后端 AI 下发 UI 指令的监听与执行枢纽。
|
||||
- `CopilotProvider.tsx`: **已更新**,取消本地 AI 运行时,改为直连后端 `/api/copilotkit` 端口。
|
||||
- `DynamicForm.tsx`: 基于 JSON Schema 的动态表单渲染器。
|
||||
- `EntityDataPage`: 动态列表展示页面,通过 AI 代理执行编辑和删除操作。
|
||||
|
||||
## 💼 业务逻辑 (Business Logic)
|
||||
@@ -16,17 +17,16 @@
|
||||
## 📈 当前开发进度 (Current Progress)
|
||||
- [x] **AI 动态 UI 渲染**:`UniversalModuleRenderer` 基础架构就绪。
|
||||
- [x] **动态表单与关联**:支持枚举、模式匹配及实体级联选择。
|
||||
- [x] **会话隔离适配**:前端已实现 Header 注入逻辑。
|
||||
- [x] **CORS 联调**:已完成与后端的跨域联调。
|
||||
- [x] **安全优化**:移除了前端 API Key,所有 AI 请求通过后端转发。
|
||||
- [x] **业务模块共享**:适配后端变更,侧边栏现可按公共定义渲染所有活跃模块。
|
||||
|
||||
## ⚠️ 尚未解决的隐患 (Known Issues/Risks)
|
||||
- **共享冲突提示**:缺乏对公共模块并发编辑的 UI 级冲突提示。
|
||||
- **状态同步**:多组件间由于 AI 异步返回导致的 UI 闪烁问题。
|
||||
- **离线能力**:目前完全依赖实时 AI 交互,缺乏离线暂存机制。
|
||||
|
||||
## 🚀 下一步计划 (Next Steps)
|
||||
1. **AI 智能搜索界面**:对接后端的 AI 增强搜索功能。
|
||||
2. **动态看板 (Dashboard)**:实现可视化图表的 AI 渲染支持。
|
||||
3. **引导流程优化**:提升用户通过对话创建新模块的体验。
|
||||
1. **数据权限展示**:在 UI 层面区分公共数据与私人数据。
|
||||
2. **AI 智能搜索界面**:对接后端的 AI 增强搜索功能。
|
||||
|
||||
---
|
||||
*Last Updated: 2026-03-25 by Antigravity*
|
||||
|
||||
Reference in New Issue
Block a user