@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/screens/data-explorer/data-explorer.js

@@ -1,78 +1,49 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataExplorerList = DataExplorerList;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const loading_indicator_1 = require("../../components/loading-indicator");
-const ui_loader_1 = require("../../ui-router/ui-loader");
 const globals_1 = require("../../globals");
+const ui_loader_1 = require("../../ui-router/ui-loader");
+function getDataExplorerApi() {
+    return window.electronAPI?.dataExplorer;
+}
 function DataExplorerList() {
     const [tables, setTables] = (0, react_1.useState)([]);
     const [loading, setLoading] = (0, react_1.useState)(true);
-    const [currentContext, setCurrentContext] = (0, react_1.useState)('');
+    const [currentContext, setCurrentContext] = (0, react_1.useState)("");
     const [compacting, setCompacting] = (0, react_1.useState)(false);
     const formatBytes = (bytes) => {
         if (bytes === undefined)
-            return '-';
+            return "-";
         if (bytes === 0)
-            return '0 B';
+            return "0 B";
         const k = 1024;
-        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const sizes = ["B", "KB", "MB", "GB"];
         const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return Math.round(bytes / Math.pow(k, i)) + ' ' + sizes[i];
+        return `${Math.round(bytes / k ** i)} ${sizes[i]}`;
     };
     const getBytesColorClass = (bytes) => {
         if (bytes === undefined)
-            return 'text-secondary';
+            return "text-secondary";
         const kb = 1024;
         const mb = kb * 1024;
         if (bytes < 10 * kb)
-            return 'text-secondary'; // 0 to 10KB: secondary (gray)
+            return "text-secondary"; // 0 to 10KB: secondary (gray)
         if (bytes < 10 * mb)
-            return 'text-primary'; // 10KB to 10MB: primary (blue)
+            return "text-primary"; // 10KB to 10MB: primary (blue)
         if (bytes < 100 * mb)
-            return 'text-warning'; // 10MB to 100MB: warning (orange)
-        return 'text-danger'; // >100MB: danger (red)
+            return "text-warning"; // 10MB to 100MB: warning (orange)
+        return "text-danger"; // >100MB: danger (red)
     };
-    const loadTables = async () => {
+    const loadTables = (0, react_1.useCallback)(async () => {
         try {
             if (!(0, globals_1.isDesktop)())
                 return;
-            const api = window.electronAPI?.dataExplorer;
+            const api = getDataExplorerApi();
             if (!api) {
-                console.warn('Data Explorer API not available');
+                console.warn("Data Explorer API not available");
                 return;
             }
             // Get current context info
@@ -90,37 +61,37 @@ function DataExplorerList() {
             setTables(allTablesInfo);
         }
         catch (error) {
-            console.error('Error loading tables:', error);
+            console.error("Error loading tables:", error);
         }
         finally {
             setLoading(false);
         }
-    };
+    }, []);
     const compactDatabase = async (beforeTimestamp) => {
         try {
             setCompacting(true);
-            const api = window.electronAPI?.dataExplorer;
+            const api = getDataExplorerApi();
             if (!api) {
-                alert('Data Explorer API not available');
+                alert("Data Explorer API not available");
                 return;
             }
             const isExtreme = beforeTimestamp !== undefined;
             if (isExtreme) {
-                const confirmed = window.confirm('Extreme Compaction will remove ALL change history. This cannot be undone. Continue?');
+                const confirmed = window.confirm("Extreme Compaction will remove ALL change history. This cannot be undone. Continue?");
                 if (!confirmed) {
                     setCompacting(false);
                     return;
                 }
             }
             await api.compactDatabase(beforeTimestamp);
-            alert(`Database compacted successfully!${isExtreme ? ' (Extreme mode)' : ''}`);
+            alert(`Database compacted successfully!${isExtreme ? " (Extreme mode)" : ""}`);
             // Reload tables to show updated sizes
             setLoading(true);
             await loadTables();
         }
         catch (error) {
-            console.error('Error compacting database:', error);
-            alert(`Error compacting database: ${error.message || 'Unknown error'}`);
+            console.error("Error compacting database:", error);
+            alert(`Error compacting database: ${error instanceof Error ? error.message : String(error)}`);
         }
         finally {
             setCompacting(false);
@@ -129,25 +100,25 @@ function DataExplorerList() {
     const resetChangeTracking = async () => {
         try {
             setCompacting(true);
-            const api = window.electronAPI?.dataExplorer;
+            const api = getDataExplorerApi();
             if (!api) {
-                alert('Data Explorer API not available');
+                alert("Data Explorer API not available");
                 return;
             }
-            const confirmed = window.confirm('Reset Change Tracking will clear all change history and rebuild it from scratch. This may take a while. Continue?');
+            const confirmed = window.confirm("Reset Change Tracking will clear all change history and rebuild it from scratch. This may take a while. Continue?");
             if (!confirmed) {
                 setCompacting(false);
                 return;
             }
             await api.resetChangeTracking();
-            alert('Change tracking reset successfully!');
+            alert("Change tracking reset successfully!");
             // Reload tables to show updated sizes
             setLoading(true);
             await loadTables();
         }
         catch (error) {
-            console.error('Error resetting change tracking:', error);
-            alert(`Error resetting change tracking: ${error.message || 'Unknown error'}`);
+            console.error("Error resetting change tracking:", error);
+            alert(`Error resetting change tracking: ${error instanceof Error ? error.message : String(error)}`);
         }
         finally {
             setCompacting(false);
@@ -155,134 +126,43 @@ function DataExplorerList() {
     };
     (0, react_1.useEffect)(() => {
         loadTables();
-    }, []);
+    }, [loadTables]);
     if (loading) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
     if (!(0, globals_1.isDesktop)()) {
-        return (react_1.default.createElement("div", { className: "container-fluid p-4" },
-            react_1.default.createElement("div", { className: "alert alert-info" }, "Data Explorer is only available in the desktop application.")));
+        return ((0, jsx_runtime_1.jsx)("div", { className: "container-fluid p-4", children: (0, jsx_runtime_1.jsx)("div", { className: "alert alert-info", children: "Data Explorer is only available in the desktop application." }) }));
     }
     if (!currentContext && tables.length === 0) {
-        return (react_1.default.createElement("div", { className: "container-fluid p-4" },
-            react_1.default.createElement("div", { className: "alert alert-warning" }, "Unable to load database information.")));
+        return ((0, jsx_runtime_1.jsx)("div", { className: "container-fluid p-4", children: (0, jsx_runtime_1.jsx)("div", { className: "alert alert-warning", children: "Unable to load database information." }) }));
     }
-    return (react_1.default.createElement("div", { className: "container-fluid p-4" },
-        react_1.default.createElement("ul", { className: "nav nav-tabs mb-4" },
-            react_1.default.createElement("li", { className: "nav-item" },
-                react_1.default.createElement("a", { className: "nav-link active", href: "#/data-explorer" },
-                    react_1.default.createElement("i", { className: "bi bi-table" }),
-                    " Tables")),
-            react_1.default.createElement("li", { className: "nav-item" },
-                react_1.default.createElement("a", { className: "nav-link", href: "#/data-explorer/query" },
-                    react_1.default.createElement("i", { className: "bi bi-terminal" }),
-                    " Query"))),
-        react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center mb-4" },
-            react_1.default.createElement("h2", null, "Data Explorer"),
-            react_1.default.createElement("div", { className: "d-flex gap-2" },
-                react_1.default.createElement("div", { className: "btn-group", role: "group" },
-                    react_1.default.createElement("button", { type: "button", className: "btn btn-sm btn-warning", onClick: () => compactDatabase(), disabled: compacting || loading, title: "Compact database (cleanup changes older than 2 weeks)" }, compacting ? (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }),
-                        "Compacting...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("i", { className: "bi bi-disc" }),
-                        " Compact Database"))),
-                    react_1.default.createElement("button", { type: "button", className: "btn btn-sm btn-warning dropdown-toggle dropdown-toggle-split", "data-bs-toggle": "dropdown", "aria-expanded": "false", disabled: compacting || loading, title: "More compaction options" },
-                        react_1.default.createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")),
-                    react_1.default.createElement("ul", { className: "dropdown-menu" },
-                        react_1.default.createElement("li", null,
-                            react_1.default.createElement("a", { className: "dropdown-item", href: "#", onClick: (e) => {
-                                    e.preventDefault();
-                                    compactDatabase(Date.now());
-                                } },
-                                react_1.default.createElement("i", { className: "bi bi-exclamation-triangle text-danger me-2" }),
-                                "Extreme Compaction",
-                                react_1.default.createElement("div", { className: "small text-muted" }, "Remove ALL change history"))),
-                        react_1.default.createElement("li", null,
-                            react_1.default.createElement("hr", { className: "dropdown-divider" })),
-                        react_1.default.createElement("li", null,
-                            react_1.default.createElement("a", { className: "dropdown-item", href: "#", onClick: (e) => {
-                                    e.preventDefault();
-                                    resetChangeTracking();
-                                } },
-                                react_1.default.createElement("i", { className: "bi bi-arrow-clockwise text-warning me-2" }),
-                                "Reset Change Tracking",
-                                react_1.default.createElement("div", { className: "small text-muted" }, "Clear and rebuild all change history"))))),
-                react_1.default.createElement("button", { className: "btn btn-sm btn-primary", onClick: () => {
-                        setLoading(true);
-                        loadTables();
-                    }, disabled: compacting },
-                    react_1.default.createElement("i", { className: "bi bi-arrow-clockwise" }),
-                    " Refresh"))),
-        react_1.default.createElement("div", { className: "card mb-4" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("h5", { className: "card-title mb-2" }, "Current Data Context"),
-                        react_1.default.createElement("p", { className: "mb-0" }, currentContext)),
-                    react_1.default.createElement("div", { className: "text-end" },
-                        react_1.default.createElement("div", { className: "text-muted small" }, "Total DB Size"),
-                        react_1.default.createElement("div", { className: "fs-4 fw-bold" }, formatBytes(tables.reduce((sum, t) => sum + (t.bytes || 0), 0))))))),
-        react_1.default.createElement("div", { className: "card mb-4" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("h5", { className: "card-title" },
-                    "Registered Tables (",
-                    tables.filter(t => t.isRegistered).length,
-                    ")",
-                    react_1.default.createElement("span", { className: "badge bg-success ms-2" }, "Active")),
-                react_1.default.createElement("p", { className: "text-muted small" }, "These tables are registered with the TableContainer and actively used by the application."),
-                tables.filter(t => t.isRegistered).length === 0 ? (react_1.default.createElement("p", { className: "text-muted" }, "No registered tables found")) : (react_1.default.createElement("div", { className: "table-responsive" },
-                    react_1.default.createElement("table", { className: "table table-hover table-sm" },
-                        react_1.default.createElement("thead", null,
-                            react_1.default.createElement("tr", null,
-                                react_1.default.createElement("th", null, "Table Name"),
-                                react_1.default.createElement("th", null, "Table ID"),
-                                react_1.default.createElement("th", { className: "text-end" }, "Row Count"),
-                                react_1.default.createElement("th", { className: "text-end" }, "Bytes"))),
-                        react_1.default.createElement("tbody", null, tables.filter(t => t.isRegistered).map(table => (react_1.default.createElement("tr", { key: table.tableName },
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("strong", null, table.tableName)),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("code", { className: "text-muted small" }, table.tableId || 'system')),
-                            react_1.default.createElement("td", { className: "text-end" }, table.rowCount !== undefined ? table.rowCount.toLocaleString() : '-'),
-                            react_1.default.createElement("td", { className: `text-end fw-bold ${getBytesColorClass(table.bytes)}` }, formatBytes(table.bytes))))))))))),
-        tables.some(t => !t.isRegistered) && (react_1.default.createElement("div", { className: "card" },
-            react_1.default.createElement("div", { className: "card-body" },
-                react_1.default.createElement("h5", { className: "card-title" },
-                    "Unregistered Tables (",
-                    tables.filter(t => !t.isRegistered).length,
-                    ")",
-                    react_1.default.createElement("span", { className: "badge bg-warning text-dark ms-2" }, "Raw SQLite")),
-                react_1.default.createElement("p", { className: "text-muted small" }, "These tables exist in the SQLite database but are not registered with the TableContainer. They may be system tables, change tracking tables, or legacy tables."),
-                react_1.default.createElement("div", { className: "table-responsive" },
-                    react_1.default.createElement("table", { className: "table table-hover table-sm" },
-                        react_1.default.createElement("thead", null,
-                            react_1.default.createElement("tr", null,
-                                react_1.default.createElement("th", null, "Table Name"),
-                                react_1.default.createElement("th", null, "Type"),
-                                react_1.default.createElement("th", { className: "text-end" }, "Row Count"),
-                                react_1.default.createElement("th", { className: "text-end" }, "Bytes"),
-                                react_1.default.createElement("th", null, "SQL Definition"))),
-                        react_1.default.createElement("tbody", null, tables.filter(t => !t.isRegistered).map(table => (react_1.default.createElement("tr", { key: table.tableName },
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("strong", null, table.tableName)),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("span", { className: "badge bg-secondary" }, table.type || 'table')),
-                            react_1.default.createElement("td", { className: "text-end" }, table.rowCount !== undefined ? table.rowCount.toLocaleString() : '-'),
-                            react_1.default.createElement("td", { className: `text-end fw-bold ${getBytesColorClass(table.bytes)}` }, formatBytes(table.bytes)),
-                            react_1.default.createElement("td", null, table.sql ? (react_1.default.createElement("details", null,
-                                react_1.default.createElement("summary", { className: "cursor-pointer text-primary", style: { cursor: 'pointer' } },
-                                    react_1.default.createElement("small", null, "View SQL")),
-                                react_1.default.createElement("pre", { className: "mt-2 p-2 bg-body-secondary border rounded", style: { fontSize: '0.75rem', maxHeight: '300px', overflow: 'auto' } },
-                                    react_1.default.createElement("code", { className: "text-body" }, table.sql)))) : (react_1.default.createElement("span", { className: "text-muted small" }, "-"))))))))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-4", children: [(0, jsx_runtime_1.jsxs)("ul", { className: "nav nav-tabs mb-4", children: [(0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: (0, jsx_runtime_1.jsxs)("a", { className: "nav-link active", href: "#/data-explorer", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-table" }), " Tables"] }) }), (0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: (0, jsx_runtime_1.jsxs)("a", { className: "nav-link", href: "#/data-explorer/query", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-terminal" }), " Query"] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-4", children: [(0, jsx_runtime_1.jsx)("h2", { children: "Data Explorer" }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "btn-group", role: "group", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-sm btn-warning", onClick: () => compactDatabase(), disabled: compacting || loading, title: "Compact database (cleanup changes older than 2 weeks)", children: compacting ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }), "Compacting..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-disc" }), " Compact Database"] })) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-sm btn-warning dropdown-toggle dropdown-toggle-split", "data-bs-toggle": "dropdown", "aria-expanded": "false", disabled: compacting || loading, title: "More compaction options", children: (0, jsx_runtime_1.jsx)("span", { className: "visually-hidden", children: "Toggle Dropdown" }) }), (0, jsx_runtime_1.jsxs)("ul", { className: "dropdown-menu", children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("a", { className: "dropdown-item", href: "#", onClick: (e) => {
+                                                        e.preventDefault();
+                                                        compactDatabase(Date.now());
+                                                    }, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle text-danger me-2" }), "Extreme Compaction", (0, jsx_runtime_1.jsx)("div", { className: "small text-muted", children: "Remove ALL change history" })] }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("hr", { className: "dropdown-divider" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("a", { className: "dropdown-item", href: "#", onClick: (e) => {
+                                                        e.preventDefault();
+                                                        resetChangeTracking();
+                                                    }, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-arrow-clockwise text-warning me-2" }), "Reset Change Tracking", (0, jsx_runtime_1.jsx)("div", { className: "small text-muted", children: "Clear and rebuild all change history" })] }) })] })] }), (0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-primary", onClick: () => {
+                                    setLoading(true);
+                                    loadTables();
+                                }, disabled: compacting, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-arrow-clockwise" }), " Refresh"] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "card mb-4", children: (0, jsx_runtime_1.jsx)("div", { className: "card-body", children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: "card-title mb-2", children: "Current Data Context" }), (0, jsx_runtime_1.jsx)("p", { className: "mb-0", children: currentContext })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-end", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-muted small", children: "Total DB Size" }), (0, jsx_runtime_1.jsx)("div", { className: "fs-4 fw-bold", children: formatBytes(tables.reduce((sum, t) => sum + (t.bytes || 0), 0)) })] })] }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "card mb-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("h5", { className: "card-title", children: ["Registered Tables (", tables.filter((t) => t.isRegistered).length, ")", (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success ms-2", children: "Active" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small", children: "These tables are registered with the TableContainer and actively used by the application." }), tables.filter((t) => t.isRegistered).length === 0 ? ((0, jsx_runtime_1.jsx)("p", { className: "text-muted", children: "No registered tables found" })) : ((0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-hover table-sm", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Table Name" }), (0, jsx_runtime_1.jsx)("th", { children: "Table ID" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Row Count" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Bytes" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: tables
+                                            .filter((t) => t.isRegistered)
+                                            .map((table) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("strong", { children: table.tableName }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: table.tableId || "system" }) }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: table.rowCount !== undefined ? table.rowCount.toLocaleString() : "-" }), (0, jsx_runtime_1.jsx)("td", { className: `text-end fw-bold ${getBytesColorClass(table.bytes)}`, children: formatBytes(table.bytes) })] }, table.tableName))) })] }) }))] }) }), tables.some((t) => !t.isRegistered) && ((0, jsx_runtime_1.jsx)("div", { className: "card", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("h5", { className: "card-title", children: ["Unregistered Tables (", tables.filter((t) => !t.isRegistered).length, ")", (0, jsx_runtime_1.jsx)("span", { className: "badge bg-warning text-dark ms-2", children: "Raw SQLite" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small", children: "These tables exist in the SQLite database but are not registered with the TableContainer. They may be system tables, change tracking tables, or legacy tables." }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-hover table-sm", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Table Name" }), (0, jsx_runtime_1.jsx)("th", { children: "Type" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Row Count" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Bytes" }), (0, jsx_runtime_1.jsx)("th", { children: "SQL Definition" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: tables
+                                            .filter((t) => !t.isRegistered)
+                                            .map((table) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("strong", { children: table.tableName }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("span", { className: "badge bg-secondary", children: table.type || "table" }) }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: table.rowCount !== undefined ? table.rowCount.toLocaleString() : "-" }), (0, jsx_runtime_1.jsx)("td", { className: `text-end fw-bold ${getBytesColorClass(table.bytes)}`, children: formatBytes(table.bytes) }), (0, jsx_runtime_1.jsx)("td", { children: table.sql ? ((0, jsx_runtime_1.jsxs)("details", { children: [(0, jsx_runtime_1.jsx)("summary", { className: "cursor-pointer text-primary", style: { cursor: "pointer" }, children: (0, jsx_runtime_1.jsx)("small", { children: "View SQL" }) }), (0, jsx_runtime_1.jsx)("pre", { className: "mt-2 p-2 bg-body-secondary border rounded", style: {
+                                                                    fontSize: "0.75rem",
+                                                                    maxHeight: "300px",
+                                                                    overflow: "auto",
+                                                                }, children: (0, jsx_runtime_1.jsx)("code", { className: "text-body", children: table.sql }) })] })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted small", children: "-" })) })] }, table.tableName))) })] }) })] }) }))] }));
 }
 (0, ui_loader_1.registerInternalPeersUI)({
-    peersUIId: 'data-explorer-list-ui',
+    peersUIId: "data-explorer-list-ui",
     component: DataExplorerList,
     routes: [
         {
-            isMatch: (_props, context) => context.path === 'data-explorer',
-            uiCategory: 'screen',
-            priority: 2
-        }
-    ]
+            isMatch: (_props, context) => context.path === "data-explorer",
+            uiCategory: "screen",
+            priority: 2,
+        },
+    ],
 });

package/dist/screens/data-explorer/index.d.ts

@@ -1,4 +1,4 @@
-import './data-explorer';
-import './query-executor';
+import "./data-explorer";
+import "./query-executor";
 export * from "./data-explorer";
 export * from "./query-executor";

package/dist/screens/data-explorer/query-executor.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare function QueryExecutor(): React.JSX.Element;
+export declare function QueryExecutor(): import("react/jsx-runtime").JSX.Element;