admindb 2.3.1 → 2.4.0

package/dist/public/js/inspector.js

@@ -1 +1 @@
-!function(){"use strict";const e=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e).replace(/[&<>"']/g,function(e){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[e]})},t=window.Utils?window.Utils.formatBytes:function(e){if(!e||0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["B","KB","MB","GB"][t]},n=window.Utils?window.Utils.isJson:function(e){if("string"!=typeof e)return!1;var t=e.trim();if(!t||!t.startsWith("{")&&!t.startsWith("["))return!1;try{return JSON.parse(t),!0}catch(e){return!1}};function s(e){return window.Utils&&window.Utils.isHexBlob?window.Utils.isHexBlob(e):"string"==typeof e&&(/^0x[0-9a-f]{4,}$/i.test(e.trim())||/^\\x[0-9a-f]{4,}$/i.test(e.trim()))}const o='<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="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/></svg>',a='<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="M4 7v10c0 1.1.9 2 2 2h12a2 2 0 002-2V7M4 7c0-1.1.9-2 2-2h12a2 2 0 012 2M4 7c0 1.1.9 2 2 2h12a2 2 0 002-2"/></svg>',r='<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="M4 6h16M4 12h16M4 18h7"/></svg>',i='<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="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>',l='<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="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>',c='<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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>',d='<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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>',p='<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="M6 18L18 6M6 6l12 12"/></svg>',u='<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"><rect x="3" y="3" width="18" height="18" rx="2"/><path stroke-linecap="round" d="M15 3v18"/></svg>',b='<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"><rect x="3" y="3" width="18" height="18" rx="2"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg>',m='<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="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5v-4m0 0h-4m4 0l-5-5"/></svg>',x='<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>',f='<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="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"/></svg>';function v(t,n,s,o,a){var r=document.createElement("div");r.className="json-tree-row flex items-start gap-1 font-mono text-[13px] leading-relaxed py-0.5 px-2 rounded-lg transition-colors hover:bg-base-200/50 group/row select-text";var i=void 0!==s?void 0!==n?"number"==typeof n||/^\d+$/.test(n)?s+"["+n+"]":s?s+"."+n:n:s:void 0!==n?n:"$";r.dataset.path=i,r.addEventListener("mouseenter",function(e){e.stopPropagation(),a&&a(i)});var l=void 0!==n?'<span class="json-key text-sky-500 dark:text-sky-400 font-semibold select-text">'+h(e(String(n)),o)+'</span><span class="text-base-content/30 mx-1 select-none">:</span>':"",c='<div class="opacity-0 group-hover/row:opacity-100 transition-opacity flex items-center gap-1 ml-auto shrink-0 select-none pl-3">  <button type="button" class="btn btn-ghost btn-xs h-5 min-h-0 px-1.5 text-[10px] font-mono text-base-content/50 hover:text-primary json-copy-path" data-path="'+e(i)+'" title="Copy JSON path">path</button></div>';if(null===t)return r.innerHTML='<div class="flex items-center min-w-0">'+l+'<span class="chip chip-null text-[11px] font-semibold">null</span></div>'+c,r;if("boolean"==typeof t)return r.innerHTML='<div class="flex items-center min-w-0">'+l+'<span class="text-purple-600 dark:text-purple-400 font-bold select-text">'+t+"</span></div>"+c,r;if("number"==typeof t)return r.innerHTML='<div class="flex items-center min-w-0">'+l+'<span class="text-amber-600 dark:text-amber-400 font-medium select-text">'+t+"</span></div>"+c,r;if("string"==typeof t){var d=h(e(t),o);return r.innerHTML='<div class="flex items-start min-w-0 break-all">'+l+'<span class="text-emerald-600 dark:text-emerald-400 select-text">"'+d+'"</span></div>'+c,r}var p=Array.isArray(t),u=p?t:Object.keys(t),b=p?t.length:u.length,m=document.createElement("div");m.className="json-tree-branch font-mono text-[13px] my-0.5";var x=document.createElement("div");x.className="json-tree-header flex items-center justify-between gap-1 py-0.5 px-2 rounded-lg transition-colors hover:bg-base-200/50 cursor-pointer select-none group/header",x.innerHTML='<div class="flex items-center gap-1.5 min-w-0">  <span class="json-toggle text-base-content/40 group-hover/header:text-base-content transition-transform text-[10px] w-3.5 text-center shrink-0">▼</span>  '+l+'  <span class="text-base-content/70 font-bold">'+(p?"[":"{")+'</span>  <span class="text-[11px] text-base-content/40 font-sans tabular-nums ml-0.5">'+b+" "+(1===b?p?"item":"key":p?"items":"keys")+'</span>  <span class="text-base-content/70 font-bold json-collapsed-trailer hidden">'+(p?" ... ]":" ... }")+'</span></div><div class="opacity-0 group-hover/header:opacity-100 transition-opacity flex items-center gap-1 shrink-0">  <button type="button" class="btn btn-ghost btn-xs h-5 min-h-0 px-1.5 text-[10px] font-mono text-base-content/50 hover:text-primary json-copy-path" data-path="'+e(i)+'" title="Copy JSON path">path</button></div>',x.addEventListener("mouseenter",function(e){e.stopPropagation(),a&&a(i)});var f=document.createElement("div");f.className="json-tree-body pl-4 ml-2 border-l border-base-300/80 dark:border-base-content/10 space-y-0.5",p?t.forEach(function(e,t){f.appendChild(v(e,t,i,o,a))}):u.forEach(function(e){f.appendChild(v(t[e],e,i,o,a))});var w=document.createElement("div");return w.className="json-tree-closing pl-2 text-base-content/70 font-bold select-none text-[13px]",w.textContent=p?"]":"}",f.appendChild(w),x.addEventListener("click",function(e){if(!e.target.closest(".json-copy-path")){var t=f.classList.contains("hidden");f.classList.toggle("hidden",!t),x.querySelector(".json-toggle").textContent=t?"▼":"▶";var n=x.querySelector(".json-collapsed-trailer");n&&n.classList.toggle("hidden",t)}}),m.appendChild(x),m.appendChild(f),m}function h(e,t){if(!t||"string"!=typeof t||!t.trim())return e;var n=t.trim(),s=new RegExp("("+n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")+")","gi");return e.replace(s,'<mark class="bg-warning/30 text-warning-content rounded px-0.5 font-semibold">$1</mark>')}function w(e,t){t=t||8192;for(var n=Math.min(e.length,t),s=[],o=0;o<n;o+=16){for(var a=("00000000"+o.toString(16)).slice(-8),r=[],i=[],l=0;l<16;l++)if(o+l<n){var c=e[o+l];r.push(("00"+c.toString(16)).slice(-2)),i.push(c>=32&&c<=126?String.fromCharCode(c):".")}else r.push("  "),i.push(" ");var d=r.slice(0,8).join(" ")+"  "+r.slice(8).join(" ");s.push({offset:a,hex:d,ascii:i.join("")})}return{lines:s,totalBytes:e.length,truncated:e.length>t}}function g(e){e=e.replace(/^0x/i,"").replace(/^\\x/i,"").replace(/\s+/g,"");for(var t=new Uint8Array(Math.floor(e.length/2)),n=0;n<e.length-1;n+=2)t[n/2]=parseInt(e.substring(n,n+2),16)||0;return t}function y(h){var y=(h=h||{}).table||"",k=h.pk||"",L=h.col||h.column||"Value",C=(h.colType||h.type||"").toUpperCase(),j=h.value,S=h.isNull||null==j,M=!!h.readonly,E=h.onSave,T=S?"":String(j),N=h.isBlob||C.includes("BLOB")||s(T)||h.isImage||h.isAudio||h.isVideo||h.isPdf,H=h.isJson||n(T)||C.includes("JSON"),q=H?"json":N?"blob":"text",U="drawer"===h.mode||"drawer"===window.localStorage.getItem("admindb_inspector_mode"),I=!1,B=document.createElement("div");B.className="fixed inset-0 z-[120] transition-opacity duration-200 opacity-0 "+(U?"bg-black/40 backdrop-blur-xs flex justify-end pointer-events-auto":"bg-black/65 backdrop-blur-xs p-3 sm:p-5 flex items-center justify-center"),B.setAttribute("role","dialog"),B.setAttribute("aria-modal","true");var O=document.createElement("div");O.className="app-card flex flex-col overflow-hidden shadow-2xl border border-base-300 transition-all duration-200 bg-base-100 "+(U?"w-full max-w-xl h-full rounded-none sm:rounded-l-2xl border-r-0 transform translate-x-full":"w-full max-w-4xl max-h-[90vh] rounded-2xl transform scale-95");var A=document.createElement("div");A.className="flex items-center justify-between gap-3 border-b border-base-200/80 px-5 py-3.5 bg-base-200/40 select-none",A.innerHTML='<div class="flex items-center gap-3 min-w-0">  <div class="grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-primary/10 text-primary border border-primary/20" id="inspector-header-icon">'+(N?a:H?o:r)+'  </div>  <div class="min-w-0">    <div class="flex items-center gap-2 flex-wrap">      <span class="font-mono font-bold text-base text-base-content tracking-tight">'+e(L)+'</span>      <span class="chip chip-type text-[10px]">'+e(C||(N?"BLOB":H?"JSON":"TEXT"))+"</span>"+(S?'<span class="chip chip-null text-[10px]">NULL</span>':"")+'    </div>    <div class="flex items-center gap-1.5 text-xs text-base-content/50 truncate font-mono mt-0.5">'+(y?"<span>"+e(y)+"</span>":"")+(k?'<span class="text-base-content/30">/</span><span class="text-base-content/70 font-semibold">PK '+e(k)+"</span>":"")+'    </div>  </div></div><div class="flex items-center gap-1 shrink-0">  <button type="button" id="btn-toggle-drawer" class="btn btn-ghost btn-xs btn-square text-base-content/50 hover:text-base-content" title="'+(U?"Switch to Center Modal":"Dock as Side Drawer")+'">'+(U?b:u)+'  </button>  <button type="button" id="btn-toggle-fullscreen" class="btn btn-ghost btn-xs btn-square text-base-content/50 hover:text-base-content" title="Toggle Fullscreen">'+m+'</button>  <div class="h-4 w-px bg-base-300 mx-1"></div>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-inspector-close text-base-content/40 hover:text-base-content" aria-label="Close">'+p+"</button></div>",O.appendChild(A);var J=document.createElement("div");J.className="flex flex-wrap items-center justify-between gap-2 border-b border-base-200 bg-base-200/20 px-4 py-2 select-none",J.innerHTML='<div class="flex items-center gap-1.5" id="inspector-tabs">  <button type="button" data-tab="json" class="btn btn-xs '+("json"===q?"btn-primary":"btn-ghost")+' gap-1.5 font-medium">'+o+"JSON Tree</button>"+(N||s(T)?'  <button type="button" data-tab="blob" class="btn btn-xs '+("blob"===q?"btn-primary":"btn-ghost")+' gap-1.5 font-medium">'+a+"Media & Hex</button>":"")+'  <button type="button" data-tab="text" class="btn btn-xs '+("text"===q?"btn-primary":"btn-ghost")+' gap-1.5 font-medium">'+r+'Raw Code</button></div><div class="flex items-center gap-2" id="inspector-top-actions"></div>',O.appendChild(J);var z=document.createElement("div");z.className="flex-1 overflow-y-auto p-4 space-y-3 min-h-[360px] bg-base-100",O.appendChild(z);var P=document.createElement("div");P.className="flex flex-wrap items-center justify-between gap-3 border-t border-base-200 bg-base-200/30 px-4 py-2.5 select-none",P.innerHTML='<div class="flex items-center gap-3 text-xs font-mono text-base-content/50 min-w-0" id="inspector-status-bar">  <span id="tab-meta" class="truncate"></span>  <span id="breadcrumb-path" class="text-primary/70 font-semibold truncate hidden"></span></div><div class="flex items-center gap-2 shrink-0">  <div id="inspector-left-actions" class="flex items-center gap-1.5"></div>  <button type="button" class="btn btn-ghost btn-sm text-xs js-inspector-close">Close</button>'+(M?"":'  <button type="button" id="inspector-save-btn" class="btn btn-primary btn-sm gap-1.5 text-xs font-semibold">'+f+"Save Changes</button>")+"</div>",O.appendChild(P),B.appendChild(O),document.body.appendChild(B),requestAnimationFrame(function(){B.classList.remove("opacity-0"),B.classList.add("opacity-100"),U?O.classList.remove("translate-x-full"):(O.classList.remove("scale-95"),O.classList.add("scale-100"))});var R=O.querySelector("#tab-meta"),V=O.querySelector("#breadcrumb-path"),D=O.querySelector("#inspector-top-actions"),F=O.querySelector("#inspector-left-actions"),_=O.querySelector("#inspector-save-btn"),$=O.querySelector("#inspector-header-icon"),W=T;function K(){I?O.className="app-card flex flex-col w-screen h-screen rounded-none overflow-hidden shadow-2xl border-0 bg-base-100 fixed inset-0 z-[130]":U?(O.className="app-card flex flex-col w-full max-w-xl h-full rounded-none sm:rounded-l-2xl border-r-0 overflow-hidden shadow-2xl border border-base-300 bg-base-100",B.className="fixed inset-0 z-[120] bg-black/40 backdrop-blur-xs flex justify-end pointer-events-auto transition-opacity duration-200 opacity-100"):(O.className="app-card flex flex-col w-full max-w-4xl max-h-[90vh] rounded-2xl overflow-hidden shadow-2xl border border-base-300 bg-base-100",B.className="fixed inset-0 z-[120] bg-black/65 backdrop-blur-xs p-3 sm:p-5 flex items-center justify-center transition-opacity duration-200 opacity-100");var e=O.querySelector("#btn-toggle-drawer");e&&(e.innerHTML=U?b:u)}function Z(){z.innerHTML='<div class="py-16 text-center text-sm text-base-content/40 font-mono flex flex-col items-center justify-center gap-2"><span class="loading loading-spinner loading-md text-primary"></span><span>Loading binary content & metadata…</span></div>',D.innerHTML="",F.innerHTML="",R.textContent="",V.textContent="",V.classList.add("hidden"),$&&($.innerHTML=a);var n=(window.APP&&window.APP.basePath||"")+"/api/tables/"+encodeURIComponent(y)+"/row/"+encodeURIComponent(k)+"/blob/"+encodeURIComponent(L);(y&&k&&window.Api?Api.get(n+"/meta"):Promise.resolve({data:{mime:"application/octet-stream",ext:"bin",size:Math.floor(T.length/2),sizeFormatted:t(Math.floor(T.length/2)),hexDump:w(g(T))}})).then(function(t){var s=t.data||{};R.textContent=(s.mime||"BLOB")+" · "+(s.sizeFormatted||"0 B"),z.innerHTML="";var o=document.createElement("div");if(o.className="space-y-4",s.isImage){var a=document.createElement("div");a.className="flex flex-col items-center justify-center p-4 rounded-2xl border border-base-300 bg-base-200/40 relative overflow-hidden",a.innerHTML='<div class="flex items-center justify-between w-full mb-3 pb-2 border-b border-base-200/60 px-2">  <span class="text-xs font-mono font-semibold text-base-content/70">Image Preview ('+e(s.ext.toUpperCase())+')</span>  <div class="flex items-center gap-1">    <button type="button" id="btn-img-zoom-in" class="btn btn-ghost btn-xs font-mono" title="Zoom In">+</button>    <button type="button" id="btn-img-zoom-out" class="btn btn-ghost btn-xs font-mono" title="Zoom Out">-</button>    <button type="button" id="btn-img-rotate" class="btn btn-ghost btn-xs" title="Rotate 90°">Rotate</button>    <button type="button" id="btn-img-reset" class="btn btn-ghost btn-xs" title="Reset View">Reset</button>  </div></div><div class="relative flex items-center justify-center max-w-full max-h-[340px] overflow-auto rounded-xl p-3 bg-[radial-gradient(#8881_1px,transparent_1px)] [background-size:16px_16px] border border-base-300/60">  <img src="'+n+'" alt="'+e(L)+'" class="max-h-[300px] max-w-full object-contain rounded-lg shadow-sm transition-transform duration-150" id="blob-preview-img" /></div>',o.appendChild(a);var r=1,i=0,l=a.querySelector("#blob-preview-img");function C(){l.style.transform="scale("+r+") rotate("+i+"deg)"}a.querySelector("#btn-img-zoom-in").addEventListener("click",function(){r=Math.min(r+.25,4),C()}),a.querySelector("#btn-img-zoom-out").addEventListener("click",function(){r=Math.max(r-.25,.25),C()}),a.querySelector("#btn-img-rotate").addEventListener("click",function(){i=(i+90)%360,C()}),a.querySelector("#btn-img-reset").addEventListener("click",function(){r=1,i=0,C()})}else if(s.isAudio){var p=document.createElement("div");p.className="flex flex-col items-center justify-center p-6 rounded-2xl border border-base-300 bg-base-200/40 space-y-3",p.innerHTML='<h4 class="text-sm font-semibold text-base-content">Audio Stream · '+e(s.ext.toUpperCase())+'</h4><audio controls class="w-full max-w-md shadow-xs rounded-xl" preload="metadata">  <source src="'+n+'" type="'+e(s.mime)+'"></audio>',o.appendChild(p)}else if(s.isVideo){var u=document.createElement("div");u.className="flex flex-col items-center justify-center p-4 rounded-2xl border border-base-300 bg-base-200/40 space-y-3",u.innerHTML='<video controls class="max-h-[300px] max-w-full rounded-xl shadow-md bg-black" preload="metadata">  <source src="'+n+'" type="'+e(s.mime)+'"></video>',o.appendChild(u)}else if(s.isPdf){var b=document.createElement("div");b.className="space-y-3 rounded-2xl border border-base-300 bg-base-200/40 p-4",b.innerHTML='<iframe src="'+n+'#toolbar=0" class="w-full h-80 rounded-xl border border-base-300 bg-white" title="PDF"></iframe>',o.appendChild(b)}var m=document.createElement("div");m.className="space-y-2";var x=document.createElement("div");x.className="flex flex-wrap items-center justify-between gap-2",x.innerHTML='<div class="flex items-center gap-2">  <span class="text-xs font-semibold uppercase tracking-wider text-base-content/60 font-mono">Hex Dump</span>  <input type="text" id="hex-search-input" placeholder="Search hex/ASCII…" class="field-input !py-0.5 !px-2 !text-xs !w-36 font-mono" /></div><div class="flex items-center gap-1.5">  <button type="button" id="btn-copy-hex-raw" class="btn btn-ghost btn-xs font-mono">Copy Hex</button>  <button type="button" id="btn-copy-ascii" class="btn btn-ghost btn-xs font-mono">Copy ASCII</button></div>',m.appendChild(x);var f=document.createElement("div");f.className="overflow-x-auto rounded-xl border border-base-300 bg-neutral p-3.5 font-mono text-xs leading-relaxed text-neutral-content max-h-[320px] select-text shadow-inner";var v=s.hexDump;if(v&&v.lines&&v.lines.length){var h=v.lines.map(function(t,n){return'<div class="hex-line grid grid-cols-[80px_1fr_160px] gap-3 hover:bg-white/[0.08] px-1 rounded transition-colors" data-line-idx="'+n+'"><span class="text-primary/70 select-none font-bold">'+t.offset+'</span><span class="text-accent/90 hex-bytes">'+e(t.hex)+'</span><span class="text-neutral-content/75 border-l border-white/15 pl-2.5 ascii-text truncate">'+e(t.ascii)+"</span></div>"}).join("");f.innerHTML=h}else f.innerHTML='<div class="text-center text-neutral-content/40 py-6">No binary content available</div>';m.appendChild(f),o.appendChild(m),z.appendChild(o);var w=x.querySelector("#hex-search-input");if(w.addEventListener("input",function(){var e=w.value.trim().toLowerCase();f.querySelectorAll(".hex-line").forEach(function(t){e?t.textContent.toLowerCase().includes(e)?(t.classList.remove("hidden"),t.classList.add("bg-warning/20")):(t.classList.remove("bg-warning/20"),t.classList.add("hidden")):t.classList.remove("bg-warning/20","hidden")})}),y&&k){F.innerHTML='<a href="'+n+'?download=1" class="btn btn-outline btn-xs gap-1 font-medium">'+c+" Download</a>"+(M?"":'<label class="btn btn-outline btn-xs gap-1 cursor-pointer font-medium hover:border-primary">'+d+' Replace  <input type="file" id="blob-file-upload-input" class="hidden" /></label>');var g=F.querySelector("#blob-file-upload-input");g&&g.addEventListener("change",function(e){var t=e.target.files&&e.target.files[0];if(t){var s=new FileReader;s.onload=function(){Api.put(n,{data:s.result,format:"base64"}).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("BLOB updated successfully.","success"),Z(),E&&E("0x...")}).catch(function(e){window.UI&&window.UI.showError&&window.UI.showError(e.message)})},s.readAsDataURL(t)}})}}).catch(function(t){z.innerHTML='<div class="alert alert-error text-xs p-3">Failed to load binary metadata: '+e(t.message)+"</div>"})}function G(n){J.querySelectorAll("#inspector-tabs button").forEach(function(e){var t=e.dataset.tab===n;e.className="btn btn-xs "+(t?"btn-primary":"btn-ghost")+" gap-1.5 font-medium"}),"json"===n?function(){z.innerHTML="",D.innerHTML="",F.innerHTML="",R.textContent="",V.textContent="",V.classList.add("hidden"),$&&($.innerHTML=o);var n=null,s=!1;try{n=JSON.parse(W),s=!0}catch(e){s=!1}if(s){var a=new Blob([W]).size;R.textContent=t(a),D.innerHTML='<div class="flex items-center gap-1.5">  <div class="relative flex items-center">    <input type="text" id="json-tree-search" placeholder="Filter keys/values…" class="field-input !py-1 !pl-7 !pr-2 !text-xs !w-40 font-mono" />    <span class="absolute left-2 text-base-content/40 pointer-events-none">'+i+'</span>  </div>  <div class="join border border-base-300 rounded-lg overflow-hidden bg-base-200/50">    <button type="button" id="btn-view-tree" class="btn btn-xs btn-primary join-item px-2.5 font-medium">Tree</button>    <button type="button" id="btn-view-code" class="btn btn-xs btn-ghost join-item px-2.5 font-medium">Editor</button>  </div>  <div class="dropdown dropdown-end">    <button type="button" tabindex="0" class="btn btn-ghost btn-xs btn-square text-base-content/60" title="More Tools">•••</button>    <ul tabindex="0" class="dropdown-content menu p-1.5 shadow-xl bg-base-100 border border-base-300 rounded-xl w-44 z-50 text-xs mt-1 space-y-0.5">      <li><button type="button" id="btn-expand-all" class="flex items-center gap-2">Expand All</button></li>      <li><button type="button" id="btn-collapse-all" class="flex items-center gap-2">Collapse All</button></li>      <li class="border-t border-base-200 my-1"></li>      <li><button type="button" id="btn-prettify-json" class="flex items-center gap-2">Prettify (2 spaces)</button></li>      <li><button type="button" id="btn-minify-json" class="flex items-center gap-2">Minify</button></li>      <li><button type="button" id="btn-copy-json" class="flex items-center gap-2">Copy JSON</button></li>    </ul>  </div></div>';var r=document.createElement("div");r.className="rounded-xl border border-base-300 bg-base-200/30 p-3 max-h-[440px] overflow-y-auto";var l=v(n,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")});r.appendChild(l),z.appendChild(r);var c=document.createElement("div");c.className="hidden space-y-2",c.innerHTML='<textarea id="json-editor-ta" class="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5 leading-relaxed bg-base-200/20" spellcheck="false">'+e(JSON.stringify(n,null,2))+'</textarea><div class="flex items-center justify-between text-xs">  <div id="json-validation-msg" class="font-medium text-success flex items-center gap-1.5">'+x+' Valid JSON</div>  <div class="text-base-content/40 font-mono" id="json-char-stats"></div></div>',z.appendChild(c);var d=D.querySelector("#btn-view-tree"),p=D.querySelector("#btn-view-code"),u=D.querySelector("#json-tree-search"),b=c.querySelector("#json-editor-ta"),m=c.querySelector("#json-validation-msg"),f=c.querySelector("#json-char-stats");g(),d.addEventListener("click",function(){y("tree")}),p.addEventListener("click",function(){y("code")});var h=null;u.addEventListener("input",function(){clearTimeout(h),h=setTimeout(function(){var e=u.value.trim();r.innerHTML="";var t=v(n,void 0,"",e,function(e){V.textContent=e,V.classList.remove("hidden")});r.appendChild(t)},120)}),D.querySelector("#btn-expand-all").addEventListener("click",function(){r.querySelectorAll(".json-tree-body").forEach(function(e){e.classList.remove("hidden")}),r.querySelectorAll(".json-toggle").forEach(function(e){e.textContent="▼"}),r.querySelectorAll(".json-collapsed-trailer").forEach(function(e){e.classList.add("hidden")})}),D.querySelector("#btn-collapse-all").addEventListener("click",function(){r.querySelectorAll(".json-tree-body").forEach(function(e){e.classList.add("hidden")}),r.querySelectorAll(".json-toggle").forEach(function(e){e.textContent="▶"}),r.querySelectorAll(".json-collapsed-trailer").forEach(function(e){e.classList.remove("hidden")})}),D.querySelector("#btn-prettify-json").addEventListener("click",function(){var e=b.value||W;try{var t=JSON.parse(e);n=t,W=JSON.stringify(t,null,2),b.value=W,r.innerHTML="",r.appendChild(v(t,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")})),m.className="font-medium text-success flex items-center gap-1.5",m.innerHTML=x+" Beautified valid JSON",g(),_&&(_.disabled=!1),window.UI&&window.UI.showToast&&window.UI.showToast("JSON beautified.","success")}catch(e){m.className="font-medium text-error flex items-center gap-1.5",m.textContent="Syntax Error: "+e.message}}),D.querySelector("#btn-minify-json").addEventListener("click",function(){var e=b.value||W;try{var t=JSON.parse(e);n=t,W=JSON.stringify(t),b.value=W,r.innerHTML="",r.appendChild(v(t,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")})),m.className="font-medium text-success flex items-center gap-1.5",m.innerHTML=x+" Minified valid JSON",g(),_&&(_.disabled=!1),window.UI&&window.UI.showToast&&window.UI.showToast("JSON minified.","success")}catch(e){m.className="font-medium text-error flex items-center gap-1.5",m.textContent="Syntax Error: "+e.message}}),D.querySelector("#btn-copy-json").addEventListener("click",function(){var e=b.value||W;navigator.clipboard.writeText(e).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("JSON copied to clipboard.","success")})}),b.addEventListener("input",function(){W=b.value,g();try{n=JSON.parse(W),m.className="font-medium text-success flex items-center gap-1.5",m.innerHTML=x+" Valid JSON",r.innerHTML="",r.appendChild(v(n,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")})),_&&(_.disabled=!1)}catch(e){m.className="font-medium text-error flex items-center gap-1.5",m.textContent="Syntax Error: "+e.message,_&&(_.disabled=!0)}})}else{z.innerHTML='<div class="alert alert-warning text-xs p-3 rounded-xl">  <span>Content is not valid JSON. You can edit it in Raw Code tab.</span></div><textarea id="json-raw-input" class="field-input font-mono text-[13px] h-80 w-full resize-none p-3 leading-relaxed" spellcheck="false">'+e(W)+"</textarea>";var w=z.querySelector("#json-raw-input");w.addEventListener("input",function(){W=w.value;try{JSON.parse(W),_&&(_.disabled=!1)}catch(e){_&&(_.disabled=!0)}})}function g(){f&&(f.textContent=b.value.length+" chars · "+b.value.split("\n").length+" lines")}function y(e){"tree"===e?(d.className="btn btn-xs btn-primary join-item px-2.5 font-medium",p.className="btn btn-xs btn-ghost join-item px-2.5 font-medium",r.classList.remove("hidden"),c.classList.add("hidden")):(p.className="btn btn-xs btn-primary join-item px-2.5 font-medium",d.className="btn btn-xs btn-ghost join-item px-2.5 font-medium",r.classList.add("hidden"),c.classList.remove("hidden"))}}():"blob"===n?Z():function(){z.innerHTML="",D.innerHTML="",F.innerHTML="",V.textContent="",V.classList.add("hidden"),$&&($.innerHTML=r);var e=!0;function n(){var e=W.split("\n").length,n=W.trim()?W.trim().split(/\s+/).length:0,s=W.length;R.textContent=s+" chars · "+n+" words · "+e+" lines ("+t(new Blob([W]).size)+")"}n(),D.innerHTML='<div class="flex items-center gap-2">  <label class="flex items-center gap-1.5 text-xs text-base-content/60 cursor-pointer">    <input type="checkbox" id="text-word-wrap-toggle" class="checkbox checkbox-xs checkbox-primary" checked />    <span>Word Wrap</span>  </label>  <button type="button" id="btn-copy-raw-text" class="btn btn-ghost btn-xs gap-1 font-mono">'+l+"Copy</button></div>";var s=document.createElement("textarea");s.className="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5 leading-relaxed "+(e?"whitespace-pre-wrap":"whitespace-pre overflow-x-auto"),s.spellcheck=!1,s.value=W,M&&(s.readOnly=!0),s.addEventListener("input",function(){W=s.value,n(),_&&(_.disabled=!1)}),z.appendChild(s),D.querySelector("#text-word-wrap-toggle").addEventListener("change",function(t){e=t.target.checked,s.className="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5 leading-relaxed "+(e?"whitespace-pre-wrap":"whitespace-pre overflow-x-auto")}),D.querySelector("#btn-copy-raw-text").addEventListener("click",function(){navigator.clipboard.writeText(W).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("Text copied to clipboard.","success")})})}()}function X(){B.classList.remove("opacity-100"),B.classList.add("opacity-0"),U?O.classList.add("translate-x-full"):(O.classList.remove("scale-100"),O.classList.add("scale-95")),setTimeout(function(){B.remove(),document.removeEventListener("keydown",Y)},180)}function Y(e){"Escape"===e.key?(e.preventDefault(),X()):(e.ctrlKey||e.metaKey)&&"s"===e.key&&(e.preventDefault(),_&&!_.disabled&&E&&(E(W),X()))}O.querySelector("#btn-toggle-drawer").addEventListener("click",function(){U=!U,I=!1,window.localStorage.setItem("admindb_inspector_mode",U?"drawer":"modal"),K()}),O.querySelector("#btn-toggle-fullscreen").addEventListener("click",function(){I=!I,K()}),O.addEventListener("click",function(e){var t=e.target.closest(".json-copy-path");if(t){var n=t.dataset.path;n&&navigator.clipboard.writeText(n).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("Copied path: "+n,"info")})}}),J.querySelectorAll("#inspector-tabs button").forEach(function(e){e.addEventListener("click",function(){G(e.dataset.tab)})}),G(q),O.querySelectorAll(".js-inspector-close").forEach(function(e){e.addEventListener("click",X)}),B.addEventListener("click",function(e){e.target===B&&X()}),document.addEventListener("keydown",Y),_&&_.addEventListener("click",function(){E&&E(W),X()})}var k=null;function L(){clearTimeout(null),k&&(k.remove(),k=null)}document.addEventListener("click",function(e){k&&!k.contains(e.target)&&L()}),window.Inspector={open:y,peek:function(t,s){L();var o=(s=s||{}).value,a=s.col||s.column||"Value",r=!!s.isBlob,i=!!s.isImage,c=!!s.isAudio,d=s.blobUrl||"",u=!!s.isJson||n(String(o)),b=null==o?"":String(o),m=document.createElement("div");m.className="fixed z-[110] w-80 max-w-sm rounded-2xl border border-base-300 bg-base-100/95 backdrop-blur-md shadow-2xl p-3.5 space-y-2.5 transform transition-all duration-150 animate-in fade-in zoom-in-95";var x=document.createElement("div");x.className="flex items-center justify-between gap-2 border-b border-base-200/80 pb-2 select-none",x.innerHTML='<div class="flex items-center gap-1.5 min-w-0">  <span class="text-xs font-bold font-mono text-primary truncate">'+e(a)+"</span>"+(r?'<span class="chip chip-type text-[9px]">BLOB</span>':u?'<span class="chip chip-type text-[9px]">JSON</span>':"")+'</div><div class="flex items-center gap-1">  <button type="button" class="btn btn-ghost btn-xs btn-circle js-peek-copy text-base-content/50 hover:text-base-content" title="Copy value">'+l+'</button>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-peek-open text-base-content/50 hover:text-base-content" title="Open in Inspector">↗</button>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-peek-close text-base-content/40 hover:text-base-content">'+p+"</button></div>",m.appendChild(x);var f=document.createElement("div");if(f.className="text-xs max-h-48 overflow-y-auto font-mono select-text",i&&d)f.innerHTML='<div class="flex items-center justify-center bg-base-200/40 rounded-xl p-2"><img src="'+d+'" class="max-h-36 max-w-full rounded object-contain shadow-xs" alt="" /></div>';else if(c&&d)f.innerHTML='<div class="flex flex-col items-center justify-center p-2 bg-base-200/40 rounded-xl"><audio controls class="w-full max-w-xs" src="'+d+'"></audio></div>';else if(u)try{var v=JSON.parse(b);f.innerHTML='<pre class="text-[11px] leading-relaxed text-base-content/85 whitespace-pre-wrap break-all bg-base-200/40 p-2.5 rounded-xl border border-base-300/40">'+e(JSON.stringify(v,null,2))+"</pre>"}catch(t){f.innerHTML='<pre class="text-[11px] leading-relaxed text-base-content/80 whitespace-pre-wrap break-all">'+e(b)+"</pre>"}else f.innerHTML='<pre class="text-[11px] leading-relaxed text-base-content/80 whitespace-pre-wrap break-all bg-base-200/30 p-2.5 rounded-xl border border-base-300/40">'+e(b)+"</pre>";m.appendChild(f),document.body.appendChild(m),k=m;var h=t.getBoundingClientRect(),w=h.bottom+6,g=h.left;g+320>window.innerWidth&&(g=window.innerWidth-330),g<10&&(g=10),w+200>window.innerHeight&&(w=h.top-210),w<10&&(w=10),m.style.top=w+"px",m.style.left=g+"px",m.querySelector(".js-peek-copy").addEventListener("click",function(e){e.stopPropagation(),navigator.clipboard.writeText(b).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("Copied to clipboard.","info")})}),m.querySelector(".js-peek-open").addEventListener("click",function(e){e.stopPropagation(),L(),y(s)}),m.querySelector(".js-peek-close").addEventListener("click",function(e){e.stopPropagation(),L()}),m.addEventListener("mouseleave",function(){L()})},closePeek:L}}();
+!function(){"use strict";const e=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e).replace(/[&<>"']/g,function(e){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[e]})},t=window.Utils?window.Utils.formatBytes:function(e){if(!e||0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["B","KB","MB","GB"][t]},n=window.Utils?window.Utils.isJson:function(e){if("string"!=typeof e)return!1;var t=e.trim();if(!t||!t.startsWith("{")&&!t.startsWith("["))return!1;try{return JSON.parse(t),!0}catch(e){return!1}};function s(e){return window.Utils&&window.Utils.isHexBlob?window.Utils.isHexBlob(e):"string"==typeof e&&(/^0x[0-9a-f]{4,}$/i.test(e.trim())||/^\\x[0-9a-f]{4,}$/i.test(e.trim()))}const o='<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="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/></svg>',a='<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="M4 7v10c0 1.1.9 2 2 2h12a2 2 0 002-2V7M4 7c0-1.1.9-2 2-2h12a2 2 0 012 2M4 7c0 1.1.9 2 2 2h12a2 2 0 002-2"/></svg>',r='<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="M4 6h16M4 12h16M4 18h7"/></svg>',i='<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="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>',l='<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="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>',c='<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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>',d='<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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>',p='<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="M6 18L18 6M6 6l12 12"/></svg>',u='<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"><rect x="3" y="3" width="18" height="18" rx="2"/><path stroke-linecap="round" d="M15 3v18"/></svg>',b='<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"><rect x="3" y="3" width="18" height="18" rx="2"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg>',m='<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="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5v-4m0 0h-4m4 0l-5-5"/></svg>',x='<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>',f='<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="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"/></svg>';function v(t,n,s,o,a){var r=document.createElement("div");r.className="json-tree-row flex items-start gap-1 font-mono text-[13px] leading-relaxed py-0.5 px-2 rounded-lg transition-colors hover:bg-base-200/50 group/row select-text";var i=void 0!==s?void 0!==n?"number"==typeof n||/^\d+$/.test(n)?s+"["+n+"]":s?s+"."+n:n:s:void 0!==n?n:"$";r.dataset.path=i,r.addEventListener("mouseenter",function(e){e.stopPropagation(),a&&a(i)});var l=void 0!==n?'<span class="json-key text-sky-500 dark:text-sky-400 font-semibold select-text">'+h(e(String(n)),o)+'</span><span class="text-base-content/30 mx-1 select-none">:</span>':"",c='<div class="opacity-0 group-hover/row:opacity-100 transition-opacity flex items-center gap-1 ml-auto shrink-0 select-none pl-3">  <button type="button" class="btn btn-ghost btn-xs h-5 min-h-0 px-1.5 text-[10px] font-mono text-base-content/50 hover:text-primary json-copy-path" data-path="'+e(i)+'" title="Copy JSON path">path</button></div>';if(null===t)return r.innerHTML='<div class="flex items-center min-w-0">'+l+'<span class="chip chip-null text-[11px] font-semibold">null</span></div>'+c,r;if("boolean"==typeof t)return r.innerHTML='<div class="flex items-center min-w-0">'+l+'<span class="text-purple-600 dark:text-purple-400 font-bold select-text">'+t+"</span></div>"+c,r;if("number"==typeof t)return r.innerHTML='<div class="flex items-center min-w-0">'+l+'<span class="text-amber-600 dark:text-amber-400 font-medium select-text">'+t+"</span></div>"+c,r;if("string"==typeof t){var d=h(e(t),o);return r.innerHTML='<div class="flex items-start min-w-0 break-all">'+l+'<span class="text-emerald-600 dark:text-emerald-400 select-text">"'+d+'"</span></div>'+c,r}var p=Array.isArray(t),u=p?t:Object.keys(t),b=p?t.length:u.length,m=document.createElement("div");m.className="json-tree-branch font-mono text-[13px] my-0.5";var x=document.createElement("div");x.className="json-tree-header flex items-center justify-between gap-1 py-0.5 px-2 rounded-lg transition-colors hover:bg-base-200/50 cursor-pointer select-none group/header",x.innerHTML='<div class="flex items-center gap-1.5 min-w-0">  <span class="json-toggle text-base-content/40 group-hover/header:text-base-content transition-transform text-[10px] w-3.5 text-center shrink-0">▼</span>  '+l+'  <span class="text-base-content/70 font-bold">'+(p?"[":"{")+'</span>  <span class="text-[11px] text-base-content/40 font-sans tabular-nums ml-0.5">'+b+" "+(1===b?p?"item":"key":p?"items":"keys")+'</span>  <span class="text-base-content/70 font-bold json-collapsed-trailer hidden">'+(p?" ... ]":" ... }")+'</span></div><div class="opacity-0 group-hover/header:opacity-100 transition-opacity flex items-center gap-1 shrink-0">  <button type="button" class="btn btn-ghost btn-xs h-5 min-h-0 px-1.5 text-[10px] font-mono text-base-content/50 hover:text-primary json-copy-path" data-path="'+e(i)+'" title="Copy JSON path">path</button></div>',x.addEventListener("mouseenter",function(e){e.stopPropagation(),a&&a(i)});var f=document.createElement("div");f.className="json-tree-body pl-4 ml-2 border-l border-base-300/80 dark:border-base-content/10 space-y-0.5",p?t.forEach(function(e,t){f.appendChild(v(e,t,i,o,a))}):u.forEach(function(e){f.appendChild(v(t[e],e,i,o,a))});var w=document.createElement("div");return w.className="json-tree-closing pl-2 text-base-content/70 font-bold select-none text-[13px]",w.textContent=p?"]":"}",f.appendChild(w),x.addEventListener("click",function(e){if(!e.target.closest(".json-copy-path")){var t=f.classList.contains("hidden");f.classList.toggle("hidden",!t),x.querySelector(".json-toggle").textContent=t?"▼":"▶";var n=x.querySelector(".json-collapsed-trailer");n&&n.classList.toggle("hidden",t)}}),m.appendChild(x),m.appendChild(f),m}function h(e,t){if(!t||"string"!=typeof t||!t.trim())return e;var n=t.trim(),s=new RegExp("("+n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")+")","gi");return e.replace(s,'<mark class="bg-warning/30 text-warning-content rounded px-0.5 font-semibold">$1</mark>')}function w(e,t){t=t||8192;for(var n=Math.min(e.length,t),s=[],o=0;o<n;o+=16){for(var a=("00000000"+o.toString(16)).slice(-8),r=[],i=[],l=0;l<16;l++)if(o+l<n){var c=e[o+l];r.push(("00"+c.toString(16)).slice(-2)),i.push(c>=32&&c<=126?String.fromCharCode(c):".")}else r.push("  "),i.push(" ");var d=r.slice(0,8).join(" ")+"  "+r.slice(8).join(" ");s.push({offset:a,hex:d,ascii:i.join("")})}return{lines:s,totalBytes:e.length,truncated:e.length>t}}function g(e){e=e.replace(/^0x/i,"").replace(/^\\x/i,"").replace(/\s+/g,"");for(var t=new Uint8Array(Math.floor(e.length/2)),n=0;n<e.length-1;n+=2)t[n/2]=parseInt(e.substring(n,n+2),16)||0;return t}function y(h){var y=(h=h||{}).table||"",k=h.pk||"",L=h.col||h.column||"Value",C=(h.colType||h.type||"").toUpperCase(),j=h.value,S=h.isNull||null==j,M=!!h.readonly,E=h.onSave,T=S?"":String(j),N=h.isBlob||C.includes("BLOB")||s(T)||h.isImage||h.isAudio||h.isVideo||h.isPdf,H=h.isJson||n(T)||C.includes("JSON"),q=H?"json":N?"blob":"text",I="drawer"===h.mode||"drawer"===window.localStorage.getItem("admindb_inspector_mode"),U=!1,B=document.createElement("div");B.className="fixed inset-0 z-[120] transition-opacity duration-200 opacity-0 "+(I?"bg-black/40 backdrop-blur-xs flex justify-end pointer-events-auto":"bg-black/65 backdrop-blur-xs p-3 sm:p-5 flex items-center justify-center"),B.setAttribute("role","dialog"),B.setAttribute("aria-modal","true");var O=document.createElement("div");O.className="app-card flex flex-col overflow-hidden shadow-2xl border border-base-300 transition-all duration-200 bg-base-100 "+(I?"w-full max-w-xl h-full rounded-none sm:rounded-l-2xl border-r-0 transform translate-x-full":"w-full max-w-4xl max-h-[90vh] rounded-2xl transform scale-95");var A=document.createElement("div");A.className="flex items-center justify-between gap-3 border-b border-base-200/80 px-5 py-3.5 bg-base-200/40 select-none",A.innerHTML='<div class="flex items-center gap-3 min-w-0">  <div class="grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-primary/10 text-primary border border-primary/20" id="inspector-header-icon">'+(N?a:H?o:r)+'  </div>  <div class="min-w-0">    <div class="flex items-center gap-2 flex-wrap">      <span class="font-mono font-bold text-base text-base-content tracking-tight">'+e(L)+'</span>      <span class="chip chip-type text-[10px]">'+e(C||(N?"BLOB":H?"JSON":"TEXT"))+"</span>"+(S?'<span class="chip chip-null text-[10px]">NULL</span>':"")+'    </div>    <div class="flex items-center gap-1.5 text-xs text-base-content/50 truncate font-mono mt-0.5">'+(y?"<span>"+e(y)+"</span>":"")+(k?'<span class="text-base-content/30">/</span><span class="text-base-content/70 font-semibold">PK '+e(k)+"</span>":"")+'    </div>  </div></div><div class="flex items-center gap-1 shrink-0">  <button type="button" id="btn-toggle-drawer" class="btn btn-ghost btn-xs btn-square text-base-content/50 hover:text-base-content" title="'+(I?"Switch to Center Modal":"Dock as Side Drawer")+'">'+(I?b:u)+'  </button>  <button type="button" id="btn-toggle-fullscreen" class="btn btn-ghost btn-xs btn-square text-base-content/50 hover:text-base-content" title="Toggle Fullscreen">'+m+'</button>  <div class="h-4 w-px bg-base-300 mx-1"></div>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-inspector-close text-base-content/40 hover:text-base-content" aria-label="Close">'+p+"</button></div>",O.appendChild(A);var J=document.createElement("div");J.className="flex flex-wrap items-center justify-between gap-2 border-b border-base-200 bg-base-200/20 px-4 py-2 select-none",J.innerHTML='<div class="flex items-center gap-1.5" id="inspector-tabs">  <button type="button" data-tab="json" class="btn btn-xs '+("json"===q?"btn-primary":"btn-ghost")+' gap-1.5 font-medium">'+o+"JSON Tree</button>"+(N||s(T)?'  <button type="button" data-tab="blob" class="btn btn-xs '+("blob"===q?"btn-primary":"btn-ghost")+' gap-1.5 font-medium">'+a+"Media & Hex</button>":"")+'  <button type="button" data-tab="text" class="btn btn-xs '+("text"===q?"btn-primary":"btn-ghost")+' gap-1.5 font-medium">'+r+'Raw Code</button></div><div class="flex items-center gap-2" id="inspector-top-actions"></div>',O.appendChild(J);var z=document.createElement("div");z.className="flex-1 overflow-y-auto p-4 space-y-3 min-h-[360px] bg-base-100",O.appendChild(z);var P=document.createElement("div");P.className="flex flex-wrap items-center justify-between gap-3 border-t border-base-200 bg-base-200/30 px-4 py-2.5 select-none",P.innerHTML='<div class="flex items-center gap-3 text-xs font-mono text-base-content/50 min-w-0" id="inspector-status-bar">  <span id="tab-meta" class="truncate"></span>  <span id="breadcrumb-path" class="text-primary/70 font-semibold truncate hidden"></span></div><div class="flex items-center gap-2 shrink-0">  <div id="inspector-left-actions" class="flex items-center gap-1.5"></div>  <button type="button" class="btn btn-ghost btn-sm text-xs js-inspector-close">Close</button>'+(M?"":'  <button type="button" id="inspector-save-btn" class="btn btn-primary btn-sm gap-1.5 text-xs font-semibold">'+f+"Save Changes</button>")+"</div>",O.appendChild(P),B.appendChild(O),document.body.appendChild(B),requestAnimationFrame(function(){B.classList.remove("opacity-0"),B.classList.add("opacity-100"),I?O.classList.remove("translate-x-full"):(O.classList.remove("scale-95"),O.classList.add("scale-100"))});var R=O.querySelector("#tab-meta"),V=O.querySelector("#breadcrumb-path"),D=O.querySelector("#inspector-top-actions"),F=O.querySelector("#inspector-left-actions"),_=O.querySelector("#inspector-save-btn"),$=O.querySelector("#inspector-header-icon"),W=T;function K(){U?O.className="app-card flex flex-col w-screen h-screen rounded-none overflow-hidden shadow-2xl border-0 bg-base-100 fixed inset-0 z-[130]":I?(O.className="app-card flex flex-col w-full max-w-xl h-full rounded-none sm:rounded-l-2xl border-r-0 overflow-hidden shadow-2xl border border-base-300 bg-base-100",B.className="fixed inset-0 z-[120] bg-black/40 backdrop-blur-xs flex justify-end pointer-events-auto transition-opacity duration-200 opacity-100"):(O.className="app-card flex flex-col w-full max-w-4xl max-h-[90vh] rounded-2xl overflow-hidden shadow-2xl border border-base-300 bg-base-100",B.className="fixed inset-0 z-[120] bg-black/65 backdrop-blur-xs p-3 sm:p-5 flex items-center justify-center transition-opacity duration-200 opacity-100");var e=O.querySelector("#btn-toggle-drawer");e&&(e.innerHTML=I?b:u)}function Z(){z.innerHTML='<div class="py-16 text-center text-sm text-base-content/40 font-mono flex flex-col items-center justify-center gap-2"><span class="loading loading-spinner loading-md text-primary"></span><span>Loading binary content & metadata…</span></div>',D.innerHTML="",F.innerHTML="",R.textContent="",V.textContent="",V.classList.add("hidden"),$&&($.innerHTML=a);var n=encodeURIComponent(h.dbId||window.APP&&window.APP.dbId||""),s=(window.APP&&window.APP.basePath||"")+(n?"/api/tables/"+n+"/":"/api/tables/")+encodeURIComponent(y)+"/row/"+encodeURIComponent(k)+"/blob/"+encodeURIComponent(L);(y&&k&&window.Api?Api.get(s+"/meta"):Promise.resolve({data:{mime:"application/octet-stream",ext:"bin",size:Math.floor(T.length/2),sizeFormatted:t(Math.floor(T.length/2)),hexDump:w(g(T))}})).then(function(t){var n=t.data||{};R.textContent=(n.mime||"BLOB")+" · "+(n.sizeFormatted||"0 B"),z.innerHTML="";var o=document.createElement("div");if(o.className="space-y-4",n.isImage){var a=document.createElement("div");a.className="flex flex-col items-center justify-center p-4 rounded-2xl border border-base-300 bg-base-200/40 relative overflow-hidden",a.innerHTML='<div class="flex items-center justify-between w-full mb-3 pb-2 border-b border-base-200/60 px-2">  <span class="text-xs font-mono font-semibold text-base-content/70">Image Preview ('+e(n.ext.toUpperCase())+')</span>  <div class="flex items-center gap-1">    <button type="button" id="btn-img-zoom-in" class="btn btn-ghost btn-xs font-mono" title="Zoom In">+</button>    <button type="button" id="btn-img-zoom-out" class="btn btn-ghost btn-xs font-mono" title="Zoom Out">-</button>    <button type="button" id="btn-img-rotate" class="btn btn-ghost btn-xs" title="Rotate 90°">Rotate</button>    <button type="button" id="btn-img-reset" class="btn btn-ghost btn-xs" title="Reset View">Reset</button>  </div></div><div class="relative flex items-center justify-center max-w-full max-h-[340px] overflow-auto rounded-xl p-3 bg-[radial-gradient(#8881_1px,transparent_1px)] [background-size:16px_16px] border border-base-300/60">  <img src="'+s+'" alt="'+e(L)+'" class="max-h-[300px] max-w-full object-contain rounded-lg shadow-sm transition-transform duration-150" id="blob-preview-img" /></div>',o.appendChild(a);var r=1,i=0,l=a.querySelector("#blob-preview-img");function C(){l.style.transform="scale("+r+") rotate("+i+"deg)"}a.querySelector("#btn-img-zoom-in").addEventListener("click",function(){r=Math.min(r+.25,4),C()}),a.querySelector("#btn-img-zoom-out").addEventListener("click",function(){r=Math.max(r-.25,.25),C()}),a.querySelector("#btn-img-rotate").addEventListener("click",function(){i=(i+90)%360,C()}),a.querySelector("#btn-img-reset").addEventListener("click",function(){r=1,i=0,C()})}else if(n.isAudio){var p=document.createElement("div");p.className="flex flex-col items-center justify-center p-6 rounded-2xl border border-base-300 bg-base-200/40 space-y-3",p.innerHTML='<h4 class="text-sm font-semibold text-base-content">Audio Stream · '+e(n.ext.toUpperCase())+'</h4><audio controls class="w-full max-w-md shadow-xs rounded-xl" preload="metadata">  <source src="'+s+'" type="'+e(n.mime)+'"></audio>',o.appendChild(p)}else if(n.isVideo){var u=document.createElement("div");u.className="flex flex-col items-center justify-center p-4 rounded-2xl border border-base-300 bg-base-200/40 space-y-3",u.innerHTML='<video controls class="max-h-[300px] max-w-full rounded-xl shadow-md bg-black" preload="metadata">  <source src="'+s+'" type="'+e(n.mime)+'"></video>',o.appendChild(u)}else if(n.isPdf){var b=document.createElement("div");b.className="space-y-3 rounded-2xl border border-base-300 bg-base-200/40 p-4",b.innerHTML='<iframe src="'+s+'#toolbar=0" class="w-full h-80 rounded-xl border border-base-300 bg-white" title="PDF"></iframe>',o.appendChild(b)}var m=document.createElement("div");m.className="space-y-2";var x=document.createElement("div");x.className="flex flex-wrap items-center justify-between gap-2",x.innerHTML='<div class="flex items-center gap-2">  <span class="text-xs font-semibold uppercase tracking-wider text-base-content/60 font-mono">Hex Dump</span>  <input type="text" id="hex-search-input" placeholder="Search hex/ASCII…" class="field-input !py-0.5 !px-2 !text-xs !w-36 font-mono" /></div><div class="flex items-center gap-1.5">  <button type="button" id="btn-copy-hex-raw" class="btn btn-ghost btn-xs font-mono">Copy Hex</button>  <button type="button" id="btn-copy-ascii" class="btn btn-ghost btn-xs font-mono">Copy ASCII</button></div>',m.appendChild(x);var f=document.createElement("div");f.className="overflow-x-auto rounded-xl border border-base-300 bg-neutral p-3.5 font-mono text-xs leading-relaxed text-neutral-content max-h-[320px] select-text shadow-inner";var v=n.hexDump;if(v&&v.lines&&v.lines.length){var h=v.lines.map(function(t,n){return'<div class="hex-line grid grid-cols-[80px_1fr_160px] gap-3 hover:bg-white/[0.08] px-1 rounded transition-colors" data-line-idx="'+n+'"><span class="text-primary/70 select-none font-bold">'+t.offset+'</span><span class="text-accent/90 hex-bytes">'+e(t.hex)+'</span><span class="text-neutral-content/75 border-l border-white/15 pl-2.5 ascii-text truncate">'+e(t.ascii)+"</span></div>"}).join("");f.innerHTML=h}else f.innerHTML='<div class="text-center text-neutral-content/40 py-6">No binary content available</div>';m.appendChild(f),o.appendChild(m),z.appendChild(o);var w=x.querySelector("#hex-search-input");if(w.addEventListener("input",function(){var e=w.value.trim().toLowerCase();f.querySelectorAll(".hex-line").forEach(function(t){e?t.textContent.toLowerCase().includes(e)?(t.classList.remove("hidden"),t.classList.add("bg-warning/20")):(t.classList.remove("bg-warning/20"),t.classList.add("hidden")):t.classList.remove("bg-warning/20","hidden")})}),y&&k){F.innerHTML='<a href="'+s+'?download=1" class="btn btn-outline btn-xs gap-1 font-medium">'+c+" Download</a>"+(M?"":'<label class="btn btn-outline btn-xs gap-1 cursor-pointer font-medium hover:border-primary">'+d+' Replace  <input type="file" id="blob-file-upload-input" class="hidden" /></label>');var g=F.querySelector("#blob-file-upload-input");g&&g.addEventListener("change",function(e){var t=e.target.files&&e.target.files[0];if(t){var n=new FileReader;n.onload=function(){Api.put(s,{data:n.result,format:"base64"}).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("BLOB updated successfully.","success"),Z(),E&&E("0x...")}).catch(function(e){window.UI&&window.UI.showError&&window.UI.showError(e.message)})},n.readAsDataURL(t)}})}}).catch(function(t){z.innerHTML='<div class="alert alert-error text-xs p-3">Failed to load binary metadata: '+e(t.message)+"</div>"})}function G(n){J.querySelectorAll("#inspector-tabs button").forEach(function(e){var t=e.dataset.tab===n;e.className="btn btn-xs "+(t?"btn-primary":"btn-ghost")+" gap-1.5 font-medium"}),"json"===n?function(){z.innerHTML="",D.innerHTML="",F.innerHTML="",R.textContent="",V.textContent="",V.classList.add("hidden"),$&&($.innerHTML=o);var n=null,s=!1;try{n=JSON.parse(W),s=!0}catch(e){s=!1}if(s){var a=new Blob([W]).size;R.textContent=t(a),D.innerHTML='<div class="flex items-center gap-1.5">  <div class="relative flex items-center">    <input type="text" id="json-tree-search" placeholder="Filter keys/values…" class="field-input !py-1 !pl-7 !pr-2 !text-xs !w-40 font-mono" />    <span class="absolute left-2 text-base-content/40 pointer-events-none">'+i+'</span>  </div>  <div class="join border border-base-300 rounded-lg overflow-hidden bg-base-200/50">    <button type="button" id="btn-view-tree" class="btn btn-xs btn-primary join-item px-2.5 font-medium">Tree</button>    <button type="button" id="btn-view-code" class="btn btn-xs btn-ghost join-item px-2.5 font-medium">Editor</button>  </div>  <div class="dropdown dropdown-end">    <button type="button" tabindex="0" class="btn btn-ghost btn-xs btn-square text-base-content/60" title="More Tools">•••</button>    <ul tabindex="0" class="dropdown-content menu p-1.5 shadow-xl bg-base-100 border border-base-300 rounded-xl w-44 z-50 text-xs mt-1 space-y-0.5">      <li><button type="button" id="btn-expand-all" class="flex items-center gap-2">Expand All</button></li>      <li><button type="button" id="btn-collapse-all" class="flex items-center gap-2">Collapse All</button></li>      <li class="border-t border-base-200 my-1"></li>      <li><button type="button" id="btn-prettify-json" class="flex items-center gap-2">Prettify (2 spaces)</button></li>      <li><button type="button" id="btn-minify-json" class="flex items-center gap-2">Minify</button></li>      <li><button type="button" id="btn-copy-json" class="flex items-center gap-2">Copy JSON</button></li>    </ul>  </div></div>';var r=document.createElement("div");r.className="rounded-xl border border-base-300 bg-base-200/30 p-3 max-h-[440px] overflow-y-auto";var l=v(n,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")});r.appendChild(l),z.appendChild(r);var c=document.createElement("div");c.className="hidden space-y-2",c.innerHTML='<textarea id="json-editor-ta" class="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5 leading-relaxed bg-base-200/20" spellcheck="false">'+e(JSON.stringify(n,null,2))+'</textarea><div class="flex items-center justify-between text-xs">  <div id="json-validation-msg" class="font-medium text-success flex items-center gap-1.5">'+x+' Valid JSON</div>  <div class="text-base-content/40 font-mono" id="json-char-stats"></div></div>',z.appendChild(c);var d=D.querySelector("#btn-view-tree"),p=D.querySelector("#btn-view-code"),u=D.querySelector("#json-tree-search"),b=c.querySelector("#json-editor-ta"),m=c.querySelector("#json-validation-msg"),f=c.querySelector("#json-char-stats");g(),d.addEventListener("click",function(){y("tree")}),p.addEventListener("click",function(){y("code")});var h=null;u.addEventListener("input",function(){clearTimeout(h),h=setTimeout(function(){var e=u.value.trim();r.innerHTML="";var t=v(n,void 0,"",e,function(e){V.textContent=e,V.classList.remove("hidden")});r.appendChild(t)},120)}),D.querySelector("#btn-expand-all").addEventListener("click",function(){r.querySelectorAll(".json-tree-body").forEach(function(e){e.classList.remove("hidden")}),r.querySelectorAll(".json-toggle").forEach(function(e){e.textContent="▼"}),r.querySelectorAll(".json-collapsed-trailer").forEach(function(e){e.classList.add("hidden")})}),D.querySelector("#btn-collapse-all").addEventListener("click",function(){r.querySelectorAll(".json-tree-body").forEach(function(e){e.classList.add("hidden")}),r.querySelectorAll(".json-toggle").forEach(function(e){e.textContent="▶"}),r.querySelectorAll(".json-collapsed-trailer").forEach(function(e){e.classList.remove("hidden")})}),D.querySelector("#btn-prettify-json").addEventListener("click",function(){var e=b.value||W;try{var t=JSON.parse(e);n=t,W=JSON.stringify(t,null,2),b.value=W,r.innerHTML="",r.appendChild(v(t,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")})),m.className="font-medium text-success flex items-center gap-1.5",m.innerHTML=x+" Beautified valid JSON",g(),_&&(_.disabled=!1),window.UI&&window.UI.showToast&&window.UI.showToast("JSON beautified.","success")}catch(e){m.className="font-medium text-error flex items-center gap-1.5",m.textContent="Syntax Error: "+e.message}}),D.querySelector("#btn-minify-json").addEventListener("click",function(){var e=b.value||W;try{var t=JSON.parse(e);n=t,W=JSON.stringify(t),b.value=W,r.innerHTML="",r.appendChild(v(t,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")})),m.className="font-medium text-success flex items-center gap-1.5",m.innerHTML=x+" Minified valid JSON",g(),_&&(_.disabled=!1),window.UI&&window.UI.showToast&&window.UI.showToast("JSON minified.","success")}catch(e){m.className="font-medium text-error flex items-center gap-1.5",m.textContent="Syntax Error: "+e.message}}),D.querySelector("#btn-copy-json").addEventListener("click",function(){var e=b.value||W;navigator.clipboard.writeText(e).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("JSON copied to clipboard.","success")})}),b.addEventListener("input",function(){W=b.value,g();try{n=JSON.parse(W),m.className="font-medium text-success flex items-center gap-1.5",m.innerHTML=x+" Valid JSON",r.innerHTML="",r.appendChild(v(n,void 0,"","",function(e){V.textContent=e,V.classList.remove("hidden")})),_&&(_.disabled=!1)}catch(e){m.className="font-medium text-error flex items-center gap-1.5",m.textContent="Syntax Error: "+e.message,_&&(_.disabled=!0)}})}else{z.innerHTML='<div class="alert alert-warning text-xs p-3 rounded-xl">  <span>Content is not valid JSON. You can edit it in Raw Code tab.</span></div><textarea id="json-raw-input" class="field-input font-mono text-[13px] h-80 w-full resize-none p-3 leading-relaxed" spellcheck="false">'+e(W)+"</textarea>";var w=z.querySelector("#json-raw-input");w.addEventListener("input",function(){W=w.value;try{JSON.parse(W),_&&(_.disabled=!1)}catch(e){_&&(_.disabled=!0)}})}function g(){f&&(f.textContent=b.value.length+" chars · "+b.value.split("\n").length+" lines")}function y(e){"tree"===e?(d.className="btn btn-xs btn-primary join-item px-2.5 font-medium",p.className="btn btn-xs btn-ghost join-item px-2.5 font-medium",r.classList.remove("hidden"),c.classList.add("hidden")):(p.className="btn btn-xs btn-primary join-item px-2.5 font-medium",d.className="btn btn-xs btn-ghost join-item px-2.5 font-medium",r.classList.add("hidden"),c.classList.remove("hidden"))}}():"blob"===n?Z():function(){z.innerHTML="",D.innerHTML="",F.innerHTML="",V.textContent="",V.classList.add("hidden"),$&&($.innerHTML=r);var e=!0;function n(){var e=W.split("\n").length,n=W.trim()?W.trim().split(/\s+/).length:0,s=W.length;R.textContent=s+" chars · "+n+" words · "+e+" lines ("+t(new Blob([W]).size)+")"}n(),D.innerHTML='<div class="flex items-center gap-2">  <label class="flex items-center gap-1.5 text-xs text-base-content/60 cursor-pointer">    <input type="checkbox" id="text-word-wrap-toggle" class="checkbox checkbox-xs checkbox-primary" checked />    <span>Word Wrap</span>  </label>  <button type="button" id="btn-copy-raw-text" class="btn btn-ghost btn-xs gap-1 font-mono">'+l+"Copy</button></div>";var s=document.createElement("textarea");s.className="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5 leading-relaxed "+(e?"whitespace-pre-wrap":"whitespace-pre overflow-x-auto"),s.spellcheck=!1,s.value=W,M&&(s.readOnly=!0),s.addEventListener("input",function(){W=s.value,n(),_&&(_.disabled=!1)}),z.appendChild(s),D.querySelector("#text-word-wrap-toggle").addEventListener("change",function(t){e=t.target.checked,s.className="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5 leading-relaxed "+(e?"whitespace-pre-wrap":"whitespace-pre overflow-x-auto")}),D.querySelector("#btn-copy-raw-text").addEventListener("click",function(){navigator.clipboard.writeText(W).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("Text copied to clipboard.","success")})})}()}function X(){B.classList.remove("opacity-100"),B.classList.add("opacity-0"),I?O.classList.add("translate-x-full"):(O.classList.remove("scale-100"),O.classList.add("scale-95")),setTimeout(function(){B.remove(),document.removeEventListener("keydown",Y)},180)}function Y(e){"Escape"===e.key?(e.preventDefault(),X()):(e.ctrlKey||e.metaKey)&&"s"===e.key&&(e.preventDefault(),_&&!_.disabled&&E&&(E(W),X()))}O.querySelector("#btn-toggle-drawer").addEventListener("click",function(){I=!I,U=!1,window.localStorage.setItem("admindb_inspector_mode",I?"drawer":"modal"),K()}),O.querySelector("#btn-toggle-fullscreen").addEventListener("click",function(){U=!U,K()}),O.addEventListener("click",function(e){var t=e.target.closest(".json-copy-path");if(t){var n=t.dataset.path;n&&navigator.clipboard.writeText(n).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("Copied path: "+n,"info")})}}),J.querySelectorAll("#inspector-tabs button").forEach(function(e){e.addEventListener("click",function(){G(e.dataset.tab)})}),G(q),O.querySelectorAll(".js-inspector-close").forEach(function(e){e.addEventListener("click",X)}),B.addEventListener("click",function(e){e.target===B&&X()}),document.addEventListener("keydown",Y),_&&_.addEventListener("click",function(){E&&E(W),X()})}var k=null;function L(){clearTimeout(null),k&&(k.remove(),k=null)}document.addEventListener("click",function(e){k&&!k.contains(e.target)&&L()}),window.Inspector={open:y,peek:function(t,s){L();var o=(s=s||{}).value,a=s.col||s.column||"Value",r=!!s.isBlob,i=!!s.isImage,c=!!s.isAudio,d=s.blobUrl||"",u=!!s.isJson||n(String(o)),b=null==o?"":String(o),m=document.createElement("div");m.className="fixed z-[110] w-80 max-w-sm rounded-2xl border border-base-300 bg-base-100/95 backdrop-blur-md shadow-2xl p-3.5 space-y-2.5 transform transition-all duration-150 animate-in fade-in zoom-in-95";var x=document.createElement("div");x.className="flex items-center justify-between gap-2 border-b border-base-200/80 pb-2 select-none",x.innerHTML='<div class="flex items-center gap-1.5 min-w-0">  <span class="text-xs font-bold font-mono text-primary truncate">'+e(a)+"</span>"+(r?'<span class="chip chip-type text-[9px]">BLOB</span>':u?'<span class="chip chip-type text-[9px]">JSON</span>':"")+'</div><div class="flex items-center gap-1">  <button type="button" class="btn btn-ghost btn-xs btn-circle js-peek-copy text-base-content/50 hover:text-base-content" title="Copy value">'+l+'</button>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-peek-open text-base-content/50 hover:text-base-content" title="Open in Inspector">↗</button>  <button type="button" class="btn btn-ghost btn-xs btn-circle js-peek-close text-base-content/40 hover:text-base-content">'+p+"</button></div>",m.appendChild(x);var f=document.createElement("div");if(f.className="text-xs max-h-48 overflow-y-auto font-mono select-text",i&&d)f.innerHTML='<div class="flex items-center justify-center bg-base-200/40 rounded-xl p-2"><img src="'+d+'" class="max-h-36 max-w-full rounded object-contain shadow-xs" alt="" /></div>';else if(c&&d)f.innerHTML='<div class="flex flex-col items-center justify-center p-2 bg-base-200/40 rounded-xl"><audio controls class="w-full max-w-xs" src="'+d+'"></audio></div>';else if(u)try{var v=JSON.parse(b);f.innerHTML='<pre class="text-[11px] leading-relaxed text-base-content/85 whitespace-pre-wrap break-all bg-base-200/40 p-2.5 rounded-xl border border-base-300/40">'+e(JSON.stringify(v,null,2))+"</pre>"}catch(t){f.innerHTML='<pre class="text-[11px] leading-relaxed text-base-content/80 whitespace-pre-wrap break-all">'+e(b)+"</pre>"}else f.innerHTML='<pre class="text-[11px] leading-relaxed text-base-content/80 whitespace-pre-wrap break-all bg-base-200/30 p-2.5 rounded-xl border border-base-300/40">'+e(b)+"</pre>";m.appendChild(f),document.body.appendChild(m),k=m;var h=t.getBoundingClientRect(),w=h.bottom+6,g=h.left;g+320>window.innerWidth&&(g=window.innerWidth-330),g<10&&(g=10),w+200>window.innerHeight&&(w=h.top-210),w<10&&(w=10),m.style.top=w+"px",m.style.left=g+"px",m.querySelector(".js-peek-copy").addEventListener("click",function(e){e.stopPropagation(),navigator.clipboard.writeText(b).then(function(){window.UI&&window.UI.showToast&&window.UI.showToast("Copied to clipboard.","info")})}),m.querySelector(".js-peek-open").addEventListener("click",function(e){e.stopPropagation(),L(),y(s)}),m.querySelector(".js-peek-close").addEventListener("click",function(e){e.stopPropagation(),L()}),m.addEventListener("mouseleave",function(){L()})},closePeek:L}}();

package/dist/public/js/query.js

@@ -1 +1 @@
-!function(){"use strict";const e=document.getElementById("query-sql"),t=document.getElementById("query-code"),n=document.getElementById("query-highlight"),s=document.getElementById("query-gutter"),r=document.getElementById("editor-cursor-pos"),o=document.getElementById("editor-stats"),i=document.getElementById("run-query"),a=document.getElementById("format-query"),l=document.getElementById("copy-query"),c=document.getElementById("clear-query"),d=document.getElementById("query-message"),u=document.getElementById("query-result"),p=document.getElementById("query-result-head"),m=document.getElementById("query-result-body"),f=document.getElementById("result-summary"),g=Array.prototype.slice.call(document.querySelectorAll("#save-query, #save-query-inline")),h=document.getElementById("save-query-name"),y=document.getElementById("saved-query-select"),x=document.getElementById("delete-query"),w=document.getElementById("export-csv"),v=document.getElementById("export-json");let b=[],E=null;const L=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e)},T=window.Utils?window.Utils.highlightSql:function(e){return L(e)};const I=new class{constructor(e=100){this.stack=[],this.index=-1,this.limit=e,this.lastRecordTime=0}record(e,t,n=250){const s=Date.now(),r=this.index>=0?this.stack[this.index]:null;if(r&&r.text===e)r.selection=t;else{if(r&&s-this.lastRecordTime<n&&1===Math.abs(e.length-r.text.length)&&!/\s|[;(),]/.test(e.slice(-1)))return r.text=e,r.selection=t,void(this.lastRecordTime=s);this.stack=this.stack.slice(0,this.index+1),this.stack.push({text:e,selection:t}),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 k(){return e?e.value:""}function q(){if(!e||!t)return;const n=e.value;t.innerHTML=T(n)+(n.endsWith("\n")?" ":""),R(),j(),S()}function S(){e&&(n&&(n.scrollTop=e.scrollTop,n.scrollLeft=e.scrollLeft),s&&(s.scrollTop=e.scrollTop))}function U(t,n=!0){if(e&&(e.value=t||"",q(),n)){const e=(t||"").length;I.record(t||"",{start:e,end:e},0)}}function R(){if(!e||!s)return;const t=e.value.split("\n"),n=Math.max(1,t.length);let r="";for(let e=1;e<=n;e++){const t=null!=E&&e===E;r+='<div class="sql-gutter-line'+(t?" has-error":"")+'" data-line="'+e+'" title="'+(t?"Error on line "+e:"Line "+e)+'">'+e+"</div>"}s.innerHTML=r,s.scrollTop=e.scrollTop}function j(){if(!e||!r)return;const t=e.value,n=e.selectionStart||0,s=e.selectionEnd||0,i=t.slice(0,n).split("\n"),a=i.length,l=i[i.length-1].length+1;if(r.textContent="Ln "+a+", Col "+l,o){const e=t.length,r=t.split("\n").length,i=Math.abs(s-n);o.textContent=i>0?e+" chars ("+i+" selected) · "+r+" lines":e+" chars · "+r+" lines"}}function B(t,n){if(!e)return;const s=e.value.split("\n"),r=Math.max(1,Math.min(s.length,t||1));let o=0;for(let e=0;e<r-1;e++)o+=s[e].length+1;n&&n>1&&(o+=Math.min(s[r-1].length,n-1)),e.focus(),e.setSelectionRange(o,o);e.scrollTop=Math.max(0,21*(r-3)),S(),j()}function M(e,t){if(!d)return;if(!e)return void(d.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"};d.innerHTML='<div class="flex items-start gap-2.5 rounded-xl border px-4 py-3 text-sm font-medium '+(n[t]||n.info)+'"><span>'+L(e)+"</span></div>"}function O(e){w&&(w.disabled=!e),v&&(v.disabled=!e)}async function N(e){const t=k().trim();if(t)try{const n=await fetch(Api.url("/api/query/export"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sql:t,format:e})});if(!n.ok){let e="Export failed ("+n.status+").";try{const t=await n.json();t&&t.error&&(e=t.error)}catch(e){}throw new Error(e)}const s=await n.blob(),r=(new Date).toISOString().replace(/[:.]/g,"-");window.Utils&&window.Utils.downloadBlob&&window.Utils.downloadBlob(s,"query-"+r+"."+e),window.UI&&UI.showToast&&UI.showToast("Exported as "+e.toUpperCase()+".","success")}catch(e){M(e.message,"error")}}a&&a.addEventListener("click",function(){const t=k();t.trim()&&(U(function(e){if(!e)return"";let t=e.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(e){const n=new RegExp("\\b"+e.replace(" ","\\s+")+"\\b","gi");t=t.replace(n,"\n"+e.toUpperCase())}),t.split("\n").map(function(e){return e.trim()}).filter(function(e){return e.length>0}).map(function(e){const t=e.toUpperCase();return t.startsWith("WHERE")||t.startsWith("AND")||t.startsWith("OR")||t.startsWith("JOIN")||t.startsWith("LEFT")||t.startsWith("RIGHT")||t.startsWith("INNER")||t.startsWith("ON")||t.startsWith("SET")||t.startsWith("VALUES")||t.startsWith("HAVING")||t.startsWith("ORDER")||t.startsWith("GROUP")||t.startsWith("LIMIT")||t.startsWith("OFFSET")?"  "+e:e}).join("\n")}(t)),e.focus(),window.UI&&UI.showToast&&UI.showToast("SQL formatted.","info"))}),l&&l.addEventListener("click",function(){const e=k();e.trim()&&navigator.clipboard.writeText(e).then(function(){window.UI&&UI.showToast&&UI.showToast("SQL copied to clipboard.","success")})}),c&&c.addEventListener("click",function(){U(""),E=null,M("","info"),e.focus()}),document.querySelectorAll(".js-snippet").forEach(function(t){t.addEventListener("click",function(n){n.preventDefault();const s=t.getAttribute("data-snippet");s&&(U(s.replace(/\\n/g,"\n")),E=null,M("","info"),e.focus())})}),s&&s.addEventListener("click",function(e){const t=e.target.closest(".sql-gutter-line");if(!t)return;const n=parseInt(t.dataset.line,10);n&&B(n,1)}),e&&(e.addEventListener("input",function(){E=null,q(),I.record(e.value,{start:e.selectionStart,end:e.selectionEnd},250)}),e.addEventListener("scroll",S),e.addEventListener("click",j),e.addEventListener("keyup",j),e.addEventListener("select",j),e.addEventListener("keydown",function(t){if((t.ctrlKey||t.metaKey)&&"z"===t.key.toLowerCase()&&!t.shiftKey)return t.preventDefault(),void function(){const t=I.undo();t&&(e.value=t.text,q(),t.selection&&e.setSelectionRange(t.selection.start,t.selection.end),e.focus(),E=null,R(),j())}();if((t.ctrlKey||t.metaKey)&&"y"===t.key.toLowerCase()||(t.ctrlKey||t.metaKey)&&t.shiftKey&&"z"===t.key.toLowerCase())return t.preventDefault(),void function(){const t=I.redo();t&&(e.value=t.text,q(),t.selection&&e.setSelectionRange(t.selection.start,t.selection.end),e.focus(),E=null,R(),j())}();if((t.ctrlKey||t.metaKey)&&"Enter"===t.key)return t.preventDefault(),void W();if("Enter"===t.key){t.preventDefault();const n=e.selectionStart,s=e.selectionEnd,r=(e.value.slice(0,n).split("\n").pop()||"").match(/^(\s+)/),o="\n"+(r?r[1]:"");return e.setRangeText(o,n,s,"end"),q(),void I.record(e.value,{start:e.selectionStart,end:e.selectionEnd},0)}if((t.ctrlKey||t.metaKey)&&"/"===t.key){t.preventDefault();const n=e.selectionStart,s=e.selectionEnd,r=e.value,o=r.lastIndexOf("\n",n-1)+1;let i=r.indexOf("\n",s);-1===i&&(i=r.length);const a=r.slice(o,i).split("\n"),l=a.every(function(e){return e.trim().startsWith("--")}),c=a.map(function(e){return l?e.replace(/^(\s*)--\s?/,"$1"):e?"-- "+e:e}).join("\n");return e.setRangeText(c,o,i,"preserve"),e.setSelectionRange(o,o+c.length),q(),void I.record(e.value,{start:o,end:o+c.length},0)}if("Tab"===t.key){t.preventDefault();const n=e.selectionStart,s=e.selectionEnd,r=e.value;if(n!==s||t.shiftKey){const o=r.lastIndexOf("\n",n-1)+1;let i=r.indexOf("\n",s);-1===i&&(i=r.length);const a=r.slice(o,i).split("\n").map(function(e){return t.shiftKey?e.replace(/^(  |\t| )/,""):"  "+e}).join("\n");e.setRangeText(a,o,i,"preserve"),e.setSelectionRange(o,o+a.length),q(),I.record(e.value,{start:o,end:o+a.length},0)}else e.setRangeText("  ",n,s,"end"),q(),I.record(e.value,{start:e.selectionStart,end:e.selectionEnd},0);return}})),w&&w.addEventListener("click",()=>N("csv")),v&&v.addEventListener("click",()=>N("json"));const C=window.Utils?window.Utils.isJson:function(e){return!1},A=window.Utils?window.Utils.isHexBlob:function(e){return!1};if(m){let e=null;m.addEventListener("click",function(e){const t=e.target.closest(".js-query-inspect"),n=e.target.closest(".js-query-cell");if(!t&&(!n||e.detail<2&&!e.altKey))return;const s=t?t.closest(".js-query-cell"):n;if(!s)return;const r=s.dataset.col||"Result",o=s.dataset.value||"",i="true"===s.dataset.blob,a="true"===s.dataset.json;window.Inspector&&window.Inspector.open&&window.Inspector.open({col:r,value:o,isNull:!1,isBlob:i,isJson:a,readonly:!0})}),m.addEventListener("mouseover",function(t){const n=t.target.closest(".js-query-cell");n&&(clearTimeout(e),e=setTimeout(function(){const e=n.dataset.value||"";if(!e||e.length<30)return;const t=n.dataset.col||"Result",s="true"===n.dataset.blob,r="true"===n.dataset.json;window.Inspector&&window.Inspector.peek&&window.Inspector.peek(n,{col:t,value:e,isBlob:s,isJson:r,readonly:!0})},450))}),m.addEventListener("mouseout",function(t){clearTimeout(e)})}function H(e,t){p.innerHTML="",m.innerHTML='<tr><td class="px-4 py-8 text-center"><p class="text-2xl font-extrabold text-primary">'+L(e)+'</p><p class="mt-1 text-sm text-base-content/45">'+L(t)+"</p></td></tr>"}function D(e){f&&(f.textContent=e)}async function W(){const e=k().trim();if(!e)return void M("Enter a SQL statement first.","warning");if(function(e){var t=e.replace(/--.*$/gm,"").replace(/\/\*[\s\S]*?\*\//g,"").trim();return!!/\b(drop\s+(table|view|index|trigger)|truncate\b)/i.test(t)||!(!/\bdelete\s+from\b/i.test(t)||/\bwhere\b/i.test(t))}(e)){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">'+L(e.length>350?e.slice(0,350)+"…":e)+"</pre>",confirmText:"Execute anyway",danger:!0}))return}E=null,R(),d.innerHTML="",u.classList.add("hidden"),O(!1);const t=i?i.innerHTML:"";i&&(i.disabled=!0,i.innerHTML='<span class="loading loading-spinner loading-xs"></span> Running…');const n=performance.now();try{const t=await Api.post("/api/query",{sql:e}),o=Math.max(1,Math.round(performance.now()-n));u.classList.remove("hidden"),u.classList.remove("js-result-slide"),u.offsetWidth,u.classList.add("js-result-slide"),"count"===t.kind?(H(String(t.count),"count"),D("Count query · "+o+"ms")):"select"===t.kind?(s=t.columns,r=t.rows,p.innerHTML="<tr>"+s.map(e=>'<th class="whitespace-nowrap font-semibold"><span class="font-mono normal-case">'+L(e)+"</span></th>").join("")+"</tr>",r.length?m.innerHTML=r.map(e=>'<tr class="hover:bg-primary/[0.04]">'+s.map(t=>{const n=e[t];if(null==n)return'<td class="align-middle"><span class="chip chip-null">NULL</span></td>';const s=String(n),r=C(s),o=A(s),i=s.length>140?s.slice(0,140)+"…":s;return r?'<td class="max-w-xs align-middle js-query-cell" data-col="'+L(t)+'" data-value="'+L(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">'+L(i)+'</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>':o?'<td class="max-w-xs align-middle js-query-cell" data-col="'+L(t)+'" data-value="'+L(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">'+L(i)+'</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="'+L(t)+'" data-value="'+L(s)+'"><div class="flex items-center justify-between gap-1 group/cell"><span class="truncate font-mono text-[13px]" title="'+L(s)+'">'+L(i)+"</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(""):m.innerHTML='<tr><td colspan="'+Math.max(1,s.length)+'" class="py-10 text-center text-base-content/45">No rows returned.</td></tr>',D(t.rows.length+" row(s) · "+o+"ms"),O(!0)):(H(t.message||"Statement executed.","write"),D(null!=t.changes?t.changes+" row(s) affected · "+o+"ms":o+"ms")),setTimeout(function(){u.scrollIntoView({behavior:"smooth",block:"nearest"})},50)}catch(e){u.classList.add("hidden"),function(e){if(!d)return;const t=e&&e.details,n=e&&e.message||t&&t.message||"Query failed.";if(!t||!t.snippet&&!t.cause&&!t.suggestion)return void M(n,"error");E=t.line||null,R();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">'+L(n)+"</span>",s+="</div>",t.line&&(s+='<div class="flex items-center gap-1.5">',s+='<span class="badge badge-sm badge-error font-mono font-bold">Line '+t.line+(t.column?", Col "+t.column:"")+"</span>",s+='<button type="button" class="btn btn-xs btn-outline btn-error js-jump-err-line" data-line="'+t.line+'" data-col="'+(t.column||1)+'">Jump to line</button>',s+="</div>"),s+="</div>",t.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">'+L(t.snippet)+"</pre>",s+="</div>"),(t.cause||t.suggestion)&&(s+='<div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 pt-1">',t.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">'+L(t.cause)+"</p>",s+="</div>"),t.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">'+L(t.suggestion)+"</p>",s+="</div>"),s+="</div>"),s+="</div>",d.innerHTML=s;const r=d.querySelector(".js-jump-err-line");r&&r.addEventListener("click",function(){B(parseInt(r.dataset.line,10),parseInt(r.dataset.col,10))})}(e),setTimeout(function(){d.scrollIntoView({behavior:"smooth",block:"nearest"})},50)}finally{i&&(i.disabled=!1,i.innerHTML=t)}var s,r}async function K(e){try{b=await Api.get("/api/queries")}catch(e){b=[]}y.innerHTML='<option value="">— select a saved query —</option>'+b.map(t=>'<option value="'+t.id+'"'+(e&&t.name===e?" selected":"")+">"+L(t.name)+"</option>").join(""),x.disabled=!0}async function J(){const e=k().trim(),t=h.value.trim();if(e)if(t)try{await Api.post("/api/queries",{name:t,sql:e}),window.UI&&UI.showToast&&UI.showToast("Query saved.","success"),await K(t)}catch(e){M(e.message,"error")}else M("Give the query a name.","warning");else M("Write some SQL before saving.","warning")}i&&i.addEventListener("click",W),g.forEach(e=>e.addEventListener("click",J)),y&&y.addEventListener("change",()=>{const t=y.value;if(x.disabled=!t,!t)return;const n=b.find(e=>String(e.id)===String(t));n&&(U(n.sql),h.value=n.name,E=null,M('Loaded "'+n.name+'".',"info"),e.focus())}),x&&x.addEventListener("click",async function(){const e=y.value;if(!e)return;const t=b.find(t=>String(t.id)===String(e)),n=t?t.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/"+e),window.UI&&UI.showToast&&UI.showToast("Query deleted.","success"),await K()}catch(e){M(e.message,"error")}});const Q=k();Q?U(Q,!0):I.record("",{start:0,end:0},0),q()}();
+!function(){"use strict";const e=encodeURIComponent(window.APP&&window.APP.dbId||""),t=document.getElementById("query-sql"),n=document.getElementById("query-code"),s=document.getElementById("query-highlight"),o=document.getElementById("query-gutter"),r=document.getElementById("editor-cursor-pos"),i=document.getElementById("editor-stats"),a=document.getElementById("run-query"),l=document.getElementById("format-query"),c=document.getElementById("copy-query"),d=document.getElementById("clear-query"),u=document.getElementById("query-message"),p=document.getElementById("query-result"),m=document.getElementById("query-result-head"),f=document.getElementById("query-result-body"),g=document.getElementById("result-summary"),h=Array.prototype.slice.call(document.querySelectorAll("#save-query, #save-query-inline")),w=document.getElementById("save-query-name"),y=document.getElementById("saved-query-select"),x=document.getElementById("delete-query"),v=document.getElementById("export-csv"),b=document.getElementById("export-json");let E=[],I=null;const L=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e)},T=window.Utils?window.Utils.highlightSql:function(e){return L(e)};const k=new class{constructor(e=100){this.stack=[],this.index=-1,this.limit=e,this.lastRecordTime=0}record(e,t,n=250){const s=Date.now(),o=this.index>=0?this.stack[this.index]:null;if(o&&o.text===e)o.selection=t;else{if(o&&s-this.lastRecordTime<n&&1===Math.abs(e.length-o.text.length)&&!/\s|[;(),]/.test(e.slice(-1)))return o.text=e,o.selection=t,void(this.lastRecordTime=s);this.stack=this.stack.slice(0,this.index+1),this.stack.push({text:e,selection:t}),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 q(){return t?t.value:""}function S(){if(!t||!n)return;const e=t.value;n.innerHTML=T(e)+(e.endsWith("\n")?" ":""),j(),B(),U()}function U(){t&&(s&&(s.scrollTop=t.scrollTop,s.scrollLeft=t.scrollLeft),o&&(o.scrollTop=t.scrollTop))}function R(e,n=!0){if(t&&(t.value=e||"",S(),n)){const t=(e||"").length;k.record(e||"",{start:t,end:t},0)}}function j(){if(!t||!o)return;const e=t.value.split("\n"),n=Math.max(1,e.length);let s="";for(let e=1;e<=n;e++){const t=null!=I&&e===I;s+='<div class="sql-gutter-line'+(t?" has-error":"")+'" data-line="'+e+'" title="'+(t?"Error on line "+e:"Line "+e)+'">'+e+"</div>"}o.innerHTML=s,o.scrollTop=t.scrollTop}function B(){if(!t||!r)return;const e=t.value,n=t.selectionStart||0,s=t.selectionEnd||0,o=e.slice(0,n).split("\n"),a=o.length,l=o[o.length-1].length+1;if(r.textContent="Ln "+a+", Col "+l,i){const t=e.length,o=e.split("\n").length,r=Math.abs(s-n);i.textContent=r>0?t+" chars ("+r+" selected) · "+o+" lines":t+" chars · "+o+" lines"}}function M(e,n){if(!t)return;const s=t.value.split("\n"),o=Math.max(1,Math.min(s.length,e||1));let r=0;for(let e=0;e<o-1;e++)r+=s[e].length+1;n&&n>1&&(r+=Math.min(s[o-1].length,n-1)),t.focus(),t.setSelectionRange(r,r);t.scrollTop=Math.max(0,21*(o-3)),U(),B()}function O(e,t){if(!u)return;if(!e)return void(u.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"};u.innerHTML='<div class="flex items-start gap-2.5 rounded-xl border px-4 py-3 text-sm font-medium '+(n[t]||n.info)+'"><span>'+L(e)+"</span></div>"}function N(e){v&&(v.disabled=!e),b&&(b.disabled=!e)}async function A(t){const n=q().trim();if(n)try{const s=await fetch(Api.url("/api/query/"+e+"/export"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sql:n,format:t})});if(!s.ok){let e="Export failed ("+s.status+").";try{const t=await s.json();t&&t.error&&(e=t.error)}catch(e){}throw new Error(e)}const o=await s.blob(),r=(new Date).toISOString().replace(/[:.]/g,"-");window.Utils&&window.Utils.downloadBlob&&window.Utils.downloadBlob(o,"query-"+r+"."+t),window.UI&&UI.showToast&&UI.showToast("Exported as "+t.toUpperCase()+".","success")}catch(e){O(e.message,"error")}}l&&l.addEventListener("click",function(){const e=q();e.trim()&&(R(function(e){if(!e)return"";let t=e.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(e){const n=new RegExp("\\b"+e.replace(" ","\\s+")+"\\b","gi");t=t.replace(n,"\n"+e.toUpperCase())}),t.split("\n").map(function(e){return e.trim()}).filter(function(e){return e.length>0}).map(function(e){const t=e.toUpperCase();return t.startsWith("WHERE")||t.startsWith("AND")||t.startsWith("OR")||t.startsWith("JOIN")||t.startsWith("LEFT")||t.startsWith("RIGHT")||t.startsWith("INNER")||t.startsWith("ON")||t.startsWith("SET")||t.startsWith("VALUES")||t.startsWith("HAVING")||t.startsWith("ORDER")||t.startsWith("GROUP")||t.startsWith("LIMIT")||t.startsWith("OFFSET")?"  "+e:e}).join("\n")}(e)),t.focus(),window.UI&&UI.showToast&&UI.showToast("SQL formatted.","info"))}),c&&c.addEventListener("click",function(){const e=q();e.trim()&&navigator.clipboard.writeText(e).then(function(){window.UI&&UI.showToast&&UI.showToast("SQL copied to clipboard.","success")})}),d&&d.addEventListener("click",function(){R(""),I=null,O("","info"),t.focus()}),document.querySelectorAll(".js-snippet").forEach(function(e){e.addEventListener("click",function(n){n.preventDefault();const s=e.getAttribute("data-snippet");s&&(R(s.replace(/\\n/g,"\n")),I=null,O("","info"),t.focus())})}),o&&o.addEventListener("click",function(e){const t=e.target.closest(".sql-gutter-line");if(!t)return;const n=parseInt(t.dataset.line,10);n&&M(n,1)}),t&&(t.addEventListener("input",function(){I=null,S(),k.record(t.value,{start:t.selectionStart,end:t.selectionEnd},250)}),t.addEventListener("scroll",U),t.addEventListener("click",B),t.addEventListener("keyup",B),t.addEventListener("select",B),t.addEventListener("keydown",function(e){if((e.ctrlKey||e.metaKey)&&"z"===e.key.toLowerCase()&&!e.shiftKey)return e.preventDefault(),void function(){const e=k.undo();e&&(t.value=e.text,S(),e.selection&&t.setSelectionRange(e.selection.start,e.selection.end),t.focus(),I=null,j(),B())}();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=k.redo();e&&(t.value=e.text,S(),e.selection&&t.setSelectionRange(e.selection.start,e.selection.end),t.focus(),I=null,j(),B())}();if((e.ctrlKey||e.metaKey)&&"Enter"===e.key)return e.preventDefault(),void K();if("Enter"===e.key){e.preventDefault();const n=t.selectionStart,s=t.selectionEnd,o=(t.value.slice(0,n).split("\n").pop()||"").match(/^(\s+)/),r="\n"+(o?o[1]:"");return t.setRangeText(r,n,s,"end"),S(),void k.record(t.value,{start:t.selectionStart,end:t.selectionEnd},0)}if((e.ctrlKey||e.metaKey)&&"/"===e.key){e.preventDefault();const n=t.selectionStart,s=t.selectionEnd,o=t.value,r=o.lastIndexOf("\n",n-1)+1;let i=o.indexOf("\n",s);-1===i&&(i=o.length);const a=o.slice(r,i).split("\n"),l=a.every(function(e){return e.trim().startsWith("--")}),c=a.map(function(e){return l?e.replace(/^(\s*)--\s?/,"$1"):e?"-- "+e:e}).join("\n");return t.setRangeText(c,r,i,"preserve"),t.setSelectionRange(r,r+c.length),S(),void k.record(t.value,{start:r,end:r+c.length},0)}if("Tab"===e.key){e.preventDefault();const n=t.selectionStart,s=t.selectionEnd,o=t.value;if(n!==s||e.shiftKey){const r=o.lastIndexOf("\n",n-1)+1;let i=o.indexOf("\n",s);-1===i&&(i=o.length);const a=o.slice(r,i).split("\n").map(function(t){return e.shiftKey?t.replace(/^(  |\t| )/,""):"  "+t}).join("\n");t.setRangeText(a,r,i,"preserve"),t.setSelectionRange(r,r+a.length),S(),k.record(t.value,{start:r,end:r+a.length},0)}else t.setRangeText("  ",n,s,"end"),S(),k.record(t.value,{start:t.selectionStart,end:t.selectionEnd},0);return}})),v&&v.addEventListener("click",()=>A("csv")),b&&b.addEventListener("click",()=>A("json"));const C=window.Utils?window.Utils.isJson:function(e){return!1},H=window.Utils?window.Utils.isHexBlob:function(e){return!1};if(f){let e=null;f.addEventListener("click",function(e){const t=e.target.closest(".js-query-inspect"),n=e.target.closest(".js-query-cell");if(!t&&(!n||e.detail<2&&!e.altKey))return;const s=t?t.closest(".js-query-cell"):n;if(!s)return;const o=s.dataset.col||"Result",r=s.dataset.value||"",i="true"===s.dataset.blob,a="true"===s.dataset.json;window.Inspector&&window.Inspector.open&&window.Inspector.open({col:o,value:r,isNull:!1,isBlob:i,isJson:a,readonly:!0})}),f.addEventListener("mouseover",function(t){const n=t.target.closest(".js-query-cell");n&&(clearTimeout(e),e=setTimeout(function(){const e=n.dataset.value||"";if(!e||e.length<30)return;const t=n.dataset.col||"Result",s="true"===n.dataset.blob,o="true"===n.dataset.json;window.Inspector&&window.Inspector.peek&&window.Inspector.peek(n,{col:t,value:e,isBlob:s,isJson:o,readonly:!0})},450))}),f.addEventListener("mouseout",function(t){clearTimeout(e)})}function D(e,t){m.innerHTML="",f.innerHTML='<tr><td class="px-4 py-8 text-center"><p class="text-2xl font-extrabold text-primary">'+L(e)+'</p><p class="mt-1 text-sm text-base-content/45">'+L(t)+"</p></td></tr>"}function W(e){g&&(g.textContent=e)}async function K(){const t=q().trim();if(!t)return void O("Enter a SQL statement first.","warning");if(function(e){var t=e.replace(/--.*$/gm,"").replace(/\/\*[\s\S]*?\*\//g,"").trim();return!!/\b(drop\s+(table|view|index|trigger)|truncate\b)/i.test(t)||!(!/\bdelete\s+from\b/i.test(t)||/\bwhere\b/i.test(t))}(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">'+L(t.length>350?t.slice(0,350)+"…":t)+"</pre>",confirmText:"Execute anyway",danger:!0}))return}I=null,j(),u.innerHTML="",p.classList.add("hidden"),N(!1);const n=a?a.innerHTML:"";a&&(a.disabled=!0,a.innerHTML='<span class="loading loading-spinner loading-xs"></span> Running…');const s=performance.now();try{const n=await Api.post("/api/query/"+e,{sql:t}),i=Math.max(1,Math.round(performance.now()-s));p.classList.remove("hidden"),p.classList.remove("js-result-slide"),p.offsetWidth,p.classList.add("js-result-slide"),"count"===n.kind?(D(String(n.count),"count"),W("Count query · "+i+"ms")):"select"===n.kind?(o=n.columns,r=n.rows,m.innerHTML="<tr>"+o.map(e=>'<th class="whitespace-nowrap font-semibold"><span class="font-mono normal-case">'+L(e)+"</span></th>").join("")+"</tr>",r.length?f.innerHTML=r.map(e=>'<tr class="hover:bg-primary/[0.04]">'+o.map(t=>{const n=e[t];if(null==n)return'<td class="align-middle"><span class="chip chip-null">NULL</span></td>';const s=String(n),o=C(s),r=H(s),i=s.length>140?s.slice(0,140)+"…":s;return o?'<td class="max-w-xs align-middle js-query-cell" data-col="'+L(t)+'" data-value="'+L(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">'+L(i)+'</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>':r?'<td class="max-w-xs align-middle js-query-cell" data-col="'+L(t)+'" data-value="'+L(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">'+L(i)+'</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="'+L(t)+'" data-value="'+L(s)+'"><div class="flex items-center justify-between gap-1 group/cell"><span class="truncate font-mono text-[13px]" title="'+L(s)+'">'+L(i)+"</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(""):f.innerHTML='<tr><td colspan="'+Math.max(1,o.length)+'" class="py-10 text-center text-base-content/45">No rows returned.</td></tr>',W(n.rows.length+" row(s) · "+i+"ms"),N(!0)):(D(n.message||"Statement executed.","write"),W(null!=n.changes?n.changes+" row(s) affected · "+i+"ms":i+"ms")),setTimeout(function(){p.scrollIntoView({behavior:"smooth",block:"nearest"})},50)}catch(e){p.classList.add("hidden"),function(e){if(!u)return;const t=e&&e.details,n=e&&e.message||t&&t.message||"Query failed.";if(!t||!t.snippet&&!t.cause&&!t.suggestion)return void O(n,"error");I=t.line||null,j();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">'+L(n)+"</span>",s+="</div>",t.line&&(s+='<div class="flex items-center gap-1.5">',s+='<span class="badge badge-sm badge-error font-mono font-bold">Line '+t.line+(t.column?", Col "+t.column:"")+"</span>",s+='<button type="button" class="btn btn-xs btn-outline btn-error js-jump-err-line" data-line="'+t.line+'" data-col="'+(t.column||1)+'">Jump to line</button>',s+="</div>"),s+="</div>",t.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">'+L(t.snippet)+"</pre>",s+="</div>"),(t.cause||t.suggestion)&&(s+='<div class="grid grid-cols-1 md:grid-cols-2 gap-2.5 pt-1">',t.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">'+L(t.cause)+"</p>",s+="</div>"),t.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">'+L(t.suggestion)+"</p>",s+="</div>"),s+="</div>"),s+="</div>",u.innerHTML=s;const o=u.querySelector(".js-jump-err-line");o&&o.addEventListener("click",function(){M(parseInt(o.dataset.line,10),parseInt(o.dataset.col,10))})}(e),setTimeout(function(){u.scrollIntoView({behavior:"smooth",block:"nearest"})},50)}finally{a&&(a.disabled=!1,a.innerHTML=n)}var o,r}async function J(t){try{E=await Api.get("/api/queries/"+e)}catch(e){E=[]}y.innerHTML='<option value="">— select a saved query —</option>'+E.map(e=>'<option value="'+e.id+'"'+(t&&e.name===t?" selected":"")+">"+L(e.name)+"</option>").join(""),x.disabled=!0}async function P(){const t=q().trim(),n=w.value.trim();if(t)if(n)try{await Api.post("/api/queries/"+e,{name:n,sql:t}),window.UI&&UI.showToast&&UI.showToast("Query saved.","success"),await J(n)}catch(e){O(e.message,"error")}else O("Give the query a name.","warning");else O("Write some SQL before saving.","warning")}a&&a.addEventListener("click",K),h.forEach(e=>e.addEventListener("click",P)),y&&y.addEventListener("change",()=>{const e=y.value;if(x.disabled=!e,!e)return;const n=E.find(t=>String(t.id)===String(e));n&&(R(n.sql),w.value=n.name,I=null,O('Loaded "'+n.name+'".',"info"),t.focus())}),x&&x.addEventListener("click",async function(){const t=y.value;if(!t)return;const n=E.find(e=>String(e.id)===String(t)),s=n?n.name:"Saved query";if(await UI.confirm({title:"Delete Saved Query",message:'Are you sure you want to delete the saved query "'+s+'"?',item:s,itemType:"Saved Query",confirmText:"Delete query",danger:!0}))try{await Api.del("/api/queries/"+e+"/"+t),window.UI&&UI.showToast&&UI.showToast("Query deleted.","success"),await J()}catch(e){O(e.message,"error")}});const Q=q();Q?R(Q,!0):k.record("",{start:0,end:0},0),S()}();

package/dist/public/js/schema.js

@@ -1 +1 @@
-!function(){"use strict";const e=document.getElementById("schema-config");if(!e)return;const t=JSON.parse(e.textContent),l=(window.Utils?window.Utils.isPostgres(t&&t.dialect):window.APP&&"postgres"===window.APP.dialect||t&&t.dialect,window.Utils?window.Utils.getDesignerTypes(t&&t.dialect):["TEXT","INTEGER","REAL","BLOB","BOOLEAN"]),n=window.Utils?window.Utils.NAME_REGEX:/^[A-Za-z_][A-Za-z0-9_$]*$/,a=encodeURIComponent(t.table),c=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e)};function s(e,t){e.classList.remove("hidden"),e.innerHTML='<div class="flex items-start gap-2.5 rounded-xl border border-error/40 bg-error/10 px-4 py-3 text-sm font-medium text-error"><span>'+c(t)+"</span></div>"}const o=document.getElementById("table-rename-input"),i=document.getElementById("rename-table");async function d(){const e=(o.value||"").trim();if(!e)return UI.showError("Table name is required.");if(e===t.table)return UI.showToast("Name unchanged.","info");try{const t=await Api.post("/api/tables/"+a+"/rename",{name:e});UI.showToast(t.message||"Table renamed.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/tables/"+encodeURIComponent(e)+"/schema"},400)}catch(e){UI.showError(e.message)}}i&&i.addEventListener("click",d),o&&o.addEventListener("keydown",e=>{"Enter"===e.key&&d()});const r=document.getElementById("add-column"),u=document.getElementById("add-column-panel"),p=document.getElementById("add-column-form"),m=document.getElementById("add-column-error"),f=document.getElementById("add-column-submit"),b=document.getElementById("add-column-cancel");let y=[];async function h(){try{const e=await Api.get("/api/tables");y=e.map(e=>e.name).filter(e=>"_"!==e.charAt(0))}catch(e){y=[]}}function x(e){const t=(e||"TEXT").toUpperCase(),n=[...l];return e&&!n.map(e=>e.toUpperCase()).includes(t)&&n.unshift(e),n.map(e=>'<option value="'+c(e)+'"'+(e.toUpperCase()===t?" selected":"")+">"+c(e)+"</option>").join("")}r&&r.addEventListener("click",async()=>{g&&g.classList.add("hidden"),u.classList.toggle("hidden"),u.classList.contains("hidden")||(m.classList.add("hidden"),await async function(){y.length||await h(),p.innerHTML="",p.innerHTML=['<div class="col-span-2 sm:col-span-3"><label class="field-label">Name</label><input class="field-input ac-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 ac-type">'+x("TEXT")+"</select></div>",'<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label><select class="field-select ac-fk-table"><option value="">— none —</option>'+y.map(e=>"<option>"+c(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 ac-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 ac-default" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>','<div class="col-span-2 flex items-end gap-1.5 pb-0.5 sm:col-span-1">','<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-xs ac-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 ac-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 ac-unique"><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',"</div>"].join("");const e=p.querySelector(".ac-fk-table"),t=p.querySelector(".ac-fk-col");e.addEventListener("change",async()=>{t.innerHTML='<option value="">—</option>';const l=e.value;if(l)try{const e=await Api.get("/api/tables/"+encodeURIComponent(l)+"/info");t.innerHTML='<option value="">—</option>'+e.columns.map(e=>"<option>"+c(e.name)+"</option>").join("")}catch(e){}})}())}),b&&b.addEventListener("click",()=>{u.classList.add("hidden"),p.innerHTML=""}),f&&f.addEventListener("click",async function(){m.classList.add("hidden");const e=(p.querySelector(".ac-name").value||"").trim();if(!e)return s(m,"Column name is required.");if(!n.test(e))return s(m,'Invalid column name: "'+e+'". Use letters, digits and underscores.');const t=p.querySelector(".ac-fk-table").value,l=p.querySelector(".ac-fk-col").value,c={name:e,type:p.querySelector(".ac-type").value,primaryKey:p.querySelector(".ac-pk").checked,notNull:p.querySelector(".ac-notnull").checked,unique:p.querySelector(".ac-unique").checked,defaultValue:p.querySelector(".ac-default").value.trim()||null,foreignKey:t&&l?{table:t,column:l}:null};try{const e=await Api.post("/api/tables/"+a+"/columns",{column:c});UI.showToast(e.message||"Column added.","success"),window.location.reload()}catch(e){s(m,e.message)}});const g=document.getElementById("edit-column-panel"),v=document.getElementById("edit-column-form"),k=document.getElementById("edit-column-error"),E=document.getElementById("edit-column-submit"),w=document.getElementById("edit-column-cancel"),I=document.getElementById("edit-column-target");let T=null;w&&w.addEventListener("click",()=>{g.classList.add("hidden"),v.innerHTML="",T=null}),E&&E.addEventListener("click",async function(){if(!T)return;k.classList.add("hidden");const e=(v.querySelector(".ec-name").value||"").trim();if(!e)return s(k,"Column name is required.");if(!n.test(e))return s(k,'Invalid column name: "'+e+'". Use letters, digits and underscores.');const t=v.querySelector(".ec-fk-table").value,l=v.querySelector(".ec-fk-col").value,c={name:e,type:v.querySelector(".ec-type").value,primaryKey:v.querySelector(".ec-pk").checked,notNull:v.querySelector(".ec-notnull").checked,unique:v.querySelector(".ec-unique").checked,defaultValue:v.querySelector(".ec-default").value.trim()||null,foreignKey:t&&l?{table:t,column:l}:null};E&&(E.disabled=!0);try{const e=await Api.put("/api/tables/"+a+"/columns/"+encodeURIComponent(T),{column:c});UI.showToast(e.message||"Column updated.","success"),window.location.reload()}catch(e){s(k,e.message)}finally{E&&(E.disabled=!1)}}),document.querySelectorAll(".col-edit").forEach(e=>{e.addEventListener("click",()=>{!async function(e){if(!g||!v)return;u&&u.classList.add("hidden"),y.length||await h(),T=e.name,I&&(I.textContent='"'+e.name+'"'),k.classList.add("hidden"),v.innerHTML=['<div class="col-span-2 sm:col-span-3"><label class="field-label">Name</label><input class="field-input ec-name" value="'+c(e.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 ec-type">'+x(e.type)+"</select></div>",'<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label><select class="field-select ec-fk-table"><option value="">— none —</option>'+y.map(t=>'<option value="'+c(t)+'"'+(e.fkTable===t?" selected":"")+">"+c(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 ec-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 ec-default" value="'+c(e.defaultValue||"")+'" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>','<div class="col-span-2 flex items-end gap-1.5 pb-0.5 sm:col-span-1">','<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-xs ec-pk"'+(e.primaryKey?" checked":"")+'><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 ec-notnull"'+(e.notNull?" checked":"")+'><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 ec-unique"'+(e.unique?" checked":"")+'><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',"</div>"].join("");const t=v.querySelector(".ec-fk-table"),l=v.querySelector(".ec-fk-col");async function n(e,t){if(l.innerHTML='<option value="">—</option>',e)try{const n=await Api.get("/api/tables/"+encodeURIComponent(e)+"/info");l.innerHTML='<option value="">—</option>'+n.columns.map(e=>'<option value="'+c(e.name)+'"'+(e.name===t?" selected":"")+">"+c(e.name)+"</option>").join("")}catch(e){}}e.fkTable&&await n(e.fkTable,e.fkTo),t.addEventListener("change",()=>n(t.value,"")),g.classList.remove("hidden"),g.scrollIntoView({behavior:"smooth",block:"nearest"})}({name:e.dataset.column||"",type:e.dataset.type||"TEXT",primaryKey:"true"===e.dataset.pk,notNull:"true"===e.dataset.notnull,unique:"true"===e.dataset.unique,defaultValue:e.dataset.default||"",fkTable:e.dataset.fkTable||"",fkTo:e.dataset.fkTo||""})})}),document.querySelectorAll(".col-drop").forEach(e=>{e.addEventListener("click",async()=>{const l=e.closest("tr");if(!l)return;const n=l.querySelector(".col-name-cell"),c=n?n.dataset.column:"";if(!c)return;await UI.confirm({title:"Drop Column",message:'Dropping column "'+c+'" will permanently delete all data stored in this column for all rows in table "'+t.table+'". This action cannot be undone.',item:c,itemType:"Column",confirmText:"Drop column",danger:!0})&&Api.del("/api/tables/"+a+"/columns/"+encodeURIComponent(c)).then(e=>{UI.showToast(e.message||"Column dropped.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})});const L=document.getElementById("drop-table");L&&L.addEventListener("click",async()=>{await UI.confirm({title:"Drop Table",message:'Dropping table "'+t.table+'" permanently erases the table schema, all indexes, and all stored records. This action cannot be undone.',item:t.table,itemType:"Table",requireInputMatch:t.table,confirmText:"Drop table",danger:!0})&&Api.del("/api/tables/"+a).then(()=>{UI.showToast("Table dropped.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/"},400)}).catch(e=>UI.showError(e.message))});const q=document.getElementById("add-index"),U=document.getElementById("add-index-panel"),S=document.getElementById("index-name"),A=document.getElementById("index-unique"),B=document.getElementById("add-index-error"),C=document.getElementById("add-index-submit"),N=document.getElementById("add-index-cancel"),M=document.getElementById("index-preview"),R=document.getElementById("index-preview-code"),P=Array.prototype.slice.call(document.querySelectorAll(".index-col-btn"));let D=[];function K(){if(!M||!R)return;const e=D.slice(),l=(S.value||"").trim(),n=A&&A.checked?"UNIQUE ":"";if(!e.length)return M.classList.add("hidden"),void(R.textContent="");const a=l||"idx_"+t.table+"_"+e.join("_");R.textContent="CREATE "+n+'INDEX "'+a+'" ON "'+t.table+'" ('+e.map(e=>'"'+e+'"').join(", ")+");",M.classList.remove("hidden")}P.forEach(e=>e.addEventListener("click",()=>function(e){const t=e.dataset.column,l=D.indexOf(t),n=e.querySelector(".index-col-num");-1!==l?(D.splice(l,1),e.classList.remove("border-primary","bg-primary/10"),n&&n.classList.add("hidden")):(D.push(t),e.classList.add("border-primary","bg-primary/10"),n&&n.classList.remove("hidden")),D.forEach((e,t)=>{const l=P.find(t=>t.dataset.column===e),n=l&&l.querySelector(".index-col-num");n&&(n.textContent=String(t+1))}),K()}(e))),S&&S.addEventListener("input",K),A&&A.addEventListener("change",K),q&&U&&q.addEventListener("click",()=>{U.classList.toggle("hidden"),U.classList.contains("hidden")||(B.classList.add("hidden"),S.focus(),K())}),N&&N.addEventListener("click",()=>{U.classList.add("hidden"),B.classList.add("hidden")}),C&&C.addEventListener("click",async()=>{B.classList.add("hidden");const e=D.slice();if(!e.length)return s(B,"Select at least one column for the index.");const t={columns:e,unique:!(!A||!A.checked)},l=(S.value||"").trim();l&&(t.name=l),C.disabled=!0;try{const e=await Api.post("/api/tables/"+a+"/indexes",t);UI.showToast(e.message||"Index created.","success"),window.location.reload()}catch(e){s(B,e.message)}finally{C.disabled=!1}}),document.querySelectorAll(".index-drop").forEach(e=>{e.addEventListener("click",async()=>{const l=e.dataset.index;if(!l)return;await UI.confirm({title:"Drop Index",message:'Are you sure you want to permanently drop index "'+l+'" on table "'+t.table+'"?',item:l,itemType:"Index",confirmText:"Drop index",danger:!0})&&Api.del("/api/tables/"+a+"/indexes/"+encodeURIComponent(l)).then(e=>{UI.showToast(e.message||"Index dropped.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})}),h()}();
+!function(){"use strict";const e=document.getElementById("schema-config");if(!e)return;const t=JSON.parse(e.textContent),n=(window.Utils?window.Utils.isPostgres(t&&t.dialect):window.APP&&"postgres"===window.APP.dialect||t&&t.dialect,window.Utils?window.Utils.getDesignerTypes(t&&t.dialect):["TEXT","INTEGER","REAL","BLOB","BOOLEAN"]),l=window.Utils?window.Utils.NAME_REGEX:/^[A-Za-z_][A-Za-z0-9_$]*$/,a=encodeURIComponent(window.APP&&window.APP.dbId||t&&t.dbId||""),c=encodeURIComponent(t.table),s=window.Utils?window.Utils.escapeHtml:function(e){return String(null==e?"":e)};function o(e,t){e.classList.remove("hidden"),e.innerHTML='<div class="flex items-start gap-2.5 rounded-xl border border-error/40 bg-error/10 px-4 py-3 text-sm font-medium text-error"><span>'+s(t)+"</span></div>"}const i=document.getElementById("table-rename-input"),d=document.getElementById("rename-table");async function r(){const e=(i.value||"").trim();if(!e)return UI.showError("Table name is required.");if(e===t.table)return UI.showToast("Name unchanged.","info");try{const t=await Api.post("/api/tables/"+a+"/"+c+"/rename",{name:e});UI.showToast(t.message||"Table renamed.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/schema/"+a+"/"+encodeURIComponent(e)},400)}catch(e){UI.showError(e.message)}}d&&d.addEventListener("click",r),i&&i.addEventListener("keydown",e=>{"Enter"===e.key&&r()});const u=document.getElementById("add-column"),p=document.getElementById("add-column-panel"),m=document.getElementById("add-column-form"),f=document.getElementById("add-column-error"),b=document.getElementById("add-column-submit"),y=document.getElementById("add-column-cancel");let h=[];async function x(){try{const e=await Api.get("/api/tables/"+a);h=e.map(e=>e.name).filter(e=>"_"!==e.charAt(0))}catch(e){h=[]}}function g(e){const t=(e||"TEXT").toUpperCase(),l=[...n];return e&&!l.map(e=>e.toUpperCase()).includes(t)&&l.unshift(e),l.map(e=>'<option value="'+s(e)+'"'+(e.toUpperCase()===t?" selected":"")+">"+s(e)+"</option>").join("")}u&&u.addEventListener("click",async()=>{v&&v.classList.add("hidden"),p.classList.toggle("hidden"),p.classList.contains("hidden")||(f.classList.add("hidden"),await async function(){h.length||await x(),m.innerHTML="",m.innerHTML=['<div class="col-span-2 sm:col-span-3"><label class="field-label">Name</label><input class="field-input ac-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 ac-type">'+g("TEXT")+"</select></div>",'<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label><select class="field-select ac-fk-table"><option value="">— none —</option>'+h.map(e=>"<option>"+s(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 ac-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 ac-default" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>','<div class="col-span-2 flex items-end gap-1.5 pb-0.5 sm:col-span-1">','<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-xs ac-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 ac-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 ac-unique"><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',"</div>"].join("");const e=m.querySelector(".ac-fk-table"),t=m.querySelector(".ac-fk-col");e.addEventListener("change",async()=>{t.innerHTML='<option value="">—</option>';const n=e.value;if(n)try{const e=await Api.get("/api/tables/"+a+"/"+encodeURIComponent(n)+"/info");t.innerHTML='<option value="">—</option>'+e.columns.map(e=>"<option>"+s(e.name)+"</option>").join("")}catch(e){}})}())}),y&&y.addEventListener("click",()=>{p.classList.add("hidden"),m.innerHTML=""}),b&&b.addEventListener("click",async function(){f.classList.add("hidden");const e=(m.querySelector(".ac-name").value||"").trim();if(!e)return o(f,"Column name is required.");if(!l.test(e))return o(f,'Invalid column name: "'+e+'". Use letters, digits and underscores.');const t=m.querySelector(".ac-fk-table").value,n=m.querySelector(".ac-fk-col").value,s={name:e,type:m.querySelector(".ac-type").value,primaryKey:m.querySelector(".ac-pk").checked,notNull:m.querySelector(".ac-notnull").checked,unique:m.querySelector(".ac-unique").checked,defaultValue:m.querySelector(".ac-default").value.trim()||null,foreignKey:t&&n?{table:t,column:n}:null};try{const e=await Api.post("/api/tables/"+a+"/"+c+"/columns",{column:s});UI.showToast(e.message||"Column added.","success"),window.location.reload()}catch(e){o(f,e.message)}});const v=document.getElementById("edit-column-panel"),k=document.getElementById("edit-column-form"),E=document.getElementById("edit-column-error"),w=document.getElementById("edit-column-submit"),I=document.getElementById("edit-column-cancel"),T=document.getElementById("edit-column-target");let L=null;I&&I.addEventListener("click",()=>{v.classList.add("hidden"),k.innerHTML="",L=null}),w&&w.addEventListener("click",async function(){if(!L)return;E.classList.add("hidden");const e=(k.querySelector(".ec-name").value||"").trim();if(!e)return o(E,"Column name is required.");if(!l.test(e))return o(E,'Invalid column name: "'+e+'". Use letters, digits and underscores.');const t=k.querySelector(".ec-fk-table").value,n=k.querySelector(".ec-fk-col").value,s={name:e,type:k.querySelector(".ec-type").value,primaryKey:k.querySelector(".ec-pk").checked,notNull:k.querySelector(".ec-notnull").checked,unique:k.querySelector(".ec-unique").checked,defaultValue:k.querySelector(".ec-default").value.trim()||null,foreignKey:t&&n?{table:t,column:n}:null};w&&(w.disabled=!0);try{const e=await Api.put("/api/tables/"+a+"/"+c+"/columns/"+encodeURIComponent(L),{column:s});UI.showToast(e.message||"Column updated.","success"),window.location.reload()}catch(e){o(E,e.message)}finally{w&&(w.disabled=!1)}}),document.querySelectorAll(".col-edit").forEach(e=>{e.addEventListener("click",()=>{!async function(e){if(!v||!k)return;p&&p.classList.add("hidden"),h.length||await x(),L=e.name,T&&(T.textContent='"'+e.name+'"'),E.classList.add("hidden"),k.innerHTML=['<div class="col-span-2 sm:col-span-3"><label class="field-label">Name</label><input class="field-input ec-name" value="'+s(e.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 ec-type">'+g(e.type)+"</select></div>",'<div class="col-span-1 sm:col-span-2"><label class="field-label">FK table</label><select class="field-select ec-fk-table"><option value="">— none —</option>'+h.map(t=>'<option value="'+s(t)+'"'+(e.fkTable===t?" selected":"")+">"+s(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 ec-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 ec-default" value="'+s(e.defaultValue||"")+'" placeholder="0, CURRENT_TIMESTAMP" autocomplete="off" spellcheck="false"></div>','<div class="col-span-2 flex items-end gap-1.5 pb-0.5 sm:col-span-1">','<label class="flex cursor-pointer flex-col items-center gap-1" title="Primary key"><input type="checkbox" class="checkbox checkbox-xs ec-pk"'+(e.primaryKey?" checked":"")+'><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 ec-notnull"'+(e.notNull?" checked":"")+'><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 ec-unique"'+(e.unique?" checked":"")+'><span class="text-[10px] font-semibold uppercase text-base-content/50">UQ</span></label>',"</div>"].join("");const t=k.querySelector(".ec-fk-table"),n=k.querySelector(".ec-fk-col");async function l(e,t){if(n.innerHTML='<option value="">—</option>',e)try{const l=await Api.get("/api/tables/"+a+"/"+encodeURIComponent(e)+"/info");n.innerHTML='<option value="">—</option>'+l.columns.map(e=>'<option value="'+s(e.name)+'"'+(e.name===t?" selected":"")+">"+s(e.name)+"</option>").join("")}catch(e){}}e.fkTable&&await l(e.fkTable,e.fkTo),t.addEventListener("change",()=>l(t.value,"")),v.classList.remove("hidden"),v.scrollIntoView({behavior:"smooth",block:"nearest"})}({name:e.dataset.column||"",type:e.dataset.type||"TEXT",primaryKey:"true"===e.dataset.pk,notNull:"true"===e.dataset.notnull,unique:"true"===e.dataset.unique,defaultValue:e.dataset.default||"",fkTable:e.dataset.fkTable||"",fkTo:e.dataset.fkTo||""})})}),document.querySelectorAll(".col-drop").forEach(e=>{e.addEventListener("click",async()=>{const n=e.closest("tr");if(!n)return;const l=n.querySelector(".col-name-cell"),s=l?l.dataset.column:"";if(!s)return;await UI.confirm({title:"Drop Column",message:'Dropping column "'+s+'" will permanently delete all data stored in this column for all rows in table "'+t.table+'". This action cannot be undone.',item:s,itemType:"Column",confirmText:"Drop column",danger:!0})&&Api.del("/api/tables/"+a+"/"+c+"/columns/"+encodeURIComponent(s)).then(e=>{UI.showToast(e.message||"Column dropped.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})});const U=document.getElementById("drop-table");U&&U.addEventListener("click",async()=>{await UI.confirm({title:"Drop Table",message:'Dropping table "'+t.table+'" permanently erases the table schema, all indexes, and all stored records. This action cannot be undone.',item:t.table,itemType:"Table",requireInputMatch:t.table,confirmText:"Drop table",danger:!0})&&Api.del("/api/tables/"+a+"/"+c).then(()=>{UI.showToast("Table dropped.","success"),setTimeout(()=>{window.location.href=Api.basePath+"/home/"+a},400)}).catch(e=>UI.showError(e.message))});const q=document.getElementById("add-index"),S=document.getElementById("add-index-panel"),A=document.getElementById("index-name"),B=document.getElementById("index-unique"),C=document.getElementById("add-index-error"),N=document.getElementById("add-index-submit"),P=document.getElementById("add-index-cancel"),M=document.getElementById("index-preview"),R=document.getElementById("index-preview-code"),D=Array.prototype.slice.call(document.querySelectorAll(".index-col-btn"));let K=[];function H(){if(!M||!R)return;const e=K.slice(),n=(A.value||"").trim(),l=B&&B.checked?"UNIQUE ":"";if(!e.length)return M.classList.add("hidden"),void(R.textContent="");const a=n||"idx_"+t.table+"_"+e.join("_");R.textContent="CREATE "+l+'INDEX "'+a+'" ON "'+t.table+'" ('+e.map(e=>'"'+e+'"').join(", ")+");",M.classList.remove("hidden")}D.forEach(e=>e.addEventListener("click",()=>function(e){const t=e.dataset.column,n=K.indexOf(t),l=e.querySelector(".index-col-num");-1!==n?(K.splice(n,1),e.classList.remove("border-primary","bg-primary/10"),l&&l.classList.add("hidden")):(K.push(t),e.classList.add("border-primary","bg-primary/10"),l&&l.classList.remove("hidden")),K.forEach((e,t)=>{const n=D.find(t=>t.dataset.column===e),l=n&&n.querySelector(".index-col-num");l&&(l.textContent=String(t+1))}),H()}(e))),A&&A.addEventListener("input",H),B&&B.addEventListener("change",H),q&&S&&q.addEventListener("click",()=>{S.classList.toggle("hidden"),S.classList.contains("hidden")||(C.classList.add("hidden"),A.focus(),H())}),P&&P.addEventListener("click",()=>{S.classList.add("hidden"),C.classList.add("hidden")}),N&&N.addEventListener("click",async()=>{C.classList.add("hidden");const e=K.slice();if(!e.length)return o(C,"Select at least one column for the index.");const t={columns:e,unique:!(!B||!B.checked)},n=(A.value||"").trim();n&&(t.name=n),N.disabled=!0;try{const e=await Api.post("/api/tables/"+a+"/"+c+"/indexes",t);UI.showToast(e.message||"Index created.","success"),window.location.reload()}catch(e){o(C,e.message)}finally{N.disabled=!1}}),document.querySelectorAll(".index-drop").forEach(e=>{e.addEventListener("click",async()=>{const n=e.dataset.index;if(!n)return;await UI.confirm({title:"Drop Index",message:'Are you sure you want to permanently drop index "'+n+'" on table "'+t.table+'"?',item:n,itemType:"Index",confirmText:"Drop index",danger:!0})&&Api.del("/api/tables/"+a+"/"+c+"/indexes/"+encodeURIComponent(n)).then(e=>{UI.showToast(e.message||"Index dropped.","success"),window.location.reload()}).catch(e=>UI.showError(e.message))})}),x()}();