From 6d9c278f40f13d903f44da706f826a5785c82adf Mon Sep 17 00:00:00 2001
From: cesnimda <connor.babbington@cesnimda.co.uk>
Date: Sun, 22 Mar 2026 20:36:02 +0100
Subject: [PATCH] fix: repair frontend production build regressions

---
 job-tracker-ui/src/App.test.tsx               |  2 +
 job-tracker-ui/src/components/AddJobModal.tsx | 14 +------
 .../src/components/DashboardView.tsx          | 21 ++++------
 job-tracker-ui/src/components/JobTable.tsx    | 34 ++++++++++------
 job-tracker-ui/src/layout/AppShell.tsx        |  1 +
 job-tracker-ui/src/pages/AdminSystemPage.tsx  | 15 +++----
 job-tracker-ui/src/pages/AdminUsersPage.tsx   | 39 ++-----------------
 job-tracker-ui/src/types.ts                   |  3 ++
 8 files changed, 45 insertions(+), 84 deletions(-)

diff --git a/job-tracker-ui/src/App.test.tsx b/job-tracker-ui/src/App.test.tsx
index 61f66c5..4fa0853 100644
--- a/job-tracker-ui/src/App.test.tsx
+++ b/job-tracker-ui/src/App.test.tsx
@@ -1,3 +1,5 @@
 test('test harness is configured', () => {
   expect(true).toBe(true);
 });
+
+export {};
diff --git a/job-tracker-ui/src/components/AddJobModal.tsx b/job-tracker-ui/src/components/AddJobModal.tsx
index 18ef049..22ffb2e 100644
--- a/job-tracker-ui/src/components/AddJobModal.tsx
+++ b/job-tracker-ui/src/components/AddJobModal.tsx
@@ -394,10 +394,7 @@ export default function AddJobModal({ open, onClose, onCreated }: Props) {
           </Box>
 
           <Box sx={{ gridColumn: "1 / -1", display: "flex", alignItems: "center", justifyContent: "space-between", gap: 2, mt: 1, flexWrap: "wrap" }}>
-            <FormControlLabel
-              control={<Checkbox checked={saveAndAddAnother} onChange={(e) => setSaveAndAddAnother(e.target.checked)} />}
-              label="Save and add another"
-            />
+            <FormControlLabel control={<Checkbox checked={saveAndAddAnother} onChange={(e) => setSaveAndAddAnother(e.target.checked)} />} label="Save and add another" />
             <Box sx={{ display: "flex", gap: 1 }}>
               <Button variant="outlined" onClick={onClose}>Cancel</Button>
               <Button variant="contained" onClick={() => void createJob()} disabled={saving || !canSave}>
@@ -410,12 +407,3 @@ export default function AddJobModal({ open, onClose, onCreated }: Props) {
     </Dialog>
   );
 }
-veAndAddAnother ? "Save and continue" : "Add job"}
-              </Button>
-            </Box>
-          </Box>
-        </Box>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/job-tracker-ui/src/components/DashboardView.tsx b/job-tracker-ui/src/components/DashboardView.tsx
index 86a8771..2e6ee9e 100644
--- a/job-tracker-ui/src/components/DashboardView.tsx
+++ b/job-tracker-ui/src/components/DashboardView.tsx
@@ -28,6 +28,12 @@ interface JobStats {
   averageDaysSinceApplied: number;
 }
 
