admindb 2.1.0 → 2.1.1

package/dist/public/js/databases.js

@@ -1,235 +1 @@
-/* Databases landing page: create SQLite databases, connect PostgreSQL databases,
- * toggle readonly mode, delete/disconnect databases, and browse filesystem. */
-(function () {
-  'use strict';
-  const nameInput = document.getElementById('new-db-name');
-  const createBtn = document.getElementById('create-db');
-  const pgNameInput = document.getElementById('pg-conn-name');
-  const pgUriInput = document.getElementById('pg-conn-uri');
-  const pgRoInput = document.getElementById('pg-conn-readonly');
-  const connectPgBtn = document.getElementById('connect-pg');
-  const fsRoInput = document.getElementById('fs-readonly');
-
-  function escapeHtml(s) {
-    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
-  }
-
-  function fmtSize(n) {
-    if (!Number.isFinite(n) || n <= 0) return '0 B';
-    const units = ['B', 'KB', 'MB', 'GB', 'TB'];
-    let v = n;
-    let u = 0;
-    while (v >= 1024 && u < units.length - 1) {
-      v /= 1024;
-      u += 1;
-    }
-    return (u === 0 ? Math.round(v) : v.toFixed(1)) + ' ' + units[u];
-  }
-
-  // ---- Create SQLite DB ----------------------------------------------------
-
-  async function createDb() {
-    const name = (nameInput.value || '').trim();
-    if (!name) return UI.showError('Enter a database name.');
-    try {
-      const data = await Api.post('/api/databases', { name });
-      UI.showToast(data.message || 'Database created.', 'success');
-      setTimeout(() => {
-        window.location.href = Api.basePath + '/' + encodeURIComponent(data.id);
-      }, 400);
-    } catch (e) {
-      UI.showError(e.message);
-    }
-  }
-
-  if (createBtn) createBtn.addEventListener('click', createDb);
-  if (nameInput) {
-    nameInput.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') createDb();
-    });
-  }
-
-  // ---- Connect PostgreSQL DB -----------------------------------------------
-
-  async function connectPg() {
-    const name = (pgNameInput ? pgNameInput.value : '').trim();
-    const connectionString = (pgUriInput ? pgUriInput.value : '').trim();
-    const readonly = pgRoInput ? pgRoInput.checked : false;
-    if (!connectionString) {
-      return UI.showError('Enter a PostgreSQL connection URI (e.g. postgresql://user:password@localhost:5432/dbname).');
-    }
-    if (connectPgBtn) {
-      connectPgBtn.disabled = true;
-      connectPgBtn.textContent = 'Connecting…';
-    }
-    try {
-      const data = await Api.post('/api/databases/connect-postgres', { name, connectionString, readonly });
-      UI.showToast(data.message || 'PostgreSQL connected.', 'success');
-      setTimeout(() => {
-        window.location.href = Api.basePath + '/' + encodeURIComponent(data.id);
-      }, 400);
-    } catch (e) {
-      UI.showError(e.message);
-      if (connectPgBtn) {
-        connectPgBtn.disabled = false;
-        connectPgBtn.innerHTML = (window.AdminIcons ? AdminIcons.get('plus', 'h-4 w-4') : '') + ' Connect PostgreSQL';
-      }
-    }
-  }
-
-  if (connectPgBtn) connectPgBtn.addEventListener('click', connectPg);
-  if (pgUriInput) {
-    pgUriInput.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') connectPg();
-    });
-  }
-
-  // ---- Toggle Read-only / Writable Mode ------------------------------------
-
-  document.querySelectorAll('.js-toggle-db-mode').forEach((btn) => {
-    btn.addEventListener('click', async () => {
-      const id = btn.dataset.id;
-      if (!id) return;
-      const currentRo = btn.dataset.readonly === 'true';
-      const targetRo = !currentRo;
-      try {
-        const data = await Api.post('/api/databases/' + encodeURIComponent(id) + '/mode', { readonly: targetRo });
-        UI.showToast(data.message || `Mode updated to ${targetRo ? 'Read-only' : 'Writable'}.`, 'success');
-        window.location.reload();
-      } catch (e) {
-        UI.showError(e.message);
-      }
-    });
-  });
-
-  // ---- Delete SQLite DB ----------------------------------------------------
-
-  document.querySelectorAll('.js-delete-db').forEach((btn) => {
-    btn.addEventListener('click', async () => {
-      const id = btn.dataset.id;
-      if (!id) return;
-      const confirmed = await UI.confirm({
-        title: 'Delete Database',
-        message: 'Are you sure you want to permanently delete database "' + id + '"? This will remove the SQLite database file and all stored tables and records from the disk.',
-        item: id,
-        itemType: 'Database',
-        requireInputMatch: id,
-        confirmText: 'Delete database',
-        danger: true,
-      });
-      if (!confirmed) return;
-      Api.del('/api/databases/' + encodeURIComponent(id))
-        .then((data) => {
-          UI.showToast(data.message || 'Database deleted.', 'success');
-          window.location.reload();
-        })
-        .catch((e) => UI.showError(e.message));
-    });
-  });
-
-  // ---- Disconnect PostgreSQL DB --------------------------------------------
-
-  document.querySelectorAll('.js-disconnect-db').forEach((btn) => {
-    btn.addEventListener('click', async () => {
-      const id = btn.dataset.id;
-      const name = btn.dataset.name || id;
-      if (!id) return;
-      const confirmed = await UI.confirm({
-        title: 'Disconnect PostgreSQL Database',
-        message: 'Are you sure you want to disconnect database "' + name + '" from AdminDB? This closes the connection pool in AdminDB; your remote database and data are untouched.',
-        confirmText: 'Disconnect database',
-        danger: false,
-      });
-      if (!confirmed) return;
-      Api.del('/api/databases/' + encodeURIComponent(id))
-        .then((data) => {
-          UI.showToast(data.message || 'Database disconnected.', 'success');
-          window.location.reload();
-        })
-        .catch((e) => UI.showError(e.message));
-    });
-  });
-
-  // ---- Filesystem browser --------------------------------------------------
-
-  const fsPathInput = document.getElementById('fs-path');
-  const fsGoBtn = document.getElementById('fs-go');
-  const fsUpBtn = document.getElementById('fs-up');
-  const fsCurrent = document.getElementById('fs-current');
-  const fsListing = document.getElementById('fs-listing');
-
-  let fsState = { path: '', parent: null };
-
-  function renderFs(data) {
-    fsState = { path: data.path, parent: data.parent };
-    if (fsCurrent) fsCurrent.textContent = data.path;
-    if (fsPathInput) fsPathInput.value = data.path;
-    if (fsUpBtn) fsUpBtn.disabled = !data.parent;
-    if (!fsListing) return;
-    fsListing.innerHTML = '';
-    if (!data.entries.length) {
-      fsListing.innerHTML = '<div class="px-4 py-6 text-center text-sm text-base-content/40">No folders or database files here.</div>';
-      return;
-    }
-    const folderIcon = window.AdminIcons ? AdminIcons.get('folder', 'h-3.5 w-3.5') : '📁';
-    const dbIcon = window.AdminIcons ? AdminIcons.get('database', 'h-3.5 w-3.5') : '🗄️';
-
-    data.entries.forEach((e) => {
-      const row = document.createElement('button');
-      row.type = 'button';
-      row.className = 'flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm transition hover:bg-primary/[0.06]';
-      row.title = e.path;
-      if (e.isDir) {
-        row.innerHTML =
-          '<span class="grid h-6 w-6 shrink-0 place-items-center rounded-md bg-base-200 text-base-content/50">' + folderIcon + '</span>' +
-          '<span class="min-w-0 flex-1 truncate font-medium text-base-content/80">' + escapeHtml(e.name) + '</span>' +
-          '<span class="text-xs text-base-content/35">folder</span>';
-        row.addEventListener('click', () => loadFs(e.path));
-      } else {
-        row.innerHTML =
-          '<span class="grid h-6 w-6 shrink-0 place-items-center rounded-md bg-primary/10 text-primary">' + dbIcon + '</span>' +
-          '<span class="min-w-0 flex-1 truncate font-mono text-[13px] text-base-content/85">' + escapeHtml(e.name) + '</span>' +
-          '<span class="text-xs text-base-content/40">' + fmtSize(e.size) + '</span>';
-        row.addEventListener('click', () => openDb(e.path));
-      }
-      fsListing.appendChild(row);
-    });
-  }
-
-  async function loadFs(p) {
-    try {
-      const data = await Api.get('/api/fs/list' + (p ? '?path=' + encodeURIComponent(p) : ''));
-      renderFs(data);
-    } catch (e) {
-      UI.showError(e.message);
-    }
-  }
-
-  function goUp() {
-    if (fsState.parent) loadFs(fsState.parent);
-  }
-
-  async function openDb(p) {
-    const readonly = fsRoInput ? fsRoInput.checked : false;
-    try {
-      const data = await Api.post('/api/databases/open', { path: p, readonly });
-      UI.showToast(data.message || 'Database opened.', 'success');
-      window.location.href = Api.basePath + '/' + encodeURIComponent(data.id);
-    } catch (e) {
-      UI.showError(e.message);
-    }
-  }
-
-  if (fsListing) {
-    loadFs('');
-    if (fsGoBtn) {
-      fsGoBtn.addEventListener('click', () => loadFs((fsPathInput.value || '').trim() || ''));
-    }
-    if (fsPathInput) {
-      fsPathInput.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter') loadFs((fsPathInput.value || '').trim() || '');
-      });
-    }
-    if (fsUpBtn) fsUpBtn.addEventListener('click', goUp);
-  }
-})();
+!function(){"use strict";const e=document.getElementById("new-db-name"),t=document.getElementById("create-db"),n=document.getElementById("pg-conn-name"),a=document.getElementById("pg-conn-uri"),s=document.getElementById("pg-conn-readonly"),o=document.getElementById("connect-pg"),c=document.getElementById("fs-readonly");function r(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):String(null==e?"":e)}async function d(){const t=(e.value||"").trim();if(!t)return UI.showError("Enter a database name.");try{const e=await Api.post("/api/databases",{name:t});UI.showToast(e.message||"Database created.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/"+encodeURIComponent(e.id)},400)}catch(e){UI.showError(e.message)}}async function i(){const e=(n?n.value:"").trim(),t=(a?a.value:"").trim(),c=!!s&&s.checked;if(!t)return UI.showError("Enter a PostgreSQL connection URI (e.g. postgresql://user:password@localhost:5432/dbname).");o&&(o.disabled=!0,o.textContent="Connecting…");try{const n=await Api.post("/api/databases/connect-postgres",{name:e,connectionString:t,readonly:c});UI.showToast(n.message||"PostgreSQL connected.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/"+encodeURIComponent(n.id)},400)}catch(e){UI.showError(e.message),o&&(o.disabled=!1,o.innerHTML=(window.AdminIcons?AdminIcons.get("plus","h-4 w-4"):"")+" Connect PostgreSQL")}}t&&t.addEventListener("click",d),e&&e.addEventListener("keydown",e=>{"Enter"===e.key&&d()}),o&&o.addEventListener("click",i),a&&a.addEventListener("keydown",e=>{"Enter"===e.key&&i()}),document.querySelectorAll(".js-toggle-db-mode").forEach(e=>{e.addEventListener("click",async()=>{const t=e.dataset.id;if(!t)return;const n=!("true"===e.dataset.readonly);try{const e=await Api.post("/api/databases/"+encodeURIComponent(t)+"/mode",{readonly:n});UI.showToast(e.message||`Mode updated to ${n?"Read-only":"Writable"}.`,"success"),window.location.reload()}catch(e){UI.showError(e.message)}})}),document.querySelectorAll(".js-delete-db").forEach(e=>{e.addEventListener("click",async()=>{const t=e.dataset.id;if(!t)return;await UI.confirm({title:"Delete Database",message:'Are you sure you want to permanently delete database "'+t+'"? This will remove the SQLite database file and all stored tables and records from the disk.',item:t,itemType:"Database",requireInputMatch:t,confirmText:"Delete database",danger:!0})&&Api.del("/api/databases/"+encodeURIComponent(t)).then(e=>{UI.showToast(e.message||"Database deleted.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})}),document.querySelectorAll(".js-disconnect-db").forEach(e=>{e.addEventListener("click",async()=>{const t=e.dataset.id,n=e.dataset.name||t;if(!t)return;await UI.confirm({title:"Disconnect PostgreSQL Database",message:'Are you sure you want to disconnect database "'+n+'" from AdminDB? This closes the connection pool in AdminDB; your remote database and data are untouched.',confirmText:"Disconnect database",danger:!1})&&Api.del("/api/databases/"+encodeURIComponent(t)).then(e=>{UI.showToast(e.message||"Database disconnected.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})});const l=document.getElementById("fs-path"),m=document.getElementById("fs-go"),p=document.getElementById("fs-up"),u=document.getElementById("fs-current"),h=document.getElementById("fs-listing");let g={path:"",parent:null};function w(e){if(g={path:e.path,parent:e.parent},u&&(u.textContent=e.path),l&&(l.value=e.path),p&&(p.disabled=!e.parent),!h)return;if(h.innerHTML="",!e.entries.length)return void(h.innerHTML='<div class="px-4 py-6 text-center text-sm text-base-content/40">No folders or database files here.</div>');const t=window.AdminIcons?AdminIcons.get("folder","h-3.5 w-3.5"):"📁",n=window.AdminIcons?AdminIcons.get("database","h-3.5 w-3.5"):"🗄️";e.entries.forEach(e=>{const a=document.createElement("button");a.type="button",a.className="flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm transition hover:bg-primary/[0.06]",a.title=e.path,e.isDir?(a.innerHTML='<span class="grid h-6 w-6 shrink-0 place-items-center rounded-md bg-base-200 text-base-content/50">'+t+'</span><span class="min-w-0 flex-1 truncate font-medium text-base-content/80">'+r(e.name)+'</span><span class="text-xs text-base-content/35">folder</span>',a.addEventListener("click",()=>y(e.path))):(a.innerHTML='<span class="grid h-6 w-6 shrink-0 place-items-center rounded-md bg-primary/10 text-primary">'+n+'</span><span class="min-w-0 flex-1 truncate font-mono text-[13px] text-base-content/85">'+r(e.name)+'</span><span class="text-xs text-base-content/40">'+function(e){if(!Number.isFinite(e)||e<=0)return"0 B";const t=["B","KB","MB","GB","TB"];let n=e,a=0;for(;n>=1024&&a<t.length-1;)n/=1024,a+=1;return(0===a?Math.round(n):n.toFixed(1))+" "+t[a]}(e.size)+"</span>",a.addEventListener("click",()=>async function(e){const t=!!c&&c.checked;try{const n=await Api.post("/api/databases/open",{path:e,readonly:t});UI.showToast(n.message||"Database opened.","success"),window.location.href=Api.basePath+"/"+encodeURIComponent(n.id)}catch(e){UI.showError(e.message)}}(e.path))),h.appendChild(a)})}async function y(e){try{w(await Api.get("/api/fs/list"+(e?"?path="+encodeURIComponent(e):"")))}catch(e){UI.showError(e.message)}}h&&(y(""),m&&m.addEventListener("click",()=>y((l.value||"").trim()||"")),l&&l.addEventListener("keydown",e=>{"Enter"===e.key&&y((l.value||"").trim()||"")}),p&&p.addEventListener("click",function(){g.parent&&y(g.parent)}))}();

package/dist/public/js/designer.js

@@ -1,258 +1 @@
-/* Visual table designer: add column definitions one at a time, validate them,
- * and preview the generated CREATE TABLE live. Create executes; Copy copies. */
-(function () {
-  'use strict';
-  const SQLITE_TYPES = [
-    'TEXT',
-    'INTEGER',
-    'REAL',
-    'BLOB',
-    'BOOLEAN',
-    'DATE',
-    'DATETIME',
-    'NUMERIC',
-    'VARCHAR(255)',
-    'JSON',
-  ];
-
-  const POSTGRES_TYPES = [
-    'TEXT',
-    'VARCHAR(255)',
-    'INTEGER',
-    'BIGINT',
-    'SMALLINT',
-    'SERIAL',
-    'BIGSERIAL',
-    'REAL',
-    'DECIMAL(10,2)',
-    'NUMERIC',
-    'BOOLEAN',
-    'DATE',
-    'DATETIME',
-    'TIMESTAMP',
-    'TIMESTAMPTZ',
-    'TIME',
-    'INTERVAL',
-    'JSON',
-    'JSONB',
-    'UUID',
-    'BYTEA',
-    'INET',
-  ];
-
-  const isPostgres = window.APP && window.APP.dialect === 'postgres';
-  const DESIGNER_TYPES = isPostgres ? POSTGRES_TYPES : SQLITE_TYPES;
-
-  const NAME_RE = /^[A-Za-z_][A-Za-z0-9_$]*$/;
-
-  const columnsEl = document.getElementById('columns');
-  const errorBox = document.getElementById('designer-error');
-  const tableNameEl = document.getElementById('table-name');
-  const addBtn = document.getElementById('add-column');
-  const createBtn = document.getElementById('create-table');
-  const copyBtn = document.getElementById('copy-sql');
-  const previewBox = document.getElementById('sql-preview');
-  const previewCode = document.getElementById('preview-code');
-  const previewPlaceholder = document.getElementById('preview-placeholder');
-  const previewStatus = document.getElementById('preview-status');
-
-  const columnCache = {};
-  let fkTables = [];
-  let previewTimer = null;
-
-  function escapeHtml(s) {
-    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
-  }
-
-  async function loadColumns(table) {
-    if (columnCache[table]) return columnCache[table];
-    const info = await Api.get('/api/tables/' + encodeURIComponent(table) + '/info');
-    columnCache[table] = info.columns.map((c) => c.name);
-    return columnCache[table];
-  }
-
-  function addColumnRow() {
-    const row = document.createElement('div');
-    row.className = 'grid grid-cols-2 items-end gap-2.5 rounded-xl border border-base-300 bg-base-100 p-3 shadow-soft sm:grid-cols-12';
-    row.innerHTML = [
-      '<div class="col-span-2 sm:col-span-2"><label class="field-label">Name</label>',
-      '<input class="field-input col-name" placeholder="column_name" autocomplete="off" spellcheck="false"></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">Type</label>',
-      '<select class="field-select col-type">' + DESIGNER_TYPES.map((t) => '<option>' + t + '</option>').join('') + '</select></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label>',
-      '<select class="field-select col-fk-table"><option value="">— none —</option>' +
-      fkTables.map((t) => '<option>' + escapeHtml(t) + '</option>').join('') + '</select></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">FK column</label>',
-      '<select class="field-select col-fk-col"><option value="">—</option></select></div>',
-      '<div class="col-span-1 sm:col-span-2"><label class="field-label">Default</label>',
-      '<input class="field-input col-default" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>',
-      '<div class="col-span-2 flex items-end justify-between gap-1 pb-0.5 sm:col-span-2">',
-      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-primary checkbox-xs col-pk"><span class="text-[10px] font-semibold uppercase text-base-content/50">PK</span></label>',
-      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Not null"><input type="checkbox" class="checkbox checkbox-xs col-notnull"><span class="text-[10px] font-semibold uppercase text-base-content/50">NN</span></label>',
-      '<label class="flex cursor-pointer flex-col items-center gap-1" title="Unique"><input type="checkbox" class="checkbox checkbox-xs col-unique"><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',
-      '<button type="button" class="btn btn-ghost btn-xs text-error remove-col" title="Remove column">&times;</button>',
-      '</div>',
-    ].join('');
-    columnsEl.appendChild(row);
-
-    const fkTableSel = row.querySelector('.col-fk-table');
-    const fkColSel = row.querySelector('.col-fk-col');
-    fkTableSel.addEventListener('change', () => {
-      fkColSel.innerHTML = '<option value="">—</option>';
-      const target = fkTableSel.value;
-      if (!target) return;
-      loadColumns(target)
-        .then((cols) => {
-          fkColSel.innerHTML = '<option value="">—</option>' + cols.map((c) => '<option>' + escapeHtml(c) + '</option>').join('');
-        })
-        .catch(() => {});
-    });
-    row.querySelector('.remove-col').addEventListener('click', async () => {
-      const colName = row.querySelector('.col-name').value.trim();
-      if (colName) {
-        const confirmed = await UI.confirm({
-          title: 'Remove Column',
-          message: 'Remove column "' + colName + '" from the table definition?',
-          confirmText: 'Remove',
-          danger: true,
-        });
-        if (!confirmed) return;
-      }
-      row.remove();
-      schedulePreview();
-    });
-
-    row.querySelectorAll('input, select').forEach((el) => {
-      el.addEventListener('input', schedulePreview);
-      el.addEventListener('change', schedulePreview);
-    });
-  }
-
-  function collectColumns() {
-    const cols = [];
-    document.querySelectorAll('#columns > div').forEach((row) => {
-      const name = row.querySelector('.col-name').value.trim();
-      if (!name) return;
-      const fkTable = row.querySelector('.col-fk-table').value;
-      const fkCol = row.querySelector('.col-fk-col').value;
-      cols.push({
-        name,
-        type: row.querySelector('.col-type').value,
-        primaryKey: row.querySelector('.col-pk').checked,
-        notNull: row.querySelector('.col-notnull').checked,
-        unique: row.querySelector('.col-unique').checked,
-        defaultValue: row.querySelector('.col-default').value.trim() || null,
-        foreignKey: fkTable && fkCol ? { table: fkTable, column: fkCol } : null,
-      });
-    });
-    return cols;
-  }
-
-  function validate() {
-    const name = tableNameEl.value.trim();
-    const cols = collectColumns();
-    if (!name) return 'Table name is required.';
-    if (!NAME_RE.test(name)) return 'Invalid table name: "' + name + '". Use letters, digits and underscores.';
-    if (!cols.length) return 'Add at least one column.';
-    let pkCount = 0;
-    const seen = {};
-    for (const c of cols) {
-      if (!NAME_RE.test(c.name)) return 'Invalid column name: "' + c.name + '".';
-      if (seen[c.name]) return 'Duplicate column name: "' + c.name + '".';
-      seen[c.name] = true;
-      if (c.primaryKey) pkCount += 1;
-      if (c.foreignKey && (!c.foreignKey.table || !c.foreignKey.column)) {
-        return 'Column "' + c.name + '" has an incomplete foreign key (choose both table and column).';
-      }
-    }
-    if (pkCount > 1) return 'At most one column can be a primary key.';
-    return null;
-  }
-
-  function showError(msg) {
-    errorBox.classList.remove('hidden');
-    errorBox.innerHTML = '<div class="alert alert-error shadow-lg"><span>' + escapeHtml(msg) + '</span></div>';
-  }
-
-  function schedulePreview() {
-    clearTimeout(previewTimer);
-    previewTimer = setTimeout(runPreview, 250);
-  }
-
-  async function runPreview() {
-    const err = validate();
-    if (err) {
-      errorBox.classList.add('hidden');
-      previewBox.classList.add('hidden');
-      previewPlaceholder.classList.remove('hidden');
-      if (previewStatus) previewStatus.textContent = 'fix validation errors…';
-      return;
-    }
-    errorBox.classList.add('hidden');
-    try {
-      const data = await Api.post('/api/tables/generate', {
-        name: tableNameEl.value.trim(),
-        columns: collectColumns(),
-      });
-      previewCode.textContent = data.sql;
-      previewBox.classList.remove('hidden');
-      previewPlaceholder.classList.add('hidden');
-      if (previewStatus) {
-        previewStatus.textContent = 'live preview · not executed';
-        previewStatus.className = 'text-[11px] font-medium text-accent';
-      }
-    } catch (e) {
-      previewBox.classList.add('hidden');
-      previewPlaceholder.classList.remove('hidden');
-      showError(e.message);
-    }
-  }
-
-  async function submit() {
-    errorBox.classList.add('hidden');
-    const err = validate();
-    if (err) {
-      showError(err);
-      return;
-    }
-    const body = { name: tableNameEl.value.trim(), columns: collectColumns() };
-    try {
-      const data = await Api.post('/api/tables', body);
-      UI.showToast(data.message || 'Table created.', 'success');
-      setTimeout(() => {
-        window.location.href = Api.basePath + '/tables/' + encodeURIComponent(body.name);
-      }, 500);
-    } catch (e) {
-      showError(e.message);
-    }
-  }
-
-  async function init() {
-    try {
-      const tables = await Api.get('/api/tables');
-      fkTables = tables.map((t) => t.name).filter((n) => n.charAt(0) !== '_');
-    } catch (e) {
-      fkTables = [];
-    }
-    addColumnRow();
-    addColumnRow();
-    tableNameEl.addEventListener('input', schedulePreview);
-  }
-
-  if (addBtn) addBtn.addEventListener('click', addColumnRow);
-  if (createBtn) createBtn.addEventListener('click', submit);
-  if (copyBtn) {
-    copyBtn.addEventListener('click', () => {
-      const text = previewCode.textContent || '';
-      if (!text) {
-        UI.showError('Nothing to copy yet.');
-        return;
-      }
-      navigator.clipboard.writeText(text)
-        .then(() => UI.showToast('SQL copied to clipboard.', 'success'))
-        .catch(() => UI.showError('Could not copy.'));
-    });
-  }
-
-  init();
-})();
+!function(){"use strict";const e=window.APP&&"postgres"===window.APP.dialect?["TEXT","VARCHAR(255)","INTEGER","BIGINT","SMALLINT","SERIAL","BIGSERIAL","REAL","DECIMAL(10,2)","NUMERIC","BOOLEAN","DATE","DATETIME","TIMESTAMP","TIMESTAMPTZ","TIME","INTERVAL","JSON","JSONB","UUID","BYTEA","INET"]:["TEXT","INTEGER","REAL","BLOB","BOOLEAN","DATE","DATETIME","NUMERIC","VARCHAR(255)","JSON"],t=/^[A-Za-z_][A-Za-z0-9_$]*$/,l=document.getElementById("columns"),n=document.getElementById("designer-error"),o=document.getElementById("table-name"),c=document.getElementById("add-column"),a=document.getElementById("create-table"),s=document.getElementById("copy-sql"),i=document.getElementById("sql-preview"),r=document.getElementById("preview-code"),d=document.getElementById("preview-placeholder"),u=document.getElementById("preview-status"),m={};let p=[],f=null;function b(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):String(null==e?"":e)}function v(){const t=document.createElement("div");t.className="grid grid-cols-2 items-end gap-2.5 rounded-xl border border-base-300 bg-base-100 p-3 shadow-soft sm:grid-cols-12",t.innerHTML=['<div class="col-span-2 sm:col-span-2"><label class="field-label">Name</label>','<input class="field-input col-name" placeholder="column_name" autocomplete="off" spellcheck="false"></div>','<div class="col-span-1 sm:col-span-2"><label class="field-label">Type</label>','<select class="field-select col-type">'+e.map(e=>"<option>"+e+"</option>").join("")+"</select></div>",'<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label>','<select class="field-select col-fk-table"><option value="">— none —</option>'+p.map(e=>"<option>"+b(e)+"</option>").join("")+"</select></div>",'<div class="col-span-1 sm:col-span-2"><label class="field-label">FK column</label>','<select class="field-select col-fk-col"><option value="">—</option></select></div>','<div class="col-span-1 sm:col-span-2"><label class="field-label">Default</label>','<input class="field-input col-default" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>','<div class="col-span-2 flex items-end justify-between gap-1 pb-0.5 sm:col-span-2">','<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-primary checkbox-xs col-pk"><span class="text-[10px] font-semibold uppercase text-base-content/50">PK</span></label>','<label class="flex cursor-pointer flex-col items-center gap-1" title="Not null"><input type="checkbox" class="checkbox checkbox-xs col-notnull"><span class="text-[10px] font-semibold uppercase text-base-content/50">NN</span></label>','<label class="flex cursor-pointer flex-col items-center gap-1" title="Unique"><input type="checkbox" class="checkbox checkbox-xs col-unique"><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>','<button type="button" class="btn btn-ghost btn-xs text-error remove-col" title="Remove column">&times;</button>',"</div>"].join(""),l.appendChild(t);const n=t.querySelector(".col-fk-table"),o=t.querySelector(".col-fk-col");n.addEventListener("change",()=>{o.innerHTML='<option value="">—</option>';const e=n.value;e&&async function(e){if(m[e])return m[e];const t=await Api.get("/api/tables/"+encodeURIComponent(e)+"/info");return m[e]=t.columns.map(e=>e.name),m[e]}(e).then(e=>{o.innerHTML='<option value="">—</option>'+e.map(e=>"<option>"+b(e)+"</option>").join("")}).catch(()=>{})}),t.querySelector(".remove-col").addEventListener("click",async()=>{const e=t.querySelector(".col-name").value.trim();if(e){if(!await UI.confirm({title:"Remove Column",message:'Remove column "'+e+'" from the table definition?',confirmText:"Remove",danger:!0}))return}t.remove(),g()}),t.querySelectorAll("input, select").forEach(e=>{e.addEventListener("input",g),e.addEventListener("change",g)})}function y(){const e=[];return document.querySelectorAll("#columns > div").forEach(t=>{const l=t.querySelector(".col-name").value.trim();if(!l)return;const n=t.querySelector(".col-fk-table").value,o=t.querySelector(".col-fk-col").value;e.push({name:l,type:t.querySelector(".col-type").value,primaryKey:t.querySelector(".col-pk").checked,notNull:t.querySelector(".col-notnull").checked,unique:t.querySelector(".col-unique").checked,defaultValue:t.querySelector(".col-default").value.trim()||null,foreignKey:n&&o?{table:n,column:o}:null})}),e}function h(){const e=o.value.trim(),l=y();if(!e)return"Table name is required.";if(!t.test(e))return'Invalid table name: "'+e+'". Use letters, digits and underscores.';if(!l.length)return"Add at least one column.";let n=0;const c={};for(const e of l){if(!t.test(e.name))return'Invalid column name: "'+e.name+'".';if(c[e.name])return'Duplicate column name: "'+e.name+'".';if(c[e.name]=!0,e.primaryKey&&(n+=1),e.foreignKey&&(!e.foreignKey.table||!e.foreignKey.column))return'Column "'+e.name+'" has an incomplete foreign key (choose both table and column).'}return n>1?"At most one column can be a primary key.":null}function E(e){n.classList.remove("hidden"),n.innerHTML='<div class="alert alert-error shadow-lg"><span>'+b(e)+"</span></div>"}function g(){clearTimeout(f),f=setTimeout(x,250)}async function x(){if(h())return n.classList.add("hidden"),i.classList.add("hidden"),d.classList.remove("hidden"),void(u&&(u.textContent="fix validation errors…"));n.classList.add("hidden");try{const e=await Api.post("/api/tables/generate",{name:o.value.trim(),columns:y()});r.textContent=e.sql,i.classList.remove("hidden"),d.classList.add("hidden"),u&&(u.textContent="live preview · not executed",u.className="text-[11px] font-medium text-accent")}catch(e){i.classList.add("hidden"),d.classList.remove("hidden"),E(e.message)}}c&&c.addEventListener("click",v),a&&a.addEventListener("click",async function(){n.classList.add("hidden");const e=h();if(e)return void E(e);const t={name:o.value.trim(),columns:y()};try{const e=await Api.post("/api/tables",t);UI.showToast(e.message||"Table created.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/tables/"+encodeURIComponent(t.name)},500)}catch(e){E(e.message)}}),s&&s.addEventListener("click",()=>{const e=r.textContent||"";e?navigator.clipboard.writeText(e).then(()=>UI.showToast("SQL copied to clipboard.","success")).catch(()=>UI.showError("Could not copy.")):UI.showError("Nothing to copy yet.")}),async function(){try{const e=await Api.get("/api/tables");p=e.map(e=>e.name).filter(e=>"_"!==e.charAt(0))}catch(e){p=[]}v(),v(),o.addEventListener("input",g)}()}();