sqlite-hub 0.9.9 → 0.9.11

package/frontend/js/store.js

@@ -558,6 +558,16 @@ function getCurrentStructureEntry(snapshot = state) {
     return entries.find(entry => entry.name === snapshot.structure.selectedName) ?? null;
 }
 
+function resolveStructureSelectedName(structure, preferredName) {
+    const entries = structure?.entries ?? [];
+
+    if (preferredName && entries.some(entry => entry.name === preferredName)) {
+        return preferredName;
+    }
+
+    return structure?.grouped?.tables?.[0]?.name ?? entries[0]?.name ?? null;
+}
+
 function getTableDesignerContext(snapshot = state) {
     return {
         catalogTables: snapshot.tableDesigner.tables ?? [],
@@ -986,7 +996,6 @@ function syncRouteContext() {
         state.structure.detail = null;
     } else if (route.name !== 'structure') {
         state.structure.detail = null;
-        state.structure.selectedName = null;
     }
 
     if (route.name !== 'tableDesigner') {
@@ -1572,11 +1581,7 @@ async function loadStructure(version) {
         }
 
         state.structure.data = response.data;
-        state.structure.selectedName =
-            state.structure.selectedName ??
-            response.data.grouped.tables[0]?.name ??
-            response.data.entries[0]?.name ??
-            null;
+        state.structure.selectedName = resolveStructureSelectedName(response.data, state.structure.selectedName);
 
         await loadStructureDetail(version);
     } catch (error) {
@@ -3927,6 +3932,7 @@ export function getQueryPerformance(snapshot = state) {
     if (!result) {
         return {
             timingMs: null,
+            memoryBytes: 0,
             statementCount: 0,
             rowCount: 0,
             affectedRowCount: 0,
@@ -3935,6 +3941,7 @@ export function getQueryPerformance(snapshot = state) {
 
     return {
         timingMs: result.timingMs ?? 0,
+        memoryBytes: result.memoryBytes ?? 0,
         statementCount: result.statementCount ?? result.statements?.length ?? 0,
         rowCount: result.rows?.length ?? 0,
         affectedRowCount: result.affectedRowCount ?? 0,

package/frontend/js/utils/format.js

@@ -9,6 +9,11 @@ const COMPACT_DATE_TIME_FORMATTER = new Intl.DateTimeFormat("en-GB", {
   dateStyle: "short",
   timeStyle: "short",
 });
+const EXECUTION_TIME_SECONDS_THRESHOLD_MS = 10000;
+const EXECUTION_TIME_SECONDS_FORMATTER = new Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 1,
+  maximumFractionDigits: 1,
+});
 
 export function escapeHtml(value = "") {
   return String(value)
@@ -75,6 +80,20 @@ export function formatDurationMs(value) {
   return `${numericValue.toLocaleString("en-US")} ms`;
 }
 
+export function formatExecutionTimeMs(value) {
+  const numericValue = Number(value);
+
+  if (!Number.isFinite(numericValue) || numericValue < 0) {
+    return "N/A";
+  }
+
+  if (numericValue > EXECUTION_TIME_SECONDS_THRESHOLD_MS) {
+    return `${EXECUTION_TIME_SECONDS_FORMATTER.format(numericValue / 1000)}s`;
+  }
+
+  return `${numericValue.toLocaleString("en-US")}ms`;
+}
+
 export function formatRelativeBoolean(value) {
   return value ? "ENABLED" : "DISABLED";
 }

package/frontend/js/views/editor.js

@@ -5,7 +5,7 @@ import { renderQueryHistoryPanel } from '../components/queryHistoryPanel.js';
 import { renderRowEditorPanel } from '../components/rowEditorPanel.js';
 import { renderQueryResultsPane } from '../components/queryResults.js';
 import { getCurrentConnection, getQueryMessages, getQueryPerformance } from '../store.js';
-import { escapeHtml, formatCellValue, formatNumber, isBlobPreview } from '../utils/format.js';
+import { escapeHtml, formatBytes, formatCellValue, formatExecutionTimeMs, formatNumber, isBlobPreview } from '../utils/format.js';
 
 function renderMissingDatabase() {
     return `
@@ -50,12 +50,12 @@ function renderPerformancePane(state) {
     const metrics = getQueryPerformance(state);
 
     return `
-    <div class="grid flex-1 grid-cols-1 gap-4 bg-surface-container-lowest p-6 md:grid-cols-4">
+    <div class="performance-metrics-grid grid flex-1 gap-4 bg-surface-container-lowest p-6">
       <div class="metric-card">
         <span class="text-[10px] font-mono uppercase text-on-surface/40">Exec_Time</span>
         <span class="font-headline text-3xl font-bold text-on-surface">${escapeHtml(
-            String(metrics.timingMs ?? 0),
-        )}ms</span>
+            formatExecutionTimeMs(metrics.timingMs ?? 0),
+        )}</span>
         <span class="text-[10px] text-primary-container">Measured backend execution time</span>
       </div>
       <div class="metric-card">
@@ -72,6 +72,13 @@ function renderPerformancePane(state) {
         )}</span>
         <span class="text-[10px] text-on-surface/40">Visible result set size</span>
       </div>
+      <div class="metric-card">
+        <span class="text-[10px] font-mono uppercase text-on-surface/40">Memory_Size</span>
+        <span class="font-headline text-3xl font-bold text-on-surface">${escapeHtml(
+            formatBytes(metrics.memoryBytes),
+        )}</span>
+        <span class="text-[10px] text-on-surface/40">Serialized result payload</span>
+      </div>
       <div class="metric-card metric-card--accent">
         <span class="text-[10px] font-mono uppercase text-on-surface/40">Rows_Affected</span>
         <span class="font-headline text-3xl font-bold text-on-surface">${escapeHtml(

package/frontend/styles/components.css

@@ -311,6 +311,10 @@
     padding: var(--spacing-6);
 }
 
+.performance-metrics-grid {
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
+}
+
 .metric-card--accent {
     box-shadow: inset 2px 0 0 var(--color-primary-container);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sqlite-hub",
-    "version": "0.9.9",
+    "version": "0.9.11",
     "description": "SQLite-only local management app backend and SPA shell",
     "main": "server/server.js",
     "bin": {
@@ -20,12 +20,14 @@
         "better-sqlite3": "^12.10.0",
         "cytoscape": "^3.33.4",
         "cytoscape-elk": "^2.3.0",
+        "dotenv": "^17.4.2",
         "echarts": "^6.1.0",
         "elkjs": "^0.11.1",
         "express": "^5.2.1",
         "express-rate-limit": "^8.5.2",
         "helmet": "^8.2.0",
-        "material-symbols": "^0.44.9"
+        "material-symbols": "^0.44.9",
+        "openai": "^6.39.1"
     },
     "devDependencies": {
         "@tailwindcss/cli": "^4.3.0",

package/server/services/sqlite/sqlExecutor.js

@@ -2,6 +2,14 @@ const { ValidationError, mapSqliteError } = require("../../utils/errors");
 const { serializeRows } = require("../../utils/sqliteTypes");
 const { getTableDetail } = require("./introspection");
 
+function getSerializedMemoryBytes(value) {
+  try {
+    return Buffer.byteLength(JSON.stringify(value ?? null), "utf8");
+  } catch {
+    return 0;
+  }
+}
+
 function getFirstKeyword(statement) {
   const trimmed = statement.trim().replace(/^--.*$/gm, "").trim();
   const match = trimmed.match(/^[A-Za-z]+/);
@@ -427,6 +435,8 @@ class SqlExecutor {
       affectedRowCount: totalChanges,
       resultKind: lastResultSet ? "resultSet" : results.at(-1)?.kind ?? "unknown",
     };
+    payload.memoryBytes = getSerializedMemoryBytes(payload);
+
     let historyId = null;
 
     if (options.persistHistory !== false) {