feat: F019 AI monitoring layer — output transparency & governance workspace

Full 2-panel workspace at /ops/ai-monitoring: metrics strip (total, failed,
pending, approval rate, top prompt version, active model), filterable output
table by type/status/error, and detail panel with output preview, prompt
versioning, error details, and role-aware review actions.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/ai-monitoring/AIOutputStatusBadge.tsx

@@ -0,0 +1,21 @@
+import { Chip } from '@mui/material'
+import type { ReviewStatus } from '../../domain/enums'
+
+const CONFIG: Record<ReviewStatus, { label: string; color: string }> = {
+  UNREVIEWED: { label: 'Ungeprüft', color: '#94a3b8' },
+  IN_REVIEW:  { label: 'In Prüfung', color: '#d97706' },
+  APPROVED:   { label: 'Genehmigt', color: '#1a7a4a' },
+  REJECTED:   { label: 'Abgelehnt', color: '#c0392b' },
+  FLAGGED:    { label: 'Markiert',  color: '#ea580c' },
+}
+
+export function AIOutputStatusBadge({ status }: { status: ReviewStatus }) {
+  const { label, color } = CONFIG[status] ?? { label: status, color: '#64748b' }
+  return (
+    <Chip
+      size="small"
+      label={label}
+      sx={{ bgcolor: `${color}18`, color, fontWeight: 600, fontSize: '0.7rem' }}
+    />
+  )
+}