shalu-agent-workflow/apps/web/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router'

const MainLayout = () => import('@/layouts/MainLayout.vue')
const Dashboard = () => import('@/views/Dashboard.vue')
const Editor = () => import('@/views/Editor.vue')
const Statistics = () => import('@/views/Statistics.vue')
const Chat = () => import('@/views/Chat.vue')
const Templates = () => import('@/views/TemplateDetail.vue')
const QuickStart = () => import('@/views/QuickStart.vue')
const Docs = () => import('@/views/Docs.vue')
const About = () => import('@/views/About.vue')
const UserCenter = () => import('@/views/UserCenter.vue')
const LogStream = () => import('@/views/LogStream.vue')
const ModelLog = () => import('@/views/ModelLog.vue')
const WorkflowOrchestration = () => import('@/views/WorkflowOrchestration.vue')
const WorkflowExecution = () => import('@/views/WorkflowExecution.vue')

const routes = [
	{
		path: '/',
		component: MainLayout,
		children: [
			{
				path: '',
				name: 'Dashboard',
				component: Dashboard,
				alias: 'overview'
			},
			{
				path: 'statistics',
				name: 'Statistics',
				component: Statistics
			},
			{
				path: 'orchestration',
				name: 'WorkflowOrchestration',
				component: WorkflowOrchestration
			},
			{
				path: 'execution',
				name: 'WorkflowExecution',
				component: WorkflowExecution
			},
			{
				path: 'chat',
				name: 'Chat',
				component: Chat
			},
			{
				path: 'workflow/:id',
				name: 'Editor',
				component: Editor
			},
			{
				path: 'templates/:id',
				name: 'TemplateDetail',
				component: Templates
			},
			{
				path: 'quick-start',
				name: 'QuickStart',
				component: QuickStart
			},
			{
				path: 'docs',
				name: 'Docs',
				component: Docs
			},
			{
				path: 'about',
				name: 'About',
				component: About
			},
			{
				path: 'user-center',
				name: 'UserCenter',
				component: UserCenter
			},
			{
				path: 'log-stream',
				name: 'LogStream',
				component: LogStream
			},
			{
				path: 'model-log',
				name: 'ModelLog',
				component: ModelLog
			}
		]
	}
]

const router = createRouter({
	history: createWebHistory(),
	routes
})

export default router