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

\n {activeTable.name}\n

\n \n BASE TABLE\n \n
\n

{activeTable.description}

\n
\n\n copyToClipboard(activeTable.ddl)}\n >\n {copiedDDL ? : }\n {copiedDDL ? 'Copied DDL' : 'Copy Table DDL'}\n \n
\n\n {/* Metadata Stat Badges */}\n
\n
\n \n Rows:\n {activeTable.rowCountFormatted}\n
\n\n
\n \n Primary Key:\n {activeTable.primaryKey}\n
\n\n
\n \n Table Size:\n {activeTable.size}\n
\n\n
\n \n Last Analyzed:\n {activeTable.lastAnalyzed}\n
\n
\n
\n\n {/* View Tabs Navigation */}\n \n \n \n \n Columns\n \n {activeTable.columns.length}\n \n \n \n \n Foreign Keys\n \n {activeTable.foreignKeys.length}\n \n \n \n \n Indexes\n \n {activeTable.indexes.length}\n \n \n \n \n SQL DDL Preview\n \n \n\n {/* Tab 1: Columns List */}\n \n \n
\n \n \n \n Column Name\n Data Type\n Nullable\n Default Value\n Constraints\n Description\n \n \n \n {activeTable.columns.map((col) => (\n \n \n
\n {col.isPrimaryKey ? (\n \n ) : col.isForeignKey ? (\n \n ) : null}\n {col.name}\n
\n \n \n \n {col.type}\n \n \n \n {!col.nullable ? (\n \n NOT NULL\n \n ) : (\n NULL\n )}\n \n {col.defaultValue ?? 'โ€”'}\n \n
\n {col.isPrimaryKey && (\n PK\n )}\n {col.isForeignKey && (\n \n FK → {col.foreignKeyRef}\n \n )}\n {!col.isPrimaryKey && !col.isForeignKey && (\n โ€”\n )}\n
\n \n \n {col.description ?? 'โ€”'}\n \n \n ))}\n \n
\n
\n \n \n\n {/* Tab 2: Foreign Keys & Relations */}\n \n {activeTable.foreignKeys.length > 0 ? (\n
\n {activeTable.foreignKeys.map((fk) => (\n \n
\n
\n \n {fk.name}\n
\n \n Many-to-One (N:1)\n \n
\n\n
\n
\n Source:\n \n {activeTable.name}.{fk.column}\n \n
\n\n
\n\n
\n
\n On Delete Action:\n \n {fk.onDelete}\n \n
\n
\n On Update Action:\n \n {fk.onUpdate}\n \n
\n
\n \n ))}\n
\n ) : (\n \n
\n
\n \n
\n

No Outbound Foreign Keys

\n

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

\n
\n \n )}\n \n\n {/* Tab 3: Indexes & Constraints */}\n \n \n
\n \n \n \n Index Name\n Method\n Indexed Columns\n Index Size\n Constraint Type\n \n \n \n {activeTable.indexes.map((idx) => (\n \n \n
\n \n {idx.name}\n
\n \n \n \n {idx.type}\n \n \n {idx.columns.join(', ')}\n {idx.size}\n \n {idx.isPrimary ? (\n \n PRIMARY KEY\n \n ) : idx.isUnique ? (\n \n UNIQUE\n \n ) : (\n \n INDEX\n \n )}\n \n \n ))}\n \n
\n
\n \n \n\n {/* Tab 4: SQL DDL Preview */}\n \n
\n
\n
\n \n {activeTable.name}.sql\n \n PostgreSQL DDL\n \n
\n copyToClipboard(activeTable.ddl)}\n >\n {copiedDDL ? : }\n {copiedDDL ? 'Copied' : 'Copy'}\n \n
\n\n
\n 
\n                    {activeTable.ddl}\n
\n
\n
\n \n \n
\n
\n \n )\n}\n", "type": "registry:page", "target": "~/components/blocks/DatabaseSchemaViewer.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "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" ], "description": "Visual database schema inspector and SQL query previewer with cluster health header, table navigation sidebar with row counts, columns metadata table (data types, nullability, defaults, PK/FK indicators), foreign keys diagram, B-Tree indexes, and syntax-styled DDL preview with copy actions.", "categories": [ "devops", "app" ] }