Janady13/missionmatch / frontend/src/screens/Compliance.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/missionmatch / frontend/src/screens/Compliance.tsx
Date	Not specified in source
Repository	Janady13/missionmatch
Revision	09015496d565a172bcaa15cfe9a8e4b072b13df0
Branch	workstream-b-screenmatch
Path or archive member	frontend/src/screens/Compliance.tsx
Original SHA-256	03d493fdca6b3b8613974eb92292e36dfd4bc4cf6e76021fb4ff98f028aa94c1
Git blob SHA	b132bf1e57cd86105e2a1ca7ca71f0f3b532433c
Reading-copy SHA-256	03d493fdca6b3b8613974eb92292e36dfd4bc4cf6e76021fb4ff98f028aa94c1

Original source ↗

Every recorded occurrence

These 43 records contain identical original source bytes. Their paths and revisions remain part of the archive.

Original record	Branch or archive	Revision / identifier	Original location
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-b-screenmatch	09015496d565a172bcaa15cfe9a8e4b072b13df0	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-a-opportunity-intelligence	1675031db74316e100782d063e9eda1a597fe3a1	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-d-command-center	255e7d1d420abf5e277d0cd8c9b14f6f72b6acb9	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	w0-aedt-compliance	39df94f92b2a33f852481fe1954dabed841524bb	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-d-missionmatch	3be46ba89edb737182075a2b320509b42dc916f8	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-e-dataflow-deploy	433815a042f9741411e60fa553fe72143e9b10db	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	w3-ai-staffing-recommendations	43d56387270ef4da4cabd794d97ca6a49909bc7d	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-e-commercial-stubs	4437da660539284a400ee380b9b427a300c369ee	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws3-clearance	4b8e7ce594c068621867f9c9deed0ec64ae6c553	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-c-slatematch	5cd60c918301b46ecd6ed3e03e20c395da0062e2	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ai-intelligence-layer	5d5ddff70393a197c5f54a45280bb5dd42b24755	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws7-federal-signal	6a9f6ce9cfb13345ffb47770d4960e7c2d9c17c2	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws6-retrieval	6c56e29231ec05735927fa265c97d517499dfeaf	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	per-tenant-routing	9bde0f9a74b89d01980fa658e5253acda7528d0c	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ai-brain-live	aac32fc49c878cc5bca099459307611562d0bac1	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws1-ontology-sync	b596f449a32a1016fbd403c36505cc00a1ac9ee6	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ruthless-debug-sweep	b7d742f8f032984be3817efffa3eb8b13b651c1f	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	deploy-and-ops	bdacd9d0b4d5998d25fc74bf4007f4c3ec538c7a	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	phase2-eval-fairness	d361af254701975fe239927656ababb56374655e	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-b-sam-contract-awards	d5101cceb98e70000cebb31d3e7ac73d747d3a6d	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-a-shared-core	e0de03ac3a1ec826bd15d0e048e3b02baa23eeff	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws2-alias-relationship	e4dada4601c6eb101830f9d223a9655dfa120616	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	per-tenant-routing	9bde0f9a74b89d01980fa658e5253acda7528d0c	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws6-retrieval	6c56e29231ec05735927fa265c97d517499dfeaf	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-a-shared-core	e0de03ac3a1ec826bd15d0e048e3b02baa23eeff	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-c-slatematch	5cd60c918301b46ecd6ed3e03e20c395da0062e2	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws1-ontology-sync	b596f449a32a1016fbd403c36505cc00a1ac9ee6	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	w3-ai-staffing-recommendations	43d56387270ef4da4cabd794d97ca6a49909bc7d	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws3-clearance	4b8e7ce594c068621867f9c9deed0ec64ae6c553	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-d-command-center	255e7d1d420abf5e277d0cd8c9b14f6f72b6acb9	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	phase2-eval-fairness	d361af254701975fe239927656ababb56374655e	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-e-dataflow-deploy	433815a042f9741411e60fa553fe72143e9b10db	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ruthless-debug-sweep	b7d742f8f032984be3817efffa3eb8b13b651c1f	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ai-intelligence-layer	5d5ddff70393a197c5f54a45280bb5dd42b24755	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-a-opportunity-intelligence	1675031db74316e100782d063e9eda1a597fe3a1	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	deploy-and-ops	bdacd9d0b4d5998d25fc74bf4007f4c3ec538c7a	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-b-screenmatch	09015496d565a172bcaa15cfe9a8e4b072b13df0	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ws7-federal-signal	6a9f6ce9cfb13345ffb47770d4960e7c2d9c17c2	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-e-commercial-stubs	4437da660539284a400ee380b9b427a300c369ee	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	ai-brain-live	aac32fc49c878cc5bca099459307611562d0bac1	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-d-missionmatch	3be46ba89edb737182075a2b320509b42dc916f8	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	workstream-b-sam-contract-awards	d5101cceb98e70000cebb31d3e7ac73d747d3a6d	Open original
Janady13/missionmatch / frontend/src/screens/Compliance.tsx	w0-aedt-compliance	39df94f92b2a33f852481fe1954dabed841524bb	Open original

Recovered source transcript

