@shepai/cli 1.116.3-pr373.2304074 → 1.117.0

package/dist/src/presentation/web/app/actions/execute-query.js

@@ -1,55 +0,0 @@
-'use server';
-import { getDb } from '../../lib/server-db.js';
-/**
- * Regex pattern to detect write/destructive SQL statements.
- * Strips SQL comments and checks for disallowed keywords.
- */
-const WRITE_KEYWORDS_PATTERN = /^\s*(INSERT|UPDATE|DELETE|DROP|ALTER|CREATE|ATTACH|DETACH|REINDEX|VACUUM)\b/i;
-/**
- * Catches CTEs that lead to write operations: WITH ... INSERT/UPDATE/DELETE
- */
-const CTE_WRITE_PATTERN = /^\s*WITH\b[\s\S]*?\b(INSERT|UPDATE|DELETE)\b/i;
-function stripSqlComments(sql) {
-    return sql
-        .replace(/--[^\n]*/g, '') // single-line comments
-        .replace(/\/\*[\s\S]*?\*\//g, '') // multi-line comments
-        .trim();
-}
-function isWriteQuery(sql) {
-    const normalized = stripSqlComments(sql);
-    return WRITE_KEYWORDS_PATTERN.test(normalized) || CTE_WRITE_PATTERN.test(normalized);
-}
-function formatCellValue(value) {
-    if (Buffer.isBuffer(value)) {
-        return `(${value.length} bytes)`;
-    }
-    return value;
-}
-export async function executeQuery(sql) {
-    const trimmed = sql.trim();
-    if (!trimmed) {
-        return { error: 'Query cannot be empty' };
-    }
-    if (isWriteQuery(trimmed)) {
-        return {
-            error: 'Write operations are not allowed. Only SELECT and PRAGMA queries are permitted.',
-        };
-    }
-    try {
-        const db = getDb();
-        const rows = db.prepare(trimmed).all();
-        const columns = rows.length > 0 ? Object.keys(rows[0]) : [];
-        const formattedRows = rows.map((row) => {
-            const formatted = {};
-            for (const [key, value] of Object.entries(row)) {
-                formatted[key] = formatCellValue(value);
-            }
-            return formatted;
-        });
-        return { columns, rows: formattedRows };
-    }
-    catch (error) {
-        const message = error instanceof Error ? error.message : 'Query execution failed';
-        return { error: message };
-    }
-}

package/dist/src/presentation/web/app/actions/get-table-rows.d.ts

@@ -1,10 +0,0 @@
-export interface GetTableRowsResult {
-    columns?: string[];
-    rows?: Record<string, unknown>[];
-    totalRows?: number;
-    page?: number;
-    pageSize?: number;
-    error?: string;
-}
-export declare function getTableRows(tableName: string, page?: number): Promise<GetTableRowsResult>;
-//# sourceMappingURL=get-table-rows.d.ts.map

package/dist/src/presentation/web/app/actions/get-table-rows.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-table-rows.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-table-rows.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD,wBAAsB,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAsD3F"}

package/dist/src/presentation/web/app/actions/get-table-rows.js

@@ -1,55 +0,0 @@
-'use server';
-import { getDb } from '../../lib/server-db.js';
-const PAGE_SIZE = 50;
-function formatCellValue(value) {
-    if (Buffer.isBuffer(value)) {
-        return `(${value.length} bytes)`;
-    }
-    return value;
-}
-export async function getTableRows(tableName, page = 0) {
-    try {
-        const db = getDb();
-        // Validate table name against sqlite_master (prevents SQL injection)
-        const tableExists = db
-            .prepare(`SELECT name FROM sqlite_master WHERE type = 'table' AND name = ?`)
-            .get(tableName);
-        if (!tableExists) {
-            return { error: `Table "${tableName}" not found` };
-        }
-        const countRow = db.prepare(`SELECT COUNT(*) as count FROM "${tableName}"`).get();
-        const totalRows = countRow.count;
-        const offset = page * PAGE_SIZE;
-        const rows = db
-            .prepare(`SELECT * FROM "${tableName}" LIMIT ? OFFSET ?`)
-            .all(PAGE_SIZE, offset);
-        // Get column names from first row or from pragma if empty
-        let columns;
-        if (rows.length > 0) {
-            columns = Object.keys(rows[0]);
-        }
-        else {
-            const pragmaResult = db.prepare(`PRAGMA table_info("${tableName}")`).all();
-            columns = pragmaResult.map((c) => c.name);
-        }
-        // Format BLOB values
-        const formattedRows = rows.map((row) => {
-            const formatted = {};
-            for (const [key, value] of Object.entries(row)) {
-                formatted[key] = formatCellValue(value);
-            }
-            return formatted;
-        });
-        return {
-            columns,
-            rows: formattedRows,
-            totalRows,
-            page,
-            pageSize: PAGE_SIZE,
-        };
-    }
-    catch (error) {
-        const message = error instanceof Error ? error.message : 'Failed to fetch table rows';
-        return { error: message };
-    }
-}

package/dist/src/presentation/web/app/actions/get-table-schema.d.ts

@@ -1,13 +0,0 @@
-export interface ColumnInfo {
-    name: string;
-    type: string;
-    notnull: boolean;
-    defaultValue: string | null;
-    primaryKey: boolean;
-}
-export interface GetTableSchemaResult {
-    columns?: ColumnInfo[];
-    error?: string;
-}
-export declare function getTableSchema(tableName: string): Promise<GetTableSchemaResult>;
-//# sourceMappingURL=get-table-schema.d.ts.map

package/dist/src/presentation/web/app/actions/get-table-schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-table-schema.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-table-schema.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAmCrF"}

package/dist/src/presentation/web/app/actions/get-table-schema.js

@@ -1,27 +0,0 @@
-'use server';
-import { getDb } from '../../lib/server-db.js';
-export async function getTableSchema(tableName) {
-    try {
-        const db = getDb();
-        // Validate table name against sqlite_master
-        const tableExists = db
-            .prepare(`SELECT name FROM sqlite_master WHERE type = 'table' AND name = ?`)
-            .get(tableName);
-        if (!tableExists) {
-            return { error: `Table "${tableName}" not found` };
-        }
-        const pragmaResult = db.prepare(`PRAGMA table_info("${tableName}")`).all();
-        const columns = pragmaResult.map((col) => ({
-            name: col.name,
-            type: col.type || 'TEXT',
-            notnull: col.notnull === 1,
-            defaultValue: col.dflt_value,
-            primaryKey: col.pk > 0,
-        }));
-        return { columns };
-    }
-    catch (error) {
-        const message = error instanceof Error ? error.message : 'Failed to fetch table schema';
-        return { error: message };
-    }
-}

package/dist/src/presentation/web/app/actions/list-tables.d.ts

@@ -1,10 +0,0 @@
-export interface TableInfo {
-    name: string;
-    rowCount: number;
-}
-export interface ListTablesResult {
-    tables?: TableInfo[];
-    error?: string;
-}
-export declare function listTables(): Promise<ListTablesResult>;
-//# sourceMappingURL=list-tables.d.ts.map

package/dist/src/presentation/web/app/actions/list-tables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-tables.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/list-tables.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,UAAU,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAsB5D"}

package/dist/src/presentation/web/app/actions/list-tables.js

@@ -1,19 +0,0 @@
-'use server';
-import { getDb } from '../../lib/server-db.js';
-export async function listTables() {
-    try {
-        const db = getDb();
-        const tables = db
-            .prepare(`SELECT name FROM sqlite_master WHERE type = 'table' AND name NOT LIKE 'sqlite_%' ORDER BY name`)
-            .all();
-        const result = tables.map((t) => {
-            const row = db.prepare(`SELECT COUNT(*) as count FROM "${t.name}"`).get();
-            return { name: t.name, rowCount: row.count };
-        });
-        return { tables: result };
-    }
-    catch (error) {
-        const message = error instanceof Error ? error.message : 'Failed to list tables';
-        return { error: message };
-    }
-}

package/dist/src/presentation/web/app/database/page.d.ts

@@ -1,4 +0,0 @@
-/** Skip static pre-rendering since we need runtime database connection. */
-export declare const dynamic = "force-dynamic";
-export default function DatabasePage(): Promise<import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=page.d.ts.map

package/dist/src/presentation/web/app/database/page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/database/page.tsx"],"names":[],"mappings":"AAMA,2EAA2E;AAC3E,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,wBAA8B,YAAY,qDAqBzC"}

package/dist/src/presentation/web/app/database/page.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { listTables } from '../actions/list-tables.js';
-import { getTableRows } from '../actions/get-table-rows.js';
-import { getTableSchema } from '../actions/get-table-schema.js';
-import { executeQuery } from '../actions/execute-query.js';
-import { DatabasePageClient } from '../../components/features/database/database-page-client.js';
-/** Skip static pre-rendering since we need runtime database connection. */
-export const dynamic = 'force-dynamic';
-export default async function DatabasePage() {
-    const { tables, error } = await listTables();
-    if (error || !tables) {
-        return (_jsx("div", { className: "flex h-full flex-col p-6", children: _jsxs("p", { className: "text-destructive text-sm", children: ["Failed to load database: ", error] }) }));
-    }
-    return (_jsx("div", { className: "flex h-full flex-col px-6 pb-6", children: _jsx(DatabasePageClient, { initialTables: tables, fetchRows: getTableRows, fetchSchema: getTableSchema, runQuery: executeQuery }) }));
-}

package/dist/src/presentation/web/components/features/database/cell-value-dialog.d.ts

@@ -1,8 +0,0 @@
-export interface CellValueDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    columnName: string;
-    value: string;
-}
-export declare function CellValueDialog({ open, onOpenChange, columnName, value }: CellValueDialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=cell-value-dialog.d.ts.map

package/dist/src/presentation/web/components/features/database/cell-value-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell-value-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/cell-value-dialog.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,oBAAoB,2CAe9F"}

package/dist/src/presentation/web/components/features/database/cell-value-dialog.js

@@ -1,7 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/dialog.js';
-import { ScrollArea } from '../../ui/scroll-area.js';
-export function CellValueDialog({ open, onOpenChange, columnName, value }) {
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: columnName }) }), _jsx(ScrollArea, { className: "max-h-[60vh]", children: _jsx("pre", { className: "text-sm break-all whitespace-pre-wrap", "data-testid": "cell-value-content", children: value }) })] }) }));
-}

