Improve web ui

This commit is contained in:
Xin Wang
2026-02-07 14:28:54 +08:00
parent dc3130d387
commit 2725d2fe20
10 changed files with 232 additions and 94 deletions

View File

@@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react';
import { HashRouter as Router, Routes, Route, Link, useLocation } from 'react-router-dom';
import { Bot, Book, User, LayoutDashboard, Mic2, Video, GitBranch, Zap, PanelLeftClose, PanelLeftOpen, History as HistoryIcon, ChevronDown, ChevronRight, Box, Wand2, Wrench, BrainCircuit, AudioLines } from 'lucide-react';
import { Bot, Book, User, LayoutDashboard, Mic2, Video, GitBranch, Zap, PanelLeftClose, PanelLeftOpen, History as HistoryIcon, ChevronDown, ChevronRight, Box, Wand2, Wrench, BrainCircuit, AudioLines, Activity } from 'lucide-react';
import { AssistantsPage } from './pages/Assistants';
import { KnowledgeBasePage } from './pages/KnowledgeBase';
@@ -124,18 +124,32 @@ const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
{ path: '/workflows', label: '工作流', icon: <GitBranch className="h-5 w-5" /> },
]
},
{ path: '/history', label: '历史记录', icon: <HistoryIcon className="h-5 w-5" /> },
{ path: '/auto-test', label: '测试助手', icon: <Zap className="h-5 w-5" /> },
{
path: '#observation',
label: '观察记录',
icon: <Activity className="h-5 w-5" />,
children: [
{ path: '/history', label: '历史记录', icon: <HistoryIcon className="h-5 w-5" /> },
]
},
{
path: '#testing',
label: '自动化测试',
icon: <Zap className="h-5 w-5" />,
children: [
{ path: '/auto-test', label: '测试助手', icon: <Bot className="h-5 w-5" /> },
]
},
{
path: '#components',
label: '组件库',
icon: <Box className="h-5 w-5" />,
children: [
{ path: '/llms', label: '模型', icon: <BrainCircuit className="h-5 w-5" /> },
{ path: '/llms', label: '模型接入', icon: <BrainCircuit className="h-5 w-5" /> },
{ path: '/asr', label: '语音识别', icon: <AudioLines className="h-5 w-5" /> },
{ path: '/voices', label: '声音', icon: <Mic2 className="h-5 w-5" /> },
{ path: '/voices', label: '声音资源', icon: <Mic2 className="h-5 w-5" /> },
{ path: '/knowledge', label: '知识库', icon: <Book className="h-5 w-5" /> },
{ path: '/tools', label: '工具', icon: <Wrench className="h-5 w-5" /> },
{ path: '/tools', label: '工具与插件', icon: <Wrench className="h-5 w-5" /> },
]
},
{ path: '/profile', label: '个人中心', icon: <User className="h-5 w-5" /> },
@@ -227,4 +241,4 @@ const App: React.FC = () => {
);
};
export default App;
export default App;