sqlite-hub 1.0.0 → 1.1.0

package/frontend/js/components/tableDesignerEditor.js

@@ -351,11 +351,9 @@ export function renderTableDesignerEditor(state) {
               value="${escapeHtml(draft.tableName)}"
             />
             ${
-              draft.mode === "edit"
-                ? `<div class="status-badge status-badge--muted">FROM ${escapeHtml(
-                    draft.originalTableName
-                  )}</div>`
-                : `<div class="status-badge status-badge--primary">CREATE</div>`
+              draft.mode === "create"
+                ? `<div class="status-badge status-badge--primary">CREATE</div>`
+                : ""
             }
           </div>
           <div class="table-designer-main__subtitle">

package/frontend/js/store.js

@@ -49,6 +49,7 @@ const UI_PREFERENCE_STORAGE_KEYS = {
     dataTablesVisible: 'sqlite_hub_data_tables_visible',
     structureTablesVisible: 'sqlite_hub_structure_tables_visible',
     chartsHistoryVisible: 'sqlite_hub_charts_history_visible',
+    chartsQueryVisible: 'sqlite_hub_charts_query_visible',
     chartsResultsVisible: 'sqlite_hub_charts_results_visible',
     tableDesignerSqlPreviewVisible: 'sqlite_hub_table_designer_sql_preview_visible',
     documentsEditorVisible: 'sqlite_hub_documents_editor_visible',
@@ -63,6 +64,8 @@ const TEXT_EXPORT_FORMAT_LABELS = {
     csv: 'CSV',
     tsv: 'TSV',
     md: 'Markdown',
+    json: 'JSON',
+    parquet: 'Parquet',
 };
 const MISSING_DATABASE_ERROR = {
     code: 'ACTIVE_DATABASE_REQUIRED',
@@ -262,6 +265,9 @@ const state = {
         error: null,
         appVersion: null,
         sqliteVersion: null,
+        versionCheck: null,
+        versionCheckLoading: false,
+        versionCheckError: null,
     },
     overview: {
         data: null,
@@ -331,10 +337,13 @@ const state = {
         loading: false,
         error: null,
         historyTab: readStoredChartsHistoryTab(),
+        historySearchInput: '',
+        historySearch: '',
         historyPanelVisible: readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsHistoryVisible, true),
+        detailPanelVisible: false,
         selectedHistoryId: null,
         chartHeightPreset: 'medium',
-        sqlExpanded: false,
+        queryVisible: readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true),
         resultsVisible: readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true),
         detail: null,
         detailLoading: false,
@@ -929,10 +938,13 @@ function resetChartsState() {
     state.charts.loading = false;
     state.charts.error = null;
     state.charts.historyTab = readStoredChartsHistoryTab(state.charts.historyTab);
+    state.charts.historySearchInput = '';
+    state.charts.historySearch = '';
     state.charts.historyPanelVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsHistoryVisible, true);
+    state.charts.detailPanelVisible = false;
     state.charts.selectedHistoryId = null;
     state.charts.chartHeightPreset = 'medium';
-    state.charts.sqlExpanded = false;
+    state.charts.queryVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true);
     state.charts.resultsVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true);
     state.charts.detail = null;
     state.charts.detailLoading = false;
