Use-Case-Mapping-Filter für Master Controls + Mapper-Präzisionsfix
CI / detect-changes (push) Successful in 14s
CI / branch-name (push) Has been skipped
CI / guardrail-integrity (push) Has been skipped
CI / secret-scan (push) Has been skipped
CI / dep-audit (push) Has been skipped
CI / sbom-scan (push) Has been skipped
CI / build-sha-integrity (push) Failing after 7s
CI / validate-canonical-controls (push) Successful in 13s
CI / loc-budget (push) Failing after 15s
CI / go-lint (push) Has been skipped
CI / test-go (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / nodejs-build (push) Successful in 2m23s
CI / iace-gt-coverage (push) Has been skipped
CI / test-python-backend (push) Successful in 34s
CI / test-python-document-crawler (push) Has been skipped
CI / test-python-dsms-gateway (push) Has been skipped

Phase 2: Live-Filter an /sdk/master-controls (Use Case, Quell-Regulierung,
Verifikations-Methode, Coverage, Primärzweck-Toggle, category via Member-EXISTS).
API mit EXISTS-Filtern + gecachten Meta-Counts in master-controls/route.ts.

Phase A: neue UseCase telekommunikation + Fix der Impressum-Fehlrouten im
Register (TKG/AT-TKG->telekommunikation, telemedien->dse, GewO->handelsrecht);
echte Impressum-Quellen (TMG/Mediengesetz) bleiben impressum. Deterministischer
Seed aus source_regulation; Tests grün.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-06-09 23:19:56 +02:00
parent c4d9b1426f
commit 372e1fe9e9
10 changed files with 434 additions and 45 deletions
@@ -10,6 +10,19 @@ const dbUrl = process.env.COMPLIANCE_DATABASE_URL ||
const pool = new Pool({ connectionString: dbUrl })
// handleMeta returns global (filter-independent) counts incl. a ~2s member-join
// facet. It is refetched on every filter change, so cache it briefly.
let metaCache: { at: number; data: unknown } | null = null
const META_TTL_MS = 120_000
type MCListRow = {
id: string; control_id: string; title: string; objective: string
severity: string; category: string; total_controls: number
phases_covered: string[] | null; created_at: string
verification_method: string | null; use_cases: string[] | null
primary_regulation: string | null
}
/**
* MC API that returns data in the same format as the canonical controls
* endpoint. This allows the MC page to reuse ControlListView components.
@@ -43,17 +56,14 @@ export async function GET(request: NextRequest) {
}
}
async function handleControls(params: URLSearchParams) {
const search = params.get('search') || ''
const limit = Math.min(parseInt(params.get('limit') || '50'), 200)
const offset = parseInt(params.get('offset') || '0')
const sort = params.get('sort') || 'control_id'
const order = params.get('order') === 'desc' ? 'DESC' : 'ASC'
// Shared WHERE builder so list + count stay in lock-step (incl. the
// use_case / verification_method / source_regulation mapping filters).
function buildControlsWhere(params: URLSearchParams): { where: string; args: unknown[]; idx: number } {
let where = "WHERE 1=1"
const args: unknown[] = []
let idx = 1
const search = params.get('search') || ''
if (search) {
where += ` AND mc.canonical_name ILIKE $${idx}`
args.push(`%${search}%`)
@@ -61,11 +71,9 @@ async function handleControls(params: URLSearchParams) {
}
const severity = params.get('severity') || ''
if (severity) {
if (severity === 'high') { where += ` AND mc.total_controls > 100` }
else if (severity === 'medium') { where += ` AND mc.total_controls BETWEEN 20 AND 100` }
else if (severity === 'low') { where += ` AND mc.total_controls < 20` }
}
if (severity === 'high') { where += ` AND mc.total_controls > 100` }
else if (severity === 'medium') { where += ` AND mc.total_controls BETWEEN 20 AND 100` }
else if (severity === 'low') { where += ` AND mc.total_controls < 20` }
const domain = params.get('domain') || ''
if (domain) {
@@ -74,6 +82,67 @@ async function handleControls(params: URLSearchParams) {
idx++
}
const useCase = params.get('use_case') || ''
const primaryOnly = params.get('primary') === '1'
if (useCase) {
where += ` AND EXISTS (SELECT 1 FROM compliance.mc_use_case_mappings m
WHERE m.master_control_uuid = mc.id AND m.use_case = $${idx}${primaryOnly ? ' AND m.is_primary' : ''})`
args.push(useCase)
idx++
}
const verification = params.get('verification_method') || ''
if (verification === '__none__') {
where += ` AND NOT EXISTS (SELECT 1 FROM compliance.mc_verification v
WHERE v.master_control_uuid = mc.id)`
} else if (verification) {
where += ` AND EXISTS (SELECT 1 FROM compliance.mc_verification v
WHERE v.master_control_uuid = mc.id AND v.verification_method = $${idx})`
args.push(verification)
idx++
}
const regulation = params.get('source_regulation') || ''
if (regulation) {
where += ` AND EXISTS (SELECT 1 FROM compliance.mc_regulations r
WHERE r.master_control_uuid = mc.id AND r.source_regulation = $${idx})`
args.push(regulation)
idx++
}
const mapped = params.get('mapped') || ''
if (mapped === 'mapped') {
where += ` AND EXISTS (SELECT 1 FROM compliance.mc_use_case_mappings m
WHERE m.master_control_uuid = mc.id)`
} else if (mapped === 'unmapped') {
where += ` AND NOT EXISTS (SELECT 1 FROM compliance.mc_use_case_mappings m
WHERE m.master_control_uuid = mc.id)`
}
// Member-based filter: an MC matches if ANY of its atomic members has the
// category. Only category/severity/release_state are populated on the
// deduplicated members; evidence_type, target_audience and source_citation
// are 100% NULL there, so those canonical filters cannot apply to MCs
// without an upstream backfill (wiring them would just return 0).
const category = params.get('category') || ''
if (category) {
where += ` AND EXISTS (SELECT 1 FROM compliance.master_control_members mcm
JOIN compliance.canonical_controls cc ON cc.id = mcm.control_uuid
WHERE mcm.master_control_uuid = mc.id AND cc.category = $${idx})`
args.push(category); idx++
}
return { where, args, idx }
}
async function handleControls(params: URLSearchParams) {
const limit = Math.min(parseInt(params.get('limit') || '50'), 200)
const offset = parseInt(params.get('offset') || '0')
const sort = params.get('sort') || 'control_id'
const order = params.get('order') === 'desc' ? 'DESC' : 'ASC'
const { where, args, idx } = buildControlsWhere(params)
const sortCol = sort === 'control_id' ? 'mc.master_control_id' :
sort === 'created_at' ? 'mc.created_at' :
sort === 'source' ? 'mc.canonical_name' : 'mc.master_control_id'
@@ -90,7 +159,14 @@ async function handleControls(params: URLSearchParams) {
mc.total_controls,
mc.phases_covered,
mc.id,
mc.created_at
mc.created_at,
(SELECT v.verification_method FROM compliance.mc_verification v
WHERE v.master_control_uuid = mc.id) as verification_method,
(SELECT array_agg(m.use_case ORDER BY m.is_primary DESC, m.use_case)
FROM compliance.mc_use_case_mappings m
WHERE m.master_control_uuid = mc.id) as use_cases,
(SELECT r.source_regulation FROM compliance.mc_regulations r
WHERE r.master_control_uuid = mc.id AND r.is_primary LIMIT 1) as primary_regulation
FROM compliance.master_controls mc
${where}
ORDER BY ${sortCol} ${order}
@@ -98,7 +174,7 @@ async function handleControls(params: URLSearchParams) {
`, args)
// Map to canonical control format
const controls = res.rows.map(r => ({
const controls = res.rows.map((r: MCListRow) => ({
id: r.id,
control_id: r.control_id,
title: r.title,
@@ -106,10 +182,11 @@ async function handleControls(params: URLSearchParams) {
severity: r.severity,
category: r.category,
release_state: 'active',
source_citation: null,
verification_method: null,
source_citation: r.primary_regulation ? { source: r.primary_regulation } : null,
verification_method: r.verification_method,
evidence_type: null,
target_audience: [],
use_cases: r.use_cases || [],
requirements: [],
test_procedure: [],
evidence: [],
@@ -126,22 +203,17 @@ async function handleControls(params: URLSearchParams) {
}
async function handleCount(params: URLSearchParams) {
const search = params.get('search') || ''
let where = "WHERE 1=1"
const args: unknown[] = []
if (search) {
where += ` AND mc.canonical_name ILIKE $1`
args.push(`%${search}%`)
}
const { where, args } = buildControlsWhere(params)
const res = await pool.query(
`SELECT count(*) FROM compliance.master_controls mc ${where}`, args
)
return NextResponse.json({ total: parseInt(res.rows[0].count) })
}
async function handleMeta(params: URLSearchParams) {
async function handleMeta(_params: URLSearchParams) {
if (metaCache && Date.now() - metaCache.at < META_TTL_MS) {
return NextResponse.json(metaCache.data)
}
const res = await pool.query(`
SELECT count(*) as total,
count(CASE WHEN total_controls > 100 THEN 1 END) as high_count,
@@ -158,21 +230,59 @@ async function handleMeta(params: URLSearchParams) {
GROUP BY 1 ORDER BY 2 DESC LIMIT 30
`)
return NextResponse.json({
total: parseInt(r.total),
// Mapping distribution + coverage + member-derived category facet. Only
// category is populated on the deduplicated members (evidence_type /
// target_audience are NULL there), so it is the one canonical facet we surface.
const [ucRes, vRes, regRes, mappedRes, catRes] = await Promise.all([
pool.query(`SELECT use_case, count(DISTINCT master_control_uuid) c
FROM compliance.mc_use_case_mappings GROUP BY 1 ORDER BY 2 DESC`),
pool.query(`SELECT verification_method, count(*) c
FROM compliance.mc_verification GROUP BY 1 ORDER BY 2 DESC`),
pool.query(`SELECT source_regulation, count(DISTINCT master_control_uuid) c
FROM compliance.mc_regulations GROUP BY 1 ORDER BY 2 DESC LIMIT 200`),
pool.query(`SELECT count(DISTINCT master_control_uuid) c
FROM compliance.mc_use_case_mappings`),
pool.query(`SELECT cc.category v, count(DISTINCT mcm.master_control_uuid) c
FROM compliance.master_control_members mcm
JOIN compliance.canonical_controls cc ON cc.id = mcm.control_uuid
WHERE cc.category IS NOT NULL GROUP BY 1 ORDER BY 2 DESC`),
])
const facet = (rows: Array<{ v: string; c: string }>) =>
Object.fromEntries(rows.filter(x => x.v).map(x => [x.v, parseInt(x.c)]))
const total = parseInt(r.total)
const mappedTotal = parseInt(mappedRes.rows[0].c)
const payload = {
total,
severity_counts: {
high: parseInt(r.high_count),
medium: parseInt(r.medium_count),
low: parseInt(r.low_count),
},
domains: domainRes.rows.map(d => ({ domain: d.domain, count: parseInt(d.count) })),
domains: domainRes.rows.map((d: { domain: string; count: string }) =>
({ domain: d.domain, count: parseInt(d.count) })),
sources: [],
no_source_count: 0,
release_state_counts: { active: parseInt(r.total) },
verification_method_counts: {},
category_counts: {},
release_state_counts: { active: total },
verification_method_counts: Object.fromEntries(
vRes.rows.map((x: { verification_method: string; c: string }) =>
[x.verification_method, parseInt(x.c)])),
category_counts: facet(catRes.rows),
evidence_type_counts: {},
})
use_case_counts: Object.fromEntries(
ucRes.rows
.filter((x: { use_case: string | null }) => x.use_case)
.map((x: { use_case: string; c: string }) => [x.use_case, parseInt(x.c)])),
regulations: regRes.rows
.filter((x: { source_regulation: string | null }) => x.source_regulation)
.map((x: { source_regulation: string; c: string }) =>
({ source_regulation: x.source_regulation, count: parseInt(x.c) })),
mapped_total: mappedTotal,
unmapped_count: total - mappedTotal,
}
metaCache = { at: Date.now(), data: payload }
return NextResponse.json(payload)
}
async function handleDetail(params: URLSearchParams) {
@@ -201,6 +311,23 @@ async function handleDetail(params: URLSearchParams) {
LIMIT 100
`, [mc.id])
// Use-case / verification / regulation mapping (the "regulation→code" lineage)
const mapRes = await pool.query(`
SELECT
(SELECT json_agg(json_build_object('use_case', m.use_case, 'is_primary', m.is_primary)
ORDER BY m.is_primary DESC, m.use_case)
FROM compliance.mc_use_case_mappings m WHERE m.master_control_uuid = $1) as use_cases,
(SELECT v.verification_method FROM compliance.mc_verification v
WHERE v.master_control_uuid = $1) as verification_method,
(SELECT json_agg(json_build_object('source_regulation', r.source_regulation,
'is_primary', r.is_primary, 'member_count', r.member_count)
ORDER BY r.is_primary DESC, r.member_count DESC)
FROM compliance.mc_regulations r WHERE r.master_control_uuid = $1) as regulations
`, [mc.id])
const mapping = mapRes.rows[0] || {}
const regs = mapping.regulations || []
const primaryReg = regs.find((x: { is_primary: boolean }) => x.is_primary) || regs[0]
return NextResponse.json({
id: mc.id,
control_id: mc.control_id,
@@ -220,7 +347,10 @@ async function handleDetail(params: URLSearchParams) {
evidence: [],
open_anchors: [],
target_audience: [],
source_citation: null,
verification_method: mapping.verification_method || null,
use_cases: mapping.use_cases || [],
regulations: regs,
source_citation: primaryReg ? { source: primaryReg.source_regulation } : null,
scope: { platforms: [], components: [], data_classes: [] },
risk_score: null,
implementation_effort: null,
@@ -0,0 +1,44 @@
import { describe, it, expect } from 'vitest'
import {
USE_CASE_LABELS, MC_VERIFICATION_LABELS, useCaseLabel, mcVerificationLabel,
} from '../components/mcMappingLabels'
describe('useCaseLabel', () => {
it('maps known use-case keys to German labels', () => {
expect(useCaseLabel('impressum')).toBe('Impressum')
expect(useCaseLabel('cookie_banner')).toBe('Cookie-Banner')
expect(useCaseLabel('code_security')).toBe('Code Security')
expect(useCaseLabel('dse')).toBe('Datenschutzerklärung')
})
it('humanizes an unknown key instead of showing the raw slug', () => {
expect(useCaseLabel('brand_new_thing')).toBe('Brand New Thing')
})
})
describe('mcVerificationLabel', () => {
it('maps the master-control verification methods', () => {
expect(mcVerificationLabel('source_code')).toBe('Source Code')
expect(mcVerificationLabel('it_process')).toBe('IT-Prozess')
expect(mcVerificationLabel('network')).toBe('Netzwerk/Infra')
expect(mcVerificationLabel('document')).toBe('Dokument')
})
it('humanizes an unknown method', () => {
expect(mcVerificationLabel('telepathy')).toBe('Telepathy')
})
})
describe('label coverage', () => {
it('labels the security/code use cases (>=50% code+process focus)', () => {
for (const k of ['code_security', 'network_security', 'cra', 'isms', 'tisax']) {
expect(USE_CASE_LABELS[k]).toBeTruthy()
}
})
it('covers every master-control verification method', () => {
for (const m of ['document', 'source_code', 'network', 'it_process', 'hybrid', 'manual']) {
expect(MC_VERIFICATION_LABELS[m]).toBeTruthy()
}
})
})
@@ -12,6 +12,7 @@ import {
VERIFICATION_METHODS, CATEGORY_OPTIONS, EVIDENCE_TYPE_OPTIONS,
} from './helpers'
import { ControlsMeta } from './useControlLibraryState'
import { useCaseLabel, mcVerificationLabel } from './mcMappingLabels'
import { GeneratorModal } from './GeneratorModal'
interface ControlListViewProps {
@@ -34,6 +35,10 @@ interface ControlListViewProps {
domainFilter: string
stateFilter: string
verificationFilter: string
useCaseFilter: string
primaryOnly: boolean
regulationFilter: string
mappedFilter: string
categoryFilter: string
evidenceTypeFilter: string
audienceFilter: string
@@ -46,6 +51,10 @@ interface ControlListViewProps {
setDomainFilter: (v: string) => void
setStateFilter: (v: string) => void
setVerificationFilter: (v: string) => void
setUseCaseFilter: (v: string) => void
setPrimaryOnly: (v: boolean) => void
setRegulationFilter: (v: string) => void
setMappedFilter: (v: string) => void
setCategoryFilter: (v: string) => void
setEvidenceTypeFilter: (v: string) => void
setAudienceFilter: (v: string) => void
@@ -71,10 +80,12 @@ export function ControlListView({
reviewCount, bulkProcessing, showStats, processedStats,
showGenerator, currentPage, totalPages, sortBy,
searchQuery, severityFilter, domainFilter, stateFilter,
verificationFilter, categoryFilter, evidenceTypeFilter, audienceFilter,
verificationFilter, useCaseFilter, primaryOnly, regulationFilter, mappedFilter,
categoryFilter, evidenceTypeFilter, audienceFilter,
sourceFilter, typeFilter, hideDuplicates,
setSearchQuery, setSeverityFilter, setDomainFilter, setStateFilter,
setVerificationFilter, setCategoryFilter, setEvidenceTypeFilter, setAudienceFilter,
setVerificationFilter, setUseCaseFilter, setPrimaryOnly, setRegulationFilter, setMappedFilter,
setCategoryFilter, setEvidenceTypeFilter, setAudienceFilter,
setSourceFilter, setTypeFilter, setHideDuplicates, setSortBy,
setShowStats, setShowGenerator, setCurrentPage,
onSelectControl, onCreateMode, onEnterReview, onBulkReject, onRefresh, onLoadStats, onFullReload,
@@ -176,18 +187,60 @@ export function ControlListView({
className="rounded border-gray-300 text-purple-600 focus:ring-purple-500" />
Duplikate ausblenden
</label>
{meta?.use_case_counts && (
<select value={useCaseFilter} onChange={e => setUseCaseFilter(e.target.value)}
className="text-sm border border-purple-300 bg-purple-50 rounded-lg px-2 py-1.5 focus:outline-none focus:ring-2 focus:ring-purple-500 max-w-[260px]">
<option value="">Use Case (alle)</option>
{Object.entries(meta.use_case_counts).sort((a, b) => b[1] - a[1]).map(([k, c]) => (
<option key={k} value={k}>{useCaseLabel(k)} ({c})</option>
))}
</select>
)}
{meta?.use_case_counts && useCaseFilter && (
<label className="flex items-center gap-1.5 text-xs text-gray-600 cursor-pointer whitespace-nowrap"
title="Nur Master Controls, deren Primärzweck dieser Use Case ist (blendet über-geclusterte Mehrfachzwecke aus)">
<input type="checkbox" checked={primaryOnly} onChange={e => setPrimaryOnly(e.target.checked)}
className="rounded border-gray-300 text-purple-600 focus:ring-purple-500" />
nur Primärzweck
</label>
)}
{meta?.regulations && meta.regulations.length > 0 && (
<select value={regulationFilter} onChange={e => setRegulationFilter(e.target.value)}
className="text-sm border border-blue-300 bg-blue-50 rounded-lg px-2 py-1.5 focus:outline-none focus:ring-2 focus:ring-purple-500 max-w-[260px]">
<option value="">Regulierung (alle)</option>
{meta.regulations.map(rg => (
<option key={rg.source_regulation} value={rg.source_regulation}>{rg.source_regulation} ({rg.count})</option>
))}
</select>
)}
<select value={verificationFilter} onChange={e => setVerificationFilter(e.target.value)}
className="text-sm border border-gray-300 rounded-lg px-2 py-1.5 focus:outline-none focus:ring-2 focus:ring-purple-500">
<option value="">Nachweis</option>
{Object.entries(VERIFICATION_METHODS).map(([k, v]) => (
<option key={k} value={k}>{v.label}{meta?.verification_method_counts?.[k] ? ` (${meta.verification_method_counts[k]})` : ''}</option>
))}
{Object.keys(meta?.verification_method_counts || {})
.filter(k => k !== '__none__' && !(k in VERIFICATION_METHODS))
.map(k => (
<option key={k} value={k}>{mcVerificationLabel(k)} ({meta!.verification_method_counts![k]})</option>
))}
{meta?.verification_method_counts?.['__none__'] ? <option value="__none__">Ohne Nachweis ({meta.verification_method_counts['__none__']})</option> : null}
</select>
{meta?.mapped_total != null && (
<select value={mappedFilter} onChange={e => setMappedFilter(e.target.value)}
className="text-sm border border-gray-300 rounded-lg px-2 py-1.5 focus:outline-none focus:ring-2 focus:ring-purple-500">
<option value="">Coverage: alle</option>
<option value="mapped">Zugeordnet ({meta.mapped_total})</option>
<option value="unmapped">Offen ({meta.unmapped_count ?? 0})</option>
</select>
)}
<select value={categoryFilter} onChange={e => setCategoryFilter(e.target.value)}
className="text-sm border border-gray-300 rounded-lg px-2 py-1.5 focus:outline-none focus:ring-2 focus:ring-purple-500">
<option value="">Kategorie</option>
{CATEGORY_OPTIONS.map(c => <option key={c.value} value={c.value}>{c.label}{meta?.category_counts?.[c.value] ? ` (${meta.category_counts[c.value]})` : ''}</option>)}
{Object.keys(meta?.category_counts || {})
.filter(k => k !== '__none__' && !CATEGORY_OPTIONS.some(c => c.value === k))
.map(k => <option key={k} value={k}>{k} ({meta!.category_counts![k]})</option>)}
{meta?.category_counts?.['__none__'] ? <option value="__none__">Ohne Kategorie ({meta.category_counts['__none__']})</option> : null}
</select>
<select value={evidenceTypeFilter} onChange={e => setEvidenceTypeFilter(e.target.value)}
@@ -0,0 +1,65 @@
// Display labels for the master-control mapping dimensions (use case +
// verification method). Keys mirror the backend use_case_registry; an unknown
// key humanizes gracefully so a newly-seeded use case still renders.
export const USE_CASE_LABELS: Record<string, string> = {
impressum: 'Impressum',
telekommunikation: 'Telekommunikation (TKG)',
dse: 'Datenschutzerklärung',
agb: 'AGB',
cookie_banner: 'Cookie-Banner',
widerruf: 'Widerruf',
dsr: 'Betroffenenrechte (DSR)',
loeschkonzept: 'Löschkonzept',
avv: 'Auftragsverarbeitung (AVV)',
dsfa: 'DSFA',
code_security: 'Code Security',
network_security: 'Network Security',
cra: 'Cyber Resilience Act',
isms: 'ISMS',
tisax: 'TISAX',
kritis: 'KRITIS',
dora: 'DORA',
ai_act: 'AI Act',
mica: 'MiCA',
mdr: 'Medizinprodukte (MDR)',
maschinen: 'Maschinenverordnung',
batterie: 'Batterieverordnung',
ehds: 'EHDS',
produktsicherheit: 'Produktsicherheit',
dsa: 'Digital Services Act',
dma: 'Digital Markets Act',
data_governance: 'Data Governance Act',
zahlungsdienste: 'Zahlungsdienste (PSD2)',
geldwaesche: 'Geldwäsche (GwG)',
lieferkette: 'Lieferkettengesetz',
whistleblowing: 'Whistleblowing',
barrierefreiheit: 'Barrierefreiheit (BFSG)',
verbraucherschutz: 'Verbraucherschutz',
urheberrecht: 'Urheberrecht',
wettbewerbsrecht: 'Wettbewerbsrecht',
gleichbehandlung: 'Gleichbehandlung (AGG)',
steuerrecht: 'Steuerrecht',
handelsrecht: 'Handelsrecht',
}
export const MC_VERIFICATION_LABELS: Record<string, string> = {
document: 'Dokument',
source_code: 'Source Code',
network: 'Netzwerk/Infra',
it_process: 'IT-Prozess',
hybrid: 'Hybrid',
manual: 'Manuell',
}
function humanize(key: string): string {
return key.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase())
}
export function useCaseLabel(key: string): string {
return USE_CASE_LABELS[key] || humanize(key)
}
export function mcVerificationLabel(key: string): string {
return MC_VERIFICATION_LABELS[key] || humanize(key)
}
@@ -14,6 +14,11 @@ export interface ControlsMeta {
category_counts?: Record<string, number>
evidence_type_counts?: Record<string, number>
release_state_counts?: Record<string, number>
// Master-control mapping dimensions (only returned by the MC endpoint)
use_case_counts?: Record<string, number>
regulations?: Array<{ source_regulation: string; count: number }>
mapped_total?: number
unmapped_count?: number
}
const PAGE_SIZE = 50
@@ -35,6 +40,10 @@ export function useControlLibraryState(backendUrlOverride?: string) {
const [domainFilter, setDomainFilter] = useState<string>('')
const [stateFilter, setStateFilter] = useState<string>('')
const [verificationFilter, setVerificationFilter] = useState<string>('')
const [useCaseFilter, setUseCaseFilter] = useState<string>('')
const [primaryOnly, setPrimaryOnly] = useState<boolean>(false)
const [regulationFilter, setRegulationFilter] = useState<string>('')
const [mappedFilter, setMappedFilter] = useState<string>('')
const [categoryFilter, setCategoryFilter] = useState<string>('')
const [evidenceTypeFilter, setEvidenceTypeFilter] = useState<string>('')
const [audienceFilter, setAudienceFilter] = useState<string>('')
@@ -88,6 +97,10 @@ export function useControlLibraryState(backendUrlOverride?: string) {
if (domainFilter) p.set('domain', domainFilter)
if (stateFilter) p.set('release_state', stateFilter)
if (verificationFilter) p.set('verification_method', verificationFilter)
if (useCaseFilter) p.set('use_case', useCaseFilter)
if (primaryOnly) p.set('primary', '1')
if (regulationFilter) p.set('source_regulation', regulationFilter)
if (mappedFilter) p.set('mapped', mappedFilter)
if (categoryFilter) p.set('category', categoryFilter)
if (evidenceTypeFilter) p.set('evidence_type', evidenceTypeFilter)
if (audienceFilter) p.set('target_audience', audienceFilter)
@@ -97,7 +110,7 @@ export function useControlLibraryState(backendUrlOverride?: string) {
if (debouncedSearch) p.set('search', debouncedSearch)
if (extra) for (const [k, v] of Object.entries(extra)) p.set(k, v)
return p.toString()
}, [severityFilter, domainFilter, stateFilter, verificationFilter, categoryFilter, evidenceTypeFilter, audienceFilter, sourceFilter, typeFilter, hideDuplicates, debouncedSearch])
}, [severityFilter, domainFilter, stateFilter, verificationFilter, useCaseFilter, primaryOnly, regulationFilter, mappedFilter, categoryFilter, evidenceTypeFilter, audienceFilter, sourceFilter, typeFilter, hideDuplicates, debouncedSearch])
const loadFrameworks = useCallback(async () => {
try {
@@ -156,7 +169,7 @@ export function useControlLibraryState(backendUrlOverride?: string) {
useEffect(() => { loadFrameworks(); loadReviewCount() }, [loadFrameworks, loadReviewCount])
useEffect(() => { loadMeta() }, [loadMeta])
useEffect(() => { loadControls() }, [loadControls])
useEffect(() => { setCurrentPage(1) }, [severityFilter, domainFilter, stateFilter, verificationFilter, categoryFilter, evidenceTypeFilter, audienceFilter, sourceFilter, typeFilter, hideDuplicates, debouncedSearch, sortBy])
useEffect(() => { setCurrentPage(1) }, [severityFilter, domainFilter, stateFilter, verificationFilter, useCaseFilter, primaryOnly, regulationFilter, mappedFilter, categoryFilter, evidenceTypeFilter, audienceFilter, sourceFilter, typeFilter, hideDuplicates, debouncedSearch, sortBy])
const totalPages = Math.max(1, Math.ceil(totalCount / PAGE_SIZE))
@@ -212,6 +225,10 @@ export function useControlLibraryState(backendUrlOverride?: string) {
domainFilter, setDomainFilter,
stateFilter, setStateFilter,
verificationFilter, setVerificationFilter,
useCaseFilter, setUseCaseFilter,
primaryOnly, setPrimaryOnly,
regulationFilter, setRegulationFilter,
mappedFilter, setMappedFilter,
categoryFilter, setCategoryFilter,
evidenceTypeFilter, setEvidenceTypeFilter,
audienceFilter, setAudienceFilter,
@@ -232,6 +232,10 @@ export default function ControlLibraryPage() {
domainFilter={state.domainFilter}
stateFilter={state.stateFilter}
verificationFilter={state.verificationFilter}
useCaseFilter={state.useCaseFilter}
primaryOnly={state.primaryOnly}
regulationFilter={state.regulationFilter}
mappedFilter={state.mappedFilter}
categoryFilter={state.categoryFilter}
evidenceTypeFilter={state.evidenceTypeFilter}
audienceFilter={state.audienceFilter}
@@ -243,6 +247,10 @@ export default function ControlLibraryPage() {
setDomainFilter={state.setDomainFilter}
setStateFilter={state.setStateFilter}
setVerificationFilter={state.setVerificationFilter}
setUseCaseFilter={state.setUseCaseFilter}
setPrimaryOnly={state.setPrimaryOnly}
setRegulationFilter={state.setRegulationFilter}
setMappedFilter={state.setMappedFilter}
setCategoryFilter={state.setCategoryFilter}
setEvidenceTypeFilter={state.setEvidenceTypeFilter}
setAudienceFilter={state.setAudienceFilter}
@@ -3,6 +3,7 @@
import React, { useState, useEffect } from 'react'
import { ControlListView } from '../control-library/components/ControlListView'
import { useControlLibraryState } from '../control-library/components/useControlLibraryState'
import { useCaseLabel, mcVerificationLabel } from '../control-library/components/mcMappingLabels'
/**
* Master Controls page — reuses the Control Library UI exactly,
@@ -38,7 +39,7 @@ export default function MasterControlsPage() {
if (state.mode === 'detail' && state.selectedControl) {
return (
<MCDetail
mc={state.selectedControl}
mc={state.selectedControl as unknown as Record<string, unknown>}
onBack={() => { state.setMode('list'); state.setSelectedControl(null) }}
/>
)
@@ -65,6 +66,10 @@ export default function MasterControlsPage() {
domainFilter={state.domainFilter}
stateFilter={state.stateFilter}
verificationFilter={state.verificationFilter}
useCaseFilter={state.useCaseFilter}
primaryOnly={state.primaryOnly}
regulationFilter={state.regulationFilter}
mappedFilter={state.mappedFilter}
categoryFilter={state.categoryFilter}
evidenceTypeFilter={state.evidenceTypeFilter}
audienceFilter={state.audienceFilter}
@@ -76,6 +81,10 @@ export default function MasterControlsPage() {
setDomainFilter={state.setDomainFilter}
setStateFilter={state.setStateFilter}
setVerificationFilter={state.setVerificationFilter}
setUseCaseFilter={state.setUseCaseFilter}
setPrimaryOnly={state.setPrimaryOnly}
setRegulationFilter={state.setRegulationFilter}
setMappedFilter={state.setMappedFilter}
setCategoryFilter={state.setCategoryFilter}
setEvidenceTypeFilter={state.setEvidenceTypeFilter}
setAudienceFilter={state.setAudienceFilter}
@@ -116,8 +125,15 @@ const SEV = {
low: 'bg-blue-100 text-blue-800',
} as Record<string, string>
interface MCMapping {
use_cases?: Array<{ use_case: string; is_primary: boolean }>
verification_method?: string | null
regulations?: Array<{ source_regulation: string; is_primary: boolean; member_count: number }>
}
function MCDetail({ mc, onBack }: { mc: Record<string, unknown>; onBack: () => void }) {
const [members, setMembers] = useState<Member[]>([])
const [mapping, setMapping] = useState<MCMapping>({})
const [loading, setLoading] = useState(true)
const [phaseFilter, setPhaseFilter] = useState('')
@@ -131,6 +147,10 @@ function MCDetail({ mc, onBack }: { mc: Record<string, unknown>; onBack: () => v
fetch(`/api/sdk/v1/master-controls?endpoint=control&id=${mcId}`)
.then(r => r.ok ? r.json() : null)
.then(data => {
if (data) setMapping({
use_cases: data.use_cases, verification_method: data.verification_method,
regulations: data.regulations,
})
if (data?.members) setMembers(data.members)
else if (data?.requirements) {
// Fallback: parse requirements strings
@@ -164,6 +184,33 @@ function MCDetail({ mc, onBack }: { mc: Record<string, unknown>; onBack: () => v
<h1 className="text-2xl font-bold text-gray-900">{mcName}</h1>
<p className="text-gray-500 mt-1">{mcId} {totalControls} Atomic Controls</p>
{/* Zuordnung: Use Cases + Verifikation + Quell-Regulierung */}
{(mapping.use_cases?.length || mapping.verification_method || mapping.regulations?.length) ? (
<div className="mt-4 flex flex-wrap items-center gap-2">
{(mapping.use_cases || []).map(u => (
<span key={u.use_case}
className={`px-2 py-0.5 rounded text-xs font-medium ${u.is_primary
? 'bg-purple-100 text-purple-800 border border-purple-300'
: 'bg-purple-50 text-purple-600'}`}
title={u.is_primary ? 'Primärzweck' : 'Mehrfachzweck'}>
{useCaseLabel(u.use_case)}{u.is_primary ? ' ★' : ''}
</span>
))}
{mapping.verification_method && (
<span className="px-2 py-0.5 rounded text-xs font-medium bg-emerald-100 text-emerald-800 border border-emerald-300">
Nachweis: {mcVerificationLabel(mapping.verification_method)}
</span>
)}
{(mapping.regulations || []).slice(0, 4).map(r => (
<span key={r.source_regulation}
className="px-2 py-0.5 rounded text-xs bg-blue-50 text-blue-700"
title={`${r.member_count} Member${r.is_primary ? ' · Primärquelle' : ''}`}>
{r.source_regulation}{r.is_primary ? ' ★' : ''}
</span>
))}
</div>
) : null}
{/* Phase badges */}
<div className="flex flex-wrap gap-2 mt-4">
{uniquePhases.map(p => (