style: polish job details attachments and add job modal

2026-03-22 14:29:27 +01:00
parent ef04961c9f
commit 9908674b8f
4 changed files with 37 additions and 10 deletions
@@ -105,15 +105,23 @@ export default function JobDetailsDialog({ open, jobId, onClose }: Props) {

  return (
    <Dialog open={open} onClose={onClose} fullWidth maxWidth="md">
-      <DialogTitle>
+      <DialogTitle sx={{ pb: 1 }}>
        <Box sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 2, flexWrap: "wrap" }}>
-          <Typography variant="h6">{title}</Typography>
+          <Box>
+            <Typography variant="overline" sx={{ color: "text.secondary" }}>Job workspace</Typography>
+            <Typography variant="h6">{title}</Typography>
+          </Box>
          {job && <Chip label={job.status} color={statusChipColor(job.status)} size="small" />}
        </Box>
      </DialogTitle>

      <DialogContent>
        <JobFlowBar job={job} history={history} />
+        <Box sx={{ mt: 1.5, mb: 2, p: 1.5, borderRadius: 3, border: "1px solid", borderColor: "divider", backgroundColor: "background.paper" }}>
+          <Typography variant="body2" sx={{ color: "text.secondary" }}>
+            {job?.fullSummary ?? job?.shortSummary ?? "Track company context, communication, files, and next steps in one place."}
+          </Typography>
+        </Box>
        <Tabs value={tab} onChange={(_, v) => setTab(v)} sx={{ mb: 2 }}>
          <Tab label="Overview" />
          <Tab label="Correspondence" />