fix: show sync error on client detail page, don't silently swallow

Author: dreynow

apps/observatory/src/pages/ClientDetailPage.tsx

@@ -85,10 +85,16 @@ export const ClientDetailPage: React.FC = () => {
     setUnassigningAgent(null);
   };
 
+  const [syncError, setSyncError] = useState<string | null>(null);
+
   const handleSync = async () => {
     setSyncing(true);
-    await triggerImport();
+    setSyncError(null);
+    const result = await triggerImport();
     setSyncing(false);
+    if (!result.ok) {
+      setSyncError(result.error || 'Sync failed');
+    }
   };
 
   return (
@@ -136,6 +142,13 @@ export const ClientDetailPage: React.FC = () => {
         </div>
       </motion.div>
 
+      {/* Sync error */}
+      {syncError && (
+        <motion.div variants={fadeUp} className="bg-[#FDF0F0] border border-[#F0C6C6] text-[#C23A3A] rounded-lg p-3 mb-4 text-sm flex items-center gap-2">
+          <AlertTriangle className="w-4 h-4 flex-shrink-0" /> {syncError}
+        </motion.div>
+      )}
+
       {/* QB Company Info */}
       {company && (
         <motion.div variants={fadeUp} className="bg-white border border-[#E8E5DE] rounded-lg p-4 mb-4 shadow-[0_1px_2px_rgba(26,24,20,0.04)]">