feat(jobs): complete workspace draft parity

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

@@ -175,6 +175,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
   const location = useLocation();
   const navigate = useNavigate();
   const listRouteRef = useRef(`${location.pathname}${location.search}`);
+  const restoredFocusJobIdRef = useRef<number | null>(null);
   const [jobs, setJobs] = useState<JobApplication[]>([]);
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(() => queryPage(location.search));
@@ -287,7 +288,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
   };
 
   const openJob = useCallback((jobId: number, path?: string) => {
-    navigate(path ?? `/jobs/${jobId}`, { state: { from: listRouteRef.current } });
+    navigate(path ?? `/jobs/${jobId}`, { state: { from: listRouteRef.current, focusJobId: jobId } });
   }, [navigate]);
 
   const params = useMemo(() => ({
@@ -338,6 +339,15 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
     return jobs.filter((job) => needsWorkflowWork(job));
   }, [jobs, readinessFilter]);
 
+  useEffect(() => {
+    const focusJobId = (location.state as { focusJobId?: unknown } | null)?.focusJobId;
+    if (typeof focusJobId !== "number" || restoredFocusJobIdRef.current === focusJobId || jobsResource.loading) return;
+    const row = document.querySelector<HTMLElement>(`[data-job-row-id="${focusJobId}"]`);
+    if (!row) return;
+    restoredFocusJobIdRef.current = focusJobId;
+    row.focus();
+  }, [filteredJobs, jobsResource.loading, location.state]);
+
   // Distinguishes "you have zero jobs, period" from "no results match your filters" so the
   // empty state can actually help a first-time user instead of just saying "nothing here".
   const noFiltersActive = !debouncedSearch.trim() && statusFilter === "All" && companyFilterId === "All"
@@ -640,6 +650,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
               return (
                 <Paper
                   key={job.id}
+                  data-job-row-id={job.id}
                   role={mode === "jobs" && !job.isDeleted ? "link" : undefined}
                   tabIndex={mode === "jobs" && !job.isDeleted ? 0 : undefined}
                   aria-label={mode === "jobs" && !job.isDeleted ? `Open ${job.jobTitle} at ${job.company?.name ?? "company"}` : undefined}
@@ -780,6 +791,7 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
                   return (
                       <TableRow
                         key={job.id}
+                        data-job-row-id={job.id}
                         hover={mode === "jobs" && !job.isDeleted}
                         tabIndex={mode === "jobs" && !job.isDeleted ? 0 : undefined}
                         aria-label={mode === "jobs" && !job.isDeleted ? `Open ${job.jobTitle} at ${job.company?.name ?? "company"}` : undefined}