feat(positions): show the position page around the hiring process (G#10)

[sunghan0919]

Summary

Build goal G#10. Product owner feedback: the position page was a long stack of plain text and underlined links. It now leads with where the search stands and what to do next. The layout was agreed from a mockup in the session.

Brief: §1.1 (principles unchanged), §2 (process order), §3, §4, §5.3.

Changes

• Header: title, status badge, "client · owner", key facts as chips (location and arrangement, pay, experience, openings).
• Process bar: Job description → Success profile → Sourcing → Matching → Outreach → Submission. Each step is done, now, or not started, with its count.
• Next card: one rule-based suggestion with a link (add or approve the JD, confirm the success profile, review uploaded resumes, add candidates, analyze, contact, board). No AI, and nothing runs by itself.
• Numbers: in pipeline, analyzed, interested, submitted.
• Links grouped into cards: Prepare the search, Candidates, Find candidates, Insights. Editing pages stay hidden from people who can't edit.
• Folded sections (<details>): job description and intake, position details, matching weights, change status, activity.
• New read-only GET /positions/:positionId/progress (permission matrix entry, api-contracts).

Deviation to flag

• The mockup had a "Strong match" number. It shows Analyzed instead, so the page doesn't set a score cutoff (score is reference only, §1.1).

Testing

• Unit: position-progress.test.ts (steps, next action)
• DB: progress.db.test.ts (JD and profile states, pipeline counts, pending drafts, tenant isolation)
• Component: new PositionDetail cases; existing ones updated for the folded details
• Not run locally (no Node or Postgres on this machine). CI is the first run.

Generated with AI assistance

Co-Authored-By: Interactor Build peter@interactor.com