feat(shared-ui): 对齐官方控件并增加组件预览

zhixing-web/src/app/layout/navigation.ts

@@ -2,6 +2,7 @@ import {
   BarChart3,
   BrainCircuit,
   ClipboardCheck,
+  Component,
   LayoutDashboard,
   type LucideIcon,
 } from "lucide-react"
@@ -45,9 +46,16 @@ export const primaryNavigation: readonly NavigationItem[] = [
     icon: BrainCircuit,
     availability: "available",
   },
+  {
+    id: "components",
+    label: "组件预览",
+    to: "/components",
+    icon: Component,
+    availability: "available",
+  },
 ] as const
 
-export const mobileNavigationMaxItems = 4
+export const mobileNavigationMaxItems = 5
 
 export const mobilePrimaryNavigation: readonly NavigationItem[] =
   primaryNavigation.slice(0, mobileNavigationMaxItems)
@@ -71,4 +79,9 @@ export const routePresentation: Record<string, RoutePresentation> = {
     breadcrumb: "研究工作台",
     title: "知行 B1 执行结果",
   },
+  "/components": {
+    id: "components",
+    breadcrumb: "研究工作台",
+    title: "组件预览",
+  },
 }