@@ -1019,7 +1031,7 @@ function normalizeChartsHeightPreset(value) {
 }
 
 function normalizeChartsHistoryTab(value) {
-    return ['recent', 'saved'].includes(value) ? value : 'recent';
+    return ['recent', 'saved', 'unsaved'].includes(value) ? value : 'recent';
 }
 
 function mergeQueryHistoryItemWithChartSummary(updatedItem, fallbackItem = null) {
@@ -1358,6 +1370,33 @@ export function setSettingsSection(section) {
     emitChange();
 }
 
+export async function checkSettingsAppVersion() {
+    state.settings.versionCheckLoading = true;
+    state.settings.versionCheckError = null;
+    emitChange();
+
+    try {
+        const response = await api.checkAppVersion();
+        const result = response.data ?? null;
+
+        state.settings.versionCheck = result;
+        pushToast(
+            result?.updateAvailable
+                ? `SQLite Hub v${result.latestVersion} is available.`
+                : 'SQLite Hub is up to date.',
+            'success',
+        );
+        return result;
+    } catch (error) {
+        state.settings.versionCheckError = normalizeError(error);
+        pushToast('Version check failed.', 'alert');
+        return null;
+    } finally {
+        state.settings.versionCheckLoading = false;
+        emitChange();
+    }
+}
+
 export async function deleteSettingsApiToken(tokenId) {
     state.settings.tokenSaving = true;
     state.settings.error = null;
@@ -1557,7 +1596,8 @@ async function loadChartsDetail(historyId) {
 
     if (!Number.isInteger(numericId) || numericId < 1) {
         state.charts.selectedHistoryId = null;
-        state.charts.sqlExpanded = false;
+        state.charts.detailPanelVisible = false;
+        state.charts.queryVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true);
         state.charts.resultsVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true);
         state.charts.detail = null;
         state.charts.detailLoading = false;
@@ -1570,7 +1610,7 @@ async function loadChartsDetail(historyId) {
     }
 
     state.charts.selectedHistoryId = numericId;
-    state.charts.sqlExpanded = false;
+    state.charts.queryVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, true);
     state.charts.resultsVisible = readStoredBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsResultsVisible, true);
     state.charts.detail = null;
     state.charts.detailLoading = true;
@@ -3448,7 +3488,8 @@ export async function openEditorRowUpdatePreview(rowIndex, values) {
 }
 
 export function toggleChartsSqlPanel() {
-    state.charts.sqlExpanded = !state.charts.sqlExpanded;
+    state.charts.queryVisible = !state.charts.queryVisible;
+    storeBoolean(UI_PREFERENCE_STORAGE_KEYS.chartsQueryVisible, state.charts.queryVisible);
     emitChange();
 }
 
@@ -3470,6 +3511,17 @@ export function setChartsHistoryPanelVisibility(visible) {
     emitChange();
 }
 
+export function setChartsDetailPanelVisibility(visible) {
+    const nextValue = typeof visible === 'boolean' ? visible : !Boolean(state.charts.detailPanelVisible);
+
+    if (state.charts.detailPanelVisible === nextValue) {
+        return;
+    }
+
+    state.charts.detailPanelVisible = nextValue;
+    emitChange();
+}
+
 export function setChartsHeightPreset(preset) {
     const nextPreset = normalizeChartsHeightPreset(preset);
 
@@ -3497,6 +3549,18 @@ export function setChartsHistoryTab(tab) {
     emitChange();
 }
 
+export function setChartsHistorySearchInput(query) {
+    const nextQuery = String(query ?? '');
+
+    if (state.charts.historySearchInput === nextQuery && state.charts.historySearch === nextQuery.trim()) {
+        return;
+    }
+
+    state.charts.historySearchInput = nextQuery;
+    state.charts.historySearch = nextQuery.trim();
+    emitChange();
+}
+
 export function updateCurrentQueryChartDraftField(field, value) {
     if (state.modal?.kind !== 'chart-editor' || !state.modal.draft) {
         return;
@@ -3935,7 +3999,9 @@ export function openQueryHistoryInEditor(historyId, options = {}) {
     clearQueryHistoryDetailState();
     state.editor.sqlText = options.append ? [state.editor.sqlText.trim(), rawSql].filter(Boolean).join('\n\n') : rawSql;
     storeString(UI_PREFERENCE_STORAGE_KEYS.sqlEditorQueryDraft, state.editor.sqlText);
-    emitChange();
+    if (options.notify !== false) {
+        emitChange();
+    }
     return true;
 }
 

package/frontend/js/utils/exportFilenames.js

@@ -2,6 +2,8 @@ export const TEXT_EXPORT_EXTENSIONS = {
   csv: "csv",
   tsv: "tsv",
   md: "md",
+  json: "json",
+  parquet: "parquet",
 };
 
 export function normalizeTextExportFormat(format = "csv") {
@@ -10,7 +12,7 @@ export function normalizeTextExportFormat(format = "csv") {
 }
 
 function stripKnownTextExportExtension(value = "") {
-  return String(value).replace(/\.(csv|tsv|md)$/i, "");
+  return String(value).replace(/\.(csv|tsv|md|json|parquet)$/i, "");
 }
 
 export function sanitizeExportFilenameBase(value, fallback = "export") {