@powerhousedao/design-system 5.1.0-dev.2 → 5.1.0-dev.21

package/dist/src/connect/components/db-explorer/db-explorer.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { ConnectConfirmationModal } from "../modal/confirmation-modal.js";
+import { SchemaTreeSidebar, } from "./components/schema-tree-sidebar.js";
+import { TableView, } from "./components/table-view.js";
+const DEFAULT_PAGE_SIZE = 50;
+export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT_PAGE_SIZE, onImportDb, onExportDb, }) {
+    const fileInputRef = useRef(null);
+    const [tables, setTables] = useState([]);
+    const [tablesLoading, setTablesLoading] = useState(true);
+    const [selectedTable, setSelectedTable] = useState();
+    const [tableData, setTableData] = useState(null);
+    const [pagination, setPagination] = useState({
+        offset: 0,
+        limit: pageSize,
+        total: null,
+    });
+    const [sort, setSort] = useState();
+    const [loading, setLoading] = useState(false);
+    const [pendingImport, setPendingImport] = useState(null);
+    const columns = tables.find((t) => t.name === selectedTable)?.columns ?? [];
+    const loadTableData = useCallback(async () => {
+        if (!selectedTable)
+            return;
+        setLoading(true);
+        const data = await getTableRows(selectedTable, {
+            schema,
+            limit: pagination.limit,
+            offset: pagination.offset,
+            sort,
+        });
+        setTableData(data);
+        setPagination((prev) => ({ ...prev, total: data.total }));
+        setLoading(false);
+    }, [
+        selectedTable,
+        schema,
+        pagination.limit,
+        pagination.offset,
+        sort,
+        getTableRows,
+    ]);
+    const loadTables = useCallback(async () => {
+        setTablesLoading(true);
+        const data = await getTables();
+        setTables(data);
+        setTablesLoading(false);
+        return data;
+    }, [getTables]);
+    const handleRefresh = useCallback(async () => {
+        const newTables = await loadTables();
+        // Clear selection if selected table no longer exists
+        if (selectedTable && !newTables.some((t) => t.name === selectedTable)) {
+            setSelectedTable(undefined);
+            setTableData(null);
+            return;
+        }
+        // Reload current table data if a table is selected
+        if (selectedTable) {
+            await loadTableData();
+        }
+    }, [loadTables, selectedTable, loadTableData]);
+    // Load tables on mount
+    useEffect(() => {
+        void loadTables();
+    }, [loadTables]);
+    useEffect(() => {
+        if (selectedTable) {
+            void loadTableData();
+        }
+    }, [selectedTable, pagination.offset, sort, loadTableData]);
+    const handleSelectTable = (table) => {
+        if (table === selectedTable)
+            return;
+        setSelectedTable(table);
+        setPagination((prev) => ({ ...prev, offset: 0, total: null }));
+        setSort(undefined);
+        setTableData(null);
+    };
+    const handlePageChange = (offset) => {
+        setPagination((prev) => ({ ...prev, offset }));
+    };
+    const handleSort = (newSort) => {
+        setSort(newSort);
+        setPagination((prev) => ({ ...prev, offset: 0 }));
+    };
+    const handleImportClick = () => {
+        fileInputRef.current?.click();
+    };
+    const handleFileChange = (e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        void file.text().then((content) => {
+            setPendingImport(content);
+        });
+        e.target.value = "";
+    };
+    const handleImportConfirm = async () => {
+        if (pendingImport) {
+            // Clear selection before import to prevent stale queries
+            setSelectedTable(undefined);
+            setTableData(null);
+            await onImportDb?.(pendingImport);
+            setPendingImport(null);
+            await loadTables();
+        }
+    };
+    const handleImportCancel = () => {
+        setPendingImport(null);
+    };
+    const handleExportClick = () => {
+        void onExportDb?.();
+    };
+    return (_jsxs("div", { className: "flex h-full", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".sql,.txt,text/plain", className: "hidden", onChange: handleFileChange }), _jsx(ConnectConfirmationModal, { open: !!pendingImport, onOpenChange: (open) => !open && setPendingImport(null), header: "Replace Database?", body: "This will delete all existing data and replace it with the imported file. This action cannot be undone.", cancelLabel: "Cancel", continueLabel: "Replace Data", onCancel: handleImportCancel, onContinue: () => void handleImportConfirm(), continueButtonProps: {
+                    className: "bg-red-900 text-white hover:bg-red-800",
+                } }), _jsxs("div", { className: "flex w-64 shrink-0 flex-col border-r border-gray-200", children: [_jsx("div", { className: "flex-1 overflow-auto", children: _jsx(SchemaTreeSidebar, { schema: schema, tables: tables, selectedTable: selectedTable, onSelectTable: handleSelectTable, onRefresh: handleRefresh, loading: tablesLoading || loading }) }), (onImportDb || onExportDb) && (_jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-t border-gray-200 p-2", children: [onImportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleImportClick, type: "button", children: "Import DB" })), onExportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleExportClick, type: "button", children: "Export DB" }))] }))] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: !selectedTable ? (_jsx("div", { className: "text-sm text-gray-500", children: "Select a table to view data" })) : !tableData && loading ? (_jsx("div", { className: "text-sm text-gray-500", children: "Loading..." })) : tableData ? (_jsx(TableView, { columns: columns, rows: tableData.rows, pagination: pagination, onPageChange: handlePageChange, onSort: handleSort, currentSort: sort, loading: loading })) : null })] }));
+}
+//# sourceMappingURL=db-explorer.js.map

package/dist/src/connect/components/db-explorer/db-explorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-explorer.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/db-explorer/db-explorer.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DBExplorer } from "./db-explorer.js";
+declare const meta: Meta<typeof DBExplorer>;
+export default meta;
+type Story = StoryObj<typeof DBExplorer>;
+export declare const Default: Story;
+export declare const EmptySchema: Story;
+export declare const SingleTable: Story;
+export declare const CustomPageSize: Story;
+export declare const WithImportExport: Story;
+//# sourceMappingURL=db-explorer.stories.d.ts.map

package/dist/src/connect/components/db-explorer/db-explorer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-explorer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EACL,UAAU,EAIX,MAAM,kBAAkB,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAqHzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAoCF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC"}

package/dist/src/connect/components/db-explorer/db-explorer.stories.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DBExplorer, } from "./db-explorer.js";
+const meta = {
+    title: "Connect/Components/DBExplorer/DBExplorer",
+    component: DBExplorer,
+    parameters: {
+        layout: "fullscreen",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "h-[600px] w-full", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const mockTables = [
+    {
+        name: "users",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "name", dataType: "varchar", isNullable: false },
+            { name: "email", dataType: "varchar", isNullable: false },
+            { name: "created_at", dataType: "timestamp", isNullable: true },
+        ],
+    },
+    {
+        name: "posts",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "title", dataType: "varchar", isNullable: false },
+            { name: "content", dataType: "text", isNullable: true },
+            { name: "author_id", dataType: "int4", isNullable: false },
+            { name: "published_at", dataType: "timestamp", isNullable: true },
+        ],
+    },
+    {
+        name: "comments",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "post_id", dataType: "int4", isNullable: false },
+            { name: "user_id", dataType: "int4", isNullable: false },
+            { name: "body", dataType: "text", isNullable: false },
+            { name: "created_at", dataType: "timestamp", isNullable: true },
+        ],
+    },
+    {
+        name: "tags",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "name", dataType: "varchar", isNullable: false },
+        ],
+    },
+];
+function generateMockRows(table, limit, offset) {
+    const rows = [];
+    for (let i = 0; i < limit; i++) {
+        const rowNum = offset + i + 1;
+        if (table === "users") {
+            rows.push({
+                id: rowNum,
+                name: `User ${rowNum}`,
+                email: `user${rowNum}@example.com`,
+                created_at: rowNum % 5 === 0
+                    ? null
+                    : `2024-01-${String((rowNum % 28) + 1).padStart(2, "0")}`,
+            });
+        }
+        else if (table === "posts") {
+            rows.push({
+                id: rowNum,
+                title: `Post Title ${rowNum}`,
+                content: rowNum % 3 === 0 ? null : `This is the content of post ${rowNum}...`,
+                author_id: (rowNum % 10) + 1,
+                published_at: rowNum % 4 === 0
+                    ? null
+                    : `2024-02-${String((rowNum % 28) + 1).padStart(2, "0")}`,
+            });
+        }
+        else if (table === "comments") {
+            rows.push({
+                id: rowNum,
+                post_id: (rowNum % 20) + 1,
+                user_id: (rowNum % 10) + 1,
+                body: `Comment ${rowNum}: This is a sample comment.`,
+                created_at: `2024-03-${String((rowNum % 28) + 1).padStart(2, "0")}`,
+            });
+        }
+        else if (table === "tags") {
+            rows.push({
+                id: rowNum,
+                name: `tag-${rowNum}`,
+            });
+        }
+    }
+    return rows;
+}
+const tableTotals = {
+    users: 234,
+    posts: 567,
+    comments: 1234,
+    tags: 45,
+};
+const mockGetTableRows = async (table, options) => {
+    await new Promise((resolve) => setTimeout(resolve, 300));
+    const total = tableTotals[table] ?? 100;
+    const actualLimit = Math.min(options.limit, total - options.offset);
+    return {
+        columns: mockTables.find((t) => t.name === table)?.columns.map((c) => c.name) ??
+            [],
+        rows: generateMockRows(table, Math.max(0, actualLimit), options.offset),
+        total,
+    };
+};
+export const Default = {
+    args: {
+        schema: "public",
+        getTables: () => Promise.resolve(mockTables),
+        getTableRows: mockGetTableRows,
+    },
+};
+export const EmptySchema = {
+    args: {
+        schema: "public",
+        getTables: () => Promise.resolve([]),
+        getTableRows: mockGetTableRows,
+    },
+};
+const singleTable = [
+    {
+        name: "settings",
+        columns: [
+            { name: "key", dataType: "varchar", isNullable: false },
+            { name: "value", dataType: "text", isNullable: true },
+        ],
+    },
+];
+const mockGetSettingsRows = async (_table, options) => {
+    await new Promise((resolve) => setTimeout(resolve, 200));
+    const allRows = [
+        { key: "app_name", value: "My Application" },
+        { key: "theme", value: "dark" },
+        { key: "max_upload_size", value: "10MB" },
+        { key: "debug_mode", value: null },
+        { key: "api_endpoint", value: "https://api.example.com" },
+    ];
+    const start = options.offset;
+    const end = Math.min(start + options.limit, allRows.length);
+    return {
+        columns: ["key", "value"],
+        rows: allRows.slice(start, end),
+        total: allRows.length,
+    };
+};
+export const SingleTable = {
+    args: {
+        schema: "config",
+        getTables: () => Promise.resolve(singleTable),
+        getTableRows: mockGetSettingsRows,
+    },
+};
+export const CustomPageSize = {
+    args: {
+        schema: "public",
+        getTables: () => Promise.resolve(mockTables),
+        getTableRows: mockGetTableRows,
+        pageSize: 10,
+    },
+};
+export const WithImportExport = {
+    args: {
+        schema: "public",
+        getTables: () => Promise.resolve(mockTables),
+        getTableRows: mockGetTableRows,
+        onImportDb: (sqlContent) => {
+            console.log("Import DB called with content:", sqlContent.slice(0, 100));
+            alert(`Imported ${sqlContent.length} characters`);
+        },
+        onExportDb: () => {
+            console.log("Export DB called");
+            alert("Export DB clicked");
+        },
+    },
+};
+//# sourceMappingURL=db-explorer.stories.js.map

