Savestate: Add background interval sync and instant push triggers for multi-device sync

index.html

@@ -51,7 +51,7 @@
 </head>
 <body class="dark-theme in-chat-view">
   
-  <div id="live-version-badge" style="position: fixed; top: 50px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); opacity: 0.6; z-index: 99999; pointer-events: none; font-weight: 500; font-family: monospace; letter-spacing: 1px; background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05);">BUILD 1.4.5</div>
+  <div id="live-version-badge" style="position: fixed; top: 50px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); opacity: 0.6; z-index: 99999; pointer-events: none; font-weight: 500; font-family: monospace; letter-spacing: 1px; background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05);">BUILD 1.4.6</div>
     
   <!-- SVG Filters for Liquid Glass Refraction -->
   <svg width="0" height="0" style="position: absolute; pointer-events: none;">

src/services/sync-service.js

@@ -23,6 +23,13 @@ class SyncManager {
     // Called once on app startup to trigger initial sync if already logged in
     if (authService.user && authService.isCryptoUnlocked()) {
       this.sync();
+      
+      // Auto-Sync every 15 seconds
+      setInterval(() => {
+        if (authService.user && authService.isCryptoUnlocked()) {
+          this.sync();
+        }
+      }, 15000);
     }
   }
 
@@ -33,11 +40,17 @@ class SyncManager {
 
     console.log('[Sync] Starting Sync...');
     try {
-      await this.syncSettings(userId);
-      await this.syncConversations(userId);
-      await this.syncMessages(userId);
+      let hasUpdates = false;
+      if (await this.syncSettings(userId)) hasUpdates = true;
+      if (await this.syncConversations(userId)) hasUpdates = true;
+      if (await this.syncMessages(userId)) hasUpdates = true;
       
       console.log('[Sync] Sync completed successfully.');
+      
+      if (hasUpdates) {
+        console.log('[Sync] New remote changes found, dispatching event.');
+        window.dispatchEvent(new CustomEvent('cloud_sync_updated'));
+      }
       this.lastSyncTime = Date.now();
     } catch (e) {
       console.error('[Sync] Error during sync:', e);
@@ -92,16 +105,21 @@ class SyncManager {
       }, { onConflict: 'user_id, key' });
     }
     
+    let updated = false;
     // Pull any setting from remote that isn't locally set (e.g. from another device)
     if (remoteSettings) {
       for (const row of remoteSettings) {
         const localVal = db.getSetting(row.key);
         if (!localVal) {
           const decrypted = await cryptoService.decrypt(row.value);
-          if (decrypted) db.setSetting(row.key, decrypted);
+          if (decrypted) {
+            db.setSetting(row.key, decrypted);
+            updated = true;
+          }
         }
       }
     }
+    return updated;
   }
 
   async syncConversations(userId) {
@@ -140,6 +158,7 @@ class SyncManager {
       }
     }
 
+    let updated = false;
     // Pull from remote if remote is newer or doesn't exist locally
     if (remoteConvs) {
       for (const remote of remoteConvs) {
@@ -163,9 +182,11 @@ class SyncManager {
               [title, emoji, preview, remote.model_used, remote.updated_at, remote.id]
             );
           }
+          updated = true;
         }
       }
     }
+    return updated;
   }
 
   async syncMessages(userId) {
@@ -198,6 +219,7 @@ class SyncManager {
       }
     }
     
+    let updated = false;
     // Pull remote to local
     for (const remote of (remoteMsgs || [])) {
       if (!localIds.has(remote.id)) {
@@ -213,9 +235,11 @@ class SyncManager {
             "INSERT INTO messages (id, conversation_id, role, content, model_used, style_used, created_at) VALUES (?, ?, ?, ?, ?, ?, ?)",
             [remoteFull.id, remoteFull.conversation_id, remoteFull.role, content, remoteFull.model_used, remoteFull.style_used, remoteFull.created_at]
           );
+          updated = true;
         }
       }
     }
+    return updated;
   }
 
 }

src/views/chat/chat-view.js

@@ -5,6 +5,7 @@ import { PresentationRenderer } from '../../utils/presentation-renderer.js';
 import { deepResearchLoader } from '../../utils/deep-research-loader.js';
 import { presentationLoader } from '../../utils/presentation-loader.js';
 import { getApiUrl } from '../../config.js';
+import { syncManager } from '../../services/sync-service.js';
 
 window.youtubeSearchCache = window.youtubeSearchCache || {};
 
@@ -159,6 +160,14 @@ export class ChatView {
     this.setupTimelineObserver();
     this.setupAnnotations();
     
+    // Listen for cloud sync updates to refresh sidebar
+    window.addEventListener('cloud_sync_updated', () => {
+      if (typeof this.loadHistory === 'function') {
+        this.loadHistory();
+      }
+    });
+    
+    
     // Inject dynamic styles to bypass aggressive browser CSS caching
     if (!document.getElementById('dynamic-source-styles')) {
       const style = document.createElement('style');
@@ -4180,6 +4189,9 @@ body { margin: 0; padding: 0; background: #000; overflow: hidden; display: flex;
     
     this.appendMessageElement('user', text, true);
     this.buildTimeline();
+    
+    // Trigger sync instantly so the message uploads to cloud
+    syncManager.sync();
 
     // Auto-update title if it's the first message
     const msgs = db.getMessages(this.currentConversationId);
@@ -4346,6 +4358,9 @@ body { margin: 0; padding: 0; background: #000; overflow: hidden; display: flex;
       db.addMessage(aiMsgId, this.currentConversationId, 'assistant', processedResponseText, model, 'default');
       this.appendMessageElement('assistant', processedResponseText, false, true, text);
       
+      // Trigger sync for AI response
+      syncManager.sync();
+      
       // 4. Dynamic AI Title Generation (Only after the very first Q&A pair)
       const currentMsgs = db.getMessages(this.currentConversationId);
       if (currentMsgs.length === 2) { // 1 User msg + 1 AI msg