workspaces to dashboards, imap email sync, ffmpeg tool, tts fix, file browser refresh, automation sidebar reorder

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/apps/officer-web/Screens/Dashboard/Settings/IntegrationsSettings/GoogleAccount.tsx

@@ -22,6 +22,7 @@ export const GoogleAccount = () => {
   const [isLoading, setIsLoading] = useState(true);
   const [status, setStatus] = useState<GoogleStatus>({ connected: false, email: null, picture: null, configured: false });
   const [lastSyncAt, setLastSyncAt] = useState<string | null>(null);
+  const [dismissedError, setDismissedError] = useState(false);
   const { jobs, createJob, refetch } = useJobs({ type: 'gmail-sync' });
   const activeJob = jobs.find((j) => j.status === 'queued' || j.status === 'running');
   const lastJob = jobs[0];
@@ -143,11 +144,15 @@ export const GoogleAccount = () => {
             </div>
           </div>
         )}
-        {!activeJob && lastJob?.status === 'failed' && (
-          <div className="flex items-center gap-2 text-xs text-red-500">
+        {!activeJob && lastJob?.status === 'failed' && !dismissedError && (
+          <button
+            onClick={() => setDismissedError(true)}
+            className="flex items-center gap-2 text-xs text-red-500 hover:opacity-70 transition-opacity cursor-pointer text-left"
+            title="Click to dismiss"
+          >
             <XCircle className="h-3.5 w-3.5 shrink-0" />
             Last sync failed{lastJob.error ? `: ${lastJob.error}` : ''}
-          </div>
+          </button>
         )}
         {!activeJob && lastSyncAt && (
           <div className="flex items-center gap-2 text-xs text-duck-dark/50 dark:text-foreground/50">