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:Taa92,'use client' import * as React from 'react' import { ArrowRight, Check, Clock, Code2, Copy, Database, Download, HardDrive, Key, Layers, Link2, Search, Table2, } 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' export interface ColumnDefinition { name: string type: string nullable: boolean defaultValue: string | null isPrimaryKey?: boolean isForeignKey?: boolean foreignKeyRef?: string description?: string } export interface ForeignKeyDefinition { name: string column: string foreignTable: string foreignColumn: string onDelete: 'CASCADE' | 'RESTRICT' | 'SET NULL' | 'NO ACTION' onUpdate: 'CASCADE' | 'RESTRICT' | 'SET NULL' | 'NO ACTION' } export interface IndexDefinition { name: string type: 'B-Tree' | 'GIN' | 'GiST' | 'Hash' columns: string[] size: string isUnique?: boolean isPrimary?: boolean } export interface TableSchema { name: string schema: string rowCount: number rowCountFormatted: string size: string primaryKey: string lastAnalyzed: string description: string columns: ColumnDefinition[] foreignKeys: ForeignKeyDefinition[] indexes: IndexDefinition[] ddl: string } export interface DatabaseSchemaViewerProps { className?: string } const tables: TableSchema[] = [ { name: 'users', schema: 'public', rowCount: 42850, rowCountFormatted: '42,850 rows', size: '18.4 MB', primaryKey: 'id (UUID)', lastAnalyzed: '12 mins ago', description: 'User accounts, authentication identities, role assignments, and profile metadata.', columns: [ { name: 'id', type: 'uuid', nullable: false, defaultValue: 'gen_random_uuid()', isPrimaryKey: true, description: 'Unique identifier for the user', }, { name: 'email', type: 'varchar(255)', nullable: false, defaultValue: null, description: 'Verified primary contact email', }, { name: 'encrypted_password', type: 'varchar(255)', nullable: false, defaultValue: null, description: 'Bcrypt hashed password digest', }, { name: 'full_name', type: 'varchar(100)', nullable: true, defaultValue: null, description: 'Display name or legal identity', }, { name: 'role', type: 'varchar(32)', nullable: false, defaultValue: "'member'", description: 'System authorization role', }, { name: 'avatar_url', type: 'text', nullable: true, defaultValue: null, description: 'Remote profile avatar image URL', }, { name: 'is_verified', type: 'boolean', nullable: false, defaultValue: 'false', description: 'Email verification status flag', }, { name: 'created_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Account creation timestamp', }, { name: 'updated_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Last record modification timestamp', }, ], foreignKeys: [], indexes: [ { name: 'users_pkey', type: 'B-Tree', columns: ['id'], size: '1.2 MB', isPrimary: true, isUnique: true }, { name: 'idx_users_email', type: 'B-Tree', columns: ['email'], size: '940 KB', isUnique: true }, { name: 'idx_users_role_created', type: 'B-Tree', columns: ['role', 'created_at DESC'], size: '1.8 MB' }, ], ddl: `CREATE TABLE public.users ( id uuid PRIMARY KEY DEFAULT gen_random_uuid(), email varchar(255) NOT NULL UNIQUE, encrypted_password varchar(255) NOT NULL, full_name varchar(100), role varchar(32) NOT NULL DEFAULT 'member', avatar_url text, is_verified boolean NOT NULL DEFAULT false, created_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP, CONSTRAINT chk_users_role CHECK (role IN ('admin', 'member', 'viewer')) );`, }, { name: 'orders', schema: 'public', rowCount: 148290, rowCountFormatted: '148,290 rows', size: '64.2 MB', primaryKey: 'id (UUID)', lastAnalyzed: '2 mins ago', description: 'Customer transactional purchase orders, fulfillment status, and payment totals.', columns: [ { name: 'id', type: 'uuid', nullable: false, defaultValue: 'gen_random_uuid()', isPrimaryKey: true, description: 'Unique order identifier', }, { name: 'order_number', type: 'varchar(48)', nullable: false, defaultValue: null, description: 'Human-readable sequential invoice reference', }, { name: 'user_id', type: 'uuid', nullable: false, defaultValue: null, isForeignKey: true, foreignKeyRef: 'users.id', description: 'Purchaser account reference', }, { name: 'status', type: 'varchar(32)', nullable: false, defaultValue: "'pending'", description: 'Order lifecycle stage', }, { name: 'total_amount', type: 'numeric(10,2)', nullable: false, defaultValue: '0.00', description: 'Grand total charged in base currency', }, { name: 'currency', type: 'varchar(3)', nullable: false, defaultValue: "'USD'", description: 'ISO 4217 three-letter currency code', }, { name: 'billing_address', type: 'jsonb', nullable: true, defaultValue: "'{}'::jsonb", description: 'Structured billing snapshot', }, { name: 'shipping_address', type: 'jsonb', nullable: true, defaultValue: "'{}'::jsonb", description: 'Structured destination address', }, { name: 'shipped_at', type: 'timestamptz', nullable: true, defaultValue: null, description: 'Carrier pickup confirmation date', }, { name: 'created_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Checkout completion timestamp', }, { name: 'updated_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Order state mutation timestamp', }, ], foreignKeys: [ { name: 'fk_orders_user_id', column: 'user_id', foreignTable: 'users', foreignColumn: 'id', onDelete: 'CASCADE', onUpdate: 'CASCADE', }, ], indexes: [ { name: 'orders_pkey', type: 'B-Tree', columns: ['id'], size: '4.8 MB', isPrimary: true, isUnique: true }, { name: 'idx_orders_user_id', type: 'B-Tree', columns: ['user_id'], size: '3.4 MB' }, { name: 'idx_orders_status_created', type: 'B-Tree', columns: ['status', 'created_at DESC'], size: '5.1 MB' }, { name: 'idx_orders_number_unique', type: 'B-Tree', columns: ['order_number'], size: '3.2 MB', isUnique: true }, ], ddl: `CREATE TABLE public.orders ( id uuid PRIMARY KEY DEFAULT gen_random_uuid(), order_number varchar(48) NOT NULL UNIQUE, user_id uuid NOT NULL REFERENCES public.users(id) ON DELETE CASCADE ON UPDATE CASCADE, status varchar(32) NOT NULL DEFAULT 'pending', total_amount numeric(10,2) NOT NULL DEFAULT 0.00, currency varchar(3) NOT NULL DEFAULT 'USD', billing_address jsonb DEFAULT '{}'::jsonb, shipping_address jsonb DEFAULT '{}'::jsonb, shipped_at timestamptz, created_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP );`, }, { name: 'order_items', schema: 'public', rowCount: 384120, rowCountFormatted: '384,120 rows', size: '112.5 MB', primaryKey: 'id (UUID)', lastAnalyzed: '8 mins ago', description: 'Granular line items and unit pricing linked to purchase orders.', columns: [ { name: 'id', type: 'uuid', nullable: false, defaultValue: 'gen_random_uuid()', isPrimaryKey: true, description: 'Line item primary key', }, { name: 'order_id', type: 'uuid', nullable: false, defaultValue: null, isForeignKey: true, foreignKeyRef: 'orders.id', description: 'Parent order reference', }, { name: 'product_id', type: 'uuid', nullable: false, defaultValue: null, isForeignKey: true, foreignKeyRef: 'products.id', description: 'Catalog item reference', }, { name: 'quantity', type: 'integer', nullable: false, defaultValue: '1', description: 'Units purchased' }, { name: 'unit_price', type: 'numeric(10,2)', nullable: false, defaultValue: '0.00', description: 'Unit price captured at purchase', }, { name: 'discount_amount', type: 'numeric(10,2)', nullable: false, defaultValue: '0.00', description: 'Item level discount applied', }, { name: 'created_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Record insertion timestamp', }, ], foreignKeys: [ { name: 'fk_order_items_order_id', column: 'order_id', foreignTable: 'orders', foreignColumn: 'id', onDelete: 'CASCADE', onUpdate: 'CASCADE', }, { name: 'fk_order_items_product_id', column: 'product_id', foreignTable: 'products', foreignColumn: 'id', onDelete: 'RESTRICT', onUpdate: 'CASCADE', }, ], indexes: [ { name: 'order_items_pkey', type: 'B-Tree', columns: ['id'], size: '12.1 MB', isPrimary: true, isUnique: true }, { name: 'idx_order_items_order_id', type: 'B-Tree', columns: ['order_id'], size: '8.9 MB' }, { name: 'idx_order_items_product_id', type: 'B-Tree', columns: ['product_id'], size: '8.4 MB' }, ], ddl: `CREATE TABLE public.order_items ( id uuid PRIMARY KEY DEFAULT gen_random_uuid(), order_id uuid NOT NULL REFERENCES public.orders(id) ON DELETE CASCADE ON UPDATE CASCADE, product_id uuid NOT NULL REFERENCES public.products(id) ON DELETE RESTRICT ON UPDATE CASCADE, quantity integer NOT NULL DEFAULT 1, unit_price numeric(10,2) NOT NULL DEFAULT 0.00, discount_amount numeric(10,2) NOT NULL DEFAULT 0.00, created_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP );`, }, { name: 'products', schema: 'public', rowCount: 12400, rowCountFormatted: '12,400 rows', size: '9.8 MB', primaryKey: 'id (UUID)', lastAnalyzed: '45 mins ago', description: 'Catalog products, SKU identifiers, real-time inventory counts, and price tiers.', columns: [ { name: 'id', type: 'uuid', nullable: false, defaultValue: 'gen_random_uuid()', isPrimaryKey: true, description: 'Product primary key', }, { name: 'sku', type: 'varchar(64)', nullable: false, defaultValue: null, description: 'Stock keeping unit barcode index', }, { name: 'name', type: 'varchar(255)', nullable: false, defaultValue: null, description: 'Public product title' }, { name: 'description', type: 'text', nullable: true, defaultValue: null, description: 'Detailed marketing specifications', }, { name: 'price', type: 'numeric(10,2)', nullable: false, defaultValue: '0.00', description: 'Base retail price' }, { name: 'stock_quantity', type: 'integer', nullable: false, defaultValue: '0', description: 'Available warehouse stock', }, { name: 'is_active', type: 'boolean', nullable: false, defaultValue: 'true', description: 'Visibility in storefront', }, { name: 'metadata', type: 'jsonb', nullable: true, defaultValue: "'{}'::jsonb", description: 'Custom attributes and tags', }, { name: 'created_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Product onboarding timestamp', }, { name: 'updated_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Last catalog revision', }, ], foreignKeys: [], indexes: [ { name: 'products_pkey', type: 'B-Tree', columns: ['id'], size: '380 KB', isPrimary: true, isUnique: true }, { name: 'idx_products_sku', type: 'B-Tree', columns: ['sku'], size: '290 KB', isUnique: true }, { name: 'idx_products_is_active', type: 'B-Tree', columns: ['is_active'], size: '180 KB' }, ], ddl: `CREATE TABLE public.products ( id uuid PRIMARY KEY DEFAULT gen_random_uuid(), sku varchar(64) NOT NULL UNIQUE, name varchar(255) NOT NULL, description text, price numeric(10,2) NOT NULL DEFAULT 0.00, stock_quantity integer NOT NULL DEFAULT 0, is_active boolean NOT NULL DEFAULT true, metadata jsonb DEFAULT '{}'::jsonb, created_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP );`, }, { name: 'subscriptions', schema: 'public', rowCount: 19850, rowCountFormatted: '19,850 rows', size: '14.1 MB', primaryKey: 'id (UUID)', lastAnalyzed: '18 mins ago', description: 'Recurring billing contracts, subscription plans, and renewal period bounds.', columns: [ { name: 'id', type: 'uuid', nullable: false, defaultValue: 'gen_random_uuid()', isPrimaryKey: true, description: 'Subscription contract ID', }, { name: 'user_id', type: 'uuid', nullable: false, defaultValue: null, isForeignKey: true, foreignKeyRef: 'users.id', description: 'Subscriber user ID', }, { name: 'plan_tier', type: 'varchar(32)', nullable: false, defaultValue: "'starter'", description: 'SaaS plan designation', }, { name: 'status', type: 'varchar(32)', nullable: false, defaultValue: "'active'", description: 'Lifecycle status', }, { name: 'current_period_start', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Current billing window start', }, { name: 'current_period_end', type: 'timestamptz', nullable: false, defaultValue: null, description: 'Next scheduled billing date', }, { name: 'cancel_at_period_end', type: 'boolean', nullable: false, defaultValue: 'false', description: 'Cancellation intent at renewal', }, { name: 'created_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Initial signup timestamp', }, ], foreignKeys: [ { name: 'fk_subscriptions_user_id', column: 'user_id', foreignTable: 'users', foreignColumn: 'id', onDelete: 'CASCADE', onUpdate: 'CASCADE', }, ], indexes: [ { name: 'subscriptions_pkey', type: 'B-Tree', columns: ['id'], size: '620 KB', isPrimary: true, isUnique: true }, { name: 'idx_subscriptions_user_id', type: 'B-Tree', columns: ['user_id'], size: '540 KB' }, { name: 'idx_subscriptions_status', type: 'B-Tree', columns: ['status'], size: '410 KB' }, ], ddl: `CREATE TABLE public.subscriptions ( id uuid PRIMARY KEY DEFAULT gen_random_uuid(), user_id uuid NOT NULL REFERENCES public.users(id) ON DELETE CASCADE ON UPDATE CASCADE, plan_tier varchar(32) NOT NULL DEFAULT 'starter', status varchar(32) NOT NULL DEFAULT 'active', current_period_start timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP, current_period_end timestamptz NOT NULL, cancel_at_period_end boolean NOT NULL DEFAULT false, created_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP );`, }, { name: 'audit_logs', schema: 'public', rowCount: 920400, rowCountFormatted: '920,400 rows', size: '201.0 MB', primaryKey: 'id (UUID)', lastAnalyzed: '1 min ago', description: 'Immutable security event stream, compliance audit records, and state change captures.', columns: [ { name: 'id', type: 'uuid', nullable: false, defaultValue: 'gen_random_uuid()', isPrimaryKey: true, description: 'Event ledger entry identifier', }, { name: 'actor_id', type: 'uuid', nullable: true, defaultValue: null, isForeignKey: true, foreignKeyRef: 'users.id', description: 'Initiating user account reference', }, { name: 'action', type: 'varchar(64)', nullable: false, defaultValue: null, description: 'Standardized action identifier', }, { name: 'entity_type', type: 'varchar(64)', nullable: false, defaultValue: null, description: 'Target entity namespace', }, { name: 'entity_id', type: 'varchar(128)', nullable: false, defaultValue: null, description: 'Target entity unique identifier', }, { name: 'ip_address', type: 'inet', nullable: true, defaultValue: null, description: 'Client network IP' }, { name: 'payload', type: 'jsonb', nullable: true, defaultValue: "'{}'::jsonb", description: 'Full before/after state diff', }, { name: 'created_at', type: 'timestamptz', nullable: false, defaultValue: 'CURRENT_TIMESTAMP', description: 'Exact audit record timestamp', }, ], foreignKeys: [ { name: 'fk_audit_logs_actor_id', column: 'actor_id', foreignTable: 'users', foreignColumn: 'id', onDelete: 'SET NULL', onUpdate: 'CASCADE', }, ], indexes: [ { name: 'audit_logs_pkey', type: 'B-Tree', columns: ['id'], size: '28.4 MB', isPrimary: true, isUnique: true }, { name: 'idx_audit_logs_actor_id', type: 'B-Tree', columns: ['actor_id'], size: '19.2 MB' }, { name: 'idx_audit_logs_action_created', type: 'B-Tree', columns: ['action', 'created_at DESC'], size: '32.6 MB', }, { name: 'idx_audit_logs_entity', type: 'B-Tree', columns: ['entity_type', 'entity_id'], size: '24.1 MB' }, ], ddl: `CREATE TABLE public.audit_logs ( id uuid PRIMARY KEY DEFAULT gen_random_uuid(), actor_id uuid REFERENCES public.users(id) ON DELETE SET NULL ON UPDATE CASCADE, action varchar(64) NOT NULL, entity_type varchar(64) NOT NULL, entity_id varchar(128) NOT NULL, ip_address inet, payload jsonb DEFAULT '{}'::jsonb, created_at timestamptz NOT NULL DEFAULT CURRENT_TIMESTAMP );`, }, ] function formatRowCount(count: number): string { if (count >= 1_000_000) return `${(count / 1_000_000).toFixed(1)}M` if (count >= 1_000) return `${(count / 1_000).toFixed(1)}k` return String(count) } export function DatabaseSchemaViewer({ className }: DatabaseSchemaViewerProps) { const [searchQuery, setSearchQuery] = React.useState('') const [selectedTableName, setSelectedTableName] = React.useState('orders') const [activeTab, setActiveTab] = React.useState('columns') const [copiedDDL, setCopiedDDL] = React.useState(false) const [exportedAll, setExportedAll] = React.useState(false) const filteredTables = React.useMemo(() => { const query = searchQuery.trim().toLowerCase() if (!query) return tables return tables.filter( (table) => table.name.toLowerCase().includes(query) || table.description.toLowerCase().includes(query) || table.columns.some((col) => col.name.toLowerCase().includes(query)), ) }, [searchQuery]) const activeTable = React.useMemo(() => { return tables.find((t) => t.name === selectedTableName) ?? tables[0] }, [selectedTableName]) const copyToClipboard = React.useCallback((text: string) => { if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText(text) setCopiedDDL(true) setTimeout(() => { setCopiedDDL(false) }, 2000) } }, []) const exportAllDDL = React.useCallback(() => { const allSql = tables.map((t) => `-- Table: ${t.name}\n${t.ddl}`).join('\n\n') if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText(allSql) setExportedAll(true) setTimeout(() => { setExportedAll(false) }, 2000) } }, []) return (

{/* Top Database Header */}

production-cluster-pg16 PostgreSQL 16.2

18 tables · 420 MB

setSearchQuery(e.target.value)} placeholder="Search tables or columns..." className="h-8 pl-8 text-xs" />