package/dist/src/presentation/web/components/features/database/cell-value-dialog.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CellValueDialog } from './cell-value-dialog.js';
-declare const meta: Meta<typeof CellValueDialog>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ShortText: Story;
-export declare const LongText: Story;
-export declare const BlobValue: Story;
-export declare const JsonValue: Story;
-//# sourceMappingURL=cell-value-dialog.stories.d.ts.map

package/dist/src/presentation/web/components/features/database/cell-value-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell-value-dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/cell-value-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAYtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC"}

package/dist/src/presentation/web/components/features/database/cell-value-dialog.stories.js

@@ -1,48 +0,0 @@
-import { fn } from '@storybook/test';
-import { CellValueDialog } from './cell-value-dialog.js';
-const meta = {
-    title: 'Features/Database/CellValueDialog',
-    component: CellValueDialog,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-    args: {
-        open: true,
-        onOpenChange: fn(),
-        columnName: 'description',
-    },
-};
-export default meta;
-/* ---------------------------------------------------------------------------
- * Stories
- * ------------------------------------------------------------------------- */
-export const ShortText = {
-    args: {
-        value: 'A simple short text value.',
-    },
-};
-export const LongText = {
-    args: {
-        columnName: 'content',
-        value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris.',
-    },
-};
-export const BlobValue = {
-    args: {
-        columnName: 'data',
-        value: '(2048 bytes)',
-    },
-};
-export const JsonValue = {
-    args: {
-        columnName: 'metadata',
-        value: JSON.stringify({
-            id: 'feat-12345',
-            name: 'database-management-ui',
-            status: 'in_progress',
-            config: { maxRetries: 3, timeout: 30000 },
-            tags: ['web', 'database', 'ui'],
-        }, null, 2),
-    },
-};