package/dist/src/connect/components/db-explorer/db-explorer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-explorer.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/db-explorer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./db-explorer.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/db-explorer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/src/connect/components/db-explorer/index.js

@@ -0,0 +1,2 @@
+export * from "./db-explorer.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/db-explorer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/src/connect/components/index.d.ts

@@ -48,4 +48,6 @@ export * from "./toggle/toggle.js";
 export * from "./tooltip/tooltip.js";
 export * from "./upload-file-item/upload-file-item.js";
 export * from "./upload-file-list/upload-file-list.js";
+export * from "./db-explorer/index.js";
+export * from "./remotes-inspector/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}

package/dist/src/connect/components/index.js

@@ -48,4 +48,6 @@ export * from "./toggle/toggle.js";
 export * from "./tooltip/tooltip.js";
 export * from "./upload-file-item/upload-file-item.js";
 export * from "./upload-file-list/upload-file-list.js";
+export * from "./db-explorer/index.js";
+export * from "./remotes-inspector/index.js";
 //# sourceMappingURL=index.js.map

package/dist/src/connect/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kBAAkB,CAAC;AACjC,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}

package/dist/src/connect/components/modal/index.d.ts

@@ -6,6 +6,7 @@ export * from "./create-document-modal.js";
 export * from "./delete-drive-modal.js";
 export * from "./delete-item-modal.js";
 export * from "./drive-settings-modal.js";
