feat: sync wired up

src/renderer/App.tsx

@@ -46,6 +46,31 @@ const App: React.FC = () => {
           setMedia(media as MediaData[]);
         }
 
+        // Re-configure sync backends from saved credentials
+        const savedCreds = localStorage.getItem('bds-credentials');
+        if (savedCreds) {
+          try {
+            const creds = JSON.parse(savedCreds);
+            if (creds.tursoUrl && creds.tursoToken) {
+              await window.electronAPI?.sync.configure({
+                tursoUrl: creds.tursoUrl,
+                tursoAuthToken: creds.tursoToken,
+                autoSync: true,
+                syncInterval: 5,
+              });
+            }
+            if (creds.dropboxAccessToken && creds.dropboxAppKey) {
+              await window.electronAPI?.dropbox?.configure({
+                accessToken: creds.dropboxAccessToken,
+                appKey: creds.dropboxAppKey,
+                remotePath: creds.dropboxRemotePath || '/blog',
+              });
+            }
+          } catch (e) {
+            console.error('Failed to restore sync configuration:', e);
+          }
+        }
+
         // Check sync status
         const syncConfigured = await window.electronAPI?.sync.isConfigured();
         setSyncConfigured(syncConfigured || false);
@@ -136,10 +161,12 @@ const App: React.FC = () => {
     );
 
     unsubscribers.push(
-      window.electronAPI?.on('sync:failed', () => {
+      window.electronAPI?.on('sync:failed', (errorMsg: unknown) => {
         setSyncStatus('error');
         showToast.dismiss();
-        showToast.error('Sync failed');
+        const message = typeof errorMsg === 'string' && errorMsg ? errorMsg : 'Unknown error';
+        showToast.error(`Sync failed: ${message}`);
+        console.error('Sync failed:', message);
       }) || (() => {})
     );
 

src/renderer/components/SettingsView/SettingsView.tsx

@@ -185,6 +185,7 @@ export const SettingsView: React.FC = () => {
           autoSync: true,
           syncInterval: 5,
         });
+        useAppStore.getState().setSyncConfigured(true);
         showToast.success('Cloud sync configured');
       } else {
         showToast.success('Credentials saved');
@@ -232,6 +233,7 @@ export const SettingsView: React.FC = () => {
       case 'turso':
         newCreds.tursoUrl = '';
         newCreds.tursoToken = '';
+        useAppStore.getState().setSyncConfigured(false);
         break;
       case 'dropbox':
         newCreds.dropboxAccessToken = '';