fix: load live site by default and wire Go Online

Author: FileShot

main.js

@@ -166,14 +166,11 @@ function createWindow() {
     autoHideMenuBar: true
   });
 
-  // v1.2+: Local-first UI is the default.
-  // "Go Online" explicitly loads the hosted web app.
-  try {
-    mainWindow.loadFile(LOCAL_UI_INDEX);
-  } catch (e) {
-    console.error('[FileShot] Failed to load local UI, falling back:', e);
-    loadFrontend({ preferredPath: '/', reason: 'startup-fallback' }).catch(() => {});
-  }
+  // Primary behavior: load the live cloud app first.
+  // If offline/unreachable, load bundled/offline fallbacks inside loadFrontend.
+  loadFrontend({ preferredPath: '/', reason: 'startup' }).catch((e) => {
+    console.error('[FileShot] Failed initial load, will rely on fallback handler', e);
+  });
 
   if (isDev) {
     console.log('[FileShot] Development mode enabled');

renderer/local/app.js

@@ -28,6 +28,7 @@ const DOM = {
   sidebar: () => document.getElementById('sidebar'),
   btnCollapse: () => document.getElementById('btnCollapse'),
   navItems: () => document.querySelectorAll('.nav-item'),
+  goOnlineBtn: () => document.getElementById('btnGoOnline'),
 
   // Main content
   topbarLeft: () => document.querySelector('.topbar-left'),
@@ -86,6 +87,7 @@ function fmtBytes(n) {
 
 window.addEventListener('DOMContentLoaded', () => {
   initSidebar();
+  initGoOnline();
   initDropZone();
   initToolPanels();
   initVaultTool();
@@ -103,6 +105,14 @@ window.addEventListener('DOMContentLoaded', () => {
 
 function initSidebar() {
   DOM.btnCollapse().addEventListener('click', toggleSidebar);
+
+  // Hide unfinished tools to avoid placeholders
+  ['pdf', 'image', 'text'].forEach(tool => {
+    const nav = document.querySelector(`.nav-item[data-tool="${tool}"]`);
+    const panel = DOM.toolPanel(tool);
+    if (nav) nav.style.display = 'none';
+    if (panel) panel.hidden = true;
+  });
 
   DOM.navItems().forEach(item => {
     item.addEventListener('click', (e) => {
@@ -112,6 +122,20 @@ function initSidebar() {
   });
 }
 
+function initGoOnline() {
+  const btn = DOM.goOnlineBtn();
+  if (!btn || !window.electronAPI || typeof window.electronAPI.goOnline !== 'function') return;
+
+  btn.addEventListener('click', async () => {
+    btn.disabled = true;
+    try {
+      await window.electronAPI.goOnline();
+    } finally {
+      btn.disabled = false;
+    }
+  });
+}
+
 function toggleSidebar() {
   state.sidebarCollapsed = !state.sidebarCollapsed;
   DOM.sidebar().classList.toggle('collapsed', state.sidebarCollapsed);