Download complete source text ↓143 lines · 5.3 KB

import { Download, ShieldAlert, ShieldCheck } from 'lucide-react'
import { useAdverseImpact } from '../lib/queries'
import { api } from '../lib/api'
import { Badge, Panel } from '../components/ui'
import { flagRatio } from '../lib/format'
import type { AnalysisSection, ImpactRow } from '../lib/types'

export function Compliance() {
  const report = useAdverseImpact()

  async function downloadExport() {
    const text = await api.adverseImpactExport()
    const url = URL.createObjectURL(new Blob([text], { type: 'text/plain' }))
    const a = document.createElement('a')
    a.href = url
    a.download = 'adverse_impact_report.txt'
    a.click()
    URL.revokeObjectURL(url)
  }

  return (
    <div className="space-y-4">
      <Panel className="flex flex-wrap items-center justify-between gap-3 p-4">
        <div>
          <div className="flex items-center gap-2 text-base font-bold">
            <ShieldCheck size={18} style={{ color: 'var(--color-gold)' }} /> Adverse Impact and AEDT Compliance
          </div>
          <p className="mt-0.5 text-xs text-faint">
            Four fifths analysis over recorded decisions. The platform supplies this data for an
            independent audit run by the deploying employer.
          </p>
        </div>
        <button
          onClick={downloadExport}
          disabled={!report.data}
          className="flex items-center gap-2 rounded-lg border border-line/70 px-3 py-2 text-sm font-semibold text-muted hover:text-ink disabled:opacity-50"
        >
          <Download size={15} /> Export summary
        </button>
      </Panel>

      {report.isLoading && <Panel><p className="text-sm text-muted">Loading the report.</p></Panel>}

      {report.isError && (
        <Panel>
          <p className="text-sm text-warn">
            The adverse impact report is unavailable. It is read only by the compliance role and requires
            the compliance database connection. Detail: {(report.error as Error).message}
          </p>
        </Panel>
      )}

      {report.data && (
        <>
          <Panel>
            <dl className="grid grid-cols-1 gap-2 text-sm sm:grid-cols-2">
              <Meta k="Generated" v={report.data.generated_at} />
              <Meta k="Data covered" v={`${report.data.data_from || 'not available'} to ${report.data.data_to || 'not available'}`} />
              <Meta k="Source" v={report.data.source} wide />
              <Meta k="Method" v={report.data.method} wide />
            </dl>
          </Panel>
          <Section section={report.data.selection} />
          <Section section={report.data.screening} />
        </>
      )}
    </div>
  )
}

function Meta({ k, v, wide }: { k: string; v: string; wide?: boolean }) {
  return (
    <div className={wide ? 'sm:col-span-2' : ''}>
      <dt className="text-[11px] font-bold uppercase tracking-wider text-muted">{k}</dt>
      <dd className="text-ink">{v}</dd>
    </div>
  )
}

function Section({ section }: { section: AnalysisSection }) {
  return (
    <Panel
      title={section.stage}
      hint={`${section.total_n} analyzed, ${section.unknown_count} unknown category, ${section.no_demographics_count} with no consented demographics`}
    >
      <div className="space-y-4">
        <Cut title="By sex" rows={section.by_gender} />
        <Cut title="By race or ethnicity" rows={section.by_race_ethnicity} />
        <Cut title="Intersectional (sex by race or ethnicity)" rows={section.intersectional} />
      </div>
    </Panel>
  )
}

function Cut({ title, rows }: { title: string; rows: ImpactRow[] }) {
  return (
    <div>
      <div className="mb-1.5 text-[11px] font-bold uppercase tracking-wider text-muted">{title}</div>
      {rows.length === 0 ? (
        <p className="text-sm text-faint">No data.</p>
      ) : (
        <table className="w-full text-sm">
          <thead>
            <tr className="text-left text-[11px] uppercase tracking-wider text-faint">
              <th className="py-1 font-semibold">Group</th>
              <th className="py-1 text-right font-semibold">Selected</th>
              <th className="py-1 text-right font-semibold">Rate</th>
              <th className="py-1 text-right font-semibold">Impact ratio</th>
              <th className="py-1 text-right font-semibold">Status</th>
            </tr>
          </thead>
          <tbody>
            {rows.map((r) => (
              <tr key={r.group} className="border-t border-line/50">
                <td className="py-1.5">{r.group}</td>
                <td className="py-1.5 text-right tabular-nums text-muted">
                  {r.selected} of {r.considered}
                </td>
                <td className="py-1.5 text-right tabular-nums">{r.rate}</td>
                <td
                  className="py-1.5 text-right tabular-nums font-semibold"
                  style={{ color: r.flagged ? 'var(--color-risk)' : flagRatio(r.impact_ratio) }}
                >
                  {r.impact_ratio}
                </td>
                <td className="py-1.5 text-right">
                  {r.flagged ? (
                    <Badge color="var(--color-risk)" subtle>
                      <ShieldAlert size={12} /> Below 0.80
                    </Badge>
                  ) : (
                    <span className="text-faint">ok</span>
                  )}
                </td>
              </tr>
            ))}
          </tbody>
        </table>
      )}
    </div>
  )
}