backup commit

neode-ui/src/views/Dashboard.vue

@@ -101,6 +101,10 @@
                 v-if="item.path === '/dashboard/web5' && web5Badge.pendingRequestCount > 0"
                 class="ml-auto w-5 h-5 flex items-center justify-center rounded-full bg-orange-500 text-white text-[10px] font-bold"
               >{{ web5Badge.pendingRequestCount }}</span>
+              <span
+                v-if="item.path === '/dashboard/mesh' && meshStore.totalUnread > 0"
+                class="ml-auto w-5 h-5 flex items-center justify-center rounded-full bg-orange-500 text-white text-[10px] font-bold"
+              >{{ meshStore.totalUnread }}</span>
             </RouterLink>
 
             <!-- Chat launcher button -->
@@ -406,6 +410,7 @@ import ModeSwitcher from '@/components/ModeSwitcher.vue'
 import { useUIModeStore } from '@/stores/uiMode'
 import { playDashboardLoadOomph } from '@/composables/useLoginSounds'
 import { useWeb5BadgeStore } from '@/stores/web5Badge'
+import { useMeshStore } from '@/stores/mesh'
 
 const uiMode = useUIModeStore()
 
@@ -419,6 +424,7 @@ const store = useAppStore()
 const appLauncher = useAppLauncherStore()
 const loginTransition = useLoginTransitionStore()
 const web5Badge = useWeb5BadgeStore()
+const meshStore = useMeshStore()
 
 const showZoomIn = ref(false)
 const pendingTimers: ReturnType<typeof setTimeout>[] = []
@@ -444,6 +450,7 @@ const ROUTE_BACKGROUNDS: Record<string, string> = {
   '/dashboard/apps': 'bg-myapps.jpg',
   '/dashboard/marketplace': 'bg-appstore.jpg',
   '/dashboard/cloud': 'bg-cloud.jpg',
+  '/dashboard/mesh': 'bg-mesh.jpg',
   '/dashboard/server': 'bg-network.jpg',
   '/dashboard/web5': 'bg-web5.jpg',
   '/dashboard/settings': 'bg-settings.jpg',
@@ -665,6 +672,7 @@ const gamerDesktopNav: NavItem[] = [
   { path: '/dashboard', label: 'Home', icon: 'home' },
   { path: '/dashboard/apps', label: 'Apps', icon: 'apps', isCombined: true },
   { path: '/dashboard/cloud', label: 'Cloud', icon: 'cloud' },
+  { path: '/dashboard/mesh', label: 'Mesh', icon: 'mesh' },
   { path: '/dashboard/server', label: 'Network', icon: 'server' },
   { path: '/dashboard/web5', label: 'Web5', icon: 'web5' },
   { path: '/dashboard/settings', label: 'Settings', icon: 'settings' },
@@ -723,6 +731,7 @@ function getIconPath(iconName: string): string[] {
     cloud: ['M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z'],
     server: ['M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01'],
     web5: ['M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9'],
+    mesh: ['M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01M5.636 13.636a9 9 0 0112.728 0M1.5 10.5a14 14 0 0121 0'],
     chat: ['M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'],
     settings: [
       'M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z',
@@ -752,6 +761,7 @@ const tabOrder = [
   '/dashboard/apps',
   '/dashboard/marketplace',
   '/dashboard/cloud',
+  '/dashboard/mesh',
   '/dashboard/server',
   '/dashboard/web5',
   '/dashboard/chat',