Reqs become open job orders when the client sponsor approves - approved reqs open with one click.
);
}
/* ============================== JOB DETAIL ============================== */
function JobDetailScreen({ id, sub }) {
const D = window.E8DATA;
/* R100: resolve across open/closed/filled. D.jobs is only the OPEN set; closed + filled reqs live
in their own arrays and are shown read-only. */
const resolved = window.jobById ? window.jobById(id)
: (D.jobs.find((j) => j.id === id) ? { row: D.jobs.find((j) => j.id === id), status: 'open' } : null);
const J = resolved ? resolved.row : null;
const status = resolved ? resolved.status : null;
const { showToast } = React.useContext(E8Ctx);
const cap = React.useContext(CaptureCtx); /* R98 5A: Add candidate opens the résumé intake with this job as context */
const [matchInsights, setMatchInsights] = React.useState(D.insights.matching);
const [closing, setClosing] = React.useState(null); /* R100: reason picker for closing an open job from the detail */
const [, setDecTick] = React.useState(0);
/* R99/R100: re-render when the requisition is edited, submissions/decisions change, or the job's
lifecycle flips (close/reopen) so the header, tabs and status banner stay live without a reload. */
React.useEffect(() => (window.E8Events ? window.E8Events.subscribe(['match:decided', 'match:accepted', 'store:changed', 'job:updated'], () => setDecTick((t) => t + 1)) : undefined), []);
if (!J) {
return (
{window.E8Match.FACETS.map((f) => (
))}
Weights re-blend the stored facet scores instantly - no re-embedding. Your accept/reject decisions nudge them too.
{run ? (
Scores computed on-device ({run.engine}) - candidate data never left this browser. Accepting creates a real submission.
) : queue === 'accepted' && counts.accepted > 0 ? (
Accepted matches carry AI + human QA provenance on submission.
) : null}
);
}
/* ---------- Secondary job tabs ---------- */
/* R99 Task 2: rich requisition view building blocks. Each section renders only when it
has data; tokens only (ink via --ui-*-text; status via success/warning tones). */
const REQ_WEEK = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'];
function reqCap(s) { s = String(s || ''); return s ? s.charAt(0).toUpperCase() + s.slice(1) : s; }
function reqHas(v) { return v != null && v !== '' && !(Array.isArray(v) && v.length === 0); }
function ReqSection({ label, badge, children }) {
return (
{label}
{badge || null}
{children}
);
}
function ReqFact({ k, v, tnum, tone }) {
if (!reqHas(v)) return null;
return (
{k}
{v}
);
}
/* The star of the requisition: the conditional location/schedule block. */
function ReqLocationBlock({ loc }) {
if (!loc) return null;
const type = loc.type || 'onsite';
const title = type === 'remote' ? 'Remote' : type === 'hybrid'
? 'Hybrid · ' + loc.daysOnsite + ' day' + (loc.daysOnsite === 1 ? '' : 's') + ' onsite'
: 'Onsite · 5 days onsite';
const remoteSub = [loc.timezone ? 'works ' + loc.timezone + ' hours' : null, loc.geo].filter(Boolean).join(' · ');
return (
);
}
function JobOverviewTab({ job, det, flagship, draftedScope }) {
const req = window.reqOf ? window.reqOf(job.id) : null;
/* Graceful fallback - a job with a typed loc but no full requisition keeps the thin scope view. */
if (!req) {
const description = det ? det.description : null;
const loc = job.loc && window.jobLocDetail ? window.jobLocDetail(job.loc) : null;
return (
{description || 'Scope summary drafted from the intake notes - confirm rate, on-site cadence and must-haves with the sponsor before first submittals. Source emails are linked from the intake record.'}