Add confirmation for deletion

job-tracker-ui/src/components/JobDetailsDialog.tsx

@@ -16,6 +16,7 @@ import {
 
 import { api } from "../api";
 import { JobApplication } from "../types";
+import { useToast } from "../toast";
 
 import Correspondence from "./Correspondence";
 import Attachments from "./Attachments";
@@ -50,6 +51,7 @@ function statusChipColor(status: string): "default" | "primary" | "warning" | "e
 }
 
 export default function JobDetailsDialog({ open, jobId, onClose }: Props) {
+  const { toast } = useToast();
   const [job, setJob] = useState<JobApplication | null>(null);
   const [tab, setTab] = useState(0);
   const [history, setHistory] = useState<{ id: number; type: string; oldValue?: string; newValue?: string; note?: string; at: string }[]>([]);
@@ -57,6 +59,7 @@ export default function JobDetailsDialog({ open, jobId, onClose }: Props) {
   const [followUpDraft, setFollowUpDraft] = useState<FollowUpDraft | null>(null);
   const [loadingDraft, setLoadingDraft] = useState(false);
   const [sendingDraft, setSendingDraft] = useState(false);
+  const [refreshingAi, setRefreshingAi] = useState(false);
   const [draftRecipient, setDraftRecipient] = useState("");
   const [draftSubject, setDraftSubject] = useState("");
   const [draftBody, setDraftBody] = useState("");
@@ -182,12 +185,33 @@ export default function JobDetailsDialog({ open, jobId, onClose }: Props) {
                 <Typography sx={{ whiteSpace: "pre-wrap" }}>{job.translatedDescription}</Typography>
               </Box>
             ) : null}
-            {job?.fullSummary || job?.shortSummary ? (
-              <Box sx={{ gridColumn: "1 / -1", mt: 1 }}>
-                <Typography variant="overline">Summary</Typography>
-                <Typography sx={{ whiteSpace: "pre-wrap" }}>{job?.fullSummary ?? job?.shortSummary}</Typography>
+            <Box sx={{ gridColumn: "1 / -1", mt: 1 }}>
+              <Box sx={{ display: "flex", justifyContent: "space-between", gap: 1, alignItems: "center", flexWrap: "wrap", mb: 0.5 }}>
+                <Typography variant="overline">Summary and skills</Typography>
+                <Button
+                  size="small"
+                  variant="outlined"
+                  disabled={refreshingAi}
+                  onClick={async () => {
+                    if (!jobId) return;
+                    if (!window.confirm("Overwrite the current summary and skills with a freshly generated version?")) return;
+                    setRefreshingAi(true);
+                    try {
+                      const res = await api.post<JobApplication>(`/jobapplications/${jobId}/refresh-ai`);
+                      setJob(res.data);
+                      toast("Summary and skills refreshed.", "success");
+                    } catch (error: any) {
+                      toast(error?.response?.data || "Failed to refresh summary and skills.", "error");
+                    } finally {
+                      setRefreshingAi(false);
+                    }
+                  }}
+                >
+                  {refreshingAi ? "Refreshing..." : "Refresh summary and skills"}
+                </Button>
               </Box>
-            ) : null}
+              <Typography sx={{ whiteSpace: "pre-wrap" }}>{job?.fullSummary ?? job?.shortSummary ?? "No summary yet."}</Typography>
+            </Box>
             <Box sx={{ gridColumn: "1 / -1" }}>
               <Typography variant="overline">Notes</Typography>
               <Typography sx={{ whiteSpace: "pre-wrap" }}>{job?.notes ?? ""}</Typography>