{/* Two-Column Inspector Body */}

{/* Left Sidebar: Tables List */}

Database Tables {filteredTables.length}

{filteredTables.map((table) => ( ))} {filteredTables.length === 0 && (

No matching tables found

)}

Encoding: UTF8

Collation: en_US.utf8

Default Schema: public

{/* Right Main Panel: Table Detail Inspector */}

{/* Active Table Header & Stats */}

public.

{activeTable.name}

BASE TABLE

{activeTable.description}

{/* Metadata Stat Badges */}

Rows: {activeTable.rowCountFormatted}

Primary Key: {activeTable.primaryKey}

Table Size: {activeTable.size}

Last Analyzed: {activeTable.lastAnalyzed}

{/* View Tabs Navigation */} Columns {activeTable.columns.length} Foreign Keys {activeTable.foreignKeys.length} Indexes {activeTable.indexes.length} SQL DDL Preview {/* Tab 1: Columns List */}

Column Name Data Type Nullable Default Value Constraints Description {activeTable.columns.map((col) => (

{col.isPrimaryKey ? ( ) : col.isForeignKey ? ( ) : null} {col.name}

{col.type} {!col.nullable ? ( NOT NULL ) : ( NULL )} {col.defaultValue ?? '—'}

{col.isPrimaryKey && ( PK )} {col.isForeignKey && ( FK → {col.foreignKeyRef} )} {!col.isPrimaryKey && !col.isForeignKey && ( — )}

{col.description ?? '—'} ))}

