refactor(ui): adjust global navigation bar style (#13419)

### What problem does this PR solve? Renovate global navigation bar, align styles to the design. (May causes minor layout issues in sub-pages, will check and fix soon) ### Type of change - [x] Refactoring
2026-08-03 14:27:32 +08:00 · 2026-03-05 20:47:29 +08:00
parent 9e0e128ce5
commit ef4cbe72a3
45 changed files with 1334 additions and 1250 deletions
--- a/web/src/routes.tsx
+++ b/web/src/routes.tsx
@@ -165,62 +165,71 @@ const routeConfigOptions = [
    ],
  },
  {
-    path: Routes.Datasets,
-    layout: false,
+    path: Routes.Chat + '/:id',
+    Component: () => import('@/pages/next-chats/chat'),
+  },
+  {
+    path: Routes.Root,
    Component: () => import('@/layouts/next'),
    children: [
      {
        path: Routes.Datasets,
        Component: () => import('@/pages/datasets'),
      },
-    ],
-  },
-  {
-    path: Routes.Chats,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
+      {
+        path: Routes.DatasetBase,
+        Component: () => import('@/pages/dataset'),
+        children: [
+          {
+            path: `${Routes.Dataset}/:id`,
+            Component: () => import('@/pages/dataset/dataset'),
+          },
+          {
+            path: `${Routes.DatasetBase}${Routes.DatasetTesting}/:id`,
+            Component: () => import('@/pages/dataset/testing'),
+          },
+          {
+            path: `${Routes.DatasetBase}${Routes.KnowledgeGraph}/:id`,
+            Component: () => import('@/pages/dataset/knowledge-graph'),
+          },
+          {
+            path: `${Routes.DatasetBase}${Routes.DataSetOverview}/:id`,
+            Component: () => import('@/pages/dataset/dataset-overview'),
+          },
+          {
+            path: `${Routes.DatasetBase}${Routes.DataSetSetting}/:id`,
+            Component: () => import('@/pages/dataset/dataset-setting'),
+          },
+        ],
+      },
      {
        path: Routes.Chats,
        Component: () => import('@/pages/next-chats'),
      },
-    ],
-  },
-  {
-    path: Routes.Chat + '/:id',
-    layout: false,
-    Component: () => import('@/pages/next-chats/chat'),
-  },
-  {
-    path: Routes.Searches,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
      {
        path: Routes.Searches,
        Component: () => import('@/pages/next-searches'),
      },
-    ],
-  },
-  {
-    path: Routes.Memories,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
+      {
+        path: `${Routes.Search}/:id`,
+        layout: false,
+        Component: () => import('@/pages/next-search'),
+      },
+      {
+        path: Routes.Agents,
+        Component: () => import('@/pages/agents'),
+      },
+      {
+        path: Routes.AgentTemplates,
+        layout: false,
+        Component: () => import('@/pages/agents/agent-templates'),
+      },
      {
        path: Routes.Memories,
        Component: () => import('@/pages/memories'),
      },
-    ],
-  },
-  {
-    path: `${Routes.Memory}`,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
      {
        path: `${Routes.Memory}`,
-        layout: false,
        Component: () => import('@/pages/memory'),
        children: [
          {
@@ -233,181 +242,105 @@ const routeConfigOptions = [
          },
        ],
      },
-    ],
-  },
-  {
-    path: `${Routes.Search}/:id`,
-    layout: false,
-    Component: () => import('@/pages/next-search'),
-  },
-  {
-    path: `${Routes.SearchShare}`,
-    layout: false,
-    Component: () => import('@/pages/next-search/share'),
-  },
-  {
-    path: Routes.Agents,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
-      {
-        path: Routes.Agents,
-        Component: () => import('@/pages/agents'),
-      },
-    ],
-  },
-  {
-    path: `${Routes.AgentLogPage}/:id`,
-    layout: false,
-    Component: () => import('@/pages/agents/agent-log-page'),
-  },
-  {
-    path: `${Routes.Agent}/:id`,
-    layout: false,
-    Component: () => import('@/pages/agent'),
-  },
-  {
-    path: Routes.AgentExplore,
-    layout: false,
-    Component: () => import('@/pages/agent/explore'),
-    errorElement: <FallbackComponent />,
-  },
-  {
-    path: Routes.AgentTemplates,
-    layout: false,
-    Component: () => import('@/pages/agents/agent-templates'),
-  },
-
-  {
-    path: Routes.Files,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
      {
        path: Routes.Files,
        Component: () => import('@/pages/files'),
      },
-    ],
-  },
-  {
-    path: Routes.DatasetBase,
-    layout: false,
-    Component: () => import('@/layouts/next'),
-    children: [
      {
-        path: Routes.DatasetBase,
-        element: <Navigate to={Routes.Dataset} replace />,
-      },
-    ],
-  },
-  {
-    path: Routes.DatasetBase,
-    layout: false,
-    Component: () => import('@/pages/dataset'),
-    children: [
-      {
-        path: `${Routes.Dataset}/:id`,
-        Component: () => import('@/pages/dataset/dataset'),
-      },
-      {
-        path: `${Routes.DatasetBase}${Routes.DatasetTesting}/:id`,
-        Component: () => import('@/pages/dataset/testing'),
-      },
-      {
-        path: `${Routes.DatasetBase}${Routes.KnowledgeGraph}/:id`,
-        Component: () => import('@/pages/dataset/knowledge-graph'),
-      },
-      {
-        path: `${Routes.DatasetBase}${Routes.DataSetOverview}/:id`,
-        Component: () => import('@/pages/dataset/dataset-overview'),
-      },
-      {
-        path: `${Routes.DatasetBase}${Routes.DataSetSetting}/:id`,
-        Component: () => import('@/pages/dataset/dataset-setting'),
-      },
-    ],
-  },
-  {
-    path: `${Routes.DataflowResult}`,
-    layout: false,
-    Component: () => import('@/pages/dataflow-result'),
-  },
-  {
-    path: `${Routes.ParsedResult}/chunks`,
-    layout: false,
-    Component: () =>
-      import('@/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk'),
-  },
-  {
-    path: Routes.Chunk,
-    layout: false,
-    children: [
-      {
-        path: Routes.Chunk,
-        Component: () => import('@/pages/chunk'),
+        path: Routes.UserSetting,
+        Component: () => import('@/pages/user-setting'),
+        layout: false,
        children: [
          {
-            path: `${Routes.ChunkResult}/:id`,
-            Component: () => import('@/pages/chunk/chunk-result'),
+            path: Routes.UserSetting,
+            element: (
+              <Navigate to={`/user-setting${Routes.DataSource}`} replace />
+            ),
          },
          {
-            path: `${Routes.ResultView}/:id`,
-            Component: () => import('@/pages/chunk/result-view'),
+            path: `${Routes.UserSetting}/profile`,
+            Component: () => import('@/pages/user-setting/profile'),
+          },
+          {
+            path: `${Routes.UserSetting}/locale`,
+            Component: () => import('@/pages/user-setting/setting-locale'),
+          },
+          {
+            path: `${Routes.UserSetting}/model`,
+            Component: () => import('@/pages/user-setting/setting-model'),
+          },
+          {
+            path: `${Routes.UserSetting}/team`,
+            Component: () => import('@/pages/user-setting/setting-team'),
+          },
+          {
+            path: `${Routes.UserSetting}${Routes.Api}`,
+            Component: () => import('@/pages/user-setting/setting-api'),
+          },
+          {
+            path: `${Routes.UserSetting}${Routes.Mcp}`,
+            Component: () => import('@/pages/user-setting/mcp'),
+          },
+          {
+            path: `${Routes.UserSetting}${Routes.DataSource}${Routes.DataSourceDetailPage}`,
+            Component: () =>
+              import('@/pages/user-setting/data-source/data-source-detail-page'),
+          },
+          {
+            path: `${Routes.UserSetting}${Routes.DataSource}`,
+            Component: () => import('@/pages/user-setting/data-source'),
          },
        ],
      },
    ],
  },
  {
-    path: Routes.Chunk,
-    layout: false,
-    Component: () => import('@/pages/chunk'),
+    path: `${Routes.SearchShare}`,
+    Component: () => import('@/pages/next-search/share'),
  },
  {
-    path: '/user-setting',
-    Component: () => import('@/pages/user-setting'),
-    layout: false,
+    path: Routes.Agent,
    children: [
      {
-        path: '/user-setting',
-        element: <Navigate to={`/user-setting${Routes.DataSource}`} replace />,
+        path: `${Routes.Agent}/:id`,
+        Component: () => import('@/pages/agent'),
      },
      {
-        path: '/user-setting/profile',
-        Component: () => import('@/pages/user-setting/profile'),
-      },
-      {
-        path: '/user-setting/locale',
-        Component: () => import('@/pages/user-setting/setting-locale'),
-      },
-      {
-        path: '/user-setting/model',
-        Component: () => import('@/pages/user-setting/setting-model'),
-      },
-      {
-        path: '/user-setting/team',
-        Component: () => import('@/pages/user-setting/setting-team'),
-      },
-      {
-        path: `/user-setting${Routes.Api}`,
-        Component: () => import('@/pages/user-setting/setting-api'),
-      },
-      {
-        path: `/user-setting${Routes.Mcp}`,
-        Component: () => import('@/pages/user-setting/mcp'),
-      },
-      {
-        path: `/user-setting${Routes.DataSource}`,
-        Component: () => import('@/pages/user-setting/data-source'),
+        path: Routes.AgentExplore,
+        Component: () => import('@/pages/agent/explore'),
+        errorElement: <FallbackComponent />,
      },
    ],
  },
  {
-    path: `/user-setting${Routes.DataSource}${Routes.DataSourceDetailPage}`,
-    Component: () =>
-      import('@/pages/user-setting/data-source/data-source-detail-page'),
-
-    layout: false,
+    path: `${Routes.AgentLogPage}/:id`,
+    Component: () => import('@/pages/agents/agent-log-page'),
+  },
+  {
+    path: `${Routes.DataflowResult}`,
+    Component: () => import('@/pages/dataflow-result'),
+  },
+  {
+    path: Routes.Chunk,
+    children: [
+      {
+        path: `${Routes.Chunk}`,
+        Component: () => import('@/pages/chunk'),
+      },
+      {
+        path: `${Routes.ParsedResult}/chunks`,
+        Component: () =>
+          import('@/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk'),
+      },
+      {
+        path: `${Routes.ChunkResult}/:id`,
+        Component: () => import('@/pages/chunk/chunk-result'),
+      },
+      {
+        path: `${Routes.ResultView}/:id`,
+        Component: () => import('@/pages/chunk/result-view'),
+      },
+    ],
  },
  {
    path: Routes.Admin,
@@ -420,7 +353,6 @@ const routeConfigOptions = [
      {
        path: Routes.Admin,
        Component: () => import('@/pages/admin/layouts/authorized-layout'),
-
        children: [
          {
            path: `${Routes.AdminUserManagement}/:id`,
@@ -428,7 +360,6 @@ const routeConfigOptions = [
          },
          {
            Component: () => import('@/pages/admin/layouts/navigation-layout'),
-
            children: [
              {
                path: Routes.AdminServices,