62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:Tcd85,'use client' import * as React from 'react' import { Activity, AlertCircle, AlertTriangle, Check, CheckCircle2, Code2, Copy, Download, FileCode, FileCode2, FileJson, HardDrive, Key, Link2, Loader2, Lock, Play, Radio, RefreshCw, Search, Server, ShieldCheck, Table2, Tag, Terminal, Users, WrapText, Zap, } from 'lucide-react' import { cn } from '@/lib/utils' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card } from '@/components/ui/card' import { Input } from '@/components/ui/input' import { Separator } from '@/components/ui/separator' import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table' import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs' import { DataContractConsumersPanel, DataContractSlaPanel } from './DataContractSlaConsumers' export interface SchemaField { name: string dataType: string format?: string nullable: boolean isPrimaryKey?: boolean isForeignKey?: boolean foreignKeyRef?: string isPii?: boolean maskingStrategy?: string constraints?: string description: string } export interface LintTestRule { id: string name: string category: 'breaking' | 'compatibility' | 'compliance' categoryLabel: string status: 'pass' | 'warn' | 'fail' ruleDefinition: string assertionPath: string executionDuration: string evaluatedAt: string } export interface ConsumerService { id: string name: string team: string versionSubscribed: string versionStatus: 'current' | 'minor-lag' | 'major-lag' status: 'compliant' | 'warning' | 'deprecated' throughput: string latencyP99: string slaStatus: string compatibility: string lastEventReceived: string contact: string } export interface DataContractGovernanceProps { contractTitle?: string version?: string ownerTeam?: string producerService?: string destinationTopic?: string lakehouseTarget?: string className?: string } const rawYamlContract = `apiVersion: datacontract.com/v3.0.1 kind: DataContract id: urn:datacontract:checkout:orders_placed info: title: orders_placed version: 3.2.0 status: enforced owner: Checkout Core Engineering Squad contact: #checkout-eng-alerts description: Canonical production data contract for completed checkout orders across global storefronts. servers: production: type: kafka topic: events.orders.placed format: json_schema cluster: prd-us-east-kafka.internal:9092 lakehouse: type: iceberg location: s3://lakehouse-analytics/tables/checkout/orders_placed_v3 format: parquet servicelevels: availability: percentage: 99.99% description: 30-day rolling cluster uptime latency: threshold: 100ms percentile: p99 freshness: maxDelay: 5s source: cdc_debezium_postgres retention: period: 365d tier: hot_kafka_7d_warm_iceberg_365d schema: type: object required: - order_id - customer_id - order_timestamp - total_amount_cents - currency_code - payment_method - customer_email_encrypted - shipping_country - line_items_count properties: order_id: type: string format: uuid nullable: false description: Unique primary transaction order UUID. customer_id: type: string format: uuid nullable: false description: Master verified customer identity reference. order_timestamp: type: string format: date-time pattern: "^[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}:[0-9]{2}Z$" nullable: false description: Event generation timestamp in UTC RFC-3339. total_amount_cents: type: integer minimum: 0 maximum: 5000000 nullable: false description: Gross order value denominated in lowest currency unit. currency_code: type: string enum: ["USD", "EUR", "GBP", "JPY", "CAD"] nullable: false description: ISO 4217 three-letter currency code. payment_method: type: string enum: ["credit_card", "apple_pay", "google_pay", "sepa_debit"] nullable: false description: Authorized payment gateway instrument type. customer_email_encrypted: type: string nullable: false pii: true masking: deterministic_sha256 classification: restricted description: AES-GCM-256 encrypted customer email for fraud detection. shipping_country: type: string pattern: "^[A-Z]{2}$" nullable: false description: ISO 3166-1 alpha-2 destination country code. line_items_count: type: integer minimum: 1 maximum: 100 nullable: false description: Number of line items purchased in order.` const schemaFields: SchemaField[] = [ { name: 'order_id', dataType: 'string', format: 'uuid', nullable: false, isPrimaryKey: true, constraints: 'format: uuid (RFC-4122)', description: 'Unique primary transaction order identifier.', }, { name: 'customer_id', dataType: 'string', format: 'uuid', nullable: false, isForeignKey: true, foreignKeyRef: 'customers.customer_id', constraints: 'format: uuid, not null', description: 'Master verified customer identity reference.', }, { name: 'order_timestamp', dataType: 'string', format: 'date-time', nullable: false, constraints: 'pattern: RFC-3339 UTC', description: 'Event generation timestamp in strict ISO-8601 / RFC-3339 UTC.', }, { name: 'total_amount_cents', dataType: 'integer', format: 'int64', nullable: false, constraints: '0 ≤ value ≤ 5,000,000', description: 'Gross order value denominated in lowest currency unit (cents).', }, { name: 'currency_code', dataType: 'string', nullable: false, constraints: 'enum: [USD, EUR, GBP, JPY, CAD]', description: 'ISO-4217 three-letter currency code in which the charge occurred.', }, { name: 'payment_method', dataType: 'string', nullable: false, constraints: 'enum: [credit_card, apple_pay, google_pay, sepa_debit]', description: 'Authorized payment gateway instrument method.', }, { name: 'customer_email_encrypted', dataType: 'string', nullable: false, isPii: true, maskingStrategy: 'SHA-256 / AES-256-GCM', constraints: 'pii: true, restricted', description: 'Cryptographically enveloped customer email address.', }, { name: 'shipping_country', dataType: 'string', nullable: false, constraints: 'pattern: ^[A-Z]{2}$ (ISO 3166-1)', description: 'Two-letter alpha-2 shipping destination country code.', }, { name: 'line_items_count', dataType: 'integer', format: 'int32', nullable: false, constraints: '1 ≤ value ≤ 100', description: 'Total count of individual catalog items inside the basket.', }, ] const lintRules: LintTestRule[] = [ { id: 'lint-1', name: "Field 'customer_id' remains required", category: 'breaking', categoryLabel: 'Requiredness Invariant', status: 'pass', ruleDefinition: 'Required string UUID field cannot be made optional or omitted without a major semantic version bump (v4.0.0).', assertionPath: 'schema.properties.customer_id.nullable == false', executionDuration: '14ms', evaluatedAt: 'Just now', }, { id: 'lint-2', name: "Field 'currency_code' enum compatibility", category: 'compatibility', categoryLabel: 'Enum Evolution', status: 'pass', ruleDefinition: 'Allowed currency enum set [USD, EUR, GBP, JPY, CAD] is a strict superset of v3.1; no historical enum values were pruned.', assertionPath: 'schema.properties.currency_code.enum (5 items)', executionDuration: '22ms', evaluatedAt: 'Just now', }, { id: 'lint-3', name: 'Timestamp ISO-8601 format compliance', category: 'compliance', categoryLabel: 'Format Strictness', status: 'pass', ruleDefinition: "Field 'order_timestamp' adheres to strict RFC 3339 / ISO-8601 UTC regex pattern with mandatory 'Z' zone identifier.", assertionPath: 'format: date-time (RFC-3339 UTC)', executionDuration: '18ms', evaluatedAt: 'Just now', }, { id: 'lint-4', name: 'Backward compatibility for existing consumer v3.1', category: 'compatibility', categoryLabel: 'Consumer Simulation', status: 'pass', ruleDefinition: 'Simulated payload deserialization passed across all 8 active consumer test vectors without JSON schema deserializer exceptions.', assertionPath: '8/8 consumer test vectors pass', executionDuration: '145ms', evaluatedAt: 'Just now', }, { id: 'lint-5', name: "Field 'customer_email_encrypted' PII Masking Rule", category: 'compliance', categoryLabel: 'Security & PII', status: 'pass', ruleDefinition: 'Customer email field enforces cryptographic ciphertext masking (AES-GCM-256 / SHA-256) prior to publishing onto Kafka broker.', assertionPath: 'pii: true · masking: deterministic_sha256', executionDuration: '31ms', evaluatedAt: 'Just now', }, { id: 'lint-6', name: 'Schema type narrowing safety', category: 'breaking', categoryLabel: 'Type Evolution', status: 'pass', ruleDefinition: 'No existing schema properties had primitive data types narrowed or widened in a breaking manner (e.g. integer to short).', assertionPath: '0 type narrowing violations detected', executionDuration: '19ms', evaluatedAt: 'Just now', }, ] const consumerServices: ConsumerService[] = [ { id: 'svc-1', name: 'Fraud Detection Service', team: 'Security & Risk Squad', versionSubscribed: 'v3.2.0', versionStatus: 'current', status: 'compliant', throughput: '4,200 msg/s', latencyP99: '38ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: '100% Compatible', lastEventReceived: '1.2s ago', contact: '#fraud-eng', }, { id: 'svc-2', name: 'Financial Ledger Mart', team: 'Finance Analytics Squad', versionSubscribed: 'v3.1.0', versionStatus: 'minor-lag', status: 'compliant', throughput: '1,850 msg/s', latencyP99: '52ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: 'Backward Compat Verified', lastEventReceived: '3.4s ago', contact: '#fin-ledger-team', }, { id: 'svc-3', name: 'Email Notification Dispatcher', team: 'Customer Comms Team', versionSubscribed: 'v3.2.0', versionStatus: 'current', status: 'compliant', throughput: '850 msg/s', latencyP99: '24ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: '100% Compatible', lastEventReceived: '0.8s ago', contact: '#comms-alerts', }, { id: 'svc-4', name: 'Inventory Fulfillment Pipeline', team: 'Supply Chain Engineering', versionSubscribed: 'v3.2.0', versionStatus: 'current', status: 'compliant', throughput: '2,100 msg/s', latencyP99: '34ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: '100% Compatible', lastEventReceived: '1.5s ago', contact: '#supply-chain-dev', }, { id: 'svc-5', name: 'Customer Data Platform (CDP)', team: 'Growth & Marketing Tech', versionSubscribed: 'v3.0.4', versionStatus: 'minor-lag', status: 'compliant', throughput: '3,400 msg/s', latencyP99: '48ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: 'v3.0 Compat Mode', lastEventReceived: '2.1s ago', contact: '#growth-infra', }, { id: 'svc-6', name: 'Realtime Order Tracking Gateway', team: 'Mobile & Web Edge Platform', versionSubscribed: 'v3.2.0', versionStatus: 'current', status: 'compliant', throughput: '5,600 msg/s', latencyP99: '19ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: '100% Compatible', lastEventReceived: '0.4s ago', contact: '#edge-team', }, { id: 'svc-7', name: 'Audit Log & Compliance Vault', team: 'Infosec & Legal Systems', versionSubscribed: 'v3.2.0', versionStatus: 'current', status: 'compliant', throughput: '1,200 msg/s', latencyP99: '28ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: '100% Compatible', lastEventReceived: '4.2s ago', contact: '#infosec-ops', }, { id: 'svc-8', name: 'Search & Recommendation Indexer', team: 'Discovery & ML Platform', versionSubscribed: 'v3.1.2', versionStatus: 'minor-lag', status: 'compliant', throughput: '980 msg/s', latencyP99: '31ms', slaStatus: 'SLA Compliant (p99 < 100ms)', compatibility: 'Backward Compat Verified', lastEventReceived: '1.9s ago', contact: '#discovery-ml', }, ] export function DataContractGovernance({ contractTitle = 'orders_placed_v3.contract.yaml', version = 'v3.2.0', ownerTeam = 'Checkout Core Engineering Squad', producerService = 'checkout-service-prod', destinationTopic = 'events.orders.placed', lakehouseTarget = 's3://lakehouse-analytics/tables/checkout/orders_placed_v3', className, }: DataContractGovernanceProps) { const [activeInspectorTab, setActiveInspectorTab] = React.useState<'yaml' | 'schema' | 'sla'>('yaml') const [selectedLinterFilter, setSelectedLinterFilter] = React.useState< 'all' | 'breaking' | 'compatibility' | 'compliance' >('all') const [isValidatingYaml, setIsValidatingYaml] = React.useState(false) const [validationToast, setValidationToast] = React.useState(null) const [isRunningLinter, setIsRunningLinter] = React.useState(false) const [copiedYaml, setCopiedYaml] = React.useState(false) const [copiedSchema, setCopiedSchema] = React.useState(false) const [wrapYamlLines, setWrapYamlLines] = React.useState(false) const [consumerSearch, setConsumerSearch] = React.useState('') const [lastValidatedTimestamp, setLastValidatedTimestamp] = React.useState('Just now') const filteredLintRules = React.useMemo(() => { if (selectedLinterFilter === 'all') return lintRules return lintRules.filter((r) => r.category === selectedLinterFilter) }, [selectedLinterFilter]) const filteredConsumers = React.useMemo(() => { const q = consumerSearch.trim().toLowerCase() if (!q) return consumerServices return consumerServices.filter( (c) => c.name.toLowerCase().includes(q) || c.team.toLowerCase().includes(q) || c.versionSubscribed.toLowerCase().includes(q) || c.compatibility.toLowerCase().includes(q), ) }, [consumerSearch]) const passingRulesCount = React.useMemo(() => lintRules.filter((r) => r.status === 'pass').length, []) const handleValidateContract = () => { if (isValidatingYaml) return setIsValidatingYaml(true) setValidationToast('Validating 6 linter invariants & 8 consumer vectors...') setTimeout(() => { setIsValidatingYaml(false) setLastValidatedTimestamp('Just now') setValidationToast('Contract Validated · 0 Breaking Changes · 100% Compatible') setTimeout(() => { setValidationToast(null) }, 3500) }, 750) } const handleRunLinter = () => { if (isRunningLinter) return setIsRunningLinter(true) setTimeout(() => { setIsRunningLinter(false) }, 600) } const handleCopyYaml = () => { if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText(rawYamlContract) setCopiedYaml(true) setTimeout(() => { setCopiedYaml(false) }, 2000) } } const handleCopyJsonSchema = () => { const jsonSchemaObj = { $schema: 'http://json-schema.org/draft-07/schema#', title: 'orders_placed', description: 'Canonical production data contract for completed checkout orders across global storefronts.', type: 'object', required: schemaFields.filter((f) => !f.nullable).map((f) => f.name), properties: Object.fromEntries( schemaFields.map((f) => [ f.name, { type: f.dataType, ...(f.format ? { format: f.format } : {}), description: f.description, ...(f.isPii ? { 'x-pii': true, 'x-masking': f.maskingStrategy } : {}), }, ]), ), } const jsonStr = JSON.stringify(jsonSchemaObj, null, 2) if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText(jsonStr) setCopiedSchema(true) setTimeout(() => { setCopiedSchema(false) }, 2000) } } const handleExportSchema = () => { const jsonSchemaObj = { $schema: 'http://json-schema.org/draft-07/schema#', id: 'urn:datacontract:checkout:orders_placed', version, title: 'orders_placed', owner: ownerTeam, producer: producerService, topic: destinationTopic, exportedAt: new Date().toISOString(), servicelevels: { availability: '99.99%', latencyP99: '< 100ms', freshness: '< 5s CDC', retention: '365d', }, schema: { type: 'object', required: schemaFields.filter((f) => !f.nullable).map((f) => f.name), properties: Object.fromEntries( schemaFields.map((f) => [ f.name, { type: f.dataType, ...(f.format ? { format: f.format } : {}), description: f.description, constraints: f.constraints, ...(f.isPii ? { 'x-pii': true, 'x-masking': f.maskingStrategy } : {}), }, ]), ), }, } const blobData = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(jsonSchemaObj, null, 2)) if (typeof document !== 'undefined') { const link = document.createElement('a') link.setAttribute('href', blobData) link.setAttribute('download', `${contractTitle.replace('.yaml', '')}.json`) document.body.appendChild(link) link.click() link.remove() } } return (

{/* TOP HEADER */}

{/* Left: Contract Title, Version, Status Badges */}

{contractTitle}

{version} · Semantic Versioned Contract Enforced & Passing

{/* Metadata Badges & Ownership Strip */}

Owner: {ownerTeam}

Producer: {producerService}

Topic: {destinationTopic}

Classification: PII Sensitive · Encrypted

{/* Right: Primary & Secondary Action Buttons */}

{/* Live Feedback Notification */} {validationToast && (

{validationToast}

{lastValidatedTimestamp}

)}

{/* 4 DATA GOVERNANCE KPI CARDS */}

{/* Card 1: Registered Consumers */}

Registered Consumers

8 Services

8 Downstream Consumer Services across 3 domains

{/* Card 2: Breaking Changes Detected */}

Breaking Changes

0 Breaking

0 Breaking Changes 100% backward compat

{/* Card 3: Schema Freshness SLA */}

Freshness SLA

99.9% CDC

SLA: 99.9% · Real-time CDC p99 < 85ms

{/* Card 4: Quality Assertions Bound */}

Quality Assertions

14 Active

14 Schema Constraints Active 14/14 passing

{/* 2-COLUMN DATA CONTRACT STUDIO */}

{/* LEFT COLUMN: CONTRACT SCHEMA & SLA INSPECTOR (45% -> lg:col-span-5) */}

{/* Section Header */}

Contract Specification & SLA

OpenDataContract v3.0 schema definitions and producer guarantees

{/* Tabs Container */} setActiveInspectorTab(val as 'yaml' | 'schema' | 'sla')} className="w-full" >

YAML Spec Fields ({schemaFields.length}) SLA Agreements {/* Actions per tab */}

{activeInspectorTab === 'yaml' && ( <> )} {activeInspectorTab === 'schema' && ( )}

{/* TAB 1: YAML SPECIFICATION */}

{/* Code Header Bar */}

orders_placed_v3.contract.yaml

UTF-8 YAML 1.2

{/* Monospace YAML Viewer */}

{rawYamlContract.split('\n').map((line, idx) => { const isKeyword = line.startsWith('apiVersion:') || line.startsWith('kind:') || line.startsWith('id:') const isSection = line.startsWith('info:') || line.startsWith('servers:') || line.startsWith('servicelevels:') || line.startsWith('schema:') const isPii = line.includes('pii: true') || line.includes('masking:') const isComment = line.trim().startsWith('#') let lineStyle = 'text-foreground/90' if (isKeyword) lineStyle = 'text-info font-semibold' else if (isSection) lineStyle = 'text-chart-1 font-semibold' else if (isPii) lineStyle = 'text-success font-semibold' else if (isComment) lineStyle = 'text-muted-foreground/80 italic' return (

{idx + 1} {line}

) })}

{/* Routing Details Strip */}

Kafka Cluster

prd-us-east-kafka.internal

Lakehouse Sync

Apache Iceberg (Parquet)

{/* TAB 2: SCHEMA FIELDS EXPLORER */}

Field Name Type Nullability Tags / Constraints {schemaFields.map((field) => (

{field.isPrimaryKey ? ( ) : field.isForeignKey ? ( ) : field.isPii ? ( ) : null} {field.name}

{field.dataType} {field.format ? ` (${field.format})` : ''} {field.nullable ? 'nullable' : 'required'}

{field.isPii && ( PII: {field.maskingStrategy} )} {field.constraints}

))}

{/* TAB 3: SLA SERVICE LEVEL AGREEMENTS */}

{/* SLA Item 1: Latency */}

Event Latency (p99)

End-to-end event publication latency from checkout commit to Kafka broker.

Target < 100ms

Observed 30-Day p99: 42ms (Passing)

{/* SLA Item 2: Availability */}

Producer Availability

Uptime commitment for producer event emission without message drops.

99.99% Guaranteed

Actual Rolling Uptime: 99.995%

{/* SLA Item 3: Retention & Archival */}

Data Retention & Tiering

Hot retention on Apache Kafka broker topic with cold Iceberg archival.

365 Days

Storage Tiers: Kafka 7d · Iceberg 365d

{/* SLA Item 4: Escalation Contacts */}

On-Call SLA Escalation

Tier 1 Mission Critical Producer Squad: MTTA < 5 mins, MTTR < 15 mins.

Slack & PagerDuty: #checkout-eng-alerts

{/* RIGHT COLUMN: BREAKING CHANGE LINTER & VALIDATION ENGINE (55% -> lg:col-span-7) */}

{/* Linter Section Header */}

Breaking Change Linter & Validation Engine

Automated schema drift detection and backward compatibility verification

{/* Linter Action Controls */}

{/* Linter Filters & Summary Bar */}

{passingRulesCount}/{lintRules.length} Passing (100%)

{/* LIVE BREAKING CHANGE TEST RUNNER CARDS */}

{filteredLintRules.map((rule) => (

{rule.status === 'pass' ? ( ) : rule.status === 'warn' ? ( ) : ( )}

{rule.name} {rule.categoryLabel}

{rule.ruleDefinition}

{rule.assertionPath}

PASS {rule.executionDuration}

))}

{/* ACTIVE CONSUMERS LIST */}

Registered Downstream Consumers ({consumerServices.length})

Active consumer services subscribing to topic{' '} {destinationTopic}

{/* Consumer Search Input */}

setConsumerSearch(e.target.value)} placeholder="Filter consumers..." className="h-7 pl-8 font-mono text-xs" />

{/* Consumers Table */}

Consumer Service Subscribed Ver Throughput & SLA Compatibility {filteredConsumers.map((consumer) => (

{consumer.name}

{consumer.team} · {consumer.contact}

{consumer.versionSubscribed}

{consumer.throughput}

p99: {consumer.latencyP99} (OK)

{consumer.compatibility} ))}

) } 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/badge.json","https://uipkge.dev/r/react/button.json","https://uipkge.dev/r/react/card.json","https://uipkge.dev/r/react/input.json","https://uipkge.dev/r/react/separator.json","https://uipkge.dev/r/react/table.json","https://uipkge.dev/r/react/tabs.json"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"packages/registry-react/blocks/data-contract-governance/DataContractGovernance.tsx","content":"$64","type":"registry:block","target":"~/components/blocks/DataContractGovernance.tsx"}],"className":"h-[70svh] min-h-80"}]]}]