From acbfca94f20679d60e4af59ac70b50a4e94d764d Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Fri, 29 May 2026 15:55:40 +0530
Subject: [PATCH] fixes

---
 src/FetchRequestDetail.tsx | 26 +++++++++++++++++++++-----
 src/FetchRequests.tsx      | 19 +++++++++++++++++--
 2 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/FetchRequestDetail.tsx b/src/FetchRequestDetail.tsx
index f33a47d..745d9e9 100644
--- a/src/FetchRequestDetail.tsx
+++ b/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>
   );
 }
diff --git a/src/FetchRequests.tsx b/src/FetchRequests.tsx
index be105d4..d63d204 100644
--- a/src/FetchRequests.tsx
+++ b/src/FetchRequests.tsx
@@ -304,20 +304,22 @@ export default function FetchRequests() {
           <Box sx={{ display: "flex", gap: 2 }}>
             <TextField
               label="Start Date"
-              type="datetime-local"
+              type="date"
               value={startDate}
               onChange={(e) => setStartDate(e.target.value)}
               size="small"
               InputLabelProps={{ shrink: true }}
+              inputProps={{ max: new Date().toISOString().split("T")[0] }}
               sx={{ flex: 1 }}
             />
             <TextField
               label="End Date"
-              type="datetime-local"
+              type="date"
               value={endDate}
               onChange={(e) => setEndDate(e.target.value)}
               size="small"
               InputLabelProps={{ shrink: true }}
+              inputProps={{ max: new Date().toISOString().split("T")[0] }}
               sx={{ flex: 1 }}
             />
           </Box>
@@ -465,6 +467,19 @@ export default function FetchRequests() {
                   </TableCell>
                   <TableCell align="right">
                     <Box sx={{ display: "flex", gap: 0.5, justifyContent: "flex-end" }}>
+                      {req.status === "paused" && (
+                        <Tooltip title="Resolve ambiguities">
+                          <IconButton
+                            size="small"
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              navigate(`/fetch-requests/${req.id}`);
+                            }}
+                          >
+                            <WarningAmberIcon fontSize="small" color="warning" />
+                          </IconButton>
+                        </Tooltip>
+                      )}
                       {req.status === "failed" && (req.retry_count ?? 0) < RETRY_MAX && (
                         <Tooltip title="Retry">
                           <IconButton