+type ReminderJob = {
+  id: number;
+  tailoredCvText?: string | null;
+  followUpReason?: string | null;
+};
+
 type AnalyticsPoint = { month: string; applied: number; responses: number };
 type TagPoint = { tag: string; count: number };
 type SummarizerMetrics = {
@@ -126,12 +132,14 @@ export default function DashboardView() {
   const [analytics, setAnalytics] = useState<AnalyticsPoint[]>([]);
   const [tags, setTags] = useState<TagPoint[]>([]);
   const [summarizerMetrics, setSummarizerMetrics] = useState<SummarizerMetrics | null>(null);
+  const [reminderJobs, setReminderJobs] = useState<ReminderJob[]>([]);
   const [prefs, setPrefs] = useState<Prefs>(() => loadPrefs());
   const [prefsAnchor, setPrefsAnchor] = useState<HTMLElement | null>(null);
 
   useEffect(() => {
     api.get<JobStats>("/jobapplications/stats").then((r) => setStats(r.data));
     api.get<OverviewAnalytics>("/jobapplications/analytics-overview").then((r) => setOverview(r.data)).catch(() => setOverview(null));
+    api.get<ReminderJob[]>("/jobapplications/reminders", { params: { upcomingDays: 14 } }).then((r) => setReminderJobs(Array.isArray(r.data) ? r.data : [])).catch(() => setReminderJobs([]));
   }, []);
 
   useEffect(() => {
@@ -430,16 +438,3 @@ export default function DashboardView() {
     </Box>
   );
 }
-
-
-
-cent summarizer errors recorded."}</Typography>
-          </Paper>
-        </Paper>
-      ) : null}
-    </Box>
-  );
-}
-
-
-
diff --git a/job-tracker-ui/src/components/JobTable.tsx b/job-tracker-ui/src/components/JobTable.tsx
index e826bf5..b878918 100644
--- a/job-tracker-ui/src/components/JobTable.tsx
+++ b/job-tracker-ui/src/components/JobTable.tsx
@@ -66,6 +66,7 @@ interface JobApplication {
   followUpReason?: string | null;
   shortSummary?: string | null;
   fullSummary?: string | null;
+  tailoredCvText?: string | null;
 }
 
 interface PagedResult<T> {
@@ -140,6 +141,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
   const [locationFilter, setLocationFilter] = useState("");
   const debouncedLocation = useDebouncedValue(locationFilter, 250);
   const [needsFollowUpOnly, setNeedsFollowUpOnly] = useState(false);
+  const [readinessFilter, setReadinessFilter] = useState<"all" | "needs-work" | "interview">("all");
   const { companies } = useCompanies();
   const [companyFilterId, setCompanyFilterId] = useState<number | "All">("All");
   const [detailsJobId, setDetailsJobId] = useState<number | null>(null);
@@ -196,10 +198,16 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
     setExpanded((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));
   };
 