{/* Tab 2: Foreign Keys & Relations */} {activeTable.foreignKeys.length > 0 ? (

{activeTable.foreignKeys.map((fk) => (

{fk.name}

Many-to-One (N:1)

Source: {activeTable.name}.{fk.column}

References: {fk.foreignTable}.{fk.foreignColumn}

On Delete Action: {fk.onDelete}

On Update Action: {fk.onUpdate}

))}

) : (

No Outbound Foreign Keys

Table {activeTable.name} has no outbound relations. It acts as an independent entity or is referenced by downstream child tables.

)} {/* Tab 3: Indexes & Constraints */}

Index Name Method Indexed Columns Index Size Constraint Type {activeTable.indexes.map((idx) => (

{idx.name}

{idx.type} {idx.columns.join(', ')} {idx.size} {idx.isPrimary ? ( PRIMARY KEY ) : idx.isUnique ? ( UNIQUE ) : ( INDEX )} ))}

{/* Tab 4: SQL DDL Preview */}

{activeTable.name}.sql PostgreSQL DDL

                    {activeTable.ddl}

) } 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/database-schema-viewer/DatabaseSchemaViewer.tsx","content":"$64","type":"registry:page","target":"~/components/blocks/DatabaseSchemaViewer.tsx"}],"className":"h-[70svh] min-h-80"}]]}]