@shepai/cli 1.122.0 → 1.122.1-pr373.cb974c2

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

@@ -0,0 +1,7 @@
+export interface ExecuteQueryResult {
+    columns?: string[];
+    rows?: Record<string, unknown>[];
+    error?: string;
+}
+export declare function executeQuery(sql: string): Promise<ExecuteQueryResult>;
+//# sourceMappingURL=execute-query.d.ts.map

package/dist/src/presentation/web/app/actions/execute-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execute-query.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/execute-query.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCD,wBAAsB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAgC3E"}

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

@@ -0,0 +1,55 @@
+'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 (value instanceof Uint8Array) {
+        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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,55 @@
+'use server';
+import { getDb } from '../../lib/server-db.js';
+const PAGE_SIZE = 50;
+function formatCellValue(value) {
+    if (value instanceof Uint8Array) {
+        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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,27 @@
+'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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+'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

@@ -0,0 +1,4 @@
+/** 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

@@ -0,0 +1 @@
+{"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,qDAsBzC"}

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

@@ -0,0 +1,15 @@
+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 overflow-hidden px-6 pb-6", children: _jsx(DatabasePageClient, { initialTables: tables, fetchRows: getTableRows, fetchSchema: getTableSchema, runQuery: executeQuery, className: "min-h-0 flex-1" }) }));
+}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI/D,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CA+jB1F"}
+{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI/D,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CAqkB1F"}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.js

@@ -194,6 +194,10 @@ export function FeatureDrawerClient({ view: initialView, urlTab }) {
             if (result.iterationWarning) {
                 toast.warning(`Iteration ${result.iteration} — consider approving or adjusting feedback to avoid excessive iterations`);
             }
+            // Optimistically update canvas node before SSE arrives (~500ms delay)
+            window.dispatchEvent(new CustomEvent('shep:feature-approved', {
+                detail: { featureId: featureNode.featureId },
+            }));
             onClose();
             onDone?.();
         }

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAgBjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/E,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7F,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAygBpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAgBjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/E,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7F,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CA6gBpB"}

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.js

@@ -115,15 +115,19 @@ export function useControlCenterState(initialNodes, initialEdges) {
             }
         }
     }, [events, updateFeature]);
-    // Listen for optimistic approval events from the drawer (fires before SSE arrives)
+    // Listen for optimistic approval/rejection events from the drawer (fires before SSE arrives).
+    // Uses beginMutation + endMutation to prevent stale poll/reconcile data from overwriting
+    // the optimistic 'running' state during the transition window (avoids brief "Something went wrong" flash).
     useEffect(() => {
         const handler = (e) => {
             const { featureId } = e.detail;
+            beginMutation();
             updateFeature(`feat-${featureId}`, { state: 'running' });
+            endMutation();
         };
         window.addEventListener('shep:feature-approved', handler);
         return () => window.removeEventListener('shep:feature-approved', handler);
-    }, [updateFeature]);
+    }, [updateFeature, beginMutation, endMutation]);
     // Separate effect: fetch metadata (name + description) when SSE reports it changed
     const metadataFetchedRef = useRef(new Set());
     const processedMetadataCountRef = useRef(0);

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+'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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"database-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/database/database-page-client.tsx"],"names":[],"mappings":"AASA,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,2CA6LzB"}

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

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Database, Table2, Code2, Columns3 } from 'lucide-react';
+import { Tabs, 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: `flex flex-col ${className ?? ''}`, children: [_jsxs("div", { className: "mb-3 flex items-center gap-2.5 pt-1", children: [_jsx("div", { className: "bg-primary/10 flex h-7 w-7 items-center justify-center rounded-md", children: _jsx(Database, { className: "text-primary h-4 w-4" }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-sm font-semibold tracking-tight", children: "Database Browser" }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [initialTables.length, " table", initialTables.length !== 1 ? 's' : ''] })] })] }), _jsxs("div", { className: "flex min-h-0 flex-1 gap-3", children: [_jsxs("div", { className: "border-border bg-card flex w-56 flex-col rounded-lg border", children: [_jsx("div", { className: "border-border border-b px-3 py-2", children: _jsx("span", { className: "text-muted-foreground text-xs font-medium tracking-wider uppercase", children: "Tables" }) }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(TableList, { tables: initialTables, selectedTable: selectedTable, onSelectTable: handleSelectTable }) })] }), _jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: selectedTable ? (_jsxs("div", { className: "border-border bg-card flex min-h-0 flex-1 flex-col rounded-lg border", children: [_jsxs("div", { className: "border-border flex items-center justify-between border-b px-4 py-2", children: [_jsx("span", { className: "font-mono text-sm font-medium", children: selectedTable }), _jsx(Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), "data-testid": "database-tabs", children: _jsxs(TabsList, { className: "h-7", children: [_jsxs(TabsTrigger, { value: "data", className: "gap-1.5 px-2.5 text-xs", "data-testid": "tab-data", children: [_jsx(Table2, { className: "h-3 w-3" }), "Data"] }), _jsxs(TabsTrigger, { value: "schema", className: "gap-1.5 px-2.5 text-xs", "data-testid": "tab-schema", children: [_jsx(Columns3, { className: "h-3 w-3" }), "Schema"] }), _jsxs(TabsTrigger, { value: "query", className: "gap-1.5 px-2.5 text-xs", "data-testid": "tab-query", children: [_jsx(Code2, { className: "h-3 w-3" }), "Query"] })] }) })] }), _jsxs("div", { className: "min-h-0 flex-1 overflow-auto p-4", children: [activeTab === 'data' && (_jsx(RowBrowser, { columns: columns, rows: rows, totalRows: totalRows, page: page, pageSize: pageSize, onPageChange: handlePageChange, loading: rowsLoading })), activeTab === 'schema' && (_jsx(SchemaViewer, { columns: schemaColumns, loading: schemaLoading })), activeTab === 'query' && _jsx(QueryRunner, { onExecute: handleExecuteQuery })] })] })) : (_jsxs("div", { className: "border-border bg-card flex flex-1 flex-col items-center justify-center rounded-lg border", children: [_jsx("div", { className: "bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full", children: _jsx(Database, { className: "text-muted-foreground h-6 w-6" }) }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Select a table to browse its data" })] })) })] })] }));
+}

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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,CAmBzC,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

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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: 'fullscreen',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '100vh', padding: '24px', display: 'flex', flexDirection: 'column' }, children: _jsx(Story, {}) })),
+    ],
+    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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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,2CAwJ1D"}