+ )
+}
+
/** Every chart that can render is wrapped in this, so one failing read never blanks the page. */
function ChartCard({ title, sub, query, height = 260, permission, children, footer }) {
return (
@@ -345,6 +440,8 @@ export default function Analytics() {
)}
+
+
{
+ await qc.invalidateQueries({ queryKey: qk.forms.all() })
+ await qc.invalidateQueries({ queryKey: qk.offers.all() })
+ await qc.invalidateQueries({ queryKey: ['candidates', 'history', userId] })
+ toast(success, 'success')
+ onDone?.()
+ },
+ onError: (err) => toast(friendlyAuthError(err, 'Could not save the form. Please try again.'), 'error'),
+ })
+}
+
+export default function CandidateFormsTab({ userId, live }) {
+ const { can } = useAuth()
+ // Open on the process's first step; the switcher order IS the paper sequence.
+ const [seg, setSeg] = useState('requisition')
+
+ // Forms attach to an application: an inbox row for email applicants, or the
+ // manual_upload_candidate row for hand-added / sourced candidates. Exactly
+ // one of these keys is sent (backend XOR).
+ const inboxId = live?.inbox_id ?? null
+ const manualId = !inboxId ? (live?.manual_upload_candidate_id ?? null) : null
+ const listParams = inboxId ? { inboxId } : { manualUploadCandidateId: manualId }
+ const hasApplication = Boolean(inboxId || manualId)
+ const stage = String(live?.application_status || '').toUpperCase()
+ const unlocked = formsApi.FORM_READY_STATUSES.includes(stage)
+
+ const defsQuery = useQuery({
+ queryKey: qk.forms.definitions(),
+ queryFn: formsApi.definitions,
+ enabled: hasApplication && unlocked,
+ staleTime: Infinity,
+ })
+ const formsQuery = useQuery({
+ queryKey: qk.forms.list(listParams),
+ queryFn: () => formsApi.list(listParams),
+ enabled: hasApplication && unlocked,
+ })
+ // Hoisted above OfferSection so the switcher can show the offer's done-dot.
+ const offersQuery = useQuery({
+ queryKey: qk.offers.list({ inboxId }),
+ queryFn: () => offersApi.list({ inboxId }),
+ enabled: Boolean(inboxId) && unlocked,
+ })
+
+ if (!hasApplication) {
+ return (
+
+ Hiring forms hang off an application record, and this candidate has none yet.
+
+ )
+ }
+ if (!unlocked) {
+ return (
+
+ This candidate is at {STAGE_FROM_STATUS[stage] ?? titleCase(stage)}. Move them along
+ the pipeline to fill the requisition, evaluation and offer forms.
+
+ )
+ }
+ if (defsQuery.isPending || formsQuery.isPending) {
+ return Fetching form definitions.
+ }
+ if (defsQuery.isError || formsQuery.isError) {
+ return (
+
+ {friendlyAuthError(defsQuery.error || formsQuery.error, 'Please try again.')}
+
+ )
+ }
+
+ const defs = defsQuery.data?.data
+ const rows = formsQuery.data?.data ?? []
+ const summary = formsQuery.data?.summary ?? null
+ const offers = offersQuery.data?.data ?? []
+ // Spread into create payloads — exactly one key, matching the backend XOR.
+ const link = inboxId
+ ? { inbox_id: Number(inboxId) }
+ : { manual_upload_candidate_id: manualId }
+
+ const done = {
+ requisition: rows.some((r) => r.form_type === 'requisition'),
+ interview_analysis: rows.some((r) => r.form_type === 'interview_analysis'),
+ cultural_fit: rows.some((r) => r.form_type === 'cultural_fit'),
+ offer: offers.length > 0,
+ }
+ const segTabs = [
+ { key: 'requisition', label: 'Requisition' },
+ { key: 'interview_analysis', label: 'Interview Analysis' },
+ { key: 'cultural_fit', label: 'Cultural Fit' },
+ { key: 'offer', label: 'Offer' },
+ ]
+
+ const evalCount = rows.filter(
+ (r) => r.form_type === 'interview_analysis' || r.form_type === 'cultural_fit',
+ ).length
+
+ return (
+ <>
+
+
+ {segTabs.map((t) => (
+
+ ))}
+
+
+ {seg === 'requisition' && (
+ r.form_type === 'requisition')?.id ?? 'new'}
+ def={defs.forms.requisition}
+ defs={defs}
+ rows={rows.filter((r) => r.form_type === 'requisition')}
+ userId={userId}
+ link={link}
+ live={live}
+ canCreate={can('interviews.create')}
+ canEdit={can('interviews.edit')}
+ />
+ )}
+ {(seg === 'interview_analysis' || seg === 'cultural_fit') && (
+ r.form_type === seg)}
+ userId={userId}
+ link={link}
+ live={live}
+ canCreate={can('interviews.create')}
+ canEdit={can('interviews.edit')}
+ />
+ )}
+ {seg === 'offer' && (
+
+ )}
+
+ )
+}
+
+/* ------------------------------------------------------------------
+ Annexure E's OVERALL SCORE SUMMARY — three section tiles plus the combined
+ overall as the hero. Values are magnitudes on a fixed 1–4 scale, so each
+ tile carries a thin single-hue meter; numbers stay in text ink. */
+
+function ScoreTile({ label, value, hero, sub }) {
+ const pct = value != null ? Math.max(0, Math.min(100, (value / 4) * 100)) : 0
+ return (
+
+ Scores come from the {evalCount === 1 ? 'evaluation form' : `${evalCount} evaluation forms`} filed
+ for this candidate — nothing is scored until an interviewer submits one.
+