-  const selectedAllOnPage = jobs.length > 0 && jobs.every((job) => selectedIds.includes(job.id));
+  const filteredJobs = useMemo(() => {
+    if (readinessFilter === "all") return jobs;
+    if (readinessFilter === "interview") return jobs.filter((job) => job.status === "Interview" || job.status === "Interviewing");
+    return jobs.filter((job) => !job.tailoredCvText || !job.notes);
+  }, [jobs, readinessFilter]);
+
+  const selectedAllOnPage = filteredJobs.length > 0 && filteredJobs.every((job) => selectedIds.includes(job.id));
 
   const toggleSelectAll = (checked: boolean) => {
-    setSelectedIds(checked ? jobs.map((job) => job.id) : []);
+    setSelectedIds(checked ? filteredJobs.map((job) => job.id) : []);
   };
 
   const toggleSelected = (id: number, checked: boolean) => {
@@ -274,15 +282,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
   return (
     <Box>
       <Box sx={{ display: "flex", gap: 2, alignItems: "center", justifyContent: "space-between", mt: 2, flexWrap: "wrap" }}>
-        <TextField
-          label="Search"
-          value={search}
-          onChange={(e) => { setSearch(e.target.value); setPage(0); }}
-          placeholder="Title, company, notes, messages"
-          size="small"
-          InputProps={{ startAdornment: <InputAdornment position="start"><SearchIcon fontSize="small" /></InputAdornment> }}
-          sx={{ minWidth: 320, flex: "1 1 320px" }}
-        />
+        <TextField label="Search" value={search} onChange={(e) => { setSearch(e.target.value); setPage(0); }} placeholder="Title, company, notes, messages" size="small" InputProps={{ startAdornment: <InputAdornment position="start"><SearchIcon fontSize="small" /></InputAdornment> }} sx={{ minWidth: 320, flex: "1 1 320px" }} />
 
         <FormControl sx={{ minWidth: 160 }} size="small">
           <InputLabel>Status</InputLabel>
@@ -303,6 +303,16 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
 
         <Box sx={{ display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }}>
           {mode === "jobs" ? <FormControlLabel control={<Checkbox checked={needsFollowUpOnly} onChange={(e) => { setNeedsFollowUpOnly(e.target.checked); setPage(0); }} />} label="Needs follow-up" /> : null}
+          {mode === "jobs" ? (
+            <FormControl size="small" sx={{ minWidth: 180 }}>
+              <InputLabel>Readiness</InputLabel>
+              <Select value={readinessFilter} label="Readiness" onChange={(e) => setReadinessFilter(e.target.value as any)}>
+                <MenuItem value="all">All readiness</MenuItem>
+                <MenuItem value="needs-work">Needs work</MenuItem>
+                <MenuItem value="interview">Interview stage</MenuItem>
+              </Select>
+            </FormControl>
+          ) : null}
           {mode === "jobs" ? <FormControlLabel control={<Checkbox checked={includeDeleted} onChange={(e) => { setIncludeDeleted(e.target.checked); setPage(0); }} />} label="Show deleted" /> : null}
           <SavedViewsMenu current={{ q: search.trim() || undefined, status: statusFilter !== "All" ? statusFilter : undefined, companyId: companyFilterId === "All" ? undefined : (companyFilterId as number), location: locationFilter.trim() || undefined, needsFollowUp: needsFollowUpOnly ? true : undefined }} onApply={(p: SavedViewParams) => { setSearch(p.q ?? ""); setStatusFilter(p.status ?? "All"); setCompanyFilterId(p.companyId ?? "All"); setLocationFilter(p.location ?? ""); setNeedsFollowUpOnly(Boolean(p.needsFollowUp)); setPage(0); }} />
           <Tooltip title="Columns"><IconButton onClick={(e) => setColumnsAnchor(e.currentTarget)}><ViewColumnIcon /></IconButton></Tooltip>
@@ -391,7 +401,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
                 </React.Fragment>
               );
             })}
-            {jobs.length === 0 ? <TableRow><TableCell colSpan={9}><Typography sx={{ py: 2, textAlign: "center" }}>No jobs found.</Typography></TableCell></TableRow> : null}
+            {filteredJobs.length === 0 ? <TableRow><TableCell colSpan={9}><Typography sx={{ py: 2, textAlign: "center" }}>No jobs found.</Typography></TableCell></TableRow> : null}
           </TableBody>
         </Table>
         <TablePagination component="div" count={total} page={page} onPageChange={(_, next) => setPage(next)} rowsPerPage={pageSize} onRowsPerPageChange={(e) => { onPageSizeChange(Number(e.target.value) as 15 | 20 | 25); setPage(0); }} rowsPerPageOptions={[15, 20, 25]} />
