Files
GrandClaw-prototype/src/App.jsx
lanyuanxiaoyao 3f815db0b2 feat: 添加三层级模型配置管理系统原型
新增三个层级的模型配置管理功能:
- 平台级模型配置(管理台):配置列表、新增/编辑、删除(默认模型不允许删除)、设为默认(仅页面状态)
- 项目级模型配置(工作台):配置列表、新增/编辑、删除(允许删除默认)、设为默认(仅页面状态)
- 个人模型配置(工作台):配置列表、新增/编辑、删除(允许删除默认)、设为默认(仅页面状态)
- 融合式模型选择器:在聊天输入框顶部集成,按层级分组展示模型列表(平台/项目/个人)

技术实现:
- 新增项目级和个人级配置数据文件
- 扩展 api.js 数据访问层,添加 consoleModels.project 和 consoleModels.user 对象
- 新增 4 个页面组件(ProjectModelConfigsPage、AddProjectModelConfigPage、UserModelConfigsPage、AddUserModelConfigPage)
- 修改 2 个现有页面(ModelConfigsPage、ChatPage、ConsoleLayout)
- 修改 Modal 组件支持 cancelText 为空时隐藏取消按钮
- 在 App.jsx 中添加 6 条新路由
- 新增模型选择器样式文件(融合式设计、分组展示、响应式)
- 更新 README.md 项目结构

样式特点:
- 融合式模型选择器与输入框风格一致
- 下拉列表按层级分组(平台/项目/个人)
- 默认标记使用渐变背景色
- 选中状态高亮(浅蓝色背景 + 左侧边框 + 右侧勾选)
- 响应式设计(移动端适配)

数据示例:
- 项目级:3 个示例配置(不同类型和状态)
- 个人级:2 个示例配置(不同类型和状态)
2026-04-10 13:43:19 +08:00

124 lines
7.8 KiB
JavaScript

import { HashRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import { UserProvider } from './contexts/UserContext.jsx';
import AppLayout from './components/layout/AppLayout.jsx';
import ConsoleLayout from './components/layout/ConsoleLayout.jsx';
import AdminLayout from './components/layout/AdminLayout.jsx';
import DeveloperLayout from './components/layout/DeveloperLayout.jsx';
import HomePage from './pages/HomePage.jsx';
import LoginPage from './pages/LoginPage.jsx';
// Console 子页面
import ChatPage from './pages/console/ChatPage.jsx';
import SkillsPage from './pages/console/SkillsPage.jsx';
import SkillDetailPage from './pages/console/SkillDetailPage.jsx';
import ConsoleMySkillsPage from './pages/console/MySkillsPage.jsx';
import SkillConfigPage from './pages/console/SkillConfigPage.jsx';
import LogsPage from './pages/console/LogsPage.jsx';
import TasksPage from './pages/console/TasksPage.jsx';
import TaskDetailPage from './pages/console/TaskDetailPage.jsx';
import MembersPage from './pages/console/MembersPage.jsx';
import MemberConfigPage from './pages/console/MemberConfigPage.jsx';
import AddMemberPage from './pages/console/AddMemberPage.jsx';
import PermissionsPage from './pages/console/PermissionsPage.jsx';
import SkillsConfigPage from './pages/console/SkillsConfigPage.jsx';
import ConsoleReviewListPage from './pages/console/ConsoleReviewListPage.jsx';
import ConsoleReviewDetailPage from './pages/console/ConsoleReviewDetailPage.jsx';
import ProjectModelConfigsPage from './pages/console/ProjectModelConfigsPage.jsx';
import AddProjectModelConfigPage from './pages/console/AddProjectModelConfigPage.jsx';
import UserModelConfigsPage from './pages/console/UserModelConfigsPage.jsx';
import AddUserModelConfigPage from './pages/console/AddUserModelConfigPage.jsx';
// Admin 子页面
import OverviewPage from './pages/admin/OverviewPage.jsx';
import DepartmentsPage from './pages/admin/DepartmentsPage.jsx';
import AddDepartmentPage from './pages/admin/AddDepartmentPage.jsx';
import UsersPage from './pages/admin/UsersPage.jsx';
import AddUserPage from './pages/admin/AddUserPage.jsx';
import AdminProjectsPage from './pages/admin/AdminProjectsPage.jsx';
import AddProjectPage from './pages/admin/AddProjectPage.jsx';
import AdminLogsPage from './pages/admin/AdminLogsPage.jsx';
import ModelConfigsPage from './pages/admin/ModelConfigsPage.jsx';
import AddModelConfigPage from './pages/admin/AddModelConfigPage.jsx';
// Developer 子页面
import DevOverviewPage from './pages/developer/DevOverviewPage.jsx';
import DeveloperMySkillsPage from './pages/developer/MySkillsPage.jsx';
import UploadSkillPage from './pages/developer/UploadSkillPage.jsx';
import SkillEditorPage from './pages/developer/SkillEditorPage.jsx';
import UploadVersionPage from './pages/developer/UploadVersionPage.jsx';
import UpdateSkillInfoPage from './pages/developer/UpdateSkillInfoPage.jsx';
import DevDocsPage from './pages/developer/DevDocsPage.jsx';
function App() {
return (
<UserProvider>
<Router>
<Routes>
<Route path="/login" element={<LoginPage />} />
<Route element={<AppLayout />}>
<Route path="/" element={<HomePage />} />
<Route path="/console" element={<ConsoleLayout />}>
<Route index element={<Navigate to="chat/welcome" replace />} />
<Route path="chat" element={<ChatPage />} />
<Route path="chat/:scene" element={<ChatPage />} />
<Route path="skills" element={<SkillsPage />} />
<Route path="skills/:skillId" element={<SkillDetailPage />} />
<Route path="my-skills" element={<ConsoleMySkillsPage />} />
<Route path="my-skills/:subscriptionId/config" element={<SkillConfigPage />} />
<Route path="logs" element={<LogsPage />} />
<Route path="tasks" element={<TasksPage />} />
<Route path="tasks/:taskId" element={<TaskDetailPage />} />
<Route path="project" element={<Navigate to="members" replace />} />
<Route path="project/members" element={<MembersPage />} />
<Route path="project/members/add" element={<AddMemberPage />} />
<Route path="project/members/:memberId/config" element={<MemberConfigPage />} />
<Route path="project/permissions" element={<PermissionsPage />} />
<Route path="project/skills" element={<SkillsConfigPage />} />
<Route path="project/models" element={<ProjectModelConfigsPage />} />
<Route path="project/models/add" element={<AddProjectModelConfigPage />} />
<Route path="project/models/:id/edit" element={<AddProjectModelConfigPage />} />
<Route path="user-models" element={<UserModelConfigsPage />} />
<Route path="user-models/add" element={<AddUserModelConfigPage />} />
<Route path="user-models/:id/edit" element={<AddUserModelConfigPage />} />
</Route>
<Route path="/admin" element={<AdminLayout />}>
<Route index element={<Navigate to="overview" replace />} />
<Route path="overview" element={<OverviewPage />} />
<Route path="reviews" element={<ConsoleReviewListPage />} />
<Route path="reviews/:type/:reviewId" element={<ConsoleReviewDetailPage />} />
<Route path="departments" element={<DepartmentsPage />} />
<Route path="departments/add" element={<AddDepartmentPage />} />
<Route path="departments/:id/edit" element={<AddDepartmentPage />} />
<Route path="users" element={<UsersPage />} />
<Route path="users/add" element={<AddUserPage />} />
<Route path="users/:id/edit" element={<AddUserPage />} />
<Route path="projects" element={<AdminProjectsPage />} />
<Route path="projects/add" element={<AddProjectPage />} />
<Route path="projects/:id/edit" element={<AddProjectPage />} />
<Route path="logs" element={<AdminLogsPage />} />
<Route path="models" element={<ModelConfigsPage />} />
<Route path="models/add" element={<AddModelConfigPage />} />
<Route path="models/:id/edit" element={<AddModelConfigPage />} />
</Route>
<Route path="/developer" element={<DeveloperLayout />}>
<Route index element={<Navigate to="overview" replace />} />
<Route path="overview" element={<DevOverviewPage />} />
<Route path="my-skills" element={<DeveloperMySkillsPage />} />
<Route path="my-skills/upload" element={<UploadSkillPage />} />
<Route path="my-skills/:skillId/editor" element={<SkillEditorPage />} />
<Route path="my-skills/:skillId/new-version" element={<UploadVersionPage />} />
<Route path="my-skills/:skillId/update-info" element={<UpdateSkillInfoPage />} />
<Route path="docs" element={<DevDocsPage />} />
</Route>
</Route>
</Routes>
</Router>
</UserProvider>
);
}
export default App;