fixes

src/FetchRequestDetail.tsx

@@ -92,7 +92,7 @@ export default function FetchRequestDetail() {
   const navigate = useNavigate();
   const config = useConfig();
 
-  const { data: fetchRequest, isLoading, error: fetchError } = useFetchRequest(id!);
+  const { data: fetchRequest, isLoading, error: fetchError, refetch: refetchRequest } = useFetchRequest(id!);
   const updateMutation = useUpdateFetchRequest();
   const resolveMutation = useResolveAmbiguity();
   const { data: ambiguities, refetch: refetchAmbiguities } = useFetchRequestAmbiguities(id!);
@@ -114,6 +114,10 @@ export default function FetchRequestDetail() {
       try {
         const parsed: SSEEvent = JSON.parse(event.data);
         setSseEvents((prev) => [...prev, parsed]);
+        if (parsed.status === "paused") {
+          refetchRequest();
+          refetchAmbiguities();
+        }
       } catch {
         // ignore malformed events
       }
@@ -175,6 +179,7 @@ export default function FetchRequestDetail() {
   const resolvedAmbiguities = ambiguities?.filter((a: any) => a.status === "resolved") ?? [];
   const hasAmbiguities = ambiguities && ambiguities.length > 0;
   const allResolved = hasAmbiguities && pendingAmbiguities.length === 0;
+  const ambiguitiesLoading = !ambiguities;
 
   return (
     <Container sx={{ mt: 4, mb: 4 }}>
@@ -358,22 +363,32 @@ export default function FetchRequestDetail() {
         </Box>
       </Paper>
 
-      {hasAmbiguities && (
+      {(hasAmbiguities || req.status === "paused") && (
         <Paper sx={{ p: 3, borderRadius: 4, mb: 3 }} variant="outlined">
           <Typography variant="subtitle1" fontWeight={600} gutterBottom>
             Ambiguity Resolution
           </Typography>
 
-          {allResolved ? (
+          {ambiguitiesLoading ? (
+            <Box sx={{ display: "flex", alignItems: "center", gap: 1, py: 2 }}>
+              <CircularProgress size={16} />
+              <Typography variant="body2" color="text.secondary">Loading ambiguities...</Typography>
+            </Box>
+          ) : allResolved ? (
             <Alert severity="success" sx={{ mb: 2, borderRadius: 2 }}>
               All ambiguities resolved — pipeline will resume on next poll cycle
             </Alert>
+          ) : !hasAmbiguities ? (
+            <Alert severity="info" sx={{ mb: 2, borderRadius: 2 }}>
+              Pipeline paused — no ambiguities found
+            </Alert>
           ) : (
             <Alert severity="warning" sx={{ mb: 2, borderRadius: 2 }}>
               Pipeline paused — resolve ambiguities to continue
             </Alert>
           )}
 
+          {hasAmbiguities && (
           <Box sx={{ display: "flex", flexDirection: "column", gap: 2 }}>
             {ambiguities.map((ambiguity: any) => {
               const isResolved = ambiguity.status === "resolved";
@@ -444,8 +459,9 @@ export default function FetchRequestDetail() {
               );
             })}
           </Box>
-        </Paper>
-      )}
+        )}
+      </Paper>
+    )}
     </Container>
   );
 }