package/dist/src/presentation/web/components/features/database/database-page-client.d.ts

@@ -1,13 +0,0 @@
-import type { TableInfo } from '../../../app/actions/list-tables.js';
-import type { GetTableSchemaResult } from '../../../app/actions/get-table-schema.js';
-import type { GetTableRowsResult } from '../../../app/actions/get-table-rows.js';
-import type { ExecuteQueryResult } from '../../../app/actions/execute-query.js';
-export interface DatabasePageClientProps {
-    initialTables: TableInfo[];
-    fetchRows: (tableName: string, page: number) => Promise<GetTableRowsResult>;
-    fetchSchema: (tableName: string) => Promise<GetTableSchemaResult>;
-    runQuery: (sql: string) => Promise<ExecuteQueryResult>;
-    className?: string;
-}
-export declare function DatabasePageClient({ initialTables, fetchRows: fetchRowsAction, fetchSchema: fetchSchemaAction, runQuery, className, }: DatabasePageClientProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=database-page-client.d.ts.map

package/dist/src/presentation/web/components/features/database/database-page-client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"database-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/database-page-client.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAc,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAItE,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,SAAS,EAAE,CAAC;IAC3B,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5E,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAClE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAiKzB"}

package/dist/src/presentation/web/components/features/database/database-page-client.js

