{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "schema-drift-alert-board", "title": "Schema Drift Alert Board", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/schema-drift-alert-board/schema-drift-alert-board.component.ts", "content": "// Data warehouse schema drift and anomaly alert board: header with acknowledge-all,\n// 4 telemetry metric cards, a filterable incidents table, and a blast-radius lineage\n// tree with contract-YAML / remediation-DDL tabs. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input, computed, signal } from '@angular/core'\nimport {\n Activity,\n AlertCircle,\n AlertTriangle,\n ArrowUpRight,\n BellOff,\n BellRing,\n Check,\n CheckCircle2,\n Clock,\n Copy,\n Database,\n Eye,\n FileCode2,\n Filter,\n Layers,\n LucideAngularModule,\n Network,\n RefreshCw,\n Search,\n ShieldAlert,\n ShieldCheck,\n Table2,\n Terminal,\n Workflow,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport { UiProgressComponent } from '@/ui/progress/progress.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\n\nexport interface BlastRadiusNode {\n id: string\n name: string\n layer: 'origin' | 'transform' | 'mart' | 'consumer'\n layerLabel: string\n status: 'mutation' | 'impacted' | 'healthy' | 'warning'\n statusLabel: string\n type: string\n description: string\n owner: string\n runtime?: string\n}\n\nexport interface SchemaDriftIncident {\n id: string\n targetTable: string\n environment: 'Snowflake Prod' | 'Postgres OLTP' | 'Kafka Topics'\n changeType: 'Unexpected Column Added' | 'Data Type Alteration' | 'Nullability Relaxation' | 'Enum Definition Extended'\n driftDiff: string\n diffMode: 'added' | 'altered' | 'relaxed'\n severity: 'low' | 'medium' | 'high'\n severityLabel: string\n blastRadiusSummary: string\n brokenModelsCount: number\n impactedPipelinesCount: number\n detectedAt: string\n actionLabel: string\n isAcknowledged: boolean\n isContractSynced: boolean\n contractYaml: string\n remediationDdl: string\n lineageNodes: BlastRadiusNode[]\n}\n\nconst defaultIncidents: SchemaDriftIncident[] = [\n {\n id: 'drift-inc-1',\n targetTable: 'public.users',\n environment: 'Postgres OLTP',\n changeType: 'Unexpected Column Added',\n driftDiff: '+ phone_country_code VARCHAR(8)',\n diffMode: 'added',\n severity: 'low',\n severityLabel: 'Low Non-Breaking',\n blastRadiusSummary: '0 models broken',\n brokenModelsCount: 0,\n impactedPipelinesCount: 0,\n detectedAt: '14m ago',\n actionLabel: 'Add to Data Contract',\n isAcknowledged: false,\n isContractSynced: false,\n contractYaml: `version: 2\nmodels:\n - name: dim_users\n config:\n contract:\n enforced: true\n columns:\n - name: user_id\n data_type: varchar\n constraints:\n - type: not_null\n # Newly detected column added upstream in Postgres OLTP\n - name: phone_country_code\n data_type: varchar(8)\n description: \"ISO-3166-1 alpha-2 / E.164 dial prefix added by auth service\"`,\n remediationDdl: `-- Automated dbt / Snowflake staging sync\nALTER TABLE raw_postgres.users\n ADD COLUMN IF NOT EXISTS phone_country_code VARCHAR(8);`,\n lineageNodes: [\n {\n id: 'node-users-origin',\n name: 'public.users',\n layer: 'origin',\n layerLabel: 'Postgres Source Table',\n status: 'mutation',\n statusLabel: 'Column Added (+1 col)',\n type: 'Postgres Table',\n description: 'OLTP user management table with new phone_country_code attribute.',\n owner: '#team-auth',\n },\n {\n id: 'node-users-ingest',\n name: 'fivetran.raw_postgres_users',\n layer: 'transform',\n layerLabel: 'CDC Connector Stream',\n status: 'healthy',\n statusLabel: 'CDC Auto-Synced',\n type: 'Fivetran Log-Based CDC',\n description: 'Automated column replication synced to Snowflake bronze raw zone.',\n owner: '#data-platform',\n runtime: '<2m latency',\n },\n {\n id: 'node-users-stg',\n name: 'dbt.stg_users',\n layer: 'transform',\n layerLabel: 'dbt Staging View',\n status: 'healthy',\n statusLabel: '0 Breaking (Explicit Select)',\n type: 'dbt View Model',\n description: 'Explicit column projection prevents unmapped column propagation.',\n owner: '#data-eng',\n runtime: '12s run',\n },\n {\n id: 'node-users-dim',\n name: 'marts.dim_customers',\n layer: 'mart',\n layerLabel: 'Core Dimension Mart',\n status: 'healthy',\n statusLabel: 'Contract Compliant',\n type: 'Snowflake Dynamic Table',\n description: 'Certified dimension table feeding marketing cohorts and customer 360.',\n owner: '#data-eng',\n },\n {\n id: 'node-users-crm',\n name: 'HubSpot Reverse ETL Sync',\n layer: 'consumer',\n layerLabel: 'Operational Reverse ETL',\n status: 'healthy',\n statusLabel: 'Active · 0 Failures',\n type: 'Census Sync Pipeline',\n description: 'Outbound sync to HubSpot Marketing Hub CRM contacts.',\n owner: '#rev-ops',\n },\n ],\n },\n {\n id: 'drift-inc-2',\n targetTable: 'analytics.fct_orders',\n environment: 'Snowflake Prod',\n changeType: 'Data Type Alteration',\n driftDiff: 'discount_amount FLOAT -> DECIMAL(18,2)',\n diffMode: 'altered',\n severity: 'medium',\n severityLabel: 'Medium Warning',\n blastRadiusSummary: '2 dbt models affected',\n brokenModelsCount: 0,\n impactedPipelinesCount: 2,\n detectedAt: '32m ago',\n actionLabel: 'Inspect Model Lineage',\n isAcknowledged: false,\n isContractSynced: false,\n contractYaml: `version: 2\nmodels:\n - name: fct_orders\n config:\n contract:\n enforced: true\n columns:\n - name: order_id\n data_type: varchar\n - name: gross_amount\n data_type: decimal(18,2)\n # Altered type: FLOAT replaced with exact high-precision DECIMAL(18,2)\n - name: discount_amount\n data_type: decimal(18,2) # Previously float64`,\n remediationDdl: `-- Model Migration Patch for dbt Intermediate Layers:\nALTER TABLE production_dw.analytics.fct_orders\n ALTER COLUMN discount_amount SET DATA TYPE DECIMAL(18,2);`,\n lineageNodes: [\n {\n id: 'node-orders-origin',\n name: 'analytics.fct_orders',\n layer: 'origin',\n layerLabel: 'Warehouse Fact Table',\n status: 'mutation',\n statusLabel: 'Type Alteration (FLOAT -> DECIMAL)',\n type: 'Snowflake Incremental',\n description: 'Core financial transactions mart table receiving monetary precision fix.',\n owner: '#finance-data',\n },\n {\n id: 'node-orders-int-rev',\n name: 'dbt.int_daily_revenue',\n layer: 'transform',\n layerLabel: 'dbt Intermediate Model',\n status: 'impacted',\n statusLabel: 'Impacted (Sum Float Warning)',\n type: 'dbt Incremental Model',\n description: 'Aggregates daily gross/net sales; needs explicit decimal cast in SUM expression.',\n owner: '#data-eng',\n runtime: '1m 18s',\n },\n {\n id: 'node-orders-int-disc',\n name: 'dbt.int_order_discounts',\n layer: 'transform',\n layerLabel: 'dbt Intermediate Model',\n status: 'impacted',\n statusLabel: 'Impacted (Join Key Precision)',\n type: 'dbt View Model',\n description: 'Promotional discount matrix model joined on discount_amount thresholds.',\n owner: '#data-eng',\n runtime: '45s',\n },\n {\n id: 'node-orders-mart',\n name: 'marts.fct_monthly_financials',\n layer: 'mart',\n layerLabel: 'Gold Financial Mart',\n status: 'healthy',\n statusLabel: 'Sanitized Output (Safe)',\n type: 'Snowflake Mart Table',\n description: 'GAAP revenue mart used for board reporting and audit ledger.',\n owner: '#finance-ops',\n },\n {\n id: 'node-orders-looker',\n name: 'Looker ARR & Margin Dashboard',\n layer: 'consumer',\n layerLabel: 'Executive BI Dashboard',\n status: 'warning',\n statusLabel: '1 Tile Check Advised',\n type: 'Looker Explore Tile',\n description: 'C-Suite executive dashboard tracking daily net margin & discount rates.',\n owner: '#bi-analytics',\n },\n {\n id: 'node-orders-netsuite',\n name: 'Finance NetSuite Journal Sync',\n layer: 'consumer',\n layerLabel: 'Accounting ERP Pipeline',\n status: 'healthy',\n statusLabel: 'Decimal Compatible (Safe)',\n type: 'Census Batch Sync',\n description: 'Hourly journal entry creation into Oracle NetSuite ERP general ledger.',\n owner: '#accounting',\n },\n ],\n },\n {\n id: 'drift-inc-3',\n targetTable: 'kafka.events.checkout',\n environment: 'Kafka Topics',\n changeType: 'Nullability Relaxation',\n driftDiff: 'zip_code became nullable',\n diffMode: 'relaxed',\n severity: 'low',\n severityLabel: 'Low',\n blastRadiusSummary: '0 broken',\n brokenModelsCount: 0,\n impactedPipelinesCount: 0,\n detectedAt: '2h ago',\n actionLabel: 'Add to Data Contract',\n isAcknowledged: false,\n isContractSynced: false,\n contractYaml: `version: 2\nsources:\n - name: kafka_stream\n tables:\n - name: events_checkout\n columns:\n - name: session_id\n data_type: varchar\n # Nullability relaxed for international orders lacking postal codes\n - name: zip_code\n data_type: varchar(16)`,\n remediationDdl: `-- Event Stream Deserialization Schema Update (Avro/JSON Schema Registry):\n{\n \"name\": \"zip_code\",\n \"type\": [\"null\", \"string\"],\n \"default\": null\n}`,\n lineageNodes: [\n {\n id: 'node-kafka-origin',\n name: 'kafka.events.checkout',\n layer: 'origin',\n layerLabel: 'Event Stream Topic',\n status: 'mutation',\n statusLabel: 'Nullability Relaxed',\n type: 'Kafka Partition Stream',\n description: 'Real-time e-commerce checkout session payload stream.',\n owner: '#checkout-squad',\n },\n {\n id: 'node-kafka-flink',\n name: 'flink.checkout_stream_enrichment',\n layer: 'transform',\n layerLabel: 'Flink Stream Processing',\n status: 'healthy',\n statusLabel: 'COALESCE Handler Active',\n type: 'Apache Flink Job',\n description: 'Streaming enrichment with geo-IP fallback when zip_code is null.',\n owner: '#stream-eng',\n runtime: '<500ms streaming',\n },\n {\n id: 'node-kafka-mart',\n name: 'analytics.fct_checkout_events',\n layer: 'mart',\n layerLabel: 'Realtime Bronze Table',\n status: 'healthy',\n statusLabel: 'Schema Compatible',\n type: 'Snowflake Raw Event Table',\n description: 'Append-only event log capturing checkout telemetry.',\n owner: '#analytics-eng',\n },\n {\n id: 'node-kafka-bi',\n name: 'Realtime Checkout Conversion Board',\n layer: 'consumer',\n layerLabel: 'Operations Monitor',\n status: 'healthy',\n statusLabel: 'Active · 0 Failures',\n type: 'Grafana Live Dashboard',\n description: 'Ops NOC wallboard monitoring conversion rates per minute.',\n owner: '#growth-team',\n },\n ],\n },\n]\n\nconst ENVIRONMENTS = ['all', 'Snowflake Prod', 'Postgres OLTP', 'Kafka Topics']\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-schema-drift-alert-board, [ui-schema-drift-alert-board]',\n standalone: true,\n // React renders the root
itself: the host stays out of layout and `class` goes to the root.\n host: { '[attr.class]': '\"contents\"' },\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiProgressComponent,\n UiSeparatorComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n ],\n template: `\n
\n \n
\n
\n
\n
\n
\n \n \n
\n
\n
\n

\n {{ title() }}\n

\n \n @if (!allAcknowledged()) {\n \n \n \n \n } @else {\n \n }\n {{ allAcknowledged() ? 'All Contracts Synced' : activeMutationsSummary() }}\n \n
\n
\n Monitored Environments:\n
\n @for (env of monitoredEnvironments(); track env) {\n \n @if (env.includes('Snowflake')) {\n \n } @else if (env.includes('Postgres')) {\n \n } @else {\n \n }\n {{ env }}\n \n }\n
\n
\n
\n
\n
\n\n
\n \n\n \n \n @if (allAcknowledged()) {\n \n }\n {{ syncLabel() }}\n \n
\n
\n
\n\n \n
\n \n Realtime Schema Contract Gate: Active (CDC Triggers & dbt Artifact Audits)\n
\n
\n Detection Engine:\n UIPKGE Drift Sentinel v2.4\n \n Checked 14s ago\n
\n
\n
\n\n \n
\n
\n
\n
\n

Active Drift Incidents

\n \n \n
\n
\n
\n 2 Anomalies Active\n
\n
\n
\n
\n Severity Split\n 1 Warning · 1 Low\n
\n

2 Active Schema Mutations Detected

\n
\n
\n\n
\n
\n
\n

Broken Downstream Models

\n \n \n
\n
\n
\n 0 Broken Models\n
\n
\n
\n
\n Impacted Pipelines\n 2 Impacted Pipelines\n
\n

Zero outages · 100% DAG pipeline uptime maintained

\n
\n \n\n
\n
\n
\n

Schema Audits in 24h

\n \n \n
\n
\n
\n 1,840\n 100% evaluated\n
\n
\n
\n \n

Continuous CDC & dbt schema contract verification

\n
\n \n\n
\n
\n
\n

Mean Time to Acknowledge

\n \n \n
\n
\n
\n 12m\n -4.2m vs 30d\n
\n
\n
\n
\n SLA Compliance\n 98.4% within SLA\n
\n

Target < 30m response for Tier-1 Gold Marts

\n
\n \n \n\n \n
\n
\n
\n
\n

Schema Drift & Mutation Incidents

\n \n {{ filteredIncidents().length }} of {{ incidentsList().length }} Tracked\n \n
\n

\n Detected structural schema variances, missing or unmapped columns, type widening, and nullability\n relaxations.\n

\n
\n\n
\n \n All Severities ({{ incidentsList().length }})\n \n \n Medium Warning (1)\n \n \n Low / Non-Breaking (2)\n \n
\n
\n\n
\n
\n
\n \n \n
\n\n
\n \n \n Environment:\n \n @for (env of envOptions; track env) {\n \n {{ env === 'all' ? 'All Environments' : env }}\n \n }\n
\n
\n
\n\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n @for (incident of filteredIncidents(); track incident.id) {\n \n \n \n \n \n \n \n \n \n }\n @if (filteredIncidents().length === 0) {\n \n \n \n }\n \n
Target Entity & EnvMutation TypeSchema Drift DiffSeverityBlast RadiusDetectedAction
\n
\n
\n @if (incident.environment.includes('Snowflake')) {\n \n } @else if (incident.environment.includes('Postgres')) {\n \n } @else {\n \n }\n {{ incident.targetTable }}\n
\n \n {{ incident.environment }}\n \n
\n 		\n {{ incident.changeType }}\n \n
\n {{ incident.driftDiff }}\n
\n 		\n \n @if (incident.severity === 'medium') {\n \n } @else {\n \n }\n {{ incident.severityLabel }}\n \n \n
\n \n {{ incident.blastRadiusSummary }}\n \n \n {{ incident.brokenModelsCount }} broken · {{ incident.impactedPipelinesCount }} impacted\n \n
\n 		\n {{ incident.detectedAt }}\n \n \n @if (incident.isContractSynced) {\n \n } @else if (incident.changeType === 'Data Type Alteration') {\n \n } @else {\n \n }\n {{ incident.isContractSynced ? 'Contract Synced' : incident.actionLabel }}\n \n
\n
\n \n

\n No schema drift incidents match active filters\n

\n

\n All active monitored entities adhere strictly to baseline contracts.\n

\n
\n
\n
\n\n \n
\n \n Click any incident row to trace downstream blast radius lineage and contract YAML.\n
\n \n Active Incident Focus:\n {{ selectedIncident().targetTable }}\n \n
\n
\n \n\n \n
\n
\n
\n
\n
\n \n

Downstream Blast Radius & Lineage Impact Tree

\n \n {{ selectedIncident().targetTable }}\n \n \n {{ selectedIncident().changeType }}\n \n
\n

\n Automated topological DAG trace evaluating impacted dbt models, Snowflake views, Looker semantic tiles,\n and operational syncs.\n

\n
\n\n
\n \n \n Lineage Tree\n \n \n \n
\n
\n
\n\n
\n @if (activeTab() === 'lineage') {\n
\n
\n
\n Mutation Origin\n {{\n selectedIncident().targetTable\n }}\n {{ selectedIncident().environment }}\n
\n
\n Total Nodes in DAG\n {{ selectedIncident().lineageNodes.length }} Tiers\n Topologically ordered\n
\n
\n Impacted Pipelines\n \n {{ selectedIncident().impactedPipelinesCount }} Models Impacted\n \n Requires cast adjustment\n
\n
\n Broken Models\n 0 Outages\n Zero pipeline failures\n
\n
\n\n
\n
\n \n Downstream Dependency DAG Flow (Left to Right)\n \n \n Active Drift: {{ selectedIncident().driftDiff }}\n \n
\n\n
\n @for (node of selectedIncident().lineageNodes; track node.id; let i = $index) {\n
\n
\n
\n
\n @if (node.layer === 'origin') {\n \n } @else if (node.layer === 'transform') {\n \n } @else if (node.layer === 'mart') {\n \n } @else {\n \n }\n
\n
\n
\n #{{ i + 1 }}\n {{\n node.name\n }}\n
\n {{ node.layerLabel }}\n
\n
\n \n @if (node.status === 'healthy') {\n \n } @else {\n \n }\n {{ node.statusLabel }}\n \n
\n

{{ node.description }}

\n \n {{ node.type }}\n {{ node.owner }}\n
\n
\n }\n
\n
\n
\n } @else if (activeTab() === 'yaml') {\n
\n
\n
\n \n \n models/contracts/{{ selectedIncident().targetTable.replace('.', '_') }}_contract.yml\n \n dbt v1.8 Contract Definition\n
\n \n @if (copiedKey() === 'yaml') {\n \n } @else {\n \n }\n {{ copiedKey() === 'yaml' ? 'Copied YAML!' : 'Copy YAML Contract' }}\n \n
\n \n 
{{ selectedIncident().contractYaml }}
\n
\n
\n } @else {\n
\n
\n
\n \n \n remediation_migration_{{ selectedIncident().targetTable.replace('.', '_') }}.sql\n \n Warehouse DDL Patch\n
\n \n @if (copiedKey() === 'sql') {\n \n } @else {\n \n }\n {{ copiedKey() === 'sql' ? 'Copied SQL!' : 'Copy Migration SQL' }}\n \n
\n \n 
{{ selectedIncident().remediationDdl }}
\n
\n \n }\n \n \n \n `,\n})\nexport class UiSchemaDriftAlertBoardComponent {\n protected readonly Activity = Activity\n protected readonly AlertCircle = AlertCircle\n protected readonly AlertTriangle = AlertTriangle\n protected readonly ArrowUpRight = ArrowUpRight\n protected readonly BellOff = BellOff\n protected readonly BellRing = BellRing\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Clock = Clock\n protected readonly Copy = Copy\n protected readonly Database = Database\n protected readonly Eye = Eye\n protected readonly FileCode2 = FileCode2\n protected readonly Filter = Filter\n protected readonly Layers = Layers\n protected readonly Network = Network\n protected readonly RefreshCw = RefreshCw\n protected readonly Search = Search\n protected readonly ShieldAlert = ShieldAlert\n protected readonly ShieldCheck = ShieldCheck\n protected readonly Table2 = Table2\n protected readonly Terminal = Terminal\n protected readonly Workflow = Workflow\n\n protected readonly envOptions = ENVIRONMENTS\n\n @Input('title') set titleInput(v: string | undefined) {\n this.title.set(v ?? 'Data Warehouse Schema Drift & Anomaly Alerts')\n }\n @Input('monitoredEnvironments') set monitoredEnvironmentsInput(v: string[] | undefined) {\n this.monitoredEnvironments.set(v ?? ['Snowflake Prod', 'Postgres OLTP', 'Kafka Topics'])\n }\n @Input() set incidents(v: SchemaDriftIncident[] | undefined) {\n this.incidentsList.set(\n (v ?? defaultIncidents).map((i) => ({ ...i, lineageNodes: i.lineageNodes.map((n) => ({ ...n })) })),\n )\n }\n @Input() set initialSelectedIncident(v: string | undefined) {\n if (v) this.selectedIncidentId.set(v)\n }\n @Input('class') className?: string\n\n readonly title = signal('Data Warehouse Schema Drift & Anomaly Alerts')\n readonly monitoredEnvironments = signal(['Snowflake Prod', 'Postgres OLTP', 'Kafka Topics'])\n readonly incidentsList = signal(\n defaultIncidents.map((i) => ({ ...i, lineageNodes: i.lineageNodes.map((n) => ({ ...n })) })),\n )\n\n readonly selectedIncidentId = signal('drift-inc-2')\n readonly searchQuery = signal('')\n readonly selectedEnvironment = signal('all')\n readonly selectedSeverity = signal('all')\n readonly isMutedNonBreaking = signal(false)\n readonly isSyncingAll = signal(false)\n readonly allAcknowledged = signal(false)\n readonly copiedKey = signal(null)\n readonly activeTab = signal<'lineage' | 'yaml' | 'sql'>('lineage')\n\n readonly selectedIncident = computed(() => {\n const list = this.incidentsList()\n return list.find((inc) => inc.id === this.selectedIncidentId()) ?? list[0]!\n })\n\n readonly filteredIncidents = computed(() => {\n const query = this.searchQuery().trim().toLowerCase()\n const env = this.selectedEnvironment()\n const sev = this.selectedSeverity()\n const muted = this.isMutedNonBreaking()\n return this.incidentsList().filter((item) => {\n if (muted && item.severity === 'low') return false\n if (env !== 'all' && item.environment !== env) return false\n if (sev !== 'all' && item.severity !== sev) return false\n if (\n query &&\n !item.targetTable.toLowerCase().includes(query) &&\n !item.changeType.toLowerCase().includes(query) &&\n !item.driftDiff.toLowerCase().includes(query) &&\n !item.environment.toLowerCase().includes(query)\n )\n return false\n return true\n })\n })\n\n readonly activeMutationsSummary = computed(() => {\n const unacknowledged = this.incidentsList().filter((i) => !i.isAcknowledged)\n return `${unacknowledged.length} Active Schema Mutations Detected`\n })\n\n get rootClass(): string {\n return cn('text-foreground w-full space-y-6', this.className)\n }\n\n get muteClass(): string {\n return cn(\n 'h-9 gap-1.5 text-xs shadow-xs',\n this.isMutedNonBreaking() && 'border-warning/40 bg-warning/10 text-warning font-medium',\n )\n }\n\n get syncIconClass(): string {\n return cn('size-3.5', this.isSyncingAll() && 'animate-spin')\n }\n\n syncLabel(): string {\n if (this.isSyncingAll()) return 'Syncing Schema Contracts...'\n if (this.allAcknowledged()) return 'Contracts Synced & Locked'\n return 'Acknowledge & Sync Contracts'\n }\n\n sevPillClass(sev: string): string {\n if (this.selectedSeverity() !== sev) return 'h-7 rounded-full text-xs'\n if (sev === 'medium') return cn('h-7 rounded-full text-xs', 'border-warning bg-warning font-medium text-white')\n if (sev === 'low') return cn('h-7 rounded-full text-xs', 'border-info bg-info font-medium text-white')\n return cn('h-7 rounded-full text-xs', 'border-primary bg-primary text-primary-foreground font-medium')\n }\n\n envPillClass(env: string): string {\n return cn(\n 'h-7 font-mono text-xs',\n this.selectedEnvironment() === env && 'border-foreground bg-foreground text-background font-semibold',\n )\n }\n\n rowClass(id: string): string {\n return cn(\n 'hover:bg-muted/30 cursor-pointer transition-colors',\n this.selectedIncidentId() === id && 'bg-primary/5 ring-primary/20 ring-1',\n )\n }\n\n diffClass(mode: SchemaDriftIncident['diffMode']): string {\n return cn(\n 'inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 font-mono text-xs font-medium',\n mode === 'added' && 'border-success/30 bg-success/10 text-success',\n mode === 'altered' && 'border-warning/30 bg-warning/10 text-warning',\n mode === 'relaxed' && 'border-info/30 bg-info/10 text-info',\n )\n }\n\n blastClass(impacted: number): string {\n return cn('block font-mono text-xs font-medium', impacted > 0 ? 'text-warning font-semibold' : 'text-success')\n }\n\n impactedClass(impacted: number): string {\n return cn('block font-mono text-base font-bold', impacted > 0 ? 'text-warning' : 'text-success')\n }\n\n actionClass(synced: boolean): string {\n return cn('h-7 gap-1 text-xs font-medium shadow-xs', synced && 'border-success/40 bg-success/10 text-success')\n }\n\n tabClass(tab: 'lineage' | 'yaml' | 'sql'): string {\n return cn(\n 'h-8 gap-1.5 text-xs',\n this.activeTab() === tab && 'border-primary bg-primary/10 text-primary font-semibold',\n )\n }\n\n nodeCardClass(status: BlastRadiusNode['status']): string {\n return cn(\n 'space-y-2 rounded-lg border p-3 text-xs shadow-xs transition-colors',\n status === 'mutation' && 'border-warning/40 bg-warning/5',\n status === 'impacted' && 'border-warning/50 bg-warning/10 ring-warning/30 ring-1',\n status === 'warning' && 'border-yellow-500/40 bg-yellow-500/5',\n status === 'healthy' && 'border-border bg-card',\n )\n }\n\n nodeIconClass(status: BlastRadiusNode['status']): string {\n return cn(\n 'flex size-7 shrink-0 items-center justify-center rounded-md border text-xs',\n status === 'mutation' && 'border-warning/30 bg-warning/20 text-warning',\n status === 'impacted' && 'border-warning/40 bg-warning/20 text-warning',\n status === 'warning' && 'border-yellow-500/30 bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n status === 'healthy' && 'border-border bg-muted text-foreground',\n )\n }\n\n nodeBadgeVariant(status: BlastRadiusNode['status']): 'outline' | 'secondary' | 'warning' {\n if (status === 'healthy') return 'outline'\n if (status === 'warning') return 'secondary'\n return 'warning'\n }\n\n handleAcknowledgeAndSync(): void {\n if (this.isSyncingAll()) return\n this.isSyncingAll.set(true)\n setTimeout(() => {\n this.incidentsList.update((prev) =>\n prev.map((item) => ({ ...item, isAcknowledged: true, isContractSynced: true })),\n )\n this.isSyncingAll.set(false)\n this.allAcknowledged.set(true)\n }, 900)\n }\n\n handleToggleMute(): void {\n this.isMutedNonBreaking.update((v) => !v)\n }\n\n handleRowAction(incident: SchemaDriftIncident, event: MouseEvent): void {\n event.stopPropagation()\n this.selectedIncidentId.set(incident.id)\n if (incident.changeType === 'Data Type Alteration') {\n this.activeTab.set('lineage')\n } else {\n this.incidentsList.update((prev) =>\n prev.map((item) =>\n item.id === incident.id ? { ...item, isContractSynced: !item.isContractSynced, isAcknowledged: true } : item,\n ),\n )\n }\n }\n\n copyCode(key: string, code: string): void {\n try {\n navigator.clipboard.writeText(code)\n this.copiedKey.set(key)\n setTimeout(() => {\n if (this.copiedKey() === key) this.copiedKey.set(null)\n }, 2000)\n } catch {\n // Clipboard unavailable in this context.\n }\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/schema-drift-alert-board/schema-drift-alert-board.component.ts" }, { "path": "packages/registry-angular/blocks/schema-drift-alert-board/index.ts", "content": "export {\n UiSchemaDriftAlertBoardComponent,\n type BlastRadiusNode,\n type SchemaDriftIncident,\n} from './schema-drift-alert-board.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/schema-drift-alert-board/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/progress.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/table.json" ], "description": "Automated data warehouse schema drift and structural anomaly detector with downstream blast radius impact analysis, interactive multi-tier lineage graph, schema mutation contract diffs, and remediation workflows.", "categories": [ "devops", "dashboard", "app", "analytics", "data" ] }