feat: added API server dashboard

web/app/page.tsx

@@ -9,6 +9,7 @@ import { useMainViewState } from '@/hooks/useMainViewState'
 import ChatScreen from '@/screens/Chat'
 import ExploreModelsScreen from '@/screens/ExploreModels'
 
+import LocalServerScreen from '@/screens/LocalServer'
 import SettingsScreen from '@/screens/Settings'
 import SystemMonitorScreen from '@/screens/SystemMonitor'
 
@@ -29,6 +30,10 @@ export default function Page() {
       children = <SystemMonitorScreen />
       break
 
+    case MainViewState.LocalServer:
+      children = <LocalServerScreen />
+      break
+
     default:
       children = <ChatScreen />
       break

web/constants/screens.ts

@@ -4,4 +4,5 @@ export enum MainViewState {
   Settings,
   Thread,
   SystemMonitor,
+  LocalServer,
 }

web/containers/Layout/Ribbon/index.tsx

@@ -11,6 +11,7 @@ import {
   SettingsIcon,
   MonitorIcon,
   LayoutGridIcon,
+  SquareCodeIcon,
 } from 'lucide-react'
 
 import { twMerge } from 'tailwind-merge'
@@ -53,6 +54,16 @@ export default function RibbonNav() {
   ]
 
   const secondaryMenus = [
+    {
+      name: 'Local Server',
+      icon: (
+        <SquareCodeIcon
+          size={20}
+          className="flex-shrink-0 text-muted-foreground"
+        />
+      ),
+      state: MainViewState.LocalServer,
+    },
     {
       name: 'System Monitor',
       icon: (

web/screens/LocalServer/index.tsx

@@ -0,0 +1,11 @@
+const LocalServerScreen = () => {
+  return (
+    <p>
+      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum labore,
+      neque, voluptatum necessitatibus est commodi perferendis, quo ea alias
+      rerum facilis! Optio commodi quae vero eius sint iusto illum est?
+    </p>
+  )
+}
+
+export default LocalServerScreen