diff --git a/job-tracker-ui/src/layout/AppShell.tsx b/job-tracker-ui/src/layout/AppShell.tsx
index feb00d7..9c80dc3 100644
--- a/job-tracker-ui/src/layout/AppShell.tsx
+++ b/job-tracker-ui/src/layout/AppShell.tsx
@@ -31,6 +31,7 @@ export type NavItem = {
   icon: React.ReactNode;
   hidden?: boolean;
   section?: string;
+  badgeCount?: number;
 };
 
 function initialsFrom(s?: string) {
diff --git a/job-tracker-ui/src/pages/AdminSystemPage.tsx b/job-tracker-ui/src/pages/AdminSystemPage.tsx
index 332b81c..5a4a8eb 100644
--- a/job-tracker-ui/src/pages/AdminSystemPage.tsx
+++ b/job-tracker-ui/src/pages/AdminSystemPage.tsx
@@ -54,9 +54,14 @@ function formatBytes(bytes?: number | null) {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 
+function displayMetadata(value?: string | null) {
+  return value && value.trim().length > 0 ? value : "-";
+}
+
 export default function AdminSystemPage() {
   const [status, setStatus] = useState<SystemStatus | null>(null);
   const [loading, setLoading] = useState(false);
+  const [runningProbe, setRunningProbe] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
   const load = async () => {
@@ -193,13 +198,3 @@ export default function AdminSystemPage() {
     </Box>
   );
 }
-.summarizer.lastError}</Alert> : null}
-      </Paper>
-    </Box>
-  );
-}
-tus.summarizer.lastError}</Alert> : null}
-      </Paper>
-    </Box>
-  );
-}
diff --git a/job-tracker-ui/src/pages/AdminUsersPage.tsx b/job-tracker-ui/src/pages/AdminUsersPage.tsx
index 21148e2..ce3889a 100644
--- a/job-tracker-ui/src/pages/AdminUsersPage.tsx
+++ b/job-tracker-ui/src/pages/AdminUsersPage.tsx
@@ -30,6 +30,7 @@ type UserDto = {
 
 export default function AdminUsersPage() {
   const { toast } = useToast();
+  const { confirmAction } = useDialogActions();
   const [users, setUsers] = useState<UserDto[]>([]);
   const [loading, setLoading] = useState(false);
 
@@ -122,21 +123,9 @@ export default function AdminUsersPage() {
           Send a quick delivery check using the configured SMTP settings. Leave the recipient blank to use your admin email.
         </Typography>
         <Box sx={{ display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 1.5 }}>
-          <TextField
-            label="Recipient email"
-            value={testEmailTo}
-            onChange={(e) => setTestEmailTo(e.target.value)}
-            placeholder="Uses your admin email if left blank"
-          />
+          <TextField label="Recipient email" value={testEmailTo} onChange={(e) => setTestEmailTo(e.target.value)} placeholder="Uses your admin email if left blank" />
           <TextField label="Subject" value={testEmailSubject} onChange={(e) => setTestEmailSubject(e.target.value)} />
-          <TextField
-            label="Message"
-            multiline
-            minRows={3}
-            value={testEmailMessage}
-            onChange={(e) => setTestEmailMessage(e.target.value)}
-            sx={{ gridColumn: { xs: "1 / -1", md: "1 / -1" } }}
-          />
+          <TextField label="Message" multiline minRows={3} value={testEmailMessage} onChange={(e) => setTestEmailMessage(e.target.value)} sx={{ gridColumn: { xs: "1 / -1", md: "1 / -1" } }} />
         </Box>
         <Box sx={{ display: "flex", justifyContent: "flex-end", mt: 1.5 }}>
           <Button variant="contained" disabled={sendingTestEmail} onClick={() => void sendTestEmail()}>
@@ -212,28 +201,6 @@ export default function AdminUsersPage() {
               );
             })}
 
-            {!loading && users.length === 0 ? (
-              <TableRow>
-                <TableCell colSpan={7}>
-                  <Typography sx={{ color: "text.secondary", py: 2, textAlign: "center" }}>No users.</Typography>
-                </TableCell>
-              </TableRow>
-            ) : null}
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </Paper>
-  );
-}
-         <Button size="small" color="error" variant="outlined" onClick={() => void remove(u)}>
-                        Delete
-                      </Button>
-                    </Box>
-                  </TableCell>
-                </TableRow>
-              );
-            })}
-
             {!loading && users.length === 0 ? (
               <TableRow>
                 <TableCell colSpan={5}>
diff --git a/job-tracker-ui/src/types.ts b/job-tracker-ui/src/types.ts
index 8e4edd6..0c867bd 100644
--- a/job-tracker-ui/src/types.ts
+++ b/job-tracker-ui/src/types.ts
@@ -32,9 +32,12 @@ export interface JobApplication {
   deadline?: string;
   notes?: string;
   coverLetterText?: string;
+  recruiterMessageDraft?: string | null;
   jobUrl?: string;
   shortSummary?: string;
   fullSummary?: string | null;
+  tailoredCvText?: string | null;
+  tailoredCvUpdatedAt?: string | null;
 
   hasResume?: boolean;
   hasCoverLetter?: boolean;