admindb 2.1.0 → 2.2.1

package/dist/public/js/browse.js

@@ -1,1371 +1 @@
-/* Table browse page.
- *
- * Features:
- *  - Inline (spreadsheet-style) cell editing — double-click a cell, edit in
- *    place with a type-aware control (FK dropdown, boolean toggle, date picker,
- *    number input, text input). Changes are staged in the grid and marked as
- *    pending; press "Apply" to write them all at once (single transaction), or
- *    "Discard" to revert every pending cell back to the server values.
- *  - Type-aware row filters — the filter form adapts to each column's type
- *    (FK dropdowns, boolean toggles, date/number ranges, plain text).
- *  - Bulk row operations — row checkboxes + batch delete (with FK-impact
- *    warnings) and batch CSV/JSON export.
- *  - Plus the existing single-row delete, page-size, CSV import and
- *    related-rows expander.
- */
-(function () {
-  'use strict';
-
-  const base = (window.APP && window.APP.basePath) || '';
-  const readonly = !!(window.APP && window.APP.readonly);
-
-  const cfgEl = document.getElementById('browse-config');
-  const cfg = cfgEl
-    ? JSON.parse(cfgEl.textContent)
-    : { table: '', filters: {}, pkCols: [], hasPk: false, readonly: readonly };
-  const t = encodeURIComponent(cfg.table);
-
-  function escapeHtml(s) {
-    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
-  }
-
-  let info = null; // TableInfoData from /api/tables/:table/info
-  let fkOptions = {}; // { [from]: [{ value, label }] }
-
-  function colInfo(name) {
-    return info ? info.columns.find((c) => c.name === name) : null;
-  }
-  function isPk(name) {
-    return !!info && info.primaryKey.indexOf(name) !== -1;
-  }
-  function fkFor(name) {
-    return info ? info.foreignKeys.find((f) => f.from === name) : null;
-  }
-
-  // ---- Single row delete --------------------------------------------------
-
-  function initRowDelete() {
-    document.querySelectorAll('.js-delete-row').forEach((btn) => {
-      btn.addEventListener('click', async () => {
-        const table = btn.dataset.table;
-        const pk = btn.dataset.pk;
-        if (!table || !pk) return;
-        const confirmed = await UI.confirm({
-          title: 'Delete Row',
-          message: 'Are you sure you want to permanently delete this row? This action cannot be undone.',
-          item: pk,
-          itemType: 'Primary Key',
-          confirmText: 'Delete row',
-          danger: true,
-        });
-        if (!confirmed) return;
-        Api.del('/api/tables/' + encodeURIComponent(table) + '/row/' + encodeURIComponent(pk))
-          .then(() => {
-            UI.showToast('Row deleted.', 'success');
-            window.location.reload();
-          })
-          .catch((e) => UI.showError(e.message));
-      });
-    });
-  }
-
-  // ---- Page size (keeps current filters) ----------------------------------
-
-  function initPageSize() {
-    const sizeSel = document.getElementById('page-size');
-    if (!sizeSel) return;
-    sizeSel.addEventListener('change', () => {
-      const table = sizeSel.dataset.table;
-      const size = sizeSel.value;
-      const orderBy = sizeSel.dataset.orderby || '';
-      const orderDir = sizeSel.dataset.orderdir || 'asc';
-      const filters = sizeSel.dataset.filters || '';
-      let href =
-        base + '/tables/' + encodeURIComponent(table) + '?page=1&size=' + encodeURIComponent(size) +
-        '&orderBy=' + encodeURIComponent(orderBy) + '&orderDir=' + encodeURIComponent(orderDir);
-      if (filters) href += '&' + filters;
-      window.location.href = href;
-    });
-  }
-
-  // ---- Type-aware row filters ---------------------------------------------
-
-  function filterCondArray(existing) {
-    if (existing == null) return [];
-    if (Array.isArray(existing)) {
-      return existing.filter((x) => x && typeof x === 'object' && typeof x.op === 'string');
-    }
-    if (typeof existing === 'object') return [existing];
-    return [];
-  }
-  function legacyString(existing) {
-    return typeof existing === 'string' ? existing : null;
-  }
-  function condVal(conds, op) {
-    const c = conds.find((x) => x.op === op);
-    return c ? (c.value ?? null) : null;
-  }
-  function condBetween(conds) {
-    const c = conds.find((x) => x.op === 'between');
-    return c ? { min: c.value ?? null, max: c.max ?? null } : { min: null, max: null };
-  }
-
-  function toDateInputValue(v, dateOnly, timeOnly) {
-    if (v == null || v === '') return '';
-    const s = String(v);
-    if (dateOnly) {
-      const dm = s.match(/^(\d{4}-\d{2}-\d{2})/);
-      return dm ? dm[1] : '';
-    }
-    if (timeOnly) {
-      const tm = s.match(/(\d{2}:\d{2}(?::\d{2})?)/);
-      return tm ? tm[1] : '';
-    }
-    const m = s.match(/^(\d{4}-\d{2}-\d{2})(?:[ T](\d{2}):(\d{2})(?::(\d{2}))?)?/);
-    if (!m) return '';
-    return m[1] + 'T' + (m[2] ? m[2] + ':' + m[3] + (m[4] ? ':' + m[4] : '') : '00:00:00');
-  }
-
-  function addOption(sel, value, label) {
-    const opt = document.createElement('option');
-    opt.value = value;
-    opt.textContent = label;
-    sel.appendChild(opt);
-    return opt;
-  }
-
-  function buildFilterField(col) {
-    const wrap = document.createElement('label');
-    wrap.className = 'block';
-    const label = document.createElement('span');
-    label.className = 'field-label !mb-1 font-mono';
-    label.textContent = col.name;
-    wrap.appendChild(label);
-
-    const fk = fkFor(col.name);
-    const type = (col.type || '').toUpperCase();
-    const isBool = type === 'BOOLEAN' || type === 'BOOL';
-    const isNum = type.startsWith('INT') || type === 'REAL' || type === 'NUMERIC' || type.startsWith('DECIMAL') || type === 'FLOAT' || type === 'DOUBLE' || type.startsWith('BIGINT') || type.startsWith('SMALLINT') || type.startsWith('SERIAL') || type === 'MONEY';
-    const isDateOnly = type === 'DATE';
-    const isTimeOnly = type === 'TIME' || type === 'TIMETZ' || type.startsWith('TIME ') || type.startsWith('TIME(');
-    const isTimestamp = type === 'DATETIME' || type.includes('TIMESTAMP');
-    const isDate = isDateOnly || isTimeOnly || isTimestamp;
-    const existing = cfg.filters[col.name];
-    const conds = filterCondArray(existing);
-    const legacy = legacyString(existing);
-
-    // FK dropdown — exact match on the referenced value.
-    if (fk) {
-      const sel = document.createElement('select');
-      sel.className = 'filter-input field-select !py-1.5 !text-[13px]';
-      sel.dataset.column = col.name;
-      sel.dataset.kind = 'fk';
-      addOption(sel, '', '(any)');
-      addOption(sel, '__NULL__', '(not set / NULL)');
-      (fkOptions[col.name] || []).forEach((o) => addOption(sel, String(o.value), o.label === '' ? String(o.value) : o.label));
-      let selVal = condVal(conds, 'eq');
-      if (selVal == null && legacy && legacy.startsWith('=')) selVal = legacy.slice(1);
-      if (selVal === '__NULL__') sel.value = '__NULL__';
-      else if (selVal != null && [...sel.options].some((o) => o.value === String(selVal))) sel.value = String(selVal);
-      wrap.appendChild(sel);
-      return wrap;
-    }
-
-    // Boolean toggle.
-    if (isBool) {
-      const sel = document.createElement('select');
-      sel.className = 'filter-input field-select !py-1.5 !text-[13px]';
-      sel.dataset.column = col.name;
-      sel.dataset.kind = 'bool';
-      addOption(sel, '', '(any)');
-      addOption(sel, '1', 'true');
-      addOption(sel, '0', 'false');
-      let selVal = condVal(conds, 'eq');
-      if (selVal == null && legacy && legacy.startsWith('=')) selVal = legacy.slice(1);
-      if (selVal === '1' || selVal === '0' || selVal === 'true' || selVal === 'false') {
-        sel.value = selVal === 'true' || selVal === '1' ? '1' : '0';
-      }
-      wrap.appendChild(sel);
-      return wrap;
-    }
-
-    // Date / datetime range, or numeric range.
-    if (isDate || isNum) {
-      const row = document.createElement('div');
-      row.className = 'flex items-center gap-1.5';
-      const lo = document.createElement('input');
-      const hi = document.createElement('input');
-      if (isDate) {
-        lo.type = hi.type = isDateOnly ? 'date' : (isTimeOnly ? 'time' : 'datetime-local');
-        if (isTimeOnly || isTimestamp) lo.step = hi.step = '1';
-      } else {
-        lo.type = hi.type = 'number';
-        const isInteger = type.startsWith('INTEGER') || type === 'INT' || type.startsWith('BIGINT') || type.startsWith('SMALLINT') || type.startsWith('SERIAL');
-        lo.step = hi.step = isInteger ? '1' : 'any';
-      }
-      lo.className = 'filter-input field-input !py-1.5 !text-[13px]';
-      hi.className = 'filter-input field-input !py-1.5 !text-[13px]';
-      lo.dataset.column = col.name;
-      lo.dataset.bound = 'min';
-      lo.placeholder = isDate ? 'from' : 'min';
-      hi.dataset.column = col.name;
-      hi.dataset.bound = 'max';
-      hi.placeholder = isDate ? 'to' : 'max';
-      const bt = condBetween(conds);
-      const minV = condVal(conds, 'gte') ?? condVal(conds, 'gt') ?? bt.min;
-      const maxV = condVal(conds, 'lte') ?? condVal(conds, 'lt') ?? bt.max;
-      if (minV != null) lo.value = isDate ? toDateInputValue(minV, isDateOnly, isTimeOnly) : String(minV);
-      if (maxV != null) hi.value = isDate ? toDateInputValue(maxV, isDateOnly, isTimeOnly) : String(maxV);
-      row.appendChild(lo);
-      row.appendChild(hi);
-      wrap.appendChild(row);
-      return wrap;
-    }
-
-
-    // Text / BLOB / anything else — legacy operator syntax.
-    const input = document.createElement('input');
-    input.type = 'text';
-    input.className = 'filter-input field-input !py-1.5 !text-[13px]';
-    input.dataset.column = col.name;
-    input.dataset.kind = 'text';
-    input.placeholder = type === 'BLOB' ? '0x… or text' : 'filter…';
-    input.autocomplete = 'off';
-    input.spellcheck = false;
-    let textVal = legacy;
-    if (textVal == null) {
-      const prefix = condVal(conds, 'prefix');
-      const eq = condVal(conds, 'eq');
-      const like = condVal(conds, 'like');
-      if (prefix != null) textVal = String(prefix) + '*';
-      else if (eq != null) textVal = '=' + String(eq);
-      else if (like != null) textVal = String(like);
-    }
-    if (textVal != null) input.value = textVal;
-    wrap.appendChild(input);
-    return wrap;
-  }
-
-  function collectFilters() {
-    const filters = {};
-    const byCol = {};
-    document.querySelectorAll('#filter-fields .filter-input').forEach((el) => {
-      const col = el.dataset.column;
-      if (!col) return;
-      (byCol[col] = byCol[col] || []).push(el);
-    });
-    for (const col of Object.keys(byCol)) {
-      const els = byCol[col];
-      const first = els[0];
-      const kind = first.dataset.kind || '';
-      if (kind === 'fk') {
-        const v = first.value;
-        if (v === '') continue;
-        filters[col] = v === '__NULL__' ? { op: 'null' } : { op: 'eq', value: v };
-      } else if (kind === 'bool') {
-        const v = first.value;
-        if (v === '') continue;
-        filters[col] = { op: 'eq', value: v };
-      } else if (els.length === 2 && first.dataset.bound) {
-        const minEl = els.find((e) => e.dataset.bound === 'min');
-        const maxEl = els.find((e) => e.dataset.bound === 'max');
-        const minV = minEl && minEl.value !== '' ? minEl.value : null;
-        const maxV = maxEl && maxEl.value !== '' ? maxEl.value : null;
-        if (minV != null && maxV != null) filters[col] = { op: 'between', value: minV, max: maxV };
-        else if (minV != null) filters[col] = { op: 'gte', value: minV };
-        else if (maxV != null) filters[col] = { op: 'lte', value: maxV };
-      } else {
-        const v = (first.value || '').trim();
-        if (v) filters[col] = v; // legacy string syntax
-      }
-    }
-    return filters;
-  }
-
-  function navigate(filters) {
-    let table = '';
-    const m = window.location.pathname.match(/\/tables\/([^/]+)(?:\/|$)/);
-    if (m) table = decodeURIComponent(m[1]);
-    if (!table) return;
-    const sizeSel = document.getElementById('page-size');
-    const qs = new URLSearchParams({ page: '1', size: sizeSel ? sizeSel.value : '50' });
-    const keys = Object.keys(filters);
-    if (keys.length) qs.set('f', JSON.stringify(filters));
-    window.location.href = base + '/tables/' + encodeURIComponent(table) + '?' + qs.toString();
-  }
-
-  function initFilters() {
-    const filterForm = document.getElementById('filter-form');
-    const clearBtn = document.getElementById('clear-filter');
-    const fields = document.getElementById('filter-fields');
-    if (filterForm && fields && info) {
-      info.columns.forEach((col) => fields.appendChild(buildFilterField(col)));
-      filterForm.addEventListener('submit', (e) => {
-        e.preventDefault();
-        navigate(collectFilters());
-      });
-    }
-    if (clearBtn) clearBtn.addEventListener('click', () => navigate({}));
-  }
-
-  // ---- Inline (spreadsheet-style) cell editing & Keyboard Navigation --------
-
-  let focusedCell = null;
-
-  function clearFocusedCell() {
-    if (focusedCell) {
-      focusedCell.classList.remove('cell-focused');
-      focusedCell = null;
-    }
-  }
-
-  function setFocusedCell(td) {
-    if (!td || td === focusedCell || td.classList.contains('js-editing')) return;
-    clearFocusedCell();
-    focusedCell = td;
-    td.classList.add('cell-focused');
-    td.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-  }
-
-  function revertCell(td) {
-    const tr = td.closest('tr');
-    const pk = tr && tr.dataset.pk;
-    const col = td.dataset.col;
-    if (!pk || !col) return;
-    const origVal = td.dataset.origValue;
-    const origNull = td.dataset.origNull === 'true';
-    renderCellValue(td, origNull ? null : origVal);
-    td.classList.remove('cell-dirty');
-    delete td.dataset.origValue;
-    delete td.dataset.origNull;
-    pendingChanges.delete(pk + '::' + col);
-    updateChangesBar();
-    UI.showToast('Reverted edit in column "' + col + '".', 'info');
-  }
-
-  function renderCellValue(td, value) {
-    const isNull = value === null || value === undefined;
-    const display = isNull ? '' : String(value);
-    td.dataset.null = String(isNull);
-    td.dataset.value = display;
-    td.classList.remove('js-editing', 'opacity-60');
-
-    const isDirty = td.dataset.origValue !== undefined;
-    const origVal = td.dataset.origValue;
-    const origNull = td.dataset.origNull === 'true';
-    const dirtyTitle = isDirty
-      ? 'Staged edit: ' + (isNull ? 'NULL' : display) + ' (Saved: ' + (origNull ? 'NULL' : origVal) + ')'
-      : display;
-
-    const revertBtnHtml = isDirty
-      ? '<button type="button" class="cell-revert-btn js-revert-cell" title="Revert this field to saved value">↺</button>'
-      : '';
-
-    if (isNull) {
-      td.innerHTML = '<div class="flex items-center justify-between gap-1"><span class="chip chip-null js-cell-value">NULL</span>' + revertBtnHtml + '</div>';
-      return;
-    }
-
-    const col = td.dataset.col;
-    const c = colInfo(col);
-    const colType = (c?.type || td.dataset.type || '').toUpperCase();
-    const isBlob = td.dataset.blob === 'true' || colType.includes('BLOB') || /^0x[0-9a-f]{8,}$/i.test(display);
-    const isJson = td.dataset.json === 'true' || ((display.startsWith('{') && display.endsWith('}')) || (display.startsWith('[') && display.endsWith(']')));
-
-    if (isBlob) {
-      const bytesLen = display.startsWith('0x') ? Math.floor((display.length - 2) / 2) : display.length;
-      td.innerHTML =
-        '<div class="flex items-center justify-between gap-1 js-cell-value">' +
-        '<div class="flex items-center gap-1.5 min-w-0">' +
-        '<span class="inline-flex items-center gap-1 rounded-md bg-secondary/10 px-1.5 py-0.5 text-[11px] font-mono font-medium text-secondary">🗃️ BLOB · ' + bytesLen + ' B</span>' +
-        '<button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover:opacity-100 transition-opacity js-inspect-btn" title="Inspect BLOB">' +
-        '<svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>' +
-        '</button>' +
-        '</div>' +
-        revertBtnHtml +
-        '</div>';
-    } else if (isJson) {
-      td.innerHTML =
-        '<div class="flex items-center justify-between gap-1 js-cell-value">' +
-        '<div class="flex items-center gap-1.5 min-w-0">' +
-        '<span class="inline-flex items-center gap-1 rounded-md bg-info/10 px-1.5 py-0.5 text-[11px] font-mono font-medium text-info">{ } JSON</span>' +
-        '<span class="block max-w-[140px] truncate font-mono text-[12px] text-base-content/70" title="' + escapeHtml(dirtyTitle) + '">' + escapeHtml(display) + '</span>' +
-        '<button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover:opacity-100 transition-opacity js-inspect-btn" title="Inspect JSON">' +
-        '<svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>' +
-        '</button>' +
-        '</div>' +
-        revertBtnHtml +
-        '</div>';
-    } else {
-      td.innerHTML =
-        '<div class="flex items-center justify-between gap-1 group/cell">' +
-        '<span class="js-cell-value block max-w-xs truncate font-mono text-[13px]" title="' + escapeHtml(dirtyTitle) + '">' + escapeHtml(display.length > 120 ? display.slice(0, 120) + '…' : display) + '</span>' +
-        '<div class="flex items-center gap-0.5 shrink-0">' +
-        revertBtnHtml +
-        (display.length > 30 ?
-          '<button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover/cell:opacity-100 transition-opacity js-inspect-btn shrink-0" title="Inspect text">' +
-          '<svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>' +
-          '</button>' : '') +
-        '</div>' +
-        '</div>';
-    }
-  }
-
-  function currentCellValue(td) {
-    return td.dataset.null === 'true' ? null : (td.dataset.value ?? '');
-  }
-
-  function createEditor(td) {
-    const col = td.dataset.col;
-    const c = colInfo(col);
-    if (!c) return null;
-    const fk = fkFor(col);
-    const type = (c.type || '').toUpperCase();
-    const isBool = type === 'BOOLEAN' || type === 'BOOL';
-    const isDateOnly = type === 'DATE';
-    const isTimeOnly = type === 'TIME' || type === 'TIMETZ' || type.startsWith('TIME ') || type.startsWith('TIME(');
-    const isTimestamp = type === 'DATETIME' || type.includes('TIMESTAMP');
-    const isDate = isDateOnly || isTimeOnly || isTimestamp;
-    const isNum = type.startsWith('INT') || type === 'REAL' || type === 'NUMERIC' || type.startsWith('DECIMAL') || type === 'FLOAT' || type === 'DOUBLE' || type.startsWith('BIGINT') || type.startsWith('SMALLINT') || type.startsWith('SERIAL') || type === 'MONEY';
-    const isBlob = type === 'BLOB' || type === 'BYTEA' || type === 'BINARY';
-    const isUuid = type === 'UUID';
-    const isJson = type.includes('JSON');
-    const isArray = type.endsWith('[]') || type.startsWith('_') || type.includes('ARRAY');
-    const isInterval = type === 'INTERVAL';
-    const isGeometry = type === 'POINT' || type === 'GEOMETRY' || type === 'BOX' || type === 'CIRCLE' || type === 'POLYGON';
-    const isBit = type === 'BIT' || type === 'VARBIT' || type.startsWith('BIT(') || type.startsWith('VARBIT(');
-    const value = currentCellValue(td);
-    const nullish = value === null || value === '';
-
-    let el;
-    if (isBool) {
-      el = document.createElement('input');
-      el.type = 'checkbox';
-      el.className = 'checkbox checkbox-primary checkbox-sm js-inline-ctrl';
-      el.checked = value === 1 || value === true || value === '1' || value === 'true';
-    } else if (fk) {
-      el = document.createElement('select');
-      el.className = 'field-select !w-64 !py-1.5 !text-[13px] js-inline-ctrl';
-      addOption(el, '', '(not set / NULL)');
-      (fkOptions[col] || []).forEach((o) => {
-        const opt = addOption(el, String(o.value), o.label === '' ? String(o.value) : o.label);
-        if (!nullish && String(value) === String(o.value)) opt.selected = true;
-      });
-    } else if (isDate) {
-      el = document.createElement('input');
-      el.type = isDateOnly ? 'date' : (isTimeOnly ? 'time' : 'datetime-local');
-      if (isTimeOnly || isTimestamp) el.step = '1';
-      el.className = 'field-input !w-64 !py-1.5 !text-[13px] js-inline-ctrl font-mono';
-      if (!nullish) el.value = toDateInputValue(String(value), isDateOnly, isTimeOnly);
-      setTimeout(() => {
-        if (typeof el.showPicker === 'function') {
-          try { el.showPicker(); } catch (e) {}
-        }
-      }, 50);
-    } else if (isNum) {
-      el = document.createElement('input');
-      el.type = 'number';
-      const isInteger = type.startsWith('INTEGER') || type === 'INT' || type.startsWith('BIGINT') || type.startsWith('SMALLINT') || type.startsWith('SERIAL');
-      el.step = isInteger ? '1' : 'any';
-      el.className = 'field-input !w-48 !py-1.5 !text-[13px] js-inline-ctrl font-mono';
-      if (!nullish) el.value = String(value);
-    } else if (isUuid) {
-      el = document.createElement('input');
-      el.type = 'text';
-      el.className = 'field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl';
-      el.placeholder = '00000000-0000-0000-0000-000000000000';
-      if (!nullish) el.value = String(value);
-    } else if (isArray) {
-      el = document.createElement('input');
-      el.type = 'text';
-      el.className = 'field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl';
-      el.placeholder = '{item1, item2}';
-      if (!nullish) el.value = String(value);
-    } else if (isInterval) {
-      el = document.createElement('input');
-      el.type = 'text';
-      el.className = 'field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl';
-      el.placeholder = "e.g. '1 day'";
-      if (!nullish) el.value = String(value);
-    } else if (isGeometry) {
-      el = document.createElement('input');
-      el.type = 'text';
-      el.className = 'field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl';
-      el.placeholder = "(x, y)";
-      if (!nullish) el.value = String(value);
-    } else if (isBit) {
-      el = document.createElement('input');
-      el.type = 'text';
-      el.className = 'field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl';
-      el.placeholder = "101010";
-      if (!nullish) el.value = String(value);
-    } else {
-      el = document.createElement('input');
-      el.type = 'text';
-      el.className = 'field-input !w-64 !py-1.5 !text-[13px] js-inline-ctrl';
-      el.placeholder = isBlob ? (type === 'BYTEA' ? '\\x… or 0x… hex' : '0x… hex or text') : (isJson ? '{"key":"value"}' : '');
-      if (!nullish) el.value = String(value);
-    }
-    return el;
-  }
-
-
-
-  function restoreCell(td) {
-    renderCellValue(td, td._origNull ? null : td._origValue);
-    td.classList.remove('js-editing');
-  }
-
-  // ---- Staged cell edits --------------------------------------------------
-
-  const pendingChanges = new Map(); // key: `${pk}::${col}` → staged change
-
-  function stageCell(tr, td, el) {
-    const pk = tr.dataset.pk;
-    const col = td.dataset.col;
-    if (!pk || !col) return;
-    const c = colInfo(col);
-    if (!c) return;
-
-    let rawValue;
-    let setNull = false;
-    if (el.type === 'checkbox') {
-      rawValue = el.checked ? '1' : '0';
-    } else {
-      const v = el.value === undefined ? '' : String(el.value);
-      if (v === '' || v === '__NULL__') { rawValue = ''; setNull = true; }
-      else rawValue = v;
-    }
-
-    if (td.dataset.origValue === undefined) {
-      td.dataset.origValue = td.dataset.value;
-      td.dataset.origNull = td.dataset.null === 'true' ? 'true' : 'false';
-    }
-
-    renderCellValue(td, setNull ? null : rawValue);
-
-    pendingChanges.set(pk + '::' + col, {
-      td,
-      pk,
-      col,
-      rawValue,
-      setNull,
-      isPk: isPk(col),
-      isFk: !!fkFor(col),
-      origValue: td.dataset.origValue,
-      origNull: td.dataset.origNull === 'true',
-    });
-
-    td.classList.add('cell-dirty');
-    updateChangesBar();
-  }
-
-  function updateChangesBar() {
-    if (!changesBar || !changesCount) return;
-    const n = pendingChanges.size;
-    changesCount.textContent = String(n);
-    changesBar.classList.toggle('hidden', n === 0);
-  }
-
-  function applyPending() {
-    if (!pendingChanges.size || readonly) return;
-    const byRow = new Map();
-    for (const ch of pendingChanges.values()) {
-      let entry = byRow.get(ch.pk);
-      if (!entry) {
-        entry = { id: ch.pk, values: {}, nulls: [] };
-        byRow.set(ch.pk, entry);
-      }
-      if (ch.setNull) entry.nulls.push(ch.col);
-      else entry.values[ch.col] = ch.rawValue;
-    }
-    const updates = [...byRow.values()];
-    if (applyBtn) applyBtn.disabled = true;
-    Api.post('/api/tables/' + t + '/rows/bulk-update', { updates })
-      .then((data) => {
-        UI.showToast(data.message || 'Changes applied.', 'success');
-        window.location.reload();
-      })
-      .catch((e) => {
-        UI.showError(e.message);
-        if (applyBtn) applyBtn.disabled = false;
-      });
-  }
-
-  async function discardPending() {
-    const n = pendingChanges.size;
-    if (!n) return;
-    const confirmed = await UI.confirm({
-      title: 'Discard Changes',
-      message: 'You have ' + n + ' pending inline edit(s). Are you sure you want to discard all staged changes and revert to the saved values?',
-      confirmText: 'Discard ' + n + ' change(s)',
-      danger: true,
-    });
-    if (!confirmed) return;
-    for (const ch of pendingChanges.values()) {
-      renderCellValue(ch.td, ch.origNull ? null : ch.origValue);
-      ch.td.classList.remove('cell-dirty');
-      delete ch.td.dataset.origValue;
-      delete ch.td.dataset.origNull;
-    }
-    pendingChanges.clear();
-    updateChangesBar();
-    UI.showToast('Pending edits discarded.', 'info');
-  }
-
-  function openReviewChangesModal() {
-    if (!pendingChanges.size) return;
-    var overlay = document.createElement('div');
-    overlay.className = 'fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-xs p-4 opacity-0 transition-opacity duration-200';
-    var card = document.createElement('div');
-    card.className = 'app-card w-full max-w-3xl overflow-hidden shadow-2xl border border-base-300 transform scale-95 transition-transform duration-200 max-h-[85vh] flex flex-col';
-
-    var rowsHtml = '';
-    pendingChanges.forEach((ch, key) => {
-      var oldDisplay = ch.origNull ? '<span class="chip chip-null text-[10px]">NULL</span>' : escapeHtml(ch.origValue);
-      var newDisplay = ch.setNull ? '<span class="chip chip-null text-[10px]">NULL</span>' : escapeHtml(ch.rawValue);
-      rowsHtml += '<tr class="hover:bg-base-200/50">' +
-        '<td class="font-mono text-xs font-semibold">' + escapeHtml(ch.pk) + '</td>' +
-        '<td class="font-mono text-xs text-primary font-medium">' + escapeHtml(ch.col) + '</td>' +
-        '<td class="font-mono text-xs text-error line-through opacity-80 max-w-xs truncate">' + oldDisplay + '</td>' +
-        '<td class="font-mono text-xs text-success font-medium max-w-xs truncate">' + newDisplay + '</td>' +
-        '<td class="text-right">' +
-        '<button type="button" class="btn btn-ghost btn-xs text-warning js-modal-revert-item" data-key="' + escapeHtml(key) + '">Revert</button>' +
-        '</td>' +
-        '</tr>';
-    });
-
-    card.innerHTML =
-      '<div class="flex items-center justify-between border-b border-base-200 px-6 py-4">' +
-      '  <div class="flex items-center gap-2">' +
-      '    <h3 class="text-base font-bold text-base-content">Staged Changes Diff</h3>' +
-      '    <span class="chip bg-warning/15 text-warning font-mono">' + pendingChanges.size + ' edit(s)</span>' +
-      '  </div>' +
-      '  <button type="button" class="btn btn-ghost btn-xs btn-circle js-diff-close text-base-content/40 hover:text-base-content">&times;</button>' +
-      '</div>' +
-      '<div class="flex-1 overflow-y-auto p-4">' +
-      '  <table class="table table-sm">' +
-      '    <thead><tr class="text-xs uppercase text-base-content/50"><th>Row PK</th><th>Column</th><th>Original Value</th><th>Staged Value</th><th class="text-right">Action</th></tr></thead>' +
-      '    <tbody id="diff-rows-body">' + rowsHtml + '</tbody>' +
-      '  </table>' +
-      '</div>' +
-      '<div class="flex items-center justify-between border-t border-base-200 bg-base-200/30 px-6 py-4">' +
-      '  <button type="button" id="diff-modal-discard" class="btn btn-ghost btn-sm text-error">Discard All</button>' +
-      '  <div class="flex gap-2">' +
-      '    <button type="button" class="btn btn-ghost btn-sm js-diff-close">Cancel</button>' +
-      '    <button type="button" id="diff-modal-apply" class="btn btn-primary btn-sm gap-1">' +
-      '      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>' +
-      '      Apply ' + pendingChanges.size + ' Change(s)' +
-      '    </button>' +
-      '  </div>' +
-      '</div>';
-
-    overlay.appendChild(card);
-    document.body.appendChild(overlay);
-
-    requestAnimationFrame(() => {
-      overlay.classList.remove('opacity-0');
-      overlay.classList.add('opacity-100');
-      card.classList.remove('scale-95');
-      card.classList.add('scale-100');
-    });
-
-    function closeDiff() {
-      overlay.classList.remove('opacity-100');
-      overlay.classList.add('opacity-0');
-      card.classList.remove('scale-100');
-      card.classList.add('scale-95');
-      setTimeout(() => overlay.remove(), 180);
-    }
-
-    card.querySelectorAll('.js-diff-close').forEach((b) => b.addEventListener('click', closeDiff));
-    overlay.addEventListener('click', (e) => { if (e.target === overlay) closeDiff(); });
-
-    card.querySelectorAll('.js-modal-revert-item').forEach((b) => {
-      b.addEventListener('click', () => {
-        const key = b.dataset.key;
-        const ch = pendingChanges.get(key);
-        if (ch) {
-          revertCell(ch.td);
-          b.closest('tr').remove();
-          if (!pendingChanges.size) closeDiff();
-        }
-      });
-    });
-
-    card.querySelector('#diff-modal-apply').addEventListener('click', () => {
-      closeDiff();
-      applyPending();
-    });
-
-    card.querySelector('#diff-modal-discard').addEventListener('click', async () => {
-      closeDiff();
-      await discardPending();
-    });
-  }
-
-  function buildChangesBar() {
-    const bar = document.createElement('div');
-    bar.id = 'changes-bar';
-    bar.className =
-      'fixed bottom-5 left-1/2 z-50 flex -translate-x-1/2 items-center gap-3 rounded-2xl border border-base-300 bg-base-100/95 backdrop-blur-md px-4 py-2.5 shadow-2xl transition-all duration-200 hidden';
-    bar.innerHTML =
-      '<div class="flex items-center gap-2">' +
-      '<span class="relative flex h-2.5 w-2.5"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-warning opacity-75"></span><span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-warning"></span></span>' +
-      '<span class="text-sm font-medium text-base-content"><b id="changes-count" class="tabular-nums text-warning font-bold">0</b> pending edit(s)</span>' +
-      '</div>' +
-      '<div class="h-4 w-px bg-base-300"></div>' +
-      '<div class="flex items-center gap-1.5">' +
-      '<button type="button" id="changes-review" class="btn btn-ghost btn-sm gap-1.5 text-xs font-medium">' +
-      '<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>' +
-      'Review Diff</button>' +
-      '<button type="button" id="changes-apply" class="btn btn-primary btn-sm gap-1 text-xs font-semibold">' +
-      '<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>' +
-      'Apply</button>' +
-      '<button type="button" id="changes-discard" class="btn btn-ghost btn-sm text-xs text-base-content/60 hover:text-error">Discard</button>' +
-      '</div>';
-    document.body.appendChild(bar);
-    return bar;
-  }
-
-  let changesBar = null;
-  let changesCount = null;
-  let applyBtn = null;
-
-  function beginEdit(td) {
-    if (readonly) return;
-    if (td.classList.contains('js-editing')) return;
-    const tr = td.closest('tr');
-    if (!tr || !tr.dataset.pk || !tr.dataset.table) return;
-    const c = colInfo(td.dataset.col);
-    if (!c) return;
-
-    setFocusedCell(td);
-
-    const open = document.querySelector('.js-editing');
-    if (open && open._finish) open._finish(true);
-
-    td._origNull = td.dataset.null === 'true';
-    td._origValue = currentCellValue(td);
-
-    const el = createEditor(td);
-    if (!el) return;
-    td.classList.add('js-editing');
-    td.innerHTML = '';
-    td.appendChild(el);
-
-    let committed = false;
-    const finish = (commit, navigateNext) => {
-      if (committed) return;
-      committed = true;
-      if (commit) stageCell(tr, td, el);
-      else restoreCell(td);
-      if (navigateNext === 'down') navigateCell('down');
-      else if (navigateNext === 'right') navigateCell('right');
-      else if (navigateNext === 'left') navigateCell('left');
-    };
-    td._finish = finish;
-
-    el.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        finish(true, 'down');
-      } else if (e.key === 'Tab') {
-        e.preventDefault();
-        finish(true, e.shiftKey ? 'left' : 'right');
-      } else if (e.key === 'Escape') {
-        e.preventDefault();
-        finish(false);
-      }
-    });
-
-    if (el.tagName === 'SELECT') {
-      el.addEventListener('change', () => finish(true));
-    } else if (el.type === 'checkbox') {
-      el.addEventListener('change', () => finish(true));
-    } else {
-      el.addEventListener('blur', () => finish(true));
-    }
-    el.focus();
-    if (typeof el.select === 'function') el.select();
-  }
-
-  function getEditableCells() {
-    return Array.prototype.slice.call(document.querySelectorAll('#main-table tbody tr td.cell-editable'));
-  }
-
-  function navigateCell(direction) {
-    if (!focusedCell) {
-      const cells = getEditableCells();
-      if (cells.length) setFocusedCell(cells[0]);
-      return;
-    }
-
-    const tr = focusedCell.closest('tr');
-    if (!tr) return;
-    const rowCells = Array.prototype.slice.call(tr.querySelectorAll('td.cell-editable'));
-    const colIdx = rowCells.indexOf(focusedCell);
-
-    if (direction === 'right') {
-      if (colIdx < rowCells.length - 1) {
-        setFocusedCell(rowCells[colIdx + 1]);
-      } else {
-        const nextTr = tr.nextElementSibling;
-        if (nextTr) {
-          const nextCells = Array.prototype.slice.call(nextTr.querySelectorAll('td.cell-editable'));
-          if (nextCells.length) setFocusedCell(nextCells[0]);
-        }
-      }
-    } else if (direction === 'left') {
-      if (colIdx > 0) {
-        setFocusedCell(rowCells[colIdx - 1]);
-      } else {
-        const prevTr = tr.previousElementSibling;
-        if (prevTr) {
-          const prevCells = Array.prototype.slice.call(prevTr.querySelectorAll('td.cell-editable'));
-          if (prevCells.length) setFocusedCell(prevCells[prevCells.length - 1]);
-        }
-      }
-    } else if (direction === 'down') {
-      const nextTr = tr.nextElementSibling;
-      if (nextTr) {
-        const nextCells = Array.prototype.slice.call(nextTr.querySelectorAll('td.cell-editable'));
-        if (nextCells[colIdx]) setFocusedCell(nextCells[colIdx]);
-      }
-    } else if (direction === 'up') {
-      const prevTr = tr.previousElementSibling;
-      if (prevTr) {
-        const prevCells = Array.prototype.slice.call(prevTr.querySelectorAll('td.cell-editable'));
-        if (prevCells[colIdx]) setFocusedCell(prevCells[colIdx]);
-      }
-    }
-  }
-
-  function initInlineEditing() {
-    changesBar = buildChangesBar();
-    changesCount = document.getElementById('changes-count');
-    applyBtn = document.getElementById('changes-apply');
-    const discardBtn = document.getElementById('changes-discard');
-    const reviewBtn = document.getElementById('changes-review');
-
-    if (applyBtn) applyBtn.addEventListener('click', applyPending);
-    if (discardBtn) discardBtn.addEventListener('click', discardPending);
-    if (reviewBtn) reviewBtn.addEventListener('click', openReviewChangesModal);
-
-    // Global click listener for table cells and single-cell revert
-    document.addEventListener('click', (e) => {
-      const revertBtn = e.target.closest('.js-revert-cell');
-      if (revertBtn) {
-        e.stopPropagation();
-        e.preventDefault();
-        const td = revertBtn.closest('td');
-        if (td) revertCell(td);
-        return;
-      }
-
-      const td = e.target.closest('td.cell-editable');
-      if (td && !td.classList.contains('js-editing')) {
-        setFocusedCell(td);
-      }
-    });
-
-    if (!readonly) {
-      document.querySelectorAll('.js-inline-cell').forEach((td) => {
-        td.addEventListener('dblclick', () => beginEdit(td));
-      });
-    }
-
-    // Grid Keyboard Navigation
-    document.addEventListener('keydown', (e) => {
-      const isEditing = document.querySelector('.js-editing');
-      if (isEditing) return;
-
-      const activeTag = document.activeElement ? document.activeElement.tagName : '';
-      if (activeTag === 'INPUT' || activeTag === 'TEXTAREA' || activeTag === 'SELECT') return;
-
-      if (!focusedCell) return;
-
-      if (e.key === 'ArrowRight') {
-        e.preventDefault();
-        navigateCell('right');
-      } else if (e.key === 'ArrowLeft') {
-        e.preventDefault();
-        navigateCell('left');
-      } else if (e.key === 'ArrowDown') {
-        e.preventDefault();
-        navigateCell('down');
-      } else if (e.key === 'ArrowUp') {
-        e.preventDefault();
-        navigateCell('up');
-      } else if (e.key === 'Tab') {
-        e.preventDefault();
-        navigateCell(e.shiftKey ? 'left' : 'right');
-      } else if (e.key === 'Enter') {
-        e.preventDefault();
-        if (!readonly) beginEdit(focusedCell);
-      } else if (e.key === 'Escape') {
-        clearFocusedCell();
-      } else if (e.key === ' ' && !readonly) {
-        const col = focusedCell.dataset.col;
-        const c = colInfo(col);
-        if (c && (c.type || '').toUpperCase() === 'BOOLEAN') {
-          e.preventDefault();
-          const tr = focusedCell.closest('tr');
-          const currentVal = currentCellValue(focusedCell);
-          const nextVal = (currentVal === 1 || currentVal === '1' || currentVal === true || currentVal === 'true') ? '0' : '1';
-          const fakeEl = { value: nextVal, type: 'checkbox', checked: nextVal === '1' };
-          stageCell(tr, focusedCell, fakeEl);
-        }
-      } else if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'c') {
-        const val = currentCellValue(focusedCell);
-        if (val !== null && val !== undefined) {
-          navigator.clipboard.writeText(String(val)).then(() => {
-            UI.showToast('Cell value copied.', 'info');
-          });
-        }
-      }
-    });
-  }
-
-  // ---- Bulk row operations ------------------------------------------------
-
-  function selectedRows() {
-    return Array.prototype.slice
-      .call(document.querySelectorAll('.row-checkbox:checked'))
-      .map((cb) => cb.value)
-      .filter(Boolean);
-  }
-
-  function initBulk() {
-    const bulkBar = document.getElementById('bulk-bar');
-    if (!bulkBar) return;
-    const selectAll = document.getElementById('select-all-rows');
-    const countEl = document.getElementById('bulk-count');
-    const deleteBtn = document.getElementById('bulk-delete');
-    const exportCsv = document.getElementById('bulk-export-csv');
-    const exportJson = document.getElementById('bulk-export-json');
-    const clearBtn = document.getElementById('bulk-clear');
-    const checkboxes = Array.prototype.slice.call(document.querySelectorAll('.row-checkbox'));
-
-    function update() {
-      const ids = selectedRows();
-      const n = ids.length;
-      if (countEl) countEl.textContent = String(n);
-      bulkBar.classList.toggle('hidden', n === 0);
-      if (selectAll) selectAll.checked = n > 0 && n === checkboxes.length;
-      if (deleteBtn) deleteBtn.disabled = readonly || n === 0;
-    }
-
-    checkboxes.forEach((cb) => cb.addEventListener('change', update));
-    if (selectAll) {
-      selectAll.addEventListener('change', () => {
-        checkboxes.forEach((cb) => { cb.checked = selectAll.checked; });
-        update();
-      });
-    }
-    if (clearBtn) clearBtn.addEventListener('click', () => {
-      checkboxes.forEach((cb) => { cb.checked = false; });
-      update();
-    });
-    if (exportCsv) exportCsv.addEventListener('click', () => bulkExport('csv'));
-    if (exportJson) exportJson.addEventListener('click', () => bulkExport('json'));
-    if (deleteBtn) deleteBtn.addEventListener('click', bulkDelete);
-  }
-
-  async function bulkExport(format) {
-    const ids = selectedRows();
-    if (!ids.length) return;
-    try {
-      const data = await Api.post('/api/tables/' + t + '/rows/bulk-export', { ids, format });
-      const blob = new Blob([data.content], {
-        type: format === 'json' ? 'application/json;charset=utf-8' : 'text/csv;charset=utf-8',
-      });
-      const a = document.createElement('a');
-      a.href = URL.createObjectURL(blob);
-      a.download = data.filename;
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      URL.revokeObjectURL(a.href);
-      UI.showToast('Exported ' + data.rowCount + ' row(s).', 'success');
-    } catch (e) {
-      UI.showError(e.message);
-    }
-  }
-
-  async function bulkDelete() {
-    const ids = selectedRows();
-    if (!ids.length || readonly) return;
-    let impact;
-    try {
-      impact = await Api.post('/api/tables/' + t + '/rows/bulk-impact', { ids });
-    } catch (e) {
-      UI.showError(e.message);
-      return;
-    }
-    const refs = (impact && impact.references) || [];
-    const details = refs.length
-      ? '<p class="mb-2 font-medium text-warning">⚠ Other tables reference these records:</p>' +
-        '<ul class="mb-2 list-disc space-y-1 pl-5 text-xs">' +
-        refs.map((r) =>
-          '<li><code class="font-mono font-bold">' + escapeHtml(r.table) + '.' + escapeHtml(r.from) + '</code> — <b class="tabular-nums">' + r.count + '</b> row(s) point at them</li>'
-        ).join('') +
-        '</ul>' +
-        '<p class="text-[11px] text-base-content/55">Depending on foreign key rules, those rows may cascade-delete or block this action.</p>'
-      : '<p class="text-xs text-base-content/60">No other tables reference these rows — safe to delete.</p>';
-
-    const confirmed = await UI.confirm({
-      title: 'Delete Selected Rows',
-      message: 'Delete ' + ids.length + ' selected row(s) from table "' + cfg.table + '"? This action cannot be undone.',
-      item: cfg.table,
-      itemType: 'Table',
-      detailsHtml: details,
-      confirmText: 'Delete ' + ids.length + ' row(s)',
-      danger: true,
-    });
-    if (!confirmed) return;
-
-    try {
-      const data = await Api.post('/api/tables/' + t + '/rows/bulk-delete', { ids, confirmImpact: true });
-      UI.showToast(data.message || 'Rows deleted.', 'success');
-      window.location.reload();
-    } catch (e) {
-      UI.showError(e.message);
-    }
-  }
-
-  // ---- CSV import ---------------------------------------------------------
-
-  function initImport() {
-    const importBtn = document.getElementById('import-csv');
-    const importPanel = document.getElementById('import-panel');
-    const importClose = document.getElementById('import-csv-close');
-    const importText = document.getElementById('import-csv-text');
-    const importFile = document.getElementById('import-csv-file');
-    const importSubmit = document.getElementById('import-csv-submit');
-
-    if (importBtn && importPanel) {
-      importBtn.addEventListener('click', () => {
-        importPanel.classList.toggle('hidden');
-        if (!importPanel.classList.contains('hidden')) importText.focus();
-      });
-    }
-    if (importClose) {
-      importClose.addEventListener('click', () => importPanel.classList.add('hidden'));
-    }
-    if (importFile) {
-      importFile.addEventListener('change', () => {
-        const file = importFile.files && importFile.files[0];
-        if (!file) return;
-        const reader = new FileReader();
-        reader.onload = () => { importText.value = String(reader.result || ''); };
-        reader.readAsText(file);
-      });
-    }
-    if (importSubmit && importText) {
-      importSubmit.addEventListener('click', async () => {
-        const csv = importText.value.trim();
-        if (!csv) return UI.showError('Paste or choose a CSV file first.');
-        const m = window.location.pathname.match(/\/tables\/([^/]+)(?:\/|$)/);
-        const table = m ? decodeURIComponent(m[1]) : '';
-        if (!table) return UI.showError('Could not determine the table.');
-        importSubmit.disabled = true;
-        try {
-          const data = await Api.post('/api/tables/' + encodeURIComponent(table) + '/rows/import', { csv });
-          UI.showToast(data.message || 'Import complete.', 'success');
-          window.location.reload();
-        } catch (e) {
-          UI.showError(e.message);
-        } finally {
-          importSubmit.disabled = false;
-        }
-      });
-    }
-  }
-
-  // ---- Related rows (Neon-style per-row expander) -------------------------
-
-  function rotateChevron(btn, open) {
-    const chev = btn.querySelector('.js-ref-chevron');
-    if (chev) chev.classList.toggle('rotate-180', open);
-  }
-
-  let refOpenBtn = null;
-
-  function closeRefPop() {
-    const pop = document.querySelector('.js-ref-pop');
-    if (pop) {
-      if (pop._cleanup) pop._cleanup();
-      pop.remove();
-    }
-    if (refOpenBtn) {
-      rotateChevron(refOpenBtn, false);
-      refOpenBtn.setAttribute('aria-expanded', 'false');
-      refOpenBtn.classList.remove('opacity-50');
-      refOpenBtn = null;
-    }
-  }
-
-  function renderMiniTable(ref, basePath) {
-    const href = basePath + '/tables/' + encodeURIComponent(ref.table);
-    const count = ref.count ?? ref.total ?? (ref.rows ? ref.rows.length : 0);
-    const columns = ref.columns || (ref.rows && ref.rows.length > 0 ? Object.keys(ref.rows[0]).filter((k) => k !== '_rowid_') : []);
-    let html =
-      '<div class="flex items-center justify-between gap-2 border-b border-base-200 px-3 py-2">' +
-      '<span class="min-w-0 truncate">' +
-      '<a class="link link-primary font-mono text-xs font-semibold" href="' + href + '">' + escapeHtml(ref.table) + '</a>' +
-      '<span class="ml-1.5 text-xs text-base-content/45">via <code class="font-mono">' + escapeHtml(ref.from) + '</code>' + (ref.value !== undefined ? ' = <code class="font-mono">' + escapeHtml(String(ref.value)) + '</code>' : '') + '</span>' +
-      '</span>' +
-      '<span class="chip ' + (count ? 'chip-pk' : 'chip-type') + '">' + escapeHtml(count + ' row' + (count === 1 ? '' : 's')) + '</span>' +
-      '</div>';
-
-    if (!ref.rows || !ref.rows.length || !columns.length) {
-      return html + '<div class="px-3 py-3 text-xs text-base-content/45">No matching rows.</div>';
-    }
-
-    const thead = '<tr>' + columns.map(function (c) {
-      return '<th class="whitespace-nowrap px-2.5 py-1.5 text-left text-[10px] font-semibold uppercase tracking-wide text-base-content/50"><span class="font-mono normal-case">' + escapeHtml(c) + '</span></th>';
-    }).join('') + '</tr>';
-    const tbody = ref.rows.map(function (r) {
-      return '<tr class="border-t border-base-200/60 hover:bg-primary/[0.04]">' + columns.map(function (c) {
-        const v = r[c];
-        if (v === null || v === undefined) return '<td class="px-2.5 py-1.5 align-middle"><span class="text-[11px] text-base-content/40">NULL</span></td>';
-        const s = String(v);
-        const short = s.length > 120 ? s.slice(0, 120) + '…' : s;
-        return '<td class="max-w-[180px] truncate px-2.5 py-1.5 align-middle font-mono text-[11px] text-base-content/80" title="' + escapeHtml(s) + '">' + escapeHtml(short) + '</td>';
-      }).join('') + '</tr>';
-    }).join('');
-
-    return html +
-      '<div class="max-h-64 overflow-auto">' +
-      '<table class="w-full"><thead><tr class="bg-base-200/40">' + thead + '</tr></thead>' +
-      '<tbody>' + tbody + '</tbody></table>' +
-      '</div>' +
-      '<div class="flex justify-end border-t border-base-200 px-3 py-1.5">' +
-      '<a class="btn btn-ghost btn-xs text-base-content/60 hover:text-primary" href="' + href + '">Open table</a>' +
-      '</div>';
-  }
-
-  function showRefPop(btn, refs) {
-    closeRefPop();
-    const pop = document.createElement('div');
-    pop.className = 'js-ref-pop app-card js-ref-anim z-50 min-w-[280px] max-w-[460px] overflow-hidden shadow-lift';
-    pop.innerHTML = refs.length
-      ? refs.map((ref) => renderMiniTable(ref, base)).join('<div class="h-px bg-base-200"></div>')
-      : '<div class="px-4 py-3 text-sm text-base-content/45">No related rows for this record.</div>';
-
-    pop.style.visibility = 'hidden';
-    document.body.appendChild(pop);
-    const pad = 8;
-    const popW = Math.min(460, Math.max(280, pop.offsetWidth));
-    const popH = pop.offsetHeight;
-
-    const rect = btn.getBoundingClientRect();
-    let left = rect.left;
-    if (left + popW > window.innerWidth - pad) left = Math.max(pad, window.innerWidth - popW - pad);
-    let top = rect.bottom + 6;
-    if (top + popH > window.innerHeight - pad) top = Math.max(pad, rect.top - popH - 6);
-
-    pop.style.position = 'fixed';
-    pop.style.left = left + 'px';
-    pop.style.top = top + 'px';
-    pop.style.visibility = 'visible';
-    refOpenBtn = btn;
-
-    // Close when the page behind the popover scrolls or the window resizes,
-    // but NOT when the nested table's own scroll container is scrolled — the
-    // capture-phase listener fires for every scroll target, including the
-    // mini-table inside the popover, which would otherwise close it instantly.
-    const onViewChange = (e) => {
-      if (e && e.target && pop.contains(e.target)) return;
-      closeRefPop();
-    };
-    window.addEventListener('scroll', onViewChange, true);
-    window.addEventListener('resize', onViewChange);
-    const onClickOutside = (e) => {
-      if (!pop.contains(e.target) && e.target !== btn && !btn.contains(e.target)) closeRefPop();
-    };
-    document.addEventListener('click', onClickOutside, true);
-    const onKey = (e) => { if (e.key === 'Escape') closeRefPop(); };
-    document.addEventListener('keydown', onKey);
-
-    pop._cleanup = () => {
-      window.removeEventListener('scroll', onViewChange, true);
-      window.removeEventListener('resize', onViewChange);
-      document.removeEventListener('click', onClickOutside, true);
-      document.removeEventListener('keydown', onKey);
-    };
-  }
-
-  function initRefToggles() {
-    document.querySelectorAll('.js-ref-toggle').forEach((btn) => {
-      btn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        const open = btn.getAttribute('aria-expanded') === 'true';
-        if (open) {
-          closeRefPop();
-          return;
-        }
-        const table = btn.dataset.table;
-        const pk = btn.dataset.pk;
-        if (!table || !pk) return;
-        btn.classList.add('opacity-50');
-        Api.get('/api/tables/' + encodeURIComponent(table) + '/rows/' + encodeURIComponent(pk) + '/references')
-          .then((data) => {
-            btn.classList.remove('opacity-50');
-            const refTable = btn.dataset.refTable;
-            const refs = ((data && data.references) || []).filter((r) => !refTable || r.table === refTable);
-            btn.setAttribute('aria-expanded', 'true');
-            rotateChevron(btn, true);
-            showRefPop(btn, refs);
-          })
-          .catch((e) => {
-            btn.classList.remove('opacity-50');
-            UI.showError(e.message);
-          });
-      });
-    });
-  }
-
-  // ---- Cell Inspector Trigger --------------------------------------------
-
-  function initCellInspector() {
-    document.addEventListener('click', (e) => {
-      const btn = e.target.closest('.js-inspect-btn');
-      if (!btn) return;
-      e.stopPropagation();
-      e.preventDefault();
-      const td = btn.closest('td');
-      const tr = btn.closest('tr');
-      if (!td || !tr) return;
-
-      const col = td.dataset.col;
-      const isNull = td.dataset.null === 'true';
-      const val = td.dataset.value;
-      const pk = tr.dataset.pk;
-      const table = tr.dataset.table || cfg.table;
-      const isBlob = td.dataset.blob === 'true';
-      const isJson = td.dataset.json === 'true';
-      const colType = td.dataset.type || (colInfo(col)?.type ?? '');
-
-      if (window.Inspector && window.Inspector.open) {
-        window.Inspector.open({
-          table,
-          pk,
-          col,
-          colType,
-          value: val,
-          isNull,
-          isBlob,
-          isJson,
-          readonly,
-          onSave: (newVal) => {
-            if (!readonly) {
-              const fakeEl = { value: newVal, type: 'text' };
-              stageCell(tr, td, fakeEl);
-            }
-          },
-        });
-      }
-    });
-  }
-
-
-
-  // ---- Row Quick Actions --------------------------------------------------
-
-  function initRowActions() {
-    // Copy Row as JSON
-    document.querySelectorAll('.js-row-copy-json').forEach((btn) => {
-      btn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        const tr = btn.closest('tr');
-        if (!tr) return;
-        const rowData = {};
-        tr.querySelectorAll('td.cell-editable').forEach((td) => {
-          const col = td.dataset.col;
-          if (col) {
-            rowData[col] = td.dataset.null === 'true' ? null : td.dataset.value;
-          }
-        });
-        navigator.clipboard.writeText(JSON.stringify(rowData, null, 2)).then(() => {
-          UI.showToast('Row copied as JSON.', 'success');
-        });
-      });
-    });
-
-    // Copy Row as SQL INSERT
-    document.querySelectorAll('.js-row-copy-sql').forEach((btn) => {
-      btn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        const tr = btn.closest('tr');
-        if (!tr) return;
-        const cols = [];
-        const vals = [];
-        tr.querySelectorAll('td.cell-editable').forEach((td) => {
-          const col = td.dataset.col;
-          if (col) {
-            cols.push('"' + col.replace(/"/g, '""') + '"');
-            if (td.dataset.null === 'true') {
-              vals.push('NULL');
-            } else {
-              const v = td.dataset.value;
-              vals.push("'" + String(v).replace(/'/g, "''") + "'");
-            }
-          }
-        });
-        const sql = 'INSERT INTO "' + cfg.table.replace(/"/g, '""') + '" (' + cols.join(', ') + ') VALUES (' + vals.join(', ') + ');';
-        navigator.clipboard.writeText(sql).then(() => {
-          UI.showToast('SQL INSERT copied to clipboard.', 'success');
-        });
-      });
-    });
-
-    // Duplicate Row
-    document.querySelectorAll('.js-row-duplicate').forEach((btn) => {
-      btn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        const pk = btn.dataset.pk;
-        if (!pk) return;
-        window.location.href = base + '/tables/' + t + '/rows/new?duplicate=' + encodeURIComponent(pk);
-      });
-    });
-
-    // Auto-position dropdown (dropdown-top if near bottom)
-    document.querySelectorAll('.dropdown').forEach((dd) => {
-      const btn = dd.querySelector('label[role="button"]') || dd.querySelector('button');
-      if (!btn) return;
-      btn.addEventListener('click', () => {
-        const rect = btn.getBoundingClientRect();
-        const spaceBelow = window.innerHeight - rect.bottom;
-        dd.classList.toggle('dropdown-top', spaceBelow < 220);
-      });
-    });
-  }
-
-  // ---- Init ---------------------------------------------------------------
-
-  async function init() {
-    try {
-      info = await Api.get('/api/tables/' + t + '/info');
-    } catch (e) {
-      info = null;
-    }
-    try {
-      fkOptions = await Api.get('/api/tables/' + t + '/fk-options');
-    } catch (e) {
-      fkOptions = {};
-    }
-    initFilters();
-    initRowActions();
-    initInlineEditing();
-    initCellInspector();
-    initBulk();
-    initRowDelete();
-    initPageSize();
-    initImport();
-    initRefToggles();
-  }
-
-  init();
-})();
+!function(){"use strict";const e=window.APP&&window.APP.basePath||"",t=!(!window.APP||!window.APP.readonly),n=document.getElementById("browse-config"),s=n?JSON.parse(n.textContent):{table:"",filters:{},pkCols:[],hasPk:!1,readonly:t},o=encodeURIComponent(s.table),l=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e)};let a=null,i={};function r(e){return a?a.columns.find(t=>t.name===e):null}function c(e){return a?a.foreignKeys.find(t=>t.from===e):null}function d(e,t){const n=e.find(e=>e.op===t);return n?n.value??null:null}function u(e,t,n){if(null==e||""===e)return"";const s=String(e);if(t){const e=s.match(/^(\d{4}-\d{2}-\d{2})/);return e?e[1]:""}if(n){const e=s.match(/(\d{2}:\d{2}(?::\d{2})?)/);return e?e[1]:""}const o=s.match(/^(\d{4}-\d{2}-\d{2})(?:[ T](\d{2}):(\d{2})(?::(\d{2}))?)?/);return o?o[1]+"T"+(o[2]?o[2]+":"+o[3]+(o[4]?":"+o[4]:""):"00:00:00"):""}function p(e,t,n){const s=document.createElement("option");return s.value=t,s.textContent=n,e.appendChild(s),s}function m(e){const t=document.createElement("label");t.className="block";const n=document.createElement("span");n.className="field-label !mb-1 font-mono",n.textContent=e.name,t.appendChild(n);const o=c(e.name),l=(e.type||"").toUpperCase(),a="BOOLEAN"===l||"BOOL"===l,r=l.startsWith("INT")||"REAL"===l||"NUMERIC"===l||l.startsWith("DECIMAL")||"FLOAT"===l||"DOUBLE"===l||l.startsWith("BIGINT")||l.startsWith("SMALLINT")||l.startsWith("SERIAL")||"MONEY"===l,m="DATE"===l,f="TIME"===l||"TIMETZ"===l||l.startsWith("TIME ")||l.startsWith("TIME("),h="DATETIME"===l||l.includes("TIMESTAMP"),b=m||f||h,g=s.filters[e.name],v=function(e){return null==e?[]:Array.isArray(e)?e.filter(e=>e&&"object"==typeof e&&"string"==typeof e.op):"object"==typeof e?[e]:[]}(g),y=function(e){return"string"==typeof e?e:null}(g);if(o){const n=document.createElement("select");n.className="filter-input field-select !py-1.5 !text-[13px]",n.dataset.column=e.name,n.dataset.kind="fk",p(n,"","(any)"),p(n,"__NULL__","(not set / NULL)"),(i[e.name]||[]).forEach(e=>p(n,String(e.value),""===e.label?String(e.value):e.label));let s=d(v,"eq");return null==s&&y&&y.startsWith("=")&&(s=y.slice(1)),"__NULL__"===s?n.value="__NULL__":null!=s&&[...n.options].some(e=>e.value===String(s))&&(n.value=String(s)),t.appendChild(n),t}if(a){const n=document.createElement("select");n.className="filter-input field-select !py-1.5 !text-[13px]",n.dataset.column=e.name,n.dataset.kind="bool",p(n,"","(any)"),p(n,"1","true"),p(n,"0","false");let s=d(v,"eq");return null==s&&y&&y.startsWith("=")&&(s=y.slice(1)),"1"!==s&&"0"!==s&&"true"!==s&&"false"!==s||(n.value="true"===s||"1"===s?"1":"0"),t.appendChild(n),t}if(b||r){const n=document.createElement("div");n.className="flex items-center gap-1.5";const s=document.createElement("input"),o=document.createElement("input");if(b)s.type=o.type=m?"date":f?"time":"datetime-local",(f||h)&&(s.step=o.step="1");else{s.type=o.type="number";const e=l.startsWith("INTEGER")||"INT"===l||l.startsWith("BIGINT")||l.startsWith("SMALLINT")||l.startsWith("SERIAL");s.step=o.step=e?"1":"any"}s.className="filter-input field-input !py-1.5 !text-[13px]",o.className="filter-input field-input !py-1.5 !text-[13px]",s.dataset.column=e.name,s.dataset.bound="min",s.placeholder=b?"from":"min",o.dataset.column=e.name,o.dataset.bound="max",o.placeholder=b?"to":"max";const a=function(e){const t=e.find(e=>"between"===e.op);return t?{min:t.value??null,max:t.max??null}:{min:null,max:null}}(v),i=d(v,"gte")??d(v,"gt")??a.min,r=d(v,"lte")??d(v,"lt")??a.max;return null!=i&&(s.value=b?u(i,m,f):String(i)),null!=r&&(o.value=b?u(r,m,f):String(r)),n.appendChild(s),n.appendChild(o),t.appendChild(n),t}const w=document.createElement("input");w.type="text",w.className="filter-input field-input !py-1.5 !text-[13px]",w.dataset.column=e.name,w.dataset.kind="text",w.placeholder="BLOB"===l?"0x… or text":"filter…",w.autocomplete="off",w.spellcheck=!1;let x=y;if(null==x){const e=d(v,"prefix"),t=d(v,"eq"),n=d(v,"like");null!=e?x=String(e)+"*":null!=t?x="="+String(t):null!=n&&(x=String(n))}return null!=x&&(w.value=x),t.appendChild(w),t}function f(t){let n="";const s=window.location.pathname.match(/\/tables\/([^/]+)(?:\/|$)/);if(s&&(n=decodeURIComponent(s[1])),!n)return;const o=document.getElementById("page-size"),l=new URLSearchParams({page:"1",size:o?o.value:"50"});Object.keys(t).length&&l.set("f",JSON.stringify(t)),window.location.href=e+"/tables/"+encodeURIComponent(n)+"?"+l.toString()}function h(){const e=document.getElementById("filter-form"),t=document.getElementById("clear-filter"),n=document.getElementById("filter-fields");e&&n&&a&&(a.columns.forEach(e=>n.appendChild(m(e))),e.addEventListener("submit",e=>{e.preventDefault(),f(function(){const e={},t={};document.querySelectorAll("#filter-fields .filter-input").forEach(e=>{const n=e.dataset.column;n&&(t[n]=t[n]||[]).push(e)});for(const n of Object.keys(t)){const s=t[n],o=s[0],l=o.dataset.kind||"";if("fk"===l){const t=o.value;if(""===t)continue;e[n]="__NULL__"===t?{op:"null"}:{op:"eq",value:t}}else if("bool"===l){const t=o.value;if(""===t)continue;e[n]={op:"eq",value:t}}else if(2===s.length&&o.dataset.bound){const t=s.find(e=>"min"===e.dataset.bound),o=s.find(e=>"max"===e.dataset.bound),l=t&&""!==t.value?t.value:null,a=o&&""!==o.value?o.value:null;null!=l&&null!=a?e[n]={op:"between",value:l,max:a}:null!=l?e[n]={op:"gte",value:l}:null!=a&&(e[n]={op:"lte",value:a})}else{const t=(o.value||"").trim();t&&(e[n]=t)}}return e}())})),t&&t.addEventListener("click",()=>f({}))}let b=null;function g(){b&&(b.classList.remove("cell-focused"),b=null)}function v(e){e&&e!==b&&!e.classList.contains("js-editing")&&(g(),b=e,e.classList.add("cell-focused"),e.scrollIntoView({block:"nearest",inline:"nearest"}))}function y(e){const t=e.closest("tr"),n=t&&t.dataset.pk,s=e.dataset.col;if(!n||!s)return;const o=e.dataset.origValue;w(e,"true"===e.dataset.origNull?null:o),e.classList.remove("cell-dirty"),delete e.dataset.origValue,delete e.dataset.origNull,E.delete(n+"::"+s),L(),UI.showToast('Reverted edit in column "'+s+'".',"info")}function w(e,t){const n=null==t,s=n?"":String(t);e.dataset.null=String(n),e.dataset.value=s,e.classList.remove("js-editing","opacity-60");const o=void 0!==e.dataset.origValue,a=e.dataset.origValue,i="true"===e.dataset.origNull,c=o?"Staged edit: "+(n?"NULL":s)+" (Saved: "+(i?"NULL":a)+")":s,d=o?'<button type="button" class="cell-revert-btn js-revert-cell" title="Revert this field to saved value">↺</button>':"";if(n)return void(e.innerHTML='<div class="flex items-center justify-between gap-1"><span class="chip chip-null js-cell-value">NULL</span>'+d+"</div>");const u=r(e.dataset.col),p=(u?.type||e.dataset.type||"").toUpperCase(),m="true"===e.dataset.blob||p.includes("BLOB")||/^0x[0-9a-f]{8,}$/i.test(s),f="true"===e.dataset.json||s.startsWith("{")&&s.endsWith("}")||s.startsWith("[")&&s.endsWith("]");if(m){const t=s.startsWith("0x")?Math.floor((s.length-2)/2):s.length;e.innerHTML='<div class="flex items-center justify-between gap-1 js-cell-value"><div class="flex items-center gap-1.5 min-w-0"><span class="inline-flex items-center gap-1 rounded-md bg-secondary/10 px-1.5 py-0.5 text-[11px] font-mono font-medium text-secondary">🗃️ BLOB · '+t+' B</span><button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover:opacity-100 transition-opacity js-inspect-btn" title="Inspect BLOB"><svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg></button></div>'+d+"</div>"}else e.innerHTML=f?'<div class="flex items-center justify-between gap-1 js-cell-value"><div class="flex items-center gap-1.5 min-w-0"><span class="inline-flex items-center gap-1 rounded-md bg-info/10 px-1.5 py-0.5 text-[11px] font-mono font-medium text-info">{ } JSON</span><span class="block max-w-[140px] truncate font-mono text-[12px] text-base-content/70" title="'+l(c)+'">'+l(s)+'</span><button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover:opacity-100 transition-opacity js-inspect-btn" title="Inspect JSON"><svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg></button></div>'+d+"</div>":'<div class="flex items-center justify-between gap-1 group/cell"><span class="js-cell-value block max-w-xs truncate font-mono text-[13px]" title="'+l(c)+'">'+l(s.length>120?s.slice(0,120)+"…":s)+'</span><div class="flex items-center gap-0.5 shrink-0">'+d+(s.length>30?'<button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover/cell:opacity-100 transition-opacity js-inspect-btn shrink-0" title="Inspect text"><svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg></button>':"")+"</div></div>"}function x(e){return"true"===e.dataset.null?null:e.dataset.value??""}const E=new Map;function k(e,t,n){const s=e.dataset.pk,o=t.dataset.col;if(!s||!o)return;if(!r(o))return;let l,i=!1;if("checkbox"===n.type)l=n.checked?"1":"0";else{const e=void 0===n.value?"":String(n.value);""===e||"__NULL__"===e?(l="",i=!0):l=e}var d;void 0===t.dataset.origValue&&(t.dataset.origValue=t.dataset.value,t.dataset.origNull="true"===t.dataset.null?"true":"false"),w(t,i?null:l),E.set(s+"::"+o,{td:t,pk:s,col:o,rawValue:l,setNull:i,isPk:(d=o,!!a&&-1!==a.primaryKey.indexOf(d)),isFk:!!c(o),origValue:t.dataset.origValue,origNull:"true"===t.dataset.origNull}),t.classList.add("cell-dirty"),L()}function L(){if(!N||!T)return;const e=E.size;T.textContent=String(e),N.classList.toggle("hidden",0===e)}function I(){if(!E.size||t)return;const e=new Map;for(const t of E.values()){let n=e.get(t.pk);n||(n={id:t.pk,values:{},nulls:[]},e.set(t.pk,n)),t.setNull?n.nulls.push(t.col):n.values[t.col]=t.rawValue}const n=[...e.values()];j&&(j.disabled=!0),Api.post("/api/tables/"+o+"/rows/bulk-update",{updates:n}).then(e=>{UI.showToast(e.message||"Changes applied.","success"),window.location.reload()}).catch(e=>{UI.showError(e.message),j&&(j.disabled=!1)})}async function S(){const e=E.size;if(!e)return;if(await UI.confirm({title:"Discard Changes",message:"You have "+e+" pending inline edit(s). Are you sure you want to discard all staged changes and revert to the saved values?",confirmText:"Discard "+e+" change(s)",danger:!0})){for(const e of E.values())w(e.td,e.origNull?null:e.origValue),e.td.classList.remove("cell-dirty"),delete e.td.dataset.origValue,delete e.td.dataset.origNull;E.clear(),L(),UI.showToast("Pending edits discarded.","info")}}function A(){if(E.size){var e=document.createElement("div");e.className="fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-xs p-4 opacity-0 transition-opacity duration-200";var t=document.createElement("div");t.className="app-card w-full max-w-3xl overflow-hidden shadow-2xl border border-base-300 transform scale-95 transition-transform duration-200 max-h-[85vh] flex flex-col";var n="";E.forEach((e,t)=>{var s=e.origNull?'<span class="chip chip-null text-[10px]">NULL</span>':l(e.origValue),o=e.setNull?'<span class="chip chip-null text-[10px]">NULL</span>':l(e.rawValue);n+='<tr class="hover:bg-base-200/50"><td class="font-mono text-xs font-semibold">'+l(e.pk)+'</td><td class="font-mono text-xs text-primary font-medium">'+l(e.col)+'</td><td class="font-mono text-xs text-error line-through opacity-80 max-w-xs truncate">'+s+'</td><td class="font-mono text-xs text-success font-medium max-w-xs truncate">'+o+'</td><td class="text-right"><button type="button" class="btn btn-ghost btn-xs text-warning js-modal-revert-item" data-key="'+l(t)+'">Revert</button></td></tr>'}),t.innerHTML='<div class="flex items-center justify-between border-b border-base-200 px-6 py-4">  <div class="flex items-center gap-2">    <h3 class="text-base font-bold text-base-content">Staged Changes Diff</h3>    <span class="chip bg-warning/15 text-warning font-mono">'+E.size+' edit(s)</span>  </div>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-diff-close text-base-content/40 hover:text-base-content">&times;</button></div><div class="flex-1 overflow-y-auto p-4">  <table class="table table-sm">    <thead><tr class="text-xs uppercase text-base-content/50"><th>Row PK</th><th>Column</th><th>Original Value</th><th>Staged Value</th><th class="text-right">Action</th></tr></thead>    <tbody id="diff-rows-body">'+n+'</tbody>  </table></div><div class="flex items-center justify-between border-t border-base-200 bg-base-200/30 px-6 py-4">  <button type="button" id="diff-modal-discard" class="btn btn-ghost btn-sm text-error">Discard All</button>  <div class="flex gap-2">    <button type="button" class="btn btn-ghost btn-sm js-diff-close">Cancel</button>    <button type="button" id="diff-modal-apply" class="btn btn-primary btn-sm gap-1">      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>      Apply '+E.size+" Change(s)    </button>  </div></div>",e.appendChild(t),document.body.appendChild(e),requestAnimationFrame(()=>{e.classList.remove("opacity-0"),e.classList.add("opacity-100"),t.classList.remove("scale-95"),t.classList.add("scale-100")}),t.querySelectorAll(".js-diff-close").forEach(e=>e.addEventListener("click",s)),e.addEventListener("click",t=>{t.target===e&&s()}),t.querySelectorAll(".js-modal-revert-item").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.key,n=E.get(t);n&&(y(n.td),e.closest("tr").remove(),E.size||s())})}),t.querySelector("#diff-modal-apply").addEventListener("click",()=>{s(),I()}),t.querySelector("#diff-modal-discard").addEventListener("click",async()=>{s(),await S()})}function s(){e.classList.remove("opacity-100"),e.classList.add("opacity-0"),t.classList.remove("scale-100"),t.classList.add("scale-95"),setTimeout(()=>e.remove(),180)}}let N=null,T=null,j=null;function C(e){if(t)return;if(e.classList.contains("js-editing"))return;const n=e.closest("tr");if(!n||!n.dataset.pk||!n.dataset.table)return;if(!r(e.dataset.col))return;v(e);const s=document.querySelector(".js-editing");s&&s._finish&&s._finish(!0),e._origNull="true"===e.dataset.null,e._origValue=x(e);const o=function(e){const t=e.dataset.col,n=r(t);if(!n)return null;const s=c(t),o=(n.type||"").toUpperCase(),l="BOOLEAN"===o||"BOOL"===o,a="DATE"===o,d="TIME"===o||"TIMETZ"===o||o.startsWith("TIME ")||o.startsWith("TIME("),m="DATETIME"===o||o.includes("TIMESTAMP"),f=a||d||m,h=o.startsWith("INT")||"REAL"===o||"NUMERIC"===o||o.startsWith("DECIMAL")||"FLOAT"===o||"DOUBLE"===o||o.startsWith("BIGINT")||o.startsWith("SMALLINT")||o.startsWith("SERIAL")||"MONEY"===o,b="BLOB"===o||"BYTEA"===o||"BINARY"===o,g="UUID"===o,v=o.includes("JSON"),y=o.endsWith("[]")||o.startsWith("_")||o.includes("ARRAY"),w="INTERVAL"===o,E="POINT"===o||"GEOMETRY"===o||"BOX"===o||"CIRCLE"===o||"POLYGON"===o,k="BIT"===o||"VARBIT"===o||o.startsWith("BIT(")||o.startsWith("VARBIT("),L=x(e),I=null===L||""===L;let S;if(l)S=document.createElement("input"),S.type="checkbox",S.className="checkbox checkbox-primary checkbox-sm js-inline-ctrl",S.checked=1===L||!0===L||"1"===L||"true"===L;else if(s)S=document.createElement("select"),S.className="field-select !w-64 !py-1.5 !text-[13px] js-inline-ctrl",p(S,"","(not set / NULL)"),(i[t]||[]).forEach(e=>{const t=p(S,String(e.value),""===e.label?String(e.value):e.label);I||String(L)!==String(e.value)||(t.selected=!0)});else if(f)S=document.createElement("input"),S.type=a?"date":d?"time":"datetime-local",(d||m)&&(S.step="1"),S.className="field-input !w-64 !py-1.5 !text-[13px] js-inline-ctrl font-mono",I||(S.value=u(String(L),a,d)),setTimeout(()=>{if("function"==typeof S.showPicker)try{S.showPicker()}catch(e){}},50);else if(h){S=document.createElement("input"),S.type="number";const e=o.startsWith("INTEGER")||"INT"===o||o.startsWith("BIGINT")||o.startsWith("SMALLINT")||o.startsWith("SERIAL");S.step=e?"1":"any",S.className="field-input !w-48 !py-1.5 !text-[13px] js-inline-ctrl font-mono",I||(S.value=String(L))}else g?(S=document.createElement("input"),S.type="text",S.className="field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl",S.placeholder="00000000-0000-0000-0000-000000000000",I||(S.value=String(L))):y?(S=document.createElement("input"),S.type="text",S.className="field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl",S.placeholder="{item1, item2}",I||(S.value=String(L))):w?(S=document.createElement("input"),S.type="text",S.className="field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl",S.placeholder="e.g. '1 day'",I||(S.value=String(L))):E?(S=document.createElement("input"),S.type="text",S.className="field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl",S.placeholder="(x, y)",I||(S.value=String(L))):k?(S=document.createElement("input"),S.type="text",S.className="field-input font-mono !w-64 !py-1.5 !text-[12px] js-inline-ctrl",S.placeholder="101010",I||(S.value=String(L))):(S=document.createElement("input"),S.type="text",S.className="field-input !w-64 !py-1.5 !text-[13px] js-inline-ctrl",S.placeholder=b?"BYTEA"===o?"\\x… or 0x… hex":"0x… hex or text":v?'{"key":"value"}':"",I||(S.value=String(L)));return S}(e);if(!o)return;e.classList.add("js-editing"),e.innerHTML="",e.appendChild(o);let l=!1;const a=(t,s)=>{l||(l=!0,t?k(n,e,o):function(e){w(e,e._origNull?null:e._origValue),e.classList.remove("js-editing")}(e),"down"===s?U("down"):"right"===s?U("right"):"left"===s&&U("left"))};e._finish=a,o.addEventListener("keydown",e=>{"Enter"===e.key?(e.preventDefault(),a(!0,"down")):"Tab"===e.key?(e.preventDefault(),a(!0,e.shiftKey?"left":"right")):"Escape"===e.key&&(e.preventDefault(),a(!1))}),"SELECT"===o.tagName||"checkbox"===o.type?o.addEventListener("change",()=>a(!0)):o.addEventListener("blur",()=>a(!0)),o.focus(),"function"==typeof o.select&&o.select()}function U(e){if(!b){const e=Array.prototype.slice.call(document.querySelectorAll("#main-table tbody tr td.cell-editable"));return void(e.length&&v(e[0]))}const t=b.closest("tr");if(!t)return;const n=Array.prototype.slice.call(t.querySelectorAll("td.cell-editable")),s=n.indexOf(b);if("right"===e)if(s<n.length-1)v(n[s+1]);else{const e=t.nextElementSibling;if(e){const t=Array.prototype.slice.call(e.querySelectorAll("td.cell-editable"));t.length&&v(t[0])}}else if("left"===e)if(s>0)v(n[s-1]);else{const e=t.previousElementSibling;if(e){const t=Array.prototype.slice.call(e.querySelectorAll("td.cell-editable"));t.length&&v(t[t.length-1])}}else if("down"===e){const e=t.nextElementSibling;if(e){const t=Array.prototype.slice.call(e.querySelectorAll("td.cell-editable"));t[s]&&v(t[s])}}else if("up"===e){const e=t.previousElementSibling;if(e){const t=Array.prototype.slice.call(e.querySelectorAll("td.cell-editable"));t[s]&&v(t[s])}}}function B(){N=function(){const e=document.createElement("div");return e.id="changes-bar",e.className="fixed bottom-5 left-1/2 z-50 flex -translate-x-1/2 items-center gap-3 rounded-2xl border border-base-300 bg-base-100/95 backdrop-blur-md px-4 py-2.5 shadow-2xl transition-all duration-200 hidden",e.innerHTML='<div class="flex items-center gap-2"><span class="relative flex h-2.5 w-2.5"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-warning opacity-75"></span><span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-warning"></span></span><span class="text-sm font-medium text-base-content"><b id="changes-count" class="tabular-nums text-warning font-bold">0</b> pending edit(s)</span></div><div class="h-4 w-px bg-base-300"></div><div class="flex items-center gap-1.5"><button type="button" id="changes-review" class="btn btn-ghost btn-sm gap-1.5 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>Review Diff</button><button type="button" id="changes-apply" class="btn btn-primary btn-sm gap-1 text-xs font-semibold"><svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /></svg>Apply</button><button type="button" id="changes-discard" class="btn btn-ghost btn-sm text-xs text-base-content/60 hover:text-error">Discard</button></div>',document.body.appendChild(e),e}(),T=document.getElementById("changes-count"),j=document.getElementById("changes-apply");const e=document.getElementById("changes-discard"),n=document.getElementById("changes-review");j&&j.addEventListener("click",I),e&&e.addEventListener("click",S),n&&n.addEventListener("click",A),document.addEventListener("click",e=>{const t=e.target.closest(".js-revert-cell");if(t){e.stopPropagation(),e.preventDefault();const n=t.closest("td");return void(n&&y(n))}const n=e.target.closest("td.cell-editable");n&&!n.classList.contains("js-editing")&&v(n)}),t||document.querySelectorAll(".js-inline-cell").forEach(e=>{e.addEventListener("dblclick",()=>C(e))}),document.addEventListener("keydown",e=>{if(document.querySelector(".js-editing"))return;const n=document.activeElement?document.activeElement.tagName:"";if("INPUT"!==n&&"TEXTAREA"!==n&&"SELECT"!==n&&b)if("ArrowRight"===e.key)e.preventDefault(),U("right");else if("ArrowLeft"===e.key)e.preventDefault(),U("left");else if("ArrowDown"===e.key)e.preventDefault(),U("down");else if("ArrowUp"===e.key)e.preventDefault(),U("up");else if("Tab"===e.key)e.preventDefault(),U(e.shiftKey?"left":"right");else if("Enter"===e.key)e.preventDefault(),t||C(b);else if("Escape"===e.key)g();else if(" "!==e.key||t){if((e.ctrlKey||e.metaKey)&&"c"===e.key.toLowerCase()){const e=x(b);null!=e&&navigator.clipboard.writeText(String(e)).then(()=>{UI.showToast("Cell value copied.","info")})}}else{const t=r(b.dataset.col);if(t&&"BOOLEAN"===(t.type||"").toUpperCase()){e.preventDefault();const t=b.closest("tr"),n=x(b),s=1===n||"1"===n||!0===n||"true"===n?"0":"1";k(t,b,{value:s,type:"checkbox",checked:"1"===s})}}})}function R(){return Array.prototype.slice.call(document.querySelectorAll(".row-checkbox:checked")).map(e=>e.value).filter(Boolean)}async function M(e){const t=R();if(t.length)try{const n=await Api.post("/api/tables/"+o+"/rows/bulk-export",{ids:t,format:e}),s=new Blob([n.content],{type:"json"===e?"application/json;charset=utf-8":"text/csv;charset=utf-8"}),l=document.createElement("a");l.href=URL.createObjectURL(s),l.download=n.filename,document.body.appendChild(l),l.click(),l.remove(),URL.revokeObjectURL(l.href),UI.showToast("Exported "+n.rowCount+" row(s).","success")}catch(e){UI.showError(e.message)}}async function O(){const e=R();if(!e.length||t)return;let n;try{n=await Api.post("/api/tables/"+o+"/rows/bulk-impact",{ids:e})}catch(e){return void UI.showError(e.message)}const a=n&&n.references||[],i=a.length?'<p class="mb-2 font-medium text-warning">⚠ Other tables reference these records:</p><ul class="mb-2 list-disc space-y-1 pl-5 text-xs">'+a.map(e=>'<li><code class="font-mono font-bold">'+l(e.table)+"."+l(e.from)+'</code> — <b class="tabular-nums">'+e.count+"</b> row(s) point at them</li>").join("")+'</ul><p class="text-[11px] text-base-content/55">Depending on foreign key rules, those rows may cascade-delete or block this action.</p>':'<p class="text-xs text-base-content/60">No other tables reference these rows — safe to delete.</p>';if(await UI.confirm({title:"Delete Selected Rows",message:"Delete "+e.length+' selected row(s) from table "'+s.table+'"? This action cannot be undone.',item:s.table,itemType:"Table",detailsHtml:i,confirmText:"Delete "+e.length+" row(s)",danger:!0}))try{const t=await Api.post("/api/tables/"+o+"/rows/bulk-delete",{ids:e,confirmImpact:!0});UI.showToast(t.message||"Rows deleted.","success"),window.location.reload()}catch(e){UI.showError(e.message)}}function D(e,t){const n=e.querySelector(".js-ref-chevron");n&&n.classList.toggle("rotate-180",t)}let W=null;function q(){const e=document.querySelector(".js-ref-pop");e&&(e._cleanup&&e._cleanup(),e.remove()),W&&(D(W,!1),W.setAttribute("aria-expanded","false"),W.classList.remove("opacity-50"),W=null)}function _(t,n){q();const s=document.createElement("div");s.className="js-ref-pop app-card js-ref-anim z-50 min-w-[280px] max-w-[460px] overflow-hidden shadow-lift",s.innerHTML=n.length?n.map(t=>function(e,t){const n=t+"/tables/"+encodeURIComponent(e.table),s=e.count??e.total??(e.rows?e.rows.length:0),o=e.columns||(e.rows&&e.rows.length>0?Object.keys(e.rows[0]).filter(e=>"_rowid_"!==e):[]);let a='<div class="flex items-center justify-between gap-2 border-b border-base-200 px-3 py-2"><span class="min-w-0 truncate"><a class="link link-primary font-mono text-xs font-semibold" href="'+n+'">'+l(e.table)+'</a><span class="ml-1.5 text-xs text-base-content/45">via <code class="font-mono">'+l(e.from)+"</code>"+(void 0!==e.value?' = <code class="font-mono">'+l(String(e.value))+"</code>":"")+'</span></span><span class="chip '+(s?"chip-pk":"chip-type")+'">'+l(s+" row"+(1===s?"":"s"))+"</span></div>";return e.rows&&e.rows.length&&o.length?a+'<div class="max-h-64 overflow-auto"><table class="w-full"><thead><tr class="bg-base-200/40"><tr>'+o.map(function(e){return'<th class="whitespace-nowrap px-2.5 py-1.5 text-left text-[10px] font-semibold uppercase tracking-wide text-base-content/50"><span class="font-mono normal-case">'+l(e)+"</span></th>"}).join("")+"</tr></tr></thead><tbody>"+e.rows.map(function(e){return'<tr class="border-t border-base-200/60 hover:bg-primary/[0.04]">'+o.map(function(t){const n=e[t];if(null==n)return'<td class="px-2.5 py-1.5 align-middle"><span class="text-[11px] text-base-content/40">NULL</span></td>';const s=String(n),o=s.length>120?s.slice(0,120)+"…":s;return'<td class="max-w-[180px] truncate px-2.5 py-1.5 align-middle font-mono text-[11px] text-base-content/80" title="'+l(s)+'">'+l(o)+"</td>"}).join("")+"</tr>"}).join("")+'</tbody></table></div><div class="flex justify-end border-t border-base-200 px-3 py-1.5"><a class="btn btn-ghost btn-xs text-base-content/60 hover:text-primary" href="'+n+'">Open table</a></div>':a+'<div class="px-3 py-3 text-xs text-base-content/45">No matching rows.</div>'}(t,e)).join('<div class="h-px bg-base-200"></div>'):'<div class="px-4 py-3 text-sm text-base-content/45">No related rows for this record.</div>',s.style.visibility="hidden",document.body.appendChild(s);const o=Math.min(460,Math.max(280,s.offsetWidth)),a=s.offsetHeight,i=t.getBoundingClientRect();let r=i.left;r+o>window.innerWidth-8&&(r=Math.max(8,window.innerWidth-o-8));let c=i.bottom+6;c+a>window.innerHeight-8&&(c=Math.max(8,i.top-a-6)),s.style.position="fixed",s.style.left=r+"px",s.style.top=c+"px",s.style.visibility="visible",W=t;const d=e=>{e&&e.target&&s.contains(e.target)||q()};window.addEventListener("scroll",d,!0),window.addEventListener("resize",d);const u=e=>{s.contains(e.target)||e.target===t||t.contains(e.target)||q()};document.addEventListener("click",u,!0);const p=e=>{"Escape"===e.key&&q()};document.addEventListener("keydown",p),s._cleanup=()=>{window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d),document.removeEventListener("click",u,!0),document.removeEventListener("keydown",p)}}!async function(){try{a=await Api.get("/api/tables/"+o+"/info")}catch(e){a=null}try{i=await Api.get("/api/tables/"+o+"/fk-options")}catch(e){i={}}h(),document.querySelectorAll(".js-row-copy-json").forEach(e=>{e.addEventListener("click",t=>{t.stopPropagation();const n=e.closest("tr");if(!n)return;const s={};n.querySelectorAll("td.cell-editable").forEach(e=>{const t=e.dataset.col;t&&(s[t]="true"===e.dataset.null?null:e.dataset.value)}),navigator.clipboard.writeText(JSON.stringify(s,null,2)).then(()=>{UI.showToast("Row copied as JSON.","success")})})}),document.querySelectorAll(".js-row-copy-sql").forEach(e=>{e.addEventListener("click",t=>{t.stopPropagation();const n=e.closest("tr");if(!n)return;const o=[],l=[];n.querySelectorAll("td.cell-editable").forEach(e=>{const t=e.dataset.col;if(t)if(o.push('"'+t.replace(/"/g,'""')+'"'),"true"===e.dataset.null)l.push("NULL");else{const t=e.dataset.value;l.push("'"+String(t).replace(/'/g,"''")+"'")}});const a='INSERT INTO "'+s.table.replace(/"/g,'""')+'" ('+o.join(", ")+") VALUES ("+l.join(", ")+");";navigator.clipboard.writeText(a).then(()=>{UI.showToast("SQL INSERT copied to clipboard.","success")})})}),document.querySelectorAll(".js-row-duplicate").forEach(t=>{t.addEventListener("click",n=>{n.stopPropagation();const s=t.dataset.pk;s&&(window.location.href=e+"/tables/"+o+"/rows/new?duplicate="+encodeURIComponent(s))})}),document.querySelectorAll(".dropdown").forEach(e=>{const t=e.querySelector('label[role="button"]')||e.querySelector("button");t&&t.addEventListener("click",()=>{const n=t.getBoundingClientRect(),s=window.innerHeight-n.bottom;e.classList.toggle("dropdown-top",s<220)})}),B(),document.addEventListener("click",e=>{const n=e.target.closest(".js-inspect-btn");if(!n)return;e.stopPropagation(),e.preventDefault();const o=n.closest("td"),l=n.closest("tr");if(!o||!l)return;const a=o.dataset.col,i="true"===o.dataset.null,c=o.dataset.value,d=l.dataset.pk,u=l.dataset.table||s.table,p="true"===o.dataset.blob,m="true"===o.dataset.json,f=o.dataset.type||(r(a)?.type??"");window.Inspector&&window.Inspector.open&&window.Inspector.open({table:u,pk:d,col:a,colType:f,value:c,isNull:i,isBlob:p,isJson:m,readonly:t,onSave:e=>{t||k(l,o,{value:e,type:"text"})}})}),function(){const e=document.getElementById("bulk-bar");if(!e)return;const n=document.getElementById("select-all-rows"),s=document.getElementById("bulk-count"),o=document.getElementById("bulk-delete"),l=document.getElementById("bulk-export-csv"),a=document.getElementById("bulk-export-json"),i=document.getElementById("bulk-clear"),r=Array.prototype.slice.call(document.querySelectorAll(".row-checkbox"));function c(){const l=R().length;s&&(s.textContent=String(l)),e.classList.toggle("hidden",0===l),n&&(n.checked=l>0&&l===r.length),o&&(o.disabled=t||0===l)}r.forEach(e=>e.addEventListener("change",c)),n&&n.addEventListener("change",()=>{r.forEach(e=>{e.checked=n.checked}),c()}),i&&i.addEventListener("click",()=>{r.forEach(e=>{e.checked=!1}),c()}),l&&l.addEventListener("click",()=>M("csv")),a&&a.addEventListener("click",()=>M("json")),o&&o.addEventListener("click",O)}(),document.querySelectorAll(".js-delete-row").forEach(e=>{e.addEventListener("click",async()=>{const t=e.dataset.table,n=e.dataset.pk;t&&n&&await UI.confirm({title:"Delete Row",message:"Are you sure you want to permanently delete this row? This action cannot be undone.",item:n,itemType:"Primary Key",confirmText:"Delete row",danger:!0})&&Api.del("/api/tables/"+encodeURIComponent(t)+"/row/"+encodeURIComponent(n)).then(()=>{UI.showToast("Row deleted.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})}),function(){const t=document.getElementById("page-size");t&&t.addEventListener("change",()=>{const n=t.dataset.table,s=t.value,o=t.dataset.orderby||"",l=t.dataset.orderdir||"asc",a=t.dataset.filters||"";let i=e+"/tables/"+encodeURIComponent(n)+"?page=1&size="+encodeURIComponent(s)+"&orderBy="+encodeURIComponent(o)+"&orderDir="+encodeURIComponent(l);a&&(i+="&"+a),window.location.href=i})}(),function(){const e=document.getElementById("import-csv"),t=document.getElementById("import-panel"),n=document.getElementById("import-csv-close"),s=document.getElementById("import-csv-text"),o=document.getElementById("import-csv-file"),l=document.getElementById("import-csv-submit");e&&t&&e.addEventListener("click",()=>{t.classList.toggle("hidden"),t.classList.contains("hidden")||s.focus()}),n&&n.addEventListener("click",()=>t.classList.add("hidden")),o&&o.addEventListener("change",()=>{const e=o.files&&o.files[0];if(!e)return;const t=new FileReader;t.onload=()=>{s.value=String(t.result||"")},t.readAsText(e)}),l&&s&&l.addEventListener("click",async()=>{const e=s.value.trim();if(!e)return UI.showError("Paste or choose a CSV file first.");const t=window.location.pathname.match(/\/tables\/([^/]+)(?:\/|$)/),n=t?decodeURIComponent(t[1]):"";if(!n)return UI.showError("Could not determine the table.");l.disabled=!0;try{const t=await Api.post("/api/tables/"+encodeURIComponent(n)+"/rows/import",{csv:e});UI.showToast(t.message||"Import complete.","success"),window.location.reload()}catch(e){UI.showError(e.message)}finally{l.disabled=!1}})}(),document.querySelectorAll(".js-ref-toggle").forEach(e=>{e.addEventListener("click",t=>{if(t.stopPropagation(),"true"===e.getAttribute("aria-expanded"))return void q();const n=e.dataset.table,s=e.dataset.pk;n&&s&&(e.classList.add("opacity-50"),Api.get("/api/tables/"+encodeURIComponent(n)+"/rows/"+encodeURIComponent(s)+"/references").then(t=>{e.classList.remove("opacity-50");const n=e.dataset.refTable,s=(t&&t.references||[]).filter(e=>!n||e.table===n);e.setAttribute("aria-expanded","true"),D(e,!0),_(e,s)}).catch(t=>{e.classList.remove("opacity-50"),UI.showError(t.message)}))})})}()}();