admindb 2.1.0 → 2.2.1

package/dist/public/js/query.js

@@ -1,322 +1 @@
-/* Query editor: run arbitrary SQL, save/load named queries, render results. */
-(function () {
-  'use strict';
-  const editor = document.getElementById('query-sql');
-  const gutter = document.getElementById('query-gutter');
-  const runBtn = document.getElementById('run-query');
-  const messageEl = document.getElementById('query-message');
-  const resultEl = document.getElementById('query-result');
-  const headEl = document.getElementById('query-result-head');
-  const bodyEl = document.getElementById('query-result-body');
-  const resultSummary = document.getElementById('result-summary');
-  const saveBtns = Array.prototype.slice.call(document.querySelectorAll('#save-query, #save-query-inline'));
-  const saveName = document.getElementById('save-query-name');
-  const selectEl = document.getElementById('saved-query-select');
-  const deleteBtn = document.getElementById('delete-query');
-  const exportCsvBtn = document.getElementById('export-csv');
-  const exportJsonBtn = document.getElementById('export-json');
-
-  let queriesCache = [];
-
-  function setExportEnabled(enabled) {
-    if (exportCsvBtn) exportCsvBtn.disabled = !enabled;
-    if (exportJsonBtn) exportJsonBtn.disabled = !enabled;
-  }
-
-  // ---- Export results ------------------------------------------------------
-
-  async function exportResults(format) {
-    const sql = editor.value.trim();
-    if (!sql) return;
-    try {
-      const res = await fetch(Api.url('/api/query/export'), {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ sql, format }),
-      });
-      if (!res.ok) {
-        let msg = 'Export failed (' + res.status + ').';
-        try {
-          const data = await res.json();
-          if (data && data.error) msg = data.error;
-        } catch (e) { /* ignore */ }
-        throw new Error(msg);
-      }
-      const blob = await res.blob();
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      const stamp = new Date().toISOString().replace(/[:.]/g, '-');
-      a.href = url;
-      a.download = 'query-' + stamp + '.' + format;
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      setTimeout(() => URL.revokeObjectURL(url), 1000);
-      UI.showToast('Exported as ' + format.toUpperCase() + '.', 'success');
-    } catch (e) {
-      setMessage(e.message, 'error');
-    }
-  }
-
-  if (exportCsvBtn) exportCsvBtn.addEventListener('click', () => exportResults('csv'));
-  if (exportJsonBtn) exportJsonBtn.addEventListener('click', () => exportResults('json'));
-
-  function escapeHtml(s) {
-    return (window.UI && UI.escapeHtml) ? UI.escapeHtml(s) : String(s == null ? '' : s);
-  }
-
-  function setMessage(text, type) {
-    if (!text) {
-      messageEl.innerHTML = '';
-      return;
-    }
-    const palette = {
-      error: 'border-error/40 bg-error/10 text-error',
-      success: 'border-success/40 bg-success/10 text-success',
-      info: 'border-info/40 bg-info/10 text-info',
-      warning: 'border-warning/40 bg-warning/10 text-warning',
-    };
-    messageEl.innerHTML = '<div class="flex items-start gap-2.5 rounded-xl border px-4 py-3 text-sm font-medium ' +
-      (palette[type] || palette.info) + '"><span>' + escapeHtml(text) + '</span></div>';
-  }
-
-  function isJsonStr(s) {
-    if (typeof s !== 'string') return false;
-    const t = s.trim();
-    if (!((t.startsWith('{') && t.endsWith('}')) || (t.startsWith('[') && t.endsWith(']')))) return false;
-    try { JSON.parse(t); return true; } catch { return false; }
-  }
-
-  function isHexBlobStr(s) {
-    return typeof s === 'string' && /^0x[0-9a-f]{4,}$/i.test(s.trim());
-  }
-
-  function renderTable(columns, rows) {
-    headEl.innerHTML = '<tr>' + columns.map((c) => '<th class="whitespace-nowrap font-semibold"><span class="font-mono normal-case">' + escapeHtml(c) + '</span></th>').join('') + '</tr>';
-    if (!rows.length) {
-      bodyEl.innerHTML = '<tr><td colspan="' + Math.max(1, columns.length) + '" class="py-10 text-center text-base-content/45">No rows returned.</td></tr>';
-      return;
-    }
-    bodyEl.innerHTML = rows.map((row) =>
-      '<tr class="hover:bg-primary/[0.04]">' + columns.map((c) => {
-        const v = row[c];
-        if (v === null || v === undefined) {
-          return '<td class="align-middle"><span class="chip chip-null">NULL</span></td>';
-        }
-        const s = String(v);
-        const json = isJsonStr(s);
-        const blob = isHexBlobStr(s);
-        const short = s.length > 140 ? s.slice(0, 140) + '…' : s;
-
-        if (json) {
-          return '<td class="max-w-xs align-middle js-query-cell" data-col="' + escapeHtml(c) + '" data-value="' + escapeHtml(s) + '" data-json="true">' +
-            '<div class="flex items-center gap-1.5">' +
-            '<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-[120px] truncate font-mono text-[12px] text-base-content/70">' + escapeHtml(short) + '</span>' +
-            '<button type="button" class="btn btn-ghost btn-xs btn-circle js-query-inspect" 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></td>';
-        }
-
-        if (blob) {
-          return '<td class="max-w-xs align-middle js-query-cell" data-col="' + escapeHtml(c) + '" data-value="' + escapeHtml(s) + '" data-blob="true">' +
-            '<div class="flex items-center gap-1.5">' +
-            '<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</span>' +
-            '<span class="block max-w-[120px] truncate font-mono text-[12px] text-base-content/70">' + escapeHtml(short) + '</span>' +
-            '<button type="button" class="btn btn-ghost btn-xs btn-circle js-query-inspect" 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></td>';
-        }
-
-        return '<td class="max-w-xs align-middle js-query-cell" data-col="' + escapeHtml(c) + '" data-value="' + escapeHtml(s) + '">' +
-          '<div class="flex items-center justify-between gap-1 group/cell">' +
-          '<span class="truncate font-mono text-[13px]" title="' + escapeHtml(s) + '">' + escapeHtml(short) + '</span>' +
-          (s.length > 25 ? '<button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover/cell:opacity-100 transition-opacity js-query-inspect 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></td>';
-      }).join('') + '</tr>',
-    ).join('');
-  }
-
-  // Delegate inspection click
-  if (bodyEl) {
-    bodyEl.addEventListener('click', function (e) {
-      const inspectBtn = e.target.closest('.js-query-inspect');
-      const cell = e.target.closest('.js-query-cell');
-      if (!inspectBtn && (!cell || e.detail < 2)) return;
-      const targetCell = inspectBtn ? inspectBtn.closest('.js-query-cell') : cell;
-      if (!targetCell) return;
-
-      const col = targetCell.dataset.col || 'result';
-      const val = targetCell.dataset.value || '';
-      const isBlob = targetCell.dataset.blob === 'true';
-      const isJson = targetCell.dataset.json === 'true';
-
-      if (window.Inspector && window.Inspector.open) {
-        window.Inspector.open({
-          col: col,
-          value: val,
-          isNull: false,
-          isBlob: isBlob,
-          isJson: isJson,
-          readonly: true,
-        });
-      }
-    });
-  }
-
-  function renderMessageRow(text, kindLabel) {
-    headEl.innerHTML = '';
-    bodyEl.innerHTML = '<tr><td class="px-4 py-8 text-center"><p class="text-2xl font-extrabold text-primary">' +
-      escapeHtml(text) + '</p><p class="mt-1 text-sm text-base-content/45">' + escapeHtml(kindLabel) + '</p></td></tr>';
-  }
-
-  function setSummary(text) {
-    if (resultSummary) resultSummary.textContent = text;
-  }
-
-  function isDestructiveSql(sql) {
-    var cleaned = sql.replace(/--.*$/gm, '').replace(/\/\*[\s\S]*?\*\//g, '').trim();
-    if (/\b(drop\s+(table|view|index|trigger)|truncate\b)/i.test(cleaned)) return true;
-    if (/\bdelete\s+from\b/i.test(cleaned) && !/\bwhere\b/i.test(cleaned)) return true;
-    return false;
-  }
-
-  async function run() {
-    const sql = editor.value.trim();
-    if (!sql) {
-      setMessage('Enter a SQL statement first.', 'warning');
-      return;
-    }
-    if (isDestructiveSql(sql)) {
-      const confirmed = await UI.confirm({
-        title: 'Execute Destructive SQL',
-        message: 'This SQL statement contains potentially destructive operations (e.g. DROP, TRUNCATE, or unrestricted DELETE) that may permanently erase database schemas or data.',
-        detailsHtml: '<pre class="font-mono text-xs text-base-content/85 whitespace-pre-wrap break-all">' + escapeHtml(sql.length > 350 ? sql.slice(0, 350) + '…' : sql) + '</pre>',
-        confirmText: 'Execute anyway',
-        danger: true,
-      });
-      if (!confirmed) return;
-    }
-    messageEl.innerHTML = '';
-    resultEl.classList.add('hidden');
-    setExportEnabled(false);
-    const started = performance.now();
-    try {
-      const data = await Api.post('/api/query', { sql });
-      const elapsed = Math.max(1, Math.round(performance.now() - started));
-      resultEl.classList.remove('hidden');
-      if (data.kind === 'count') {
-        renderMessageRow(String(data.count), 'count');
-        setSummary('Count query · ' + elapsed + 'ms');
-      } else if (data.kind === 'select') {
-        renderTable(data.columns, data.rows);
-        setSummary(data.rows.length + ' row(s) · ' + elapsed + 'ms');
-        setExportEnabled(true);
-      } else {
-        renderMessageRow(data.message || 'Statement executed.', 'write');
-        setSummary(data.changes != null ? data.changes + ' row(s) affected · ' + elapsed + 'ms' : elapsed + 'ms');
-      }
-    } catch (e) {
-      resultEl.classList.add('hidden');
-      setMessage(e.message, 'error');
-    }
-  }
-
-  // ---- Line numbers ------------------------------------------------------
-
-  function updateGutter() {
-    if (!gutter) return;
-    const lines = editor.value.split('\n').length;
-    let html = '';
-    for (let i = 1; i <= lines; i++) html += i + '\n';
-    gutter.textContent = html;
-    gutter.scrollTop = editor.scrollTop;
-  }
-
-  if (editor && gutter) {
-    editor.addEventListener('scroll', () => {
-      gutter.scrollTop = editor.scrollTop;
-    });
-    editor.addEventListener('input', updateGutter);
-    editor.addEventListener('keydown', (e) => {
-      if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
-        e.preventDefault();
-        run();
-      }
-    });
-    updateGutter();
-  }
-
-  // ---- Saved queries -----------------------------------------------------
-
-  async function refreshQueries(selectName) {
-    try {
-      queriesCache = await Api.get('/api/queries');
-    } catch (e) {
-      queriesCache = [];
-    }
-    selectEl.innerHTML = '<option value="">— select a saved query —</option>' + queriesCache.map((q) =>
-      '<option value="' + q.id + '"' + (selectName && q.name === selectName ? ' selected' : '') + '>' + escapeHtml(q.name) + '</option>',
-    ).join('');
-    deleteBtn.disabled = true;
-  }
-
-  async function saveQuery() {
-    const sql = editor.value.trim();
-    const name = saveName.value.trim();
-    if (!sql) {
-      setMessage('Write some SQL before saving.', 'warning');
-      return;
-    }
-    if (!name) {
-      setMessage('Give the query a name.', 'warning');
-      return;
-    }
-    try {
-      await Api.post('/api/queries', { name, sql });
-      UI.showToast('Query saved.', 'success');
-      await refreshQueries(name);
-    } catch (e) {
-      setMessage(e.message, 'error');
-    }
-  }
-
-  async function deleteQuery() {
-    const id = selectEl.value;
-    if (!id) return;
-    const q = queriesCache.find((x) => String(x.id) === String(id));
-    const queryName = q ? q.name : 'Saved query';
-    const confirmed = await UI.confirm({
-      title: 'Delete Saved Query',
-      message: 'Are you sure you want to delete the saved query "' + queryName + '"?',
-      item: queryName,
-      itemType: 'Saved Query',
-      confirmText: 'Delete query',
-      danger: true,
-    });
-    if (!confirmed) return;
-    try {
-      await Api.del('/api/queries/' + id);
-      UI.showToast('Query deleted.', 'success');
-      await refreshQueries();
-    } catch (e) {
-      setMessage(e.message, 'error');
-    }
-  }
-
-  if (runBtn) runBtn.addEventListener('click', run);
-  saveBtns.forEach((btn) => btn.addEventListener('click', saveQuery));
-  if (selectEl) {
-    selectEl.addEventListener('change', () => {
-      const id = selectEl.value;
-      deleteBtn.disabled = !id;
-      if (!id) return;
-      const q = queriesCache.find((x) => String(x.id) === String(id));
-      if (q) {
-        editor.value = q.sql;
-        saveName.value = q.name;
-        updateGutter();
-        setMessage('Loaded "' + q.name + '".', 'info');
-      }
-    });
-  }
-  if (deleteBtn) deleteBtn.addEventListener('click', deleteQuery);
-})();
+!function(){"use strict";const t=document.getElementById("query-sql"),e=document.getElementById("query-gutter"),n=document.getElementById("editor-cursor-pos"),s=document.getElementById("editor-stats"),r=document.getElementById("run-query"),i=document.getElementById("format-query"),o=document.getElementById("copy-query"),a=document.getElementById("clear-query"),l=document.getElementById("query-message"),c=document.getElementById("query-result"),d=document.getElementById("query-result-head"),u=document.getElementById("query-result-body"),p=document.getElementById("result-summary"),m=Array.prototype.slice.call(document.querySelectorAll("#save-query, #save-query-inline")),f=document.getElementById("save-query-name"),g=document.getElementById("saved-query-select"),h=document.getElementById("delete-query"),x=document.getElementById("export-csv"),w=document.getElementById("export-json");let y=[],b=null,v=!1;const E=window.Utils?window.Utils.escapeHtml:function(t){return String(null==t?"":t)},L=window.Utils?window.Utils.highlightSql:function(t){return E(t)};const T=new class{constructor(t=100){this.stack=[],this.index=-1,this.limit=t,this.lastRecordTime=0}record(t,e,n=250){const s=Date.now(),r=this.index>=0?this.stack[this.index]:null;if(r&&r.text===t)r.selection=e;else{if(r&&s-this.lastRecordTime<n&&1===Math.abs(t.length-r.text.length)&&!/\s|[;(),]/.test(t.slice(-1)))return r.text=t,r.selection=e,void(this.lastRecordTime=s);this.stack=this.stack.slice(0,this.index+1),this.stack.push({text:t,selection:e}),this.stack.length>this.limit?this.stack.shift():this.index++,this.lastRecordTime=s}}undo(){return this.index>0?(this.index--,this.stack[this.index]):null}redo(){return this.index<this.stack.length-1?(this.index++,this.stack[this.index]):null}}(100);function I(){if(!t)return"";return(t.innerText||t.textContent||"").replace(/\r\n/g,"\n").replace(/\r/g,"\n")}function k(t){const e=window.getSelection();if(!e||!e.rangeCount)return{start:0,end:0};const n=e.getRangeAt(0),s=n.cloneRange();s.selectNodeContents(t),s.setEnd(n.startContainer,n.startOffset);const r=s.toString().length;return{start:r,end:r+n.toString().length}}function q(t,e){const n=window.getSelection();if(!n)return;let s=0;const r=document.createRange();r.setStart(t,0),r.collapse(!0);const i=[t];let o,a=!1,l=!1;for(;!l&&(o=i.pop());)if(3===o.nodeType){const t=s+o.length;!a&&e.start>=s&&e.start<=t&&(r.setStart(o,e.start-s),a=!0),a&&e.end>=s&&e.end<=t&&(r.setEnd(o,e.end-s),l=!0),s=t}else{let t=o.childNodes.length;for(;t--;)i.push(o.childNodes[t])}n.removeAllRanges(),n.addRange(r)}function S(e,n=!0){if(t&&(v=!0,t.innerHTML=e?L(e):"",v=!1,M(),O(),n)){const t=(e||"").length;T.record(e||"",{start:t,end:t},0)}}function U(e){if(!t)return;const n=I(),s=k(t),r=n.slice(0,s.start)+e+n.slice(s.end),i=s.start+e.length;v=!0,t.innerHTML=L(r),q(t,{start:i,end:i}),v=!1,M(),O(),T.record(r,{start:i,end:i},0)}function M(){if(!t||!e)return;const n=I().split("\n"),s=Math.max(1,n.length);let r="";for(let t=1;t<=s;t++){const e=null!=b&&t===b;r+='<div class="sql-gutter-line'+(e?" has-error":"")+'" data-line="'+t+'" title="'+(e?"Error on line "+t:"Line "+t)+'">'+t+"</div>"}e.innerHTML=r,e.scrollTop=t.scrollTop}function O(){if(!t||!n)return;const e=I(),r=k(t),i=e.slice(0,r.start).split("\n"),o=i.length,a=i[i.length-1].length+1;if(n.textContent="Ln "+o+", Col "+a,s){const t=e.length,n=e.split("\n").length,i=Math.abs(r.end-r.start);s.textContent=i>0?t+" chars ("+i+" selected) · "+n+" lines":t+" chars · "+n+" lines"}}function j(e,n){if(!t)return;const s=I().split("\n"),r=Math.max(1,Math.min(s.length,e||1));let i=0;for(let t=0;t<r-1;t++)i+=s[t].length+1;n&&n>1&&(i+=Math.min(s[r-1].length,n-1)),t.focus(),q(t,{start:i,end:i});t.scrollTop=Math.max(0,21*(r-3)),M(),O()}function B(t,e){if(!l)return;if(!t)return void(l.innerHTML="");const n={error:"border-error/40 bg-error/10 text-error",success:"border-success/40 bg-success/10 text-success",info:"border-info/40 bg-info/10 text-info",warning:"border-warning/40 bg-warning/10 text-warning"};l.innerHTML='<div class="flex items-start gap-2.5 rounded-xl border px-4 py-3 text-sm font-medium '+(n[e]||n.info)+'"><span>'+E(t)+"</span></div>"}function R(t){x&&(x.disabled=!t),w&&(w.disabled=!t)}async function N(t){const e=I().trim();if(e)try{const n=await fetch(Api.url("/api/query/export"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sql:e,format:t})});if(!n.ok){let t="Export failed ("+n.status+").";try{const e=await n.json();e&&e.error&&(t=e.error)}catch(t){}throw new Error(t)}const s=await n.blob(),r=(new Date).toISOString().replace(/[:.]/g,"-");window.Utils&&window.Utils.downloadBlob&&window.Utils.downloadBlob(s,"query-"+r+"."+t),window.UI&&UI.showToast&&UI.showToast("Exported as "+t.toUpperCase()+".","success")}catch(t){B(t.message,"error")}}i&&i.addEventListener("click",function(){const t=I();t.trim()&&(S(function(t){if(!t)return"";let e=t.trim().replace(/\r\n/g,"\n").replace(/\t/g,"  ");return["SELECT","FROM","WHERE","AND","OR","GROUP BY","HAVING","ORDER BY","LIMIT","OFFSET","LEFT JOIN","RIGHT JOIN","INNER JOIN","CROSS JOIN","FULL JOIN","JOIN","UNION ALL","UNION","INSERT INTO","VALUES","UPDATE","SET","DELETE FROM","CREATE TABLE","ALTER TABLE","DROP TABLE"].forEach(function(t){const n=new RegExp("\\b"+t.replace(" ","\\s+")+"\\b","gi");e=e.replace(n,"\n"+t.toUpperCase())}),e.split("\n").map(function(t){return t.trim()}).filter(function(t){return t.length>0}).map(function(t){const e=t.toUpperCase();return e.startsWith("WHERE")||e.startsWith("AND")||e.startsWith("OR")||e.startsWith("JOIN")||e.startsWith("LEFT")||e.startsWith("RIGHT")||e.startsWith("INNER")||e.startsWith("ON")||e.startsWith("SET")||e.startsWith("VALUES")||e.startsWith("HAVING")||e.startsWith("ORDER")||e.startsWith("GROUP")||e.startsWith("LIMIT")||e.startsWith("OFFSET")?"  "+t:t}).join("\n")}(t)),window.UI&&UI.showToast&&UI.showToast("SQL formatted.","info"))}),o&&o.addEventListener("click",function(){const t=I();t.trim()&&navigator.clipboard.writeText(t).then(function(){window.UI&&UI.showToast&&UI.showToast("SQL copied to clipboard.","success")})}),a&&a.addEventListener("click",function(){S(""),b=null,B("","info"),t.focus()}),document.querySelectorAll(".js-snippet").forEach(function(e){e.addEventListener("click",function(n){n.preventDefault();const s=e.getAttribute("data-snippet");s&&(S(s.replace(/\\n/g,"\n")),b=null,B("","info"),t.focus())})}),e&&e.addEventListener("click",function(t){const e=t.target.closest(".sql-gutter-line");if(!e)return;const n=parseInt(e.dataset.line,10);n&&j(n,1)}),t&&(t.addEventListener("input",function(){b=null;const e=I(),n=k(t);T.record(e,n,0),function(){if(!t||v)return;v=!0;const e=k(t),n=I();n?(t.innerHTML=L(n),q(t,e)):t.innerHTML="",v=!1,M(),O()}()}),t.addEventListener("paste",function(t){t.preventDefault();const e=(t.clipboardData||window.clipboardData).getData("text/plain");e&&U(e)}),t.addEventListener("scroll",function(){e&&(e.scrollTop=t.scrollTop)}),t.addEventListener("click",function(){O()}),t.addEventListener("keyup",function(){O()}),t.addEventListener("keydown",function(e){if((e.ctrlKey||e.metaKey)&&"z"===e.key.toLowerCase()&&!e.shiftKey)return e.preventDefault(),void function(){const e=T.undo();e&&(v=!0,t.innerHTML=L(e.text),q(t,e.selection||{start:0,end:0}),v=!1,b=null,M(),O())}();if((e.ctrlKey||e.metaKey)&&"y"===e.key.toLowerCase()||(e.ctrlKey||e.metaKey)&&e.shiftKey&&"z"===e.key.toLowerCase())return e.preventDefault(),void function(){const e=T.redo();e&&(v=!0,t.innerHTML=L(e.text),q(t,e.selection||{start:0,end:0}),v=!1,b=null,M(),O())}();if((e.ctrlKey||e.metaKey)&&"Enter"===e.key)return e.preventDefault(),void W();if("Enter"===e.key){e.preventDefault();const n=I(),s=k(t),r=(n.slice(0,s.start).split("\n").pop()||"").match(/^(\s+)/);return void U("\n"+(r?r[1]:""))}if((e.ctrlKey||e.metaKey)&&"/"===e.key){e.preventDefault();const n=k(t),s=I(),r=s.lastIndexOf("\n",n.start-1)+1;let i=s.indexOf("\n",n.end);-1===i&&(i=s.length);const o=s.slice(r,i).split("\n"),a=o.every(function(t){return t.trim().startsWith("--")}),l=o.map(function(t){return a?t.replace(/^(\s*)--\s?/,"$1"):t?"-- "+t:t}).join("\n");return S(s.slice(0,r)+l+s.slice(i)),void q(t,{start:r,end:r+l.length})}if("Tab"===e.key){e.preventDefault();const n=k(t),s=I();if(n.start===n.end)e.shiftKey||U("  ");else{const r=s.lastIndexOf("\n",n.start-1)+1;let i=s.indexOf("\n",n.end);-1===i&&(i=s.length);const o=s.slice(r,i).split("\n").map(function(t){return e.shiftKey?t.replace(/^(  |\t| )/,""):"  "+t}).join("\n");S(s.slice(0,r)+o+s.slice(i)),q(t,{start:r,end:r+o.length})}return}})),x&&x.addEventListener("click",()=>N("csv")),w&&w.addEventListener("click",()=>N("json"));const C=window.Utils?window.Utils.isJson:function(t){return!1},A=window.Utils?window.Utils.isHexBlob:function(t){return!1};function H(t,e){d.innerHTML="",u.innerHTML='<tr><td class="px-4 py-8 text-center"><p class="text-2xl font-extrabold text-primary">'+E(t)+'</p><p class="mt-1 text-sm text-base-content/45">'+E(e)+"</p></td></tr>"}function D(t){p&&(p.textContent=t)}async function W(){const t=I().trim();if(!t)return void B("Enter a SQL statement first.","warning");if(function(t){var e=t.replace(/--.*$/gm,"").replace(/\/\*[\s\S]*?\*\//g,"").trim();return!!/\b(drop\s+(table|view|index|trigger)|truncate\b)/i.test(e)||!(!/\bdelete\s+from\b/i.test(e)||/\bwhere\b/i.test(e))}(t)){if(!await UI.confirm({title:"Execute Destructive SQL",message:"This SQL statement contains potentially destructive operations (e.g. DROP, TRUNCATE, or unrestricted DELETE) that may permanently erase database schemas or data.",detailsHtml:'<pre class="font-mono text-xs text-base-content/85 whitespace-pre-wrap break-all">'+E(t.length>350?t.slice(0,350)+"…":t)+"</pre>",confirmText:"Execute anyway",danger:!0}))return}b=null,M(),l.innerHTML="",c.classList.add("hidden"),R(!1);const e=performance.now();try{const r=await Api.post("/api/query",{sql:t}),i=Math.max(1,Math.round(performance.now()-e));c.classList.remove("hidden"),"count"===r.kind?(H(String(r.count),"count"),D("Count query · "+i+"ms")):"select"===r.kind?(n=r.columns,s=r.rows,d.innerHTML="<tr>"+n.map(t=>'<th class="whitespace-nowrap font-semibold"><span class="font-mono normal-case">'+E(t)+"</span></th>").join("")+"</tr>",s.length?u.innerHTML=s.map(t=>'<tr class="hover:bg-primary/[0.04]">'+n.map(e=>{const n=t[e];if(null==n)return'<td class="align-middle"><span class="chip chip-null">NULL</span></td>';const s=String(n),r=C(s),i=A(s),o=s.length>140?s.slice(0,140)+"…":s;return r?'<td class="max-w-xs align-middle js-query-cell" data-col="'+E(e)+'" data-value="'+E(s)+'" data-json="true"><div class="flex items-center gap-1.5"><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-[120px] truncate font-mono text-[12px] text-base-content/70">'+E(o)+'</span><button type="button" class="btn btn-ghost btn-xs btn-circle js-query-inspect" 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></td>':i?'<td class="max-w-xs align-middle js-query-cell" data-col="'+E(e)+'" data-value="'+E(s)+'" data-blob="true"><div class="flex items-center gap-1.5"><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</span><span class="block max-w-[120px] truncate font-mono text-[12px] text-base-content/70">'+E(o)+'</span><button type="button" class="btn btn-ghost btn-xs btn-circle js-query-inspect" 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></td>':'<td class="max-w-xs align-middle js-query-cell" data-col="'+E(e)+'" data-value="'+E(s)+'"><div class="flex items-center justify-between gap-1 group/cell"><span class="truncate font-mono text-[13px]" title="'+E(s)+'">'+E(o)+"</span>"+(s.length>25?'<button type="button" class="btn btn-ghost btn-xs btn-circle opacity-0 group-hover/cell:opacity-100 transition-opacity js-query-inspect 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></td>"}).join("")+"</tr>").join(""):u.innerHTML='<tr><td colspan="'+Math.max(1,n.length)+'" class="py-10 text-center text-base-content/45">No rows returned.</td></tr>',D(r.rows.length+" row(s) · "+i+"ms"),R(!0)):(H(r.message||"Statement executed.","write"),D(null!=r.changes?r.changes+" row(s) affected · "+i+"ms":i+"ms"))}catch(t){c.classList.add("hidden"),function(t){if(!l)return;const e=t&&t.details,n=t&&t.message||e&&e.message||"Query failed.";if(!e||!e.snippet&&!e.cause&&!e.suggestion)return void B(n,"error");b=e.line||null,M();let s='<div class="sql-error-card space-y-3">';s+='<div class="flex flex-wrap items-center justify-between gap-2 border-b border-error/20 pb-2.5">',s+='<div class="flex items-center gap-2">',s+='<span class="grid h-6 w-6 place-items-center rounded-lg bg-error/15 text-error font-bold">✕</span>',s+='<span class="font-bold text-sm text-error">'+E(n)+"</span>",s+="</div>",e.line&&(s+='<div class="flex items-center gap-1.5">',s+='<span class="badge badge-sm badge-error font-mono font-bold">Line '+e.line+(e.column?", Col "+e.column:"")+"</span>",s+='<button type="button" class="btn btn-xs btn-outline btn-error js-jump-err-line" data-line="'+e.line+'" data-col="'+(e.column||1)+'">Jump to line</button>',s+="</div>"),s+="</div>",e.snippet&&(s+="<div>",s+='<p class="text-[11px] font-bold uppercase tracking-wider text-base-content/45 mb-1.5">Code Snippet</p>',s+='<pre class="sql-error-snippet">'+E(e.snippet)+"</pre>",s+="</div>"),(e.cause||e.suggestion)&&(s+='<div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 pt-1">',e.cause&&(s+='<div class="rounded-lg border border-base-300 bg-base-100/90 p-3 shadow-xs">',s+='<div class="flex items-center gap-1.5 text-xs font-bold text-base-content/80 mb-1">',s+="<span>💡</span><span>Possible Cause</span>",s+="</div>",s+='<p class="text-xs text-base-content/70 leading-relaxed">'+E(e.cause)+"</p>",s+="</div>"),e.suggestion&&(s+='<div class="rounded-lg border border-primary/30 bg-primary/5 p-3 shadow-xs">',s+='<div class="flex items-center gap-1.5 text-xs font-bold text-primary mb-1">',s+="<span>🔧</span><span>Suggested Fix</span>",s+="</div>",s+='<p class="text-xs text-base-content/80 font-medium leading-relaxed">'+E(e.suggestion)+"</p>",s+="</div>"),s+="</div>"),s+="</div>",l.innerHTML=s;const r=l.querySelector(".js-jump-err-line");r&&r.addEventListener("click",function(){j(parseInt(r.dataset.line,10),parseInt(r.dataset.col,10))})}(t)}var n,s}async function K(t){try{y=await Api.get("/api/queries")}catch(t){y=[]}g.innerHTML='<option value="">— select a saved query —</option>'+y.map(e=>'<option value="'+e.id+'"'+(t&&e.name===t?" selected":"")+">"+E(e.name)+"</option>").join(""),h.disabled=!0}async function J(){const t=I().trim(),e=f.value.trim();if(t)if(e)try{await Api.post("/api/queries",{name:e,sql:t}),window.UI&&UI.showToast&&UI.showToast("Query saved.","success"),await K(e)}catch(t){B(t.message,"error")}else B("Give the query a name.","warning");else B("Write some SQL before saving.","warning")}u&&u.addEventListener("click",function(t){const e=t.target.closest(".js-query-inspect"),n=t.target.closest(".js-query-cell");if(!e&&(!n||t.detail<2))return;const s=e?e.closest(".js-query-cell"):n;if(!s)return;const r=s.dataset.col||"result",i=s.dataset.value||"",o="true"===s.dataset.blob,a="true"===s.dataset.json;window.Inspector&&window.Inspector.open&&window.Inspector.open({col:r,value:i,isNull:!1,isBlob:o,isJson:a,readonly:!0})}),r&&r.addEventListener("click",W),m.forEach(t=>t.addEventListener("click",J)),g&&g.addEventListener("change",()=>{const t=g.value;if(h.disabled=!t,!t)return;const e=y.find(e=>String(e.id)===String(t));e&&(S(e.sql),f.value=e.name,b=null,B('Loaded "'+e.name+'".',"info"))}),h&&h.addEventListener("click",async function(){const t=g.value;if(!t)return;const e=y.find(e=>String(e.id)===String(t)),n=e?e.name:"Saved query";if(await UI.confirm({title:"Delete Saved Query",message:'Are you sure you want to delete the saved query "'+n+'"?',item:n,itemType:"Saved Query",confirmText:"Delete query",danger:!0}))try{await Api.del("/api/queries/"+t),window.UI&&UI.showToast&&UI.showToast("Query deleted.","success"),await K()}catch(t){B(t.message,"error")}});const Q=I();Q?S(Q,!0):T.record("",{start:0,end:0},0),M(),O()}();