@@ -1,75 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
-import { Database } from 'lucide-react';
-import { Card, CardContent } from '../../ui/card.js';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
-import { TableList } from './table-list.js';
-import { RowBrowser } from './row-browser.js';
-import { SchemaViewer } from './schema-viewer.js';
-import { QueryRunner } from './query-runner.js';
-export function DatabasePageClient({ initialTables, fetchRows: fetchRowsAction, fetchSchema: fetchSchemaAction, runQuery, className, }) {
-    const [selectedTable, setSelectedTable] = useState(null);
-    const [activeTab, setActiveTab] = useState('data');
-    // Row browser state
-    const [columns, setColumns] = useState([]);
-    const [rows, setRows] = useState([]);
-    const [totalRows, setTotalRows] = useState(0);
-    const [page, setPage] = useState(0);
-    const [pageSize, setPageSize] = useState(50);
-    const [rowsLoading, setRowsLoading] = useState(false);
-    // Schema state
-    const [schemaColumns, setSchemaColumns] = useState([]);
-    const [schemaLoading, setSchemaLoading] = useState(false);
-    const fetchRows = useCallback(async (tableName, pageNum) => {
-        setRowsLoading(true);
-        try {
-            const result = await fetchRowsAction(tableName, pageNum);
-            if (result.error) {
-                setColumns([]);
-                setRows([]);
-                setTotalRows(0);
-                return;
-            }
-            setColumns(result.columns ?? []);
-            setRows(result.rows ?? []);
-            setTotalRows(result.totalRows ?? 0);
-            setPage(result.page ?? 0);
-            setPageSize(result.pageSize ?? 50);
-        }
-        finally {
-            setRowsLoading(false);
-        }
-    }, [fetchRowsAction]);
-    const fetchSchema = useCallback(async (tableName) => {
-        setSchemaLoading(true);
-        try {
-            const result = await fetchSchemaAction(tableName);
-            if (result.error) {
-                setSchemaColumns([]);
-                return;
-            }
-            setSchemaColumns(result.columns ?? []);
-        }
-        finally {
-            setSchemaLoading(false);
-        }
-    }, [fetchSchemaAction]);
-    const handleSelectTable = useCallback((tableName) => {
-        setSelectedTable(tableName);
-        setPage(0);
-        setActiveTab('data');
-        fetchRows(tableName, 0);
-        fetchSchema(tableName);
-    }, [fetchRows, fetchSchema]);
-    const handlePageChange = useCallback((newPage) => {
-        if (selectedTable) {
-            setPage(newPage);
-            fetchRows(selectedTable, newPage);
-        }
-    }, [selectedTable, fetchRows]);
-    const handleExecuteQuery = useCallback(async (sql) => {
-        return runQuery(sql);
-    }, [runQuery]);
-    return (_jsxs("div", { "data-testid": "database-page-client", className: className, children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(Database, { className: "text-muted-foreground h-4 w-4" }), _jsx("h1", { className: "text-sm font-bold tracking-tight", children: "Database" })] }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Card, { className: "w-64 shrink-0", children: _jsx(CardContent, { className: "p-0", children: _jsx(TableList, { tables: initialTables, selectedTable: selectedTable, onSelectTable: handleSelectTable }) }) }), _jsx("div", { className: "min-w-0 flex-1", children: selectedTable ? (_jsx(Card, { children: _jsxs(CardContent, { className: "p-4", children: [_jsx("div", { className: "mb-3 font-mono text-sm font-medium", children: selectedTable }), _jsxs(Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), "data-testid": "database-tabs", children: [_jsxs(TabsList, { className: "h-8", children: [_jsx(TabsTrigger, { value: "data", className: "text-xs", "data-testid": "tab-data", children: "Data" }), _jsx(TabsTrigger, { value: "schema", className: "text-xs", "data-testid": "tab-schema", children: "Schema" }), _jsx(TabsTrigger, { value: "query", className: "text-xs", "data-testid": "tab-query", children: "Query" })] }), _jsx(TabsContent, { value: "data", children: _jsx(RowBrowser, { columns: columns, rows: rows, totalRows: totalRows, page: page, pageSize: pageSize, onPageChange: handlePageChange, loading: rowsLoading }) }), _jsx(TabsContent, { value: "schema", children: _jsx(SchemaViewer, { columns: schemaColumns, loading: schemaLoading }) }), _jsx(TabsContent, { value: "query", children: _jsx(QueryRunner, { onExecute: handleExecuteQuery }) })] })] }) })) : (_jsx(Card, { children: _jsx(CardContent, { className: "flex items-center justify-center p-12", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Select a table from the list to browse its data" }) }) })) })] })] }));
-}

package/dist/src/presentation/web/components/features/database/database-page-client.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { DatabasePageClient } from './database-page-client.js';
-declare const meta: Meta<typeof DatabasePageClient>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const EmptyDatabase: Story;
-export declare const SingleTable: Story;
-//# sourceMappingURL=database-page-client.stories.d.ts.map

package/dist/src/presentation/web/components/features/database/database-page-client.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"database-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/database-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AA8C5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAYzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

package/dist/src/presentation/web/components/features/database/database-page-client.stories.js

@@ -1,74 +0,0 @@
-import { DatabasePageClient } from './database-page-client.js';
-const mockFetchRows = async (_tableName, page) => ({
-    columns: ['id', 'name', 'status', 'created_at'],
-    rows: [
-        { id: 1, name: 'auth-module', status: 'done', created_at: '2026-01-15' },
-        { id: 2, name: 'payment-flow', status: 'in-progress', created_at: '2026-02-01' },
-        { id: 3, name: 'dashboard', status: 'pending', created_at: '2026-02-10' },
-    ],
-    totalRows: 42,
-    page,
-    pageSize: 50,
-});
-const mockFetchSchema = async (_tableName) => ({
-    columns: [
-        { name: 'id', type: 'INTEGER', notnull: true, defaultValue: null, primaryKey: true },
-        { name: 'name', type: 'TEXT', notnull: true, defaultValue: null, primaryKey: false },
-        { name: 'status', type: 'TEXT', notnull: false, defaultValue: "'pending'", primaryKey: false },
-        {
-            name: 'created_at',
-            type: 'TEXT',
-            notnull: true,
-            defaultValue: 'CURRENT_TIMESTAMP',
-            primaryKey: false,
-        },
-    ],
-});
-const mockRunQuery = async (sql) => {
-    if (sql.toLowerCase().includes('error')) {
-        return { error: 'near "error": syntax error' };
-    }
-    return {
-        columns: ['id', 'name'],
-        rows: [
-            { id: 1, name: 'result-1' },
-            { id: 2, name: 'result-2' },
-        ],
-    };
-};
-const meta = {
-    title: 'Features/Database/DatabasePageClient',
-    component: DatabasePageClient,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-    args: {
-        fetchRows: mockFetchRows,
-        fetchSchema: mockFetchSchema,
-        runQuery: mockRunQuery,
-    },
-};
-export default meta;
-const mockTables = [
-    { name: 'features', rowCount: 42 },
-    { name: 'repositories', rowCount: 5 },
-    { name: 'settings', rowCount: 12 },
-    { name: 'migrations', rowCount: 8 },
-    { name: 'agent_events', rowCount: 1024 },
-];
-export const Default = {
-    args: {
-        initialTables: mockTables,
-    },
-};
-export const EmptyDatabase = {
-    args: {
-        initialTables: [],
-    },
-};
-export const SingleTable = {
-    args: {
-        initialTables: [{ name: 'features', rowCount: 3 }],
-    },
-};

package/dist/src/presentation/web/components/features/database/query-runner.d.ts

@@ -1,9 +0,0 @@
-export interface QueryRunnerProps {
-    onExecute: (sql: string) => Promise<{
-        columns?: string[];
-        rows?: Record<string, unknown>[];
-        error?: string;
-    }>;
-}
-export declare function QueryRunner({ onExecute }: QueryRunnerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=query-runner.d.ts.map

package/dist/src/presentation/web/components/features/database/query-runner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-runner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/query-runner.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;CACJ;AASD,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAyI1D"}

package/dist/src/presentation/web/components/features/database/query-runner.js

@@ -1,53 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button } from '../../ui/button.js';
-import { Label } from '../../ui/label.js';
-import { Textarea } from '../../ui/textarea.js';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '../../ui/table.js';
-import { Play } from 'lucide-react';
-import { isWriteQuery } from '../../../lib/sql-validation.js';
-import { CellValueDialog } from './cell-value-dialog.js';
-const MAX_CELL_LENGTH = 100;
-function formatCellDisplay(value) {
-    if (value === null || value === undefined) {
-        return 'NULL';
-    }
-    return String(value);
-}
-export function QueryRunner({ onExecute }) {
-    const [sql, setSql] = useState('');
-    const [result, setResult] = useState(null);
-    const [clientError, setClientError] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [dialogState, setDialogState] = useState({ open: false, columnName: '', value: '' });
-    const handleExecute = async () => {
-        setClientError(null);
-        setResult(null);
-        const trimmed = sql.trim();
-        if (!trimmed) {
-            setClientError('Query cannot be empty');
-            return;
-        }
-        if (isWriteQuery(trimmed)) {
-            setClientError('Write operations are not allowed. Only SELECT and PRAGMA queries are permitted.');
-            return;
-        }
-        setLoading(true);
-        try {
-            const res = await onExecute(trimmed);
-            setResult(res);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const error = clientError ?? result?.error;
-    return (_jsxs("div", { className: "flex flex-col gap-4", "data-testid": "query-runner", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "sql-query", children: "SQL Query" }), _jsx(Textarea, { id: "sql-query", placeholder: "SELECT * FROM features LIMIT 10", value: sql, onChange: (e) => setSql(e.target.value), className: "font-mono text-sm", rows: 4, "data-testid": "query-runner-input" }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { onClick: handleExecute, disabled: loading || sql.trim().length === 0, size: "sm", "data-testid": "query-runner-execute", children: [_jsx(Play, { className: "size-4" }), loading ? 'Executing...' : 'Execute'] }) })] }), error ? (_jsx("div", { className: "bg-destructive/10 text-destructive rounded-md border border-red-200 p-3 text-sm dark:border-red-800", role: "alert", "aria-live": "polite", "data-testid": "query-runner-error", children: error })) : null, result?.columns && result.rows ? (_jsxs("div", { "data-testid": "query-runner-results", children: [_jsxs("div", { className: "text-muted-foreground mb-2 text-sm", children: [result.rows.length, " row", result.rows.length !== 1 ? 's' : '', " returned"] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: result.columns.map((col) => (_jsx(TableHead, { children: col }, col))) }) }), _jsx(TableBody, { children: result.rows.map((row, rowIdx) => (
-                                // eslint-disable-next-line react/no-array-index-key
-                                _jsx(TableRow, { children: result.columns.map((col) => {
-                                        const display = formatCellDisplay(row[col]);
-                                        const truncated = display.length > MAX_CELL_LENGTH;
-                                        return (_jsx(TableCell, { children: truncated ? (_jsxs("button", { className: "text-primary cursor-pointer text-left underline-offset-2 hover:underline", onClick: () => setDialogState({ open: true, columnName: col, value: display }), title: "Click to view full value", children: [display.slice(0, MAX_CELL_LENGTH), "..."] })) : (_jsx("span", { className: display === 'NULL' ? 'text-muted-foreground italic' : '', children: display })) }, col));
-                                    }) }, rowIdx))) })] })] })) : null, _jsx(CellValueDialog, { open: dialogState.open, onOpenChange: (open) => setDialogState((s) => ({ ...s, open })), columnName: dialogState.columnName, value: dialogState.value })] }));
-}

package/dist/src/presentation/web/components/features/database/query-runner.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { QueryRunner } from './query-runner.js';
-declare const meta: Meta<typeof QueryRunner>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Interactive: Story;
-export declare const WithError: Story;
-//# sourceMappingURL=query-runner.stories.d.ts.map

package/dist/src/presentation/web/components/features/database/query-runner.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-runner.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/query-runner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiDnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}