moved most api stuff to web-api and built out a better monitoring solution for web-app

apps/stock/web-app/src/lib/constants.ts

@@ -5,13 +5,31 @@ import {
   DocumentTextIcon,
   HomeIcon,
   PresentationChartLineIcon,
+  ServerStackIcon,
+  CircleStackIcon,
+  ChartPieIcon,
 } from '@heroicons/react/24/outline';
 
-export const navigation = [
+export interface NavigationItem {
+  name: string;
+  href?: string;
+  icon: any;
+  children?: NavigationItem[];
+}
+
+export const navigation: NavigationItem[] = [
   { name: 'Dashboard', href: '/dashboard', icon: HomeIcon },
   { name: 'Exchanges', href: '/exchanges', icon: BuildingLibraryIcon },
   { name: 'Portfolio', href: '/portfolio', icon: ChartBarIcon },
   { name: 'Strategies', href: '/strategies', icon: DocumentTextIcon },
   { name: 'Analytics', href: '/analytics', icon: PresentationChartLineIcon },
+  { 
+    name: 'System', 
+    icon: ServerStackIcon,
+    children: [
+      { name: 'Monitoring', href: '/system/monitoring', icon: ChartPieIcon },
+      { name: 'Pipeline', href: '/system/pipeline', icon: CircleStackIcon },
+    ]
+  },
   { name: 'Settings', href: '/settings', icon: CogIcon },
 ];

apps/stock/web-app/src/lib/constants/navigation.ts

@@ -5,6 +5,7 @@ import {
   CurrencyDollarIcon,
   DocumentTextIcon,
   HomeIcon,
+  ServerIcon,
 } from '@heroicons/react/24/outline';
 
 export const navigation = [
@@ -38,6 +39,12 @@ export const navigation = [
     icon: DocumentTextIcon,
     current: false,
   },
+  {
+    name: 'System',
+    href: '/system/monitoring',
+    icon: ServerIcon,
+    current: false,
+  },
   {
     name: 'Settings',
     href: '/settings',