deploy: exclude codex scratch artifacts

neode-ui/src/views/Apps.vue

@@ -203,7 +203,7 @@
     </div>
 
     <!-- Mobile: iPhone-style icon grid -->
-    <div class="md:hidden">
+    <div class="apps-icon-grid-mobile">
       <AppIconGrid
         :apps="filteredPackageEntries as [string, PackageDataEntry][]"
         @go-to-app="goToApp"
@@ -211,7 +211,7 @@
     </div>
 
     <!-- Desktop: Card grid -->
-    <div class="hidden md:grid grid-cols-2 lg:grid-cols-3 gap-4 pb-6">
+    <div class="apps-card-grid-desktop grid-cols-2 lg:grid-cols-3 gap-4 pb-6">
       <AppCard
         v-for="([id, pkg], index) in filteredPackageEntries"
         :key="id"

neode-ui/src/views/dashboard/DashboardMobileNav.vue

@@ -140,6 +140,8 @@ const appLauncher = useAppLauncherStore()
 const uiMode = useUIModeStore()
 
 const mobileTabBar = ref<HTMLElement | null>(null)
+const MOBILE_LAYOUT_MAX_WIDTH = 920
+const viewportWidth = ref(typeof window === 'undefined' ? 1024 : window.innerWidth)
 
 // App sessions own their mobile controls. Normal mobile launches use the route
 // session; keeping this guard also protects any desktop-panel state on resize.
@@ -148,14 +150,14 @@ const isAppSessionActive = computed(() => route.name === 'app-session')
 // Show persistent tabs for Apps/Marketplace on mobile
 const showAppsTabs = computed(() => {
   if (typeof window === 'undefined') return false
-  if (window.innerWidth >= 768) return false
+  if (viewportWidth.value > MOBILE_LAYOUT_MAX_WIDTH) return false
   return route.path.includes('/apps') || route.path.includes('/marketplace') || route.path.includes('/discover')
 })
 
 // Show persistent tabs for Network/Cloud on mobile
 const showNetworkTabs = computed(() => {
   if (typeof window === 'undefined') return false
-  if (window.innerWidth >= 768) return false
+  if (viewportWidth.value > MOBILE_LAYOUT_MAX_WIDTH) return false
   if (route.name === 'cloud-folder') return false
   return route.path.includes('/server') || route.path.includes('/cloud') || route.path.includes('/web5') || route.path.includes('/mesh')
 })
@@ -171,7 +173,7 @@ function readSafeAreaTop() {
 }
 
 const mobileTabPaddingTop = computed(() => {
-  if (typeof window === 'undefined' || window.innerWidth >= 768) return 0
+  if (typeof window === 'undefined' || viewportWidth.value > MOBILE_LAYOUT_MAX_WIDTH) return 0
   const sat = safeAreaTop.value
   if (showAppsTabs.value && showNetworkTabs.value) return 160 + sat
   if (showAppsTabs.value || showNetworkTabs.value) return 80 + sat
@@ -193,6 +195,7 @@ function updateTabBarHeight() {
 }
 
 function onResize() {
+  viewportWidth.value = window.innerWidth
   updateTabBarHeight()
 }