fix: repair frontend production build regressions

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>
-  );
-}

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>
-  );
-}
-
-
-

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]} />