sqlite-hub 0.3.1 → 0.4.0

package/{js → frontend/js}/components/sidebar.js

@@ -1,4 +1,5 @@
 import { escapeHtml } from "../utils/format.js";
+import { renderConnectionLogo } from "./connectionLogo.js";
 
 const sidebarItems = [
   { label: "Connections", href: "#/connections", key: "connections", icon: "database" },
@@ -40,9 +41,13 @@ export function renderSidebar(state) {
     </nav>
     <div class="sidebar-footer">
       <div class="sidebar-footer-card">
-        <div class="sidebar-footer-mark">
-          <span class="material-symbols-outlined text-[15px]">memory</span>
-        </div>
+        ${renderConnectionLogo(activeConnection, {
+          containerClass:
+            "sidebar-footer-mark overflow-hidden bg-primary-container text-on-primary",
+          imageClassName: "h-full w-full object-cover",
+          iconClassName: "text-[15px]",
+          icon: "memory",
+        })}
         <div class="min-w-0">
           <p class="truncate text-[10px] font-bold text-on-surface">
             ${escapeHtml(activeConnection?.label ?? "NO_ACTIVE_DATABASE")}

package/{js → frontend/js}/store.js

@@ -1,5 +1,5 @@
 import * as api from "./api.js";
-import { inferStatusTone } from "./utils/format.js";
+import { formatCellValue, inferStatusTone, truncateMiddle } from "./utils/format.js";
 
 const listeners = new Set();
 const DEFAULT_SETTINGS = {
@@ -45,8 +45,11 @@ const state = {
     loading: false,
     tableLoading: false,
     saving: false,
+    deleting: false,
     page: 1,
     pageSize: 50,
+    searchQuery: "",
+    searchColumn: "",
     selectedRowIndex: null,
     exportLoading: false,
     error: null,
@@ -64,6 +67,7 @@ const state = {
     exportLoading: false,
     selectedRowIndex: null,
     saving: false,
+    deleting: false,
     saveError: null,
   },
   structure: {
@@ -116,6 +120,11 @@ function canEditQueryResult(snapshot = state) {
   return Boolean(snapshot.editor.result?.editing?.enabled) && !snapshot.connections.active?.readOnly;
 }
 
+function resetDataBrowserSearch() {
+  state.dataBrowser.searchQuery = "";
+  state.dataBrowser.searchColumn = "";
+}
+
 function buildUpdatedEditorResultRow(existingRow, updatedSourceRow, editableColumns) {
   const nextRow = {
     ...existingRow,
@@ -140,6 +149,32 @@ function getCurrentStructureEntry(snapshot = state) {
   return entries.find((entry) => entry.name === snapshot.structure.selectedName) ?? null;
 }
 
+function buildDeleteRowPreview(fields = []) {
+  return fields
+    .filter((field) => field && field.label)
+    .slice(0, 8)
+    .map((field) => {
+      const fullValue = formatCellValue(field.value);
+
+      return {
+        label: String(field.label),
+        value: truncateMiddle(fullValue, 96),
+        fullValue,
+      };
+    });
+}
+
+function buildFallbackDeleteRowPreview(row) {
+  return buildDeleteRowPreview(
+    Object.entries(row ?? {})
+      .filter(([key]) => key !== "__identity")
+      .map(([key, value]) => ({
+        label: key,
+        value,
+      }))
+  );
+}
+
 function clearRouteSlices() {
   state.overview.error = null;
   state.dataBrowser.error = null;
@@ -160,6 +195,7 @@ function setMissingDatabaseState() {
   state.dataBrowser.selectedTable = null;
   state.dataBrowser.table = null;
   state.dataBrowser.page = 1;
+  resetDataBrowserSearch();
   state.dataBrowser.selectedRowIndex = null;
   state.dataBrowser.exportLoading = false;
   state.dataBrowser.error = error;
@@ -193,6 +229,9 @@ function syncRouteContext() {
     if (route.name !== "data" || route.params?.tableName !== state.dataBrowser.selectedTable) {
       state.dataBrowser.page = 1;
     }
+    if (route.params?.tableName !== state.dataBrowser.selectedTable) {
+      resetDataBrowserSearch();
+    }
     state.dataBrowser.selectedRowIndex = null;
     state.dataBrowser.saveError = null;
   }
@@ -318,6 +357,9 @@ async function loadDataTable(version) {
     state.dataBrowser.table = response.data ?? null;
     state.dataBrowser.pageSize = pageSize;
     state.dataBrowser.page = response.data?.page ?? page;
+    state.dataBrowser.searchColumn = response.data?.columns?.includes(state.dataBrowser.searchColumn)
+      ? state.dataBrowser.searchColumn
+      : (response.data?.columns?.[0] ?? "");
     state.dataBrowser.selectedRowIndex = null;
   } catch (error) {
     if (version !== routeLoadVersion) {
@@ -355,6 +397,7 @@ async function loadData(version, route) {
     if (requestedTableName && tables.some((table) => table.name === requestedTableName)) {
       if (requestedTableName !== state.dataBrowser.selectedTable) {
         state.dataBrowser.page = 1;
+        resetDataBrowserSearch();
       }
       state.dataBrowser.selectedTable = requestedTableName;
     } else if (
@@ -363,10 +406,12 @@ async function loadData(version, route) {
     ) {
       state.dataBrowser.selectedTable = tables[0]?.name ?? null;
       state.dataBrowser.page = 1;
+      resetDataBrowserSearch();
     }
 
     if (!state.dataBrowser.selectedTable) {
       state.dataBrowser.table = null;
+      resetDataBrowserSearch();
       state.dataBrowser.selectedRowIndex = null;
       return;
     }
@@ -482,6 +527,7 @@ function invalidateDatabaseCaches() {
   state.dataBrowser.selectedTable = null;
   state.dataBrowser.table = null;
   state.dataBrowser.page = 1;
+  resetDataBrowserSearch();
   state.dataBrowser.selectedRowIndex = null;
   state.dataBrowser.exportLoading = false;
   state.dataBrowser.error = null;
@@ -621,6 +667,69 @@ export function openEditConnectionModal(id) {
   emitChange();
 }
 
+export function openDeleteDataRowModal(rowIndex) {
+  const numericIndex = Number(rowIndex);
+  const tableName = state.dataBrowser.selectedTable;
+  const row = state.dataBrowser.table?.rows?.[numericIndex];
+  const rowPreview = buildDeleteRowPreview(
+    (state.dataBrowser.table?.columnMeta ?? [])
+      .filter((column) => column.visible)
+      .map((column) => ({
+        label: column.name,
+        value: row[column.name],
+      }))
+  );
+
+  if (!tableName || !row?.__identity) {
+    pushToast("The selected row could not be loaded.", "alert");
+    return;
+  }
+
+  state.modal = {
+    kind: "delete-row",
+    target: "data",
+    rowIndex: numericIndex,
+    tableName,
+    rowLabel: `row ${numericIndex + 1}`,
+    rowPreview: rowPreview.length ? rowPreview : buildFallbackDeleteRowPreview(row),
+    error: null,
+    submitting: false,
+  };
+  emitChange();
+}
+
+export function openDeleteEditorRowModal(rowIndex) {
+  const numericIndex = Number(rowIndex);
+  const tableName = state.editor.result?.editing?.tableName ?? null;
+  const row = state.editor.result?.rows?.[numericIndex];
+  const columns = state.editor.result?.editing?.columns ?? [];
+  const rowPreview = buildDeleteRowPreview(
+    columns
+      .filter((column) => column.visible !== false)
+      .map((column) => ({
+        label: column.sourceColumn || column.resultName,
+        value: row[column.resultName],
+      }))
+  );
+
+  if (!tableName || !row?.__identity || !canEditQueryResult()) {
+    pushToast("The selected query result row could not be loaded.", "alert");
+    return;
+  }
+
+  state.modal = {
+    kind: "delete-row",
+    target: "editor",
+    rowIndex: numericIndex,
+    tableName,
+    rowLabel: `query row ${numericIndex + 1}`,
+    rowPreview: rowPreview.length ? rowPreview : buildFallbackDeleteRowPreview(row),
+    error: null,
+    submitting: false,
+  };
+  emitChange();
+}
+
 export function closeModal() {
   closeModalInternal();
 }
@@ -919,6 +1028,20 @@ export function clearDataRowSelection() {
   emitChange();
 }
 
+export function setDataSearchQuery(query) {
+  state.dataBrowser.searchQuery = String(query ?? "");
+  state.dataBrowser.selectedRowIndex = null;
+  state.dataBrowser.saveError = null;
+  emitChange();
+}
+
+export function setDataSearchColumn(columnName) {
+  state.dataBrowser.searchColumn = String(columnName ?? "");
+  state.dataBrowser.selectedRowIndex = null;
+  state.dataBrowser.saveError = null;
+  emitChange();
+}
+
 export async function setDataPage(page) {
   const numericPage = Number(page);
 
@@ -992,6 +1115,51 @@ export async function submitDataRowUpdate(rowIndex, values) {
   }
 }
 
+export async function submitDataRowDelete(rowIndex, options = {}) {
+  const numericIndex = Number(rowIndex);
+  const tableName = state.dataBrowser.selectedTable;
+  const row = state.dataBrowser.table?.rows?.[numericIndex];
+  const reportErrorToModal = Boolean(options.reportErrorToModal);
+
+  if (!tableName || !row?.__identity) {
+    pushToast("The selected row could not be loaded.", "alert");
+    return null;
+  }
+
+  const shouldStepBackPage =
+    (state.dataBrowser.table?.rows?.length ?? 0) <= 1 && state.dataBrowser.page > 1;
+
+  state.dataBrowser.deleting = true;
+  state.dataBrowser.saveError = null;
+  emitChange();
+
+  try {
+    const response = await api.deleteDataTableRow(tableName, {
+      identity: row.__identity,
+    });
+
+    if (shouldStepBackPage) {
+      state.dataBrowser.page -= 1;
+    }
+
+    pushToast(response.message || "Table row deleted.", "success");
+    await loadDataTable(++routeLoadVersion);
+    state.dataBrowser.selectedRowIndex = null;
+    return response.data;
+  } catch (error) {
+    if (reportErrorToModal) {
+      withModalError(error);
+    } else {
+      state.dataBrowser.saveError = normalizeError(error);
+      emitChange();
+    }
+    return null;
+  } finally {
+    state.dataBrowser.deleting = false;
+    emitChange();
+  }
+}
+
 export async function submitEditorRowUpdate(rowIndex, values) {
   const numericIndex = Number(rowIndex);
   const result = state.editor.result;
@@ -1039,6 +1207,73 @@ export async function submitEditorRowUpdate(rowIndex, values) {
   }
 }
 
+export async function submitEditorRowDelete(rowIndex, options = {}) {
+  const numericIndex = Number(rowIndex);
+  const result = state.editor.result;
+  const row = result?.rows?.[numericIndex];
+  const tableName = result?.editing?.tableName ?? null;
+  const reportErrorToModal = Boolean(options.reportErrorToModal);
+
+  if (!tableName || !row?.__identity || !canEditQueryResult()) {
+    pushToast("The selected query result row could not be loaded.", "alert");
+    return null;
+  }
+
+  state.editor.deleting = true;
+  state.editor.saveError = null;
+  emitChange();
+
+  try {
+    const response = await api.deleteDataTableRow(tableName, {
+      identity: row.__identity,
+    });
+    const nextRows = [...(result.rows ?? [])];
+
+    nextRows.splice(numericIndex, 1);
+    state.editor.result = {
+      ...result,
+      rows: nextRows,
+    };
+    state.editor.selectedRowIndex = null;
+    invalidateDatabaseCaches();
+    pushToast(response.message || "Query result row deleted.", "success");
+    emitChange();
+    return response.data;
+  } catch (error) {
+    if (reportErrorToModal) {
+      withModalError(error);
+    } else {
+      state.editor.saveError = normalizeError(error);
+      emitChange();
+    }
+    return null;
+  } finally {
+    state.editor.deleting = false;
+    emitChange();
+  }
+}
+
+export async function submitDeleteRowConfirmation() {
+  const modal = state.modal;
+
+  if (modal?.kind !== "delete-row") {
+    return null;
+  }
+
+  startModalSubmission();
+
+  const result =
+    modal.target === "editor"
+      ? await submitEditorRowDelete(modal.rowIndex, { reportErrorToModal: true })
+      : await submitDataRowDelete(modal.rowIndex, { reportErrorToModal: true });
+
+  if (result) {
+    closeModalInternal();
+  }
+
+  return result;
+}
+
 export async function exportCurrentQueryCsv() {
   state.editor.exportLoading = true;
   emitChange();

package/{js → frontend/js}/views/data.js

@@ -168,6 +168,80 @@ function getCellWidthClass(columnName) {
   return "max-w-[12rem]";
 }
 
+function getFilteredTableRows(table, state) {
+  const allRows = table?.rows ?? [];
+  const availableColumns = table?.columns ?? [];
+  const searchQuery = String(state.dataBrowser.searchQuery ?? "").trim().toLowerCase();
+  const activeColumn = availableColumns.includes(state.dataBrowser.searchColumn)
+    ? state.dataBrowser.searchColumn
+    : (availableColumns[0] ?? "");
+
+  const indexedRows = allRows.map((row, index) => ({
+    row,
+    index,
+  }));
+
+  if (!searchQuery || !activeColumn) {
+    return {
+      activeColumn,
+      filteredRows: indexedRows,
+      searchQuery,
+    };
+  }
+
+  return {
+    activeColumn,
+    searchQuery,
+    filteredRows: indexedRows.filter(({ row }) =>
+      formatCellValue(row[activeColumn]).toLowerCase().includes(searchQuery)
+    ),
+  };
+}
+
+function renderTableSearchBar(table, state, activeColumn, filteredRowCount) {
+  const columns = table?.columns ?? [];
+
+  if (!table || !columns.length) {
+    return "";
+  }
+
+  return `
+    <div class="flex flex-wrap items-center gap-3 border-b border-outline-variant/10 bg-surface-container-low px-6 py-4">
+      <label class="flex min-w-[18rem] flex-1 items-center gap-3 border border-outline-variant/20 bg-surface-container-lowest px-4 py-3">
+        <span class="material-symbols-outlined text-base text-on-surface-variant/55">search</span>
+        <input
+          class="min-w-0 flex-1 bg-transparent text-sm text-on-surface outline-none placeholder:text-on-surface-variant/40"
+          data-bind="data-search-query"
+          placeholder="Filter current page..."
+          type="search"
+          value="${escapeHtml(state.dataBrowser.searchQuery ?? "")}"
+        />
+      </label>
+      <select
+        class="min-w-[14rem] border border-outline-variant/20 bg-surface-container-lowest px-4 py-3 font-mono text-xs tracking-[0.04em] text-on-surface outline-none"
+        data-bind="data-search-column"
+      >
+        ${columns
+          .map(
+            (columnName) => `
+              <option value="${escapeHtml(columnName)}" ${
+                columnName === activeColumn ? "selected" : ""
+              }>
+                ${escapeHtml(columnName)}
+              </option>
+            `
+          )
+          .join("")}
+      </select>
+      <div class="text-[10px] font-mono tracking-[0.14em] text-on-surface-variant/55">
+        ${escapeHtml(formatNumber(filteredRowCount))} match${
+          filteredRowCount === 1 ? "" : "es"
+        } on this page
+      </div>
+    </div>
+  `;
+}
+
 function renderTableSurface(state) {
   const table = state.dataBrowser.table;
 
@@ -197,10 +271,11 @@ function renderTableSurface(state) {
     `;
   }
 
+  const { activeColumn, filteredRows, searchQuery } = getFilteredTableRows(table, state);
   const columns = (table.columns ?? []).map((columnName) => ({
     label: escapeHtml(columnName),
     headerClassName:
-      "border-b border-primary-container/20 px-4 py-3 text-[10px] font-bold uppercase tracking-[0.16em] text-primary-container",
+      "border-b border-primary-container/20 px-4 py-3 text-[10px] font-bold tracking-[0.08em] text-primary-container",
     cellClassName: "px-4 py-2 align-top text-[11px] text-on-surface",
     render: (row) => {
       const value = formatCellValue(row[columnName]);
@@ -219,25 +294,35 @@ function renderTableSurface(state) {
   const fromRow = totalRows === 0 ? 0 : (table.offset ?? 0) + 1;
   const toRow = totalRows === 0 ? 0 : Math.min((table.offset ?? 0) + (table.rows?.length ?? 0), totalRows);
   const pageSizes = [25, 50, 100];
+  const filteredRowCount = filteredRows.length;
+  const hasActiveSearch = Boolean(searchQuery);
 
   return `
     <div class="flex flex-1 min-h-0 flex-col bg-surface-container-lowest">
+      ${renderTableSearchBar(table, state, activeColumn, filteredRowCount)}
       <div class="custom-scrollbar flex-1 overflow-auto">
         ${renderDataGrid({
           columns,
-          rows: table.rows ?? [],
+          rows: filteredRows.map(({ row }) => row),
           tableClass: "min-w-full border-collapse text-left font-mono text-xs",
           theadClass: "sticky top-0 z-10 bg-surface-container-highest",
           tbodyClass: "divide-y divide-outline-variant/5",
-          getRowClass: (_, index) =>
-            `${
-              state.dataBrowser.selectedRowIndex === index
+          getRowClass: (_, filteredIndex) => {
+            const rowIndex = filteredRows[filteredIndex]?.index ?? filteredIndex;
+
+            return `${
+              state.dataBrowser.selectedRowIndex === rowIndex
                 ? "bg-surface-bright"
-                : index % 2 === 0
+                : filteredIndex % 2 === 0
                   ? "bg-surface-container-low"
                   : "bg-surface-container-lowest"
-            } cursor-pointer transition-colors hover:bg-surface-container-high`,
-          getRowAttrs: (_, index) => `data-action="select-data-row" data-row-index="${index}"`,
+            } cursor-pointer transition-colors hover:bg-surface-container-high`;
+          },
+          getRowAttrs: (_, filteredIndex) => {
+            const rowIndex = filteredRows[filteredIndex]?.index ?? filteredIndex;
+
+            return `data-action="select-data-row" data-row-index="${rowIndex}"`;
+          },
         })}
         ${
           !table.rows?.length
@@ -248,6 +333,14 @@ function renderTableSurface(state) {
                   </p>
                 </div>
               `
+            : !filteredRowCount
+              ? `
+                  <div class="flex min-h-[180px] items-center justify-center border-t border-outline-variant/10">
+                    <p class="font-mono text-[10px] tracking-[0.18em] text-on-surface-variant/40">
+                      ${hasActiveSearch ? "No matching rows on this page." : "No rows available."}
+                    </p>
+                  </div>
+                `
             : ""
         }
       </div>
@@ -255,7 +348,7 @@ function renderTableSurface(state) {
         <div class="text-[10px] font-mono uppercase tracking-[0.16em] text-on-surface-variant/55">
           showing ${escapeHtml(formatNumber(fromRow))}-${escapeHtml(formatNumber(toRow))} of ${escapeHtml(
             formatNumber(totalRows)
-          )} rows
+          )} rows${hasActiveSearch ? ` // ${escapeHtml(formatNumber(filteredRowCount))} visible on this page` : ""}
         </div>
         <div class="flex flex-wrap items-center gap-4">
           <div class="flex items-center gap-2">
@@ -380,6 +473,10 @@ function renderDataRowEditorPanel(state) {
     })),
     saveError: state.dataBrowser.saveError,
     saving: state.dataBrowser.saving,
+    deleting: state.dataBrowser.deleting,
+    deleteAction: "delete-data-row",
+    deleteRowIndex: rowIndex,
+    deleteEnabled: Boolean(row.__identity),
     reloadAction: "reload-data-route",
   });
 }

package/{js → frontend/js}/views/editor.js

@@ -192,6 +192,10 @@ function renderEditorRowPanel(state) {
     })),
     saveError: state.editor.saveError,
     saving: state.editor.saving,
+    deleting: state.editor.deleting,
+    deleteAction: "delete-editor-row",
+    deleteRowIndex: rowIndex,
+    deleteEnabled: editingState.enabled && Boolean(row.__identity),
   });
 }
 

package/{js → frontend/js}/views/structure.js

@@ -6,8 +6,8 @@ function renderEntryGroup(title, entries, activeName, options = {}) {
   const { compact = false, showMeta = true } = options;
 
   return `
-    <section class="shell-section p-5">
-      <div class="mb-4 text-[10px] font-bold uppercase tracking-[0.25em] text-primary-container">
+    <section class="shell-section flex flex-col p-5">
+      <div class="mb-4 shrink-0 text-[10px] font-bold uppercase tracking-[0.25em] text-primary-container">
         ${escapeHtml(title)}
       </div>
       ${
@@ -209,10 +209,6 @@ function renderGraphSurface(structure, selectedName, detail, detailLoading) {
               type="search"
             />
           </label>
-          <div class="structure-graph__toolbar-meta">
-            ${escapeHtml(formatNumber(graph.tables?.length ?? 0))} TABLES //
-            ${escapeHtml(formatNumber(graph.relationshipCount ?? 0))} RELATIONSHIPS
-          </div>
         </div>
         <div class="structure-graph__toolbar-actions">
           <button
@@ -293,8 +289,8 @@ export function renderStructureView(state) {
 
   return {
     main: `
-      <section class="view-surface min-h-full bg-surface-container">
-        <div class="view-frame space-y-8">
+      <section class="view-surface flex h-full min-h-0 flex-col bg-surface-container">
+        <div class="view-frame flex h-full min-h-0 flex-col">
           ${renderPageHeader({
             title: "Structure",
             subtitle: "Schema graph, foreign-key paths, raw DDL, and object metadata",
@@ -303,7 +299,7 @@ export function renderStructureView(state) {
           ${
             state.structure.loading && !structure
               ? `
-                <div class="flex min-h-[280px] items-center justify-center border border-outline-variant/10 bg-surface-container-low">
+                <div class="flex min-h-0 flex-1 items-center justify-center border border-outline-variant/10 bg-surface-container-low">
                   <div class="text-center text-on-surface-variant/40">
                     <span class="material-symbols-outlined mb-3 text-4xl">progress_activity</span>
                     <p class="font-mono text-[10px] uppercase tracking-[0.22em]">LOADING_STRUCTURE</p>
@@ -312,7 +308,7 @@ export function renderStructureView(state) {
               `
               : state.structure.error
                 ? `
-                    <div class="border border-error/20 bg-error-container/10 px-6 py-5 text-sm text-on-surface">
+                    <div class="min-h-0 flex-1 border border-error/20 bg-error-container/10 px-6 py-5 text-sm text-on-surface">
                       <div class="font-headline text-xs font-bold uppercase tracking-[0.18em] text-error">
                         ${escapeHtml(state.structure.error.code)}
                       </div>
@@ -321,8 +317,9 @@ export function renderStructureView(state) {
                   `
                 : structure
                   ? `
-                      <section class="grid grid-cols-1 gap-6 xl:grid-cols-[18.5rem_minmax(0,1fr)] 2xl:grid-cols-[19.5rem_minmax(0,1fr)]">
-                        <div class="space-y-6">
+                      <section class="grid min-h-0 flex-1 grid-cols-1 gap-6 xl:grid-cols-[18.5rem_minmax(0,1fr)] 2xl:grid-cols-[19.5rem_minmax(0,1fr)]">
+                        <div class="custom-scrollbar min-h-0 overflow-y-auto pr-1">
+                          <div class="space-y-6">
                           ${renderEntryGroup(
                             "Tables",
                             structure.grouped.tables,
@@ -345,6 +342,7 @@ export function renderStructureView(state) {
                             structure.grouped.triggers,
                             state.structure.selectedName
                           )}
+                          </div>
                         </div>
                         ${renderGraphSurface(
                           structure,

package/{styles → frontend/styles}/structure-graph.css

@@ -3,7 +3,8 @@
   border: 1px solid rgba(138, 123, 52, 0.26);
   display: flex;
   flex-direction: column;
-  min-height: 760px;
+  height: 100%;
+  min-height: 0;
   overflow: hidden;
 }
 
@@ -100,14 +101,6 @@
   appearance: none;
 }
 
-.structure-graph__toolbar-meta {
-  color: rgba(231, 223, 189, 0.64);
-  font-family: var(--font-family-mono);
-  font-size: 0.625rem;
-  letter-spacing: 0.18em;
-  text-transform: uppercase;
-}
-
 .structure-graph__button {
   align-items: center;
   background: rgba(17, 17, 15, 0.94);
@@ -193,8 +186,10 @@
 .structure-graph__inspector {
   background: linear-gradient(to bottom, rgba(26, 25, 23, 0.98), rgba(11, 11, 10, 0.99));
   border-left: 1px solid rgba(138, 123, 52, 0.24);
+  height: 100%;
   min-height: 0;
-  overflow: auto;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .structure-graph.is-inspector-hidden .structure-graph__inspector {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sqlite-hub",
-    "version": "0.3.1",
+    "version": "0.4.0",
     "description": "SQLite-only local management app backend and SPA shell",
     "main": "server/server.js",
     "bin": {
@@ -8,8 +8,8 @@
     },
     "scripts": {
         "start": "node bin/sqlite-hub.js",
-        "dev": "node --watch server/server.js",
-        "publish": "bash publish_brew.sh && bash publish_npm.sh"
+        "dev": "node --watch server/server.js --port:4180",
+        "publish": "bash scripts/publish_brew.sh && sleep 10 && npm login --auth-type=web && bash scripts/publish_npm.sh"
     },
     "dependencies": {
         "better-sqlite3": "^11.8.1",

package/{publish_brew.sh → scripts/publish_brew.sh}

@@ -2,7 +2,7 @@
 
 set -euo pipefail
 
-ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
 cd "$ROOT_DIR"
 
 DRY_RUN=0
@@ -17,7 +17,7 @@ GH_REMOTE="origin"
 usage() {
   cat <<'EOF'
 Usage:
-  ./publish.sh [options]
+  ./scripts/publish_brew.sh [options]
 
 Options:
   --version X.Y.Z      Override the package.json version for this publish run.