feat: Load desktop UI by default with live API

Author: FileShot

main.js

@@ -106,6 +106,21 @@ async function loadFrontend({ preferredPath = '/', reason = '' } = {}) {
 
   const safePath = String(preferredPath || '/').startsWith('/') ? String(preferredPath || '/') : '/';
 
+  // Load the local desktop UI with sidebar + file explorer connected to live API
+  const localUIUrl = `file://${LOCAL_UI_INDEX}`;
+  console.log('[FileShot] Loading desktop UI:', localUIUrl, reason ? `(${reason})` : '');
+  await mainWindow.loadFile(LOCAL_UI_INDEX);
+  mainWindow.webContents.on('did-finish-load', () => {
+    mainWindow.webContents.send('api-config', { apiUrl: API_URL });
+  });
+  return;
+}
+
+async function loadFrontendFallback({ preferredPath = '/', reason = '' } = {}) {
+  if (!mainWindow) return;
+
+  const safePath = String(preferredPath || '/').startsWith('/') ? String(preferredPath || '/') : '/';
+
   // Dev: always use local dev server.
   if (isDev) {
     const url = `http://localhost:8080${safePath}`;

preload.js

@@ -8,6 +8,11 @@ const { contextBridge, ipcRenderer } = require('electron');
 contextBridge.exposeInMainWorld('electronAPI', {
   // API configuration
   getApiUrl: () => ipcRenderer.invoke('get-api-url'),
+  onApiConfig: (callback) => {
+    ipcRenderer.on('api-config', (_event, config) => {
+      try { callback(config); } catch (_) {}
+    });
+  },
 
   // Authentication
   getAuthToken: () => ipcRenderer.invoke('get-auth-token'),

renderer/local/app.js

@@ -1,8 +1,22 @@
 /**
- * FileShot Offline Desktop App - Main Application Logic
- * Handles sidebar navigation, drag-drop, storage management, and secure shredding
+ * FileShot Desktop App - Hybrid UI
+ * Local sidebar + file explorer connected to live API
  */
 
+// ============================================================================
+// API CONFIGURATION
+// ============================================================================
+
+let API_URL = 'https://api.fileshot.io/api'; // Default to live API
+
+// Receive API config from main process
+if (window.electronAPI) {
+  window.electronAPI.onApiConfig?.((config) => {
+    API_URL = config.apiUrl;
+    console.log('[FileShot Desktop] API configured:', API_URL);
+  });
+}
+
 // ============================================================================
 // STATE MANAGEMENT
 // ============================================================================
@@ -16,7 +30,9 @@ const state = {
   settings: {
     autoLock: false,
     requirePin: false
-  }
+  },
+  authToken: localStorage.getItem('fileshot_token') || null,
+  userId: localStorage.getItem('fileshot_userId') || null
 };
 
 // ============================================================================