+export * from "./inspector-modal/index.js";
 export * from "./read-required-modal.js";
 export * from "./replace-duplicate-modal.js";
 export * from "./settings-modal-v2/index.js";

package/dist/src/connect/components/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}

package/dist/src/connect/components/modal/index.js

@@ -6,6 +6,7 @@ export * from "./create-document-modal.js";
 export * from "./delete-drive-modal.js";
 export * from "./delete-item-modal.js";
 export * from "./drive-settings-modal.js";
+export * from "./inspector-modal/index.js";
 export * from "./read-required-modal.js";
 export * from "./replace-duplicate-modal.js";
 export * from "./settings-modal-v2/index.js";

package/dist/src/connect/components/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}

package/dist/src/connect/components/modal/inspector-modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./inspector-modal.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/modal/inspector-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/src/connect/components/modal/inspector-modal/index.js

@@ -0,0 +1,2 @@
+export * from "./inspector-modal.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/modal/inspector-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.d.ts

@@ -0,0 +1,18 @@
+import type { DivProps } from "@powerhousedao/design-system";
+import { Modal } from "@powerhousedao/design-system";
+import type { ComponentPropsWithoutRef } from "react";
+import { type DBExplorerProps } from "../../db-explorer/index.js";
+import { type RemotesInspectorProps } from "../../remotes-inspector/index.js";
+type ModalProps = ComponentPropsWithoutRef<typeof Modal>;
+export type InspectorModalProps = {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly modalProps?: ModalProps;
+    readonly containerProps?: DivProps;
+    readonly dbExplorerProps: DBExplorerProps;
+    readonly remotesInspectorProps: RemotesInspectorProps;
+    readonly defaultTab?: "Database" | "Remotes";
+};
+export declare function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExplorerProps, remotesInspectorProps, defaultTab, }: InspectorModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=inspector-modal.d.ts.map

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-modal.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAQ,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,kCAAkC,CAAC;AAI1C,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACnC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC;IAC1C,QAAQ,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAC9C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,UAAuB,GACxB,EAAE,mBAAmB,2CA4CrB"}

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Modal } from "@powerhousedao/design-system";
+import { twMerge } from "tailwind-merge";
+import { DBExplorer } from "../../db-explorer/index.js";
+import { RemotesInspector, } from "../../remotes-inspector/index.js";
+import { TabContent } from "../../tabs/tab-content.js";
+import { Tabs } from "../../tabs/tabs.js";
+export function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExplorerProps, remotesInspectorProps, defaultTab = "Database", }) {
+    return (_jsx(Modal, { ...modalProps, contentProps: {
+            className: "rounded-2xl",
+        }, onOpenChange: onOpenChange, open: open, children: _jsxs("div", { ...containerProps, className: twMerge("flex h-[600px] w-[900px] flex-col rounded-2xl", containerProps?.className), children: [_jsx("div", { className: "flex items-center justify-end p-4 pb-0", children: _jsx("button", { className: "flex size-6 cursor-pointer items-center justify-center rounded-md text-gray-500 outline-none hover:text-gray-900", onClick: () => onOpenChange(false), type: "button", children: _jsx(Icon, { name: "XmarkLight", size: 24 }) }) }), _jsx("div", { className: "flex flex-1 flex-col overflow-hidden p-4 pt-2", children: _jsxs(Tabs, { defaultValue: defaultTab, children: [_jsx(TabContent, { description: "Database explorer", label: "Database", children: _jsx("div", { className: "h-[480px]", children: _jsx(DBExplorer, { ...dbExplorerProps }) }) }), _jsx(TabContent, { description: "Remotes inspector", label: "Remotes", children: _jsx("div", { className: "h-[480px]", children: _jsx(RemotesInspector, { ...remotesInspectorProps }) }) })] }) })] }) }));
+}
+//# sourceMappingURL=inspector-modal.js.map

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-modal.js","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,gBAAgB,GAEjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAc1C,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GACH;IACpB,OAAO,CACL,KAAC,KAAK,OACA,UAAU,EACd,YAAY,EAAE;YACZ,SAAS,EAAE,aAAa;SACzB,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,YAEV,kBACM,cAAc,EAClB,SAAS,EAAE,OAAO,CAChB,+CAA+C,EAC/C,cAAc,EAAE,SAAS,CAC1B,aAED,cAAK,SAAS,EAAC,wCAAwC,YACrD,iBACE,SAAS,EAAC,kHAAkH,EAC5H,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,GACL,EAEN,cAAK,SAAS,EAAC,+CAA+C,YAC5D,MAAC,IAAI,IAAC,YAAY,EAAE,UAAU,aAC5B,KAAC,UAAU,IAAC,WAAW,EAAC,mBAAmB,EAAC,KAAK,EAAC,UAAU,YAC1D,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,UAAU,OAAK,eAAe,GAAI,GAC/B,GACK,EACb,KAAC,UAAU,IAAC,WAAW,EAAC,mBAAmB,EAAC,KAAK,EAAC,SAAS,YACzD,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,gBAAgB,OAAK,qBAAqB,GAAI,GAC3C,GACK,IACR,GACH,IACF,GACA,CACT,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { InspectorModal } from "./inspector-modal.js";
+declare const meta: Meta<typeof InspectorModal>;
+export default meta;
+type Story = StoryObj<typeof InspectorModal>;
+export declare const Default: Story;
+export declare const DatabaseTab: Story;
+export declare const RemotesTab: Story;
+export declare const EmptyData: Story;
+//# sourceMappingURL=inspector-modal.stories.d.ts.map

package/dist/src/connect/components/modal/inspector-modal/inspector-modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/modal/inspector-modal/inspector-modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAavD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAMrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AA+N7C,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC"}