Update favicon and enhance UI components for improved user experience

- Replaced PNG favicon with SVG for better scalability and visual quality across devices.
- Updated Vite configuration to include the new SVG favicon and adjusted asset paths.
- Enhanced various UI components with improved focus management and accessibility features.
- Introduced new styles to hide scrollbars while maintaining scroll functionality for a cleaner interface.

neode-ui/src/views/AppDetails.vue

@@ -383,10 +383,11 @@
       <div
         v-if="uninstallModal.show"
         class="fixed inset-0 z-50 flex items-center justify-center p-4"
-        @click="uninstallModal.show = false"
+        @click="closeUninstallModal()"
       >
         <div class="absolute inset-0 bg-black/60 backdrop-blur-sm"></div>
         <div
+          ref="uninstallModalRef"
           @click.stop
           class="glass-card p-6 md:p-8 max-w-md w-full relative z-10"
         >
@@ -407,7 +408,7 @@
 
           <div class="flex flex-col-reverse md:flex-row gap-3 md:justify-end">
             <button
-              @click="uninstallModal.show = false"
+              @click="closeUninstallModal()"
               class="w-full md:w-auto px-6 py-3 glass-button rounded-lg text-sm font-medium"
             >
               Cancel
@@ -432,6 +433,7 @@ import { useAppStore } from '../stores/app'
 import { useAppLauncherStore } from '../stores/appLauncher'
 import { PackageState } from '../types/api'
 import { useMobileBackButton } from '../composables/useMobileBackButton'
+import { useModalKeyboard } from '@/composables/useModalKeyboard'
 import { dummyApps } from '../utils/dummyApps'
 
 const { bottomPosition } = useMobileBackButton()
@@ -510,6 +512,18 @@ const uninstallModal = ref({
   show: false,
   appTitle: ''
 })
+const uninstallModalRef = ref<HTMLElement | null>(null)
+const uninstallRestoreFocusRef = ref<HTMLElement | null>(null)
+function closeUninstallModal() {
+  uninstallRestoreFocusRef.value?.focus?.()
+  uninstallModal.value.show = false
+}
+useModalKeyboard(
+  uninstallModalRef,
+  computed(() => uninstallModal.value.show),
+  closeUninstallModal,
+  { restoreFocusRef: uninstallRestoreFocusRef }
+)
 
 // Determine back button text based on where user came from
 const backButtonText = computed(() => {
@@ -607,6 +621,10 @@ function launchApp() {
       dev: 'http://localhost:8103',
       prod: 'http://localhost:8103' // Self-hosted splash screen
     },
+    'indeedhub': {
+      dev: 'http://localhost:7777',
+      prod: 'http://localhost:7777' // Containerized indeehub prototype
+    },
     // Dummy apps - replace with real URLs when packaged
     'bitcoin': {
       dev: 'http://localhost:8332',
@@ -663,7 +681,11 @@ function launchApp() {
   }
   
   if (appUrls[id]) {
-    const url = isDev ? appUrls[id].dev : appUrls[id].prod
+    let url = isDev ? appUrls[id].dev : appUrls[id].prod
+    // Replace localhost with current hostname for remote access
+    if (url.includes('localhost')) {
+      url = url.replace('localhost', window.location.hostname)
+    }
     useAppLauncherStore().open({ url, title: pkg.value.manifest.title })
     return
   }