admindb 2.1.1 → 2.3.0

package/dist/public/js/inspector.js

@@ -1 +1 @@
-!function(){"use strict";function e(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):String(null==e?"":e)}function t(n,s,a){var o=document.createElement("div");o.className="json-tree-node font-mono text-[13px] leading-relaxed my-0.5";var i=void 0!==s?'<span class="json-key text-primary font-semibold select-text">'+e(s)+'</span><span class="text-base-content/40 mr-1.5">:</span>':"";if(null===n)return o.innerHTML=i+'<span class="chip chip-null text-xs font-bold">null</span>',o;if("boolean"==typeof n)return o.innerHTML=i+'<span class="text-secondary font-bold select-text">'+n+"</span>",o;if("number"==typeof n)return o.innerHTML=i+'<span class="text-accent font-mono font-medium select-text">'+n+"</span>",o;if("string"==typeof n)return o.innerHTML=i+'<span class="text-success select-text break-all">"'+e(n)+'"</span>',o;if(Array.isArray(n)){var r=a||n.length<=10,l=document.createElement("div");l.className="flex items-center gap-1 cursor-pointer hover:bg-base-200/50 rounded px-1 -mx-1",l.innerHTML='<button type="button" class="json-toggle text-base-content/40 hover:text-base-content text-[11px] w-4 text-center">'+(r?"▼":"▶")+"</button>"+i+'<span class="text-base-content/60 font-semibold">[</span><span class="text-xs text-base-content/40 tabular-nums">'+n.length+" item"+(1===n.length?"":"s")+'</span><span class="text-base-content/60 font-semibold">'+(r?"":" ... ]")+"</span>";var c=document.createElement("div");if(c.className="pl-5 border-l border-base-300/60 ml-2 space-y-0.5 "+(r?"":"hidden"),n.forEach(function(e,n){c.appendChild(t(e,String(n),!1))}),r){var d=document.createElement("div");d.className="text-base-content/60 font-semibold pl-1",d.textContent="]",c.appendChild(d)}return l.addEventListener("click",function(){var e=!c.classList.contains("hidden");c.classList.toggle("hidden",e),l.querySelector(".json-toggle").textContent=e?"▶":"▼"}),o.appendChild(l),o.appendChild(c),o}if("object"==typeof n){var p=Object.keys(n),b=a||p.length<=10,u=document.createElement("div");u.className="flex items-center gap-1 cursor-pointer hover:bg-base-200/50 rounded px-1 -mx-1",u.innerHTML='<button type="button" class="json-toggle text-base-content/40 hover:text-base-content text-[11px] w-4 text-center">'+(b?"▼":"▶")+"</button>"+i+'<span class="text-base-content/60 font-semibold">{</span><span class="text-xs text-base-content/40 tabular-nums">'+p.length+" key"+(1===p.length?"":"s")+'</span><span class="text-base-content/60 font-semibold">'+(b?"":" ... }")+"</span>";var m=document.createElement("div");if(m.className="pl-5 border-l border-base-300/60 ml-2 space-y-0.5 "+(b?"":"hidden"),p.forEach(function(e){m.appendChild(t(n[e],e,!1))}),b){var x=document.createElement("div");x.className="text-base-content/60 font-semibold pl-1",x.textContent="}",m.appendChild(x)}return u.addEventListener("click",function(){var e=!m.classList.contains("hidden");m.classList.toggle("hidden",e),u.querySelector(".json-toggle").textContent=e?"▶":"▼"}),o.appendChild(u),o.appendChild(m),o}return o.innerHTML=i+'<span class="text-base-content select-text">'+e(String(n))+"</span>",o}window.Inspector={open:function(n){var s,a=n.table||"",o=n.pk||"",i=n.col||"",r=(n.colType||"").toUpperCase(),l=n.value,c=n.isNull||null==l,d=!!n.readonly,p=n.onSave,b=c?"":String(l),u=n.isBlob||r.includes("BLOB")||"string"==typeof(s=b)&&(/^0x[0-9a-f]{4,}$/i.test(s.trim())||/^\\x[0-9a-f]{4,}$/i.test(s.trim())),m=n.isJson||function(e){if("string"!=typeof e)return!1;var t=e.trim();if(!(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))return!1;try{return JSON.parse(t),!0}catch(e){return!1}}(b),x=m?"json":u?"blob":"text",f=document.createElement("div");f.className="fixed inset-0 z-[120] flex items-center justify-center bg-black/70 backdrop-blur-xs p-3 md:p-6 opacity-0 transition-opacity duration-200",f.setAttribute("role","dialog"),f.setAttribute("aria-modal","true");var v=document.createElement("div");v.className="app-card flex flex-col w-full max-w-4xl max-h-[92vh] overflow-hidden shadow-2xl border border-base-300 transform scale-95 transition-transform duration-200 bg-base-100";var h=document.createElement("div");h.className="flex items-center justify-between gap-3 border-b border-base-200 px-5 py-3.5 bg-base-200/30",h.innerHTML='<div class="flex items-center gap-3 min-w-0">  <span class="grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-primary/10 text-primary font-mono font-bold text-xs">'+(u?"🗃️":m?"{ }":"📝")+'  </span>  <div class="min-w-0">    <div class="flex items-center gap-2">      <h3 class="text-base font-bold text-base-content truncate">'+e(i)+'</h3>      <span class="chip chip-type text-[10px]">'+e(r||(u?"BLOB":m?"JSON":"TEXT"))+"</span>"+(c?'<span class="chip chip-null">NULL</span>':"")+'    </div>    <p class="text-xs text-base-content/50 truncate">Table <span class="font-mono font-semibold">'+e(a)+"</span>"+(o?' · PK <span class="font-mono">'+e(o)+"</span>":"")+'</p>  </div></div><div class="flex items-center gap-2">  <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">&times;</button></div>',v.appendChild(h);var g=document.createElement("div");g.className="flex items-center justify-between border-b border-base-200 bg-base-200/20 px-5 py-2",g.innerHTML='<div class="flex gap-1" id="inspector-tabs">'+(m||!u&&b.length>0?'<button type="button" data-tab="json" class="btn btn-xs '+("json"===x?"btn-primary":"btn-ghost")+' gap-1">🧩 JSON Tree & Editor</button>':"")+(u?'<button type="button" data-tab="blob" class="btn btn-xs '+("blob"===x?"btn-primary":"btn-ghost")+' gap-1">🖼️ Media & Hex Dump</button>':"")+'<button type="button" data-tab="text" class="btn btn-xs '+("text"===x?"btn-primary":"btn-ghost")+' gap-1">📝 Raw Text / Code</button></div><div id="tab-meta" class="text-xs text-base-content/50 font-mono"></div>',v.appendChild(g);var y=document.createElement("div");y.className="flex-1 overflow-y-auto p-5 space-y-4 min-h-[350px]",v.appendChild(y);var w=document.createElement("div");w.className="flex flex-wrap items-center justify-between gap-3 border-t border-base-200 bg-base-200/30 px-5 py-3.5",w.innerHTML='<div class="flex items-center gap-2" id="inspector-left-actions"></div><div class="flex items-center gap-2">  <button type="button" class="btn btn-ghost btn-sm js-inspector-close">Close</button>'+(d?"":'  <button type="button" id="inspector-save-btn" class="btn btn-primary btn-sm gap-1.5">Save Changes</button>')+"</div>",v.appendChild(w),f.appendChild(v),document.body.appendChild(f),requestAnimationFrame(function(){f.classList.remove("opacity-0"),f.classList.add("opacity-100"),v.classList.remove("scale-95"),v.classList.add("scale-100")});var L=v.querySelector("#tab-meta"),C=v.querySelector("#inspector-left-actions"),N=v.querySelector("#inspector-save-btn"),E=b;function T(){y.innerHTML="",C.innerHTML="",L.textContent="";var n=!1,s=null;try{s=JSON.parse(E),n=!0}catch(e){n=!1}if(n){var a="Size: "+function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(1))+" "+["B","KB","MB","GB","TB"][t]}(new Blob([E]).size);L.textContent=a;var o=document.createElement("div");o.className="space-y-3";var i=document.createElement("div");i.className="flex flex-wrap items-center justify-between gap-2 pb-2 border-b border-base-200",i.innerHTML='<div class="flex items-center gap-1.5">  <button type="button" id="btn-view-tree" class="btn btn-xs btn-outline active">Tree View</button>  <button type="button" id="btn-view-code" class="btn btn-xs btn-outline">Code Editor</button></div><div class="flex items-center gap-1.5">  <button type="button" id="btn-prettify-json" class="btn btn-ghost btn-xs">Beautify</button>  <button type="button" id="btn-minify-json" class="btn btn-ghost btn-xs">Minify</button>  <button type="button" id="btn-copy-json" class="btn btn-ghost btn-xs gap-1">Copy JSON</button></div>',o.appendChild(i);var r=document.createElement("div");r.className="rounded-xl border border-base-300 bg-base-200/30 p-4 max-h-[420px] overflow-y-auto",r.appendChild(t(s,void 0,!0)),o.appendChild(r);var l=document.createElement("div");l.className="hidden space-y-2",l.innerHTML='<textarea id="json-editor-ta" class="field-input font-mono text-[13px] h-96 w-full resize-none p-3.5" spellcheck="false">'+e(JSON.stringify(s,null,2))+'</textarea><div id="json-validation-msg" class="text-xs font-medium text-success">✓ Valid JSON</div>',o.appendChild(l),y.appendChild(o);var c=i.querySelector("#btn-view-tree"),d=i.querySelector("#btn-view-code"),p=l.querySelector("#json-editor-ta"),b=l.querySelector("#json-validation-msg");m("tree"),c.addEventListener("click",function(){m("tree")}),d.addEventListener("click",function(){m("code")}),i.querySelector("#btn-prettify-json").addEventListener("click",function(){var e=p.value||E;try{var n=JSON.parse(e);E=JSON.stringify(n,null,2),p.value=E,r.innerHTML="",r.appendChild(t(n,void 0,!0)),b.className="text-xs font-medium text-success",b.textContent="✓ Beautified valid JSON",m("code"),N&&(N.disabled=!1),UI.showToast("JSON beautified.","success")}catch(e){b.className="text-xs font-medium text-error",b.textContent="❌ Syntax Error: "+e.message,UI.showToast("Invalid JSON: "+e.message,"error")}}),i.querySelector("#btn-minify-json").addEventListener("click",function(){var e=p.value||E;try{var n=JSON.parse(e);E=JSON.stringify(n),p.value=E,r.innerHTML="",r.appendChild(t(n,void 0,!0)),b.className="text-xs font-medium text-success",b.textContent="✓ Minified valid JSON",m("code"),N&&(N.disabled=!1),UI.showToast("JSON minified.","success")}catch(e){b.className="text-xs font-medium text-error",b.textContent="❌ Syntax Error: "+e.message,UI.showToast("Invalid JSON: "+e.message,"error")}}),i.querySelector("#btn-copy-json").addEventListener("click",function(){var e=p.value||E;navigator.clipboard.writeText(e).then(function(){UI.showToast("JSON copied to clipboard.","success")})}),p.addEventListener("input",function(){E=p.value;try{JSON.parse(E),b.className="text-xs font-medium text-success",b.textContent="✓ Valid JSON",N&&(N.disabled=!1)}catch(e){b.className="text-xs font-medium text-error",b.textContent="❌ Syntax Error: "+e.message,N&&(N.disabled=!0)}})}else{y.innerHTML='<div class="alert alert-warning text-xs p-3"><span>Content is not valid JSON. You can edit raw text or format it.</span></div><textarea id="json-raw-input" class="field-input font-mono text-[13px] h-72 w-full resize-none p-3.5" spellcheck="false">'+e(E)+"</textarea>";var u=y.querySelector("#json-raw-input");u.addEventListener("input",function(){E=u.value})}function m(e){"tree"===e?(c.className="btn btn-xs btn-primary",d.className="btn btn-xs btn-outline",r.classList.remove("hidden"),l.classList.add("hidden")):(d.className="btn btn-xs btn-primary",c.className="btn btn-xs btn-outline",r.classList.add("hidden"),l.classList.remove("hidden"))}}function S(){y.innerHTML='<div class="py-12 text-center text-sm text-base-content/40 font-mono">Loading BLOB data...</div>',C.innerHTML="",L.textContent="";var t=(window.APP&&window.APP.basePath||"")+"/api/tables/"+encodeURIComponent(a)+"/row/"+encodeURIComponent(o)+"/blob/"+encodeURIComponent(i);Api.get(t+"/meta").then(function(n){var s=n.data||{};L.textContent=(s.mime||"BLOB")+" · "+(s.sizeFormatted||"0 B"),y.innerHTML="";var a=document.createElement("div");if(a.className="space-y-4",s.isImage){var o=document.createElement("div");o.className="flex flex-col items-center justify-center p-4 rounded-xl border border-base-300 bg-base-200/40 min-h-[220px]",o.innerHTML='<div class="relative group max-w-full max-h-[300px] overflow-hidden rounded-lg shadow-sm">  <img src="'+t+'" alt="'+e(i)+'" class="max-h-[280px] max-w-full object-contain rounded-lg transition-transform" id="blob-preview-img" /></div><div class="mt-3 flex items-center gap-3 text-xs text-base-content/60 font-mono">  <span>Format: <b>'+e(s.ext.toUpperCase())+"</b></span>  <span>Size: <b>"+e(s.sizeFormatted)+'</b></span>  <a href="'+t+'" target="_blank" class="btn btn-ghost btn-xs text-primary">Open in new tab ↗</a></div>',a.appendChild(o)}else if(s.isAudio){var r=document.createElement("div");r.className="flex flex-col items-center justify-center p-6 rounded-xl border border-base-300 bg-base-200/40",r.innerHTML='<audio controls class="w-full max-w-md mb-2"><source src="'+t+'" type="'+e(s.mime)+'"></audio><div class="text-xs text-base-content/50 font-mono">'+e(s.mime)+" · "+e(s.sizeFormatted)+"</div>",a.appendChild(r)}var l=document.createElement("div");l.className="space-y-2";var c=document.createElement("div");c.className="flex items-center justify-between",c.innerHTML='<h4 class="text-xs font-semibold uppercase tracking-wider text-base-content/50 font-mono">Hex Dump (Offset | Hex | ASCII)</h4><button type="button" id="btn-copy-hex" class="btn btn-ghost btn-xs">Copy Hex</button>',l.appendChild(c);var u=document.createElement("div");u.className="overflow-x-auto rounded-xl border border-base-300 bg-neutral p-3 font-mono text-xs leading-relaxed text-neutral-content max-h-[300px] select-text";var m=s.hexDump;if(m&&m.lines&&m.lines.length){var x=m.lines.map(function(t){return'<div class="grid grid-cols-[80px_1fr_150px] gap-3 hover:bg-white/[0.06] px-1 rounded"><span class="text-primary/70 select-none">'+t.offset+'</span><span class="text-accent/90">'+e(t.hex)+'</span><span class="text-neutral-content/70 border-l border-white/10 pl-2">'+e(t.ascii)+"</span></div>"}).join("");u.innerHTML=x}else u.innerHTML='<div class="text-center text-neutral-content/40 py-4">No binary content</div>';l.appendChild(u),a.appendChild(l),y.appendChild(a),c.querySelector("#btn-copy-hex").addEventListener("click",function(){b.startsWith("0x")||b.startsWith("0X")?navigator.clipboard.writeText(b).then(function(){UI.showToast("Hex data copied.","success")}):UI.showToast("Hex copied.","success")}),C.innerHTML='<a href="'+t+'?download=1" class="btn btn-outline btn-sm gap-1.5">  <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 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>  Download File</a>'+(d?"":'<label class="btn btn-outline btn-sm gap-1.5 cursor-pointer">  <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 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" /></svg>  Replace File  <input type="file" id="blob-file-upload-input" class="hidden" /></label>');var f=C.querySelector("#blob-file-upload-input");f&&f.addEventListener("change",function(e){var n=e.target.files&&e.target.files[0];if(n){var s=new FileReader;s.onload=function(){var e=s.result;Api.put(t,{data:e,format:"base64"}).then(function(){UI.showToast("BLOB file uploaded successfully.","success"),S(),p&&p("0x...")}).catch(function(e){UI.showError(e.message)})},s.readAsDataURL(n)}})}).catch(function(t){y.innerHTML='<div class="alert alert-error text-xs p-3">Failed to load BLOB metadata: '+e(t.message)+"</div>"})}function j(e){g.querySelectorAll("#inspector-tabs button").forEach(function(t){var n=t.dataset.tab===e;t.className="btn btn-xs "+(n?"btn-primary":"btn-ghost")+" gap-1"}),"json"===e?T():"blob"===e?S():function(){y.innerHTML="",C.innerHTML="",L.textContent="Length: "+E.length+" chars";var e=document.createElement("div");e.className="space-y-3";var t=document.createElement("div");t.className="flex items-center justify-between pb-2 border-b border-base-200",t.innerHTML='<span class="text-xs text-base-content/50 font-mono">Lines: '+E.split("\n").length+'</span><button type="button" id="btn-copy-text" class="btn btn-ghost btn-xs gap-1">Copy Text</button>',e.appendChild(t);var n=document.createElement("textarea");n.className="field-input font-mono text-[13px] h-80 w-full resize-none p-3.5",n.spellcheck=!1,n.value=E,d&&(n.readOnly=!0),n.addEventListener("input",function(){E=n.value,L.textContent="Length: "+E.length+" chars"}),e.appendChild(n),y.appendChild(e),t.querySelector("#btn-copy-text").addEventListener("click",function(){navigator.clipboard.writeText(E).then(function(){UI.showToast("Text copied to clipboard.","success")})})}()}function M(){f.classList.remove("opacity-100"),f.classList.add("opacity-0"),v.classList.remove("scale-100"),v.classList.add("scale-95"),setTimeout(function(){f.remove()},180)}g.querySelectorAll("#inspector-tabs button").forEach(function(e){e.addEventListener("click",function(){j(e.dataset.tab)})}),j(x),v.querySelectorAll(".js-inspector-close").forEach(function(e){e.addEventListener("click",M)}),f.addEventListener("click",function(e){e.target===f&&M()}),N&&N.addEventListener("click",function(){p&&p(E),M()})}}}();
+!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}}();

package/dist/public/js/query.js

@@ -1 +1 @@
-!function(){"use strict";const e=document.getElementById("query-sql"),t=document.getElementById("query-gutter"),n=document.getElementById("run-query"),s=document.getElementById("query-message"),r=document.getElementById("query-result"),o=document.getElementById("query-result-head"),a=document.getElementById("query-result-body"),i=document.getElementById("result-summary"),c=Array.prototype.slice.call(document.querySelectorAll("#save-query, #save-query-inline")),l=document.getElementById("save-query-name"),d=document.getElementById("saved-query-select"),u=document.getElementById("delete-query"),p=document.getElementById("export-csv"),m=document.getElementById("export-json");let y=[];function g(e){p&&(p.disabled=!e),m&&(m.disabled=!e)}async function f(t){const n=e.value.trim();if(n)try{const e=await fetch(Api.url("/api/query/export"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sql:n,format:t})});if(!e.ok){let t="Export failed ("+e.status+").";try{const n=await e.json();n&&n.error&&(t=n.error)}catch(e){}throw new Error(t)}const s=await e.blob(),r=URL.createObjectURL(s),o=document.createElement("a"),a=(new Date).toISOString().replace(/[:.]/g,"-");o.href=r,o.download="query-"+a+"."+t,document.body.appendChild(o),o.click(),o.remove(),setTimeout(()=>URL.revokeObjectURL(r),1e3),UI.showToast("Exported as "+t.toUpperCase()+".","success")}catch(e){x(e.message,"error")}}function w(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):String(null==e?"":e)}function x(e,t){if(!e)return void(s.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"};s.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>'+w(e)+"</span></div>"}function h(e,t){o.innerHTML="<tr>"+e.map(e=>'<th class="whitespace-nowrap font-semibold"><span class="font-mono normal-case">'+w(e)+"</span></th>").join("")+"</tr>",t.length?a.innerHTML=t.map(t=>'<tr class="hover:bg-primary/[0.04]">'+e.map(e=>{const n=t[e];if(null==n)return'<td class="align-middle"><span class="chip chip-null">NULL</span></td>';const s=String(n),r=function(e){if("string"!=typeof e)return!1;const t=e.trim();if(!(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))return!1;try{return JSON.parse(t),!0}catch{return!1}}(s),o=function(e){return"string"==typeof e&&/^0x[0-9a-f]{4,}$/i.test(e.trim())}(s),a=s.length>140?s.slice(0,140)+"…":s;return r?'<td class="max-w-xs align-middle js-query-cell" data-col="'+w(e)+'" data-value="'+w(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">'+w(a)+'</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="'+w(e)+'" data-value="'+w(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">'+w(a)+'</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="'+w(e)+'" data-value="'+w(s)+'"><div class="flex items-center justify-between gap-1 group/cell"><span class="truncate font-mono text-[13px]" title="'+w(s)+'">'+w(a)+"</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(""):a.innerHTML='<tr><td colspan="'+Math.max(1,e.length)+'" class="py-10 text-center text-base-content/45">No rows returned.</td></tr>'}function v(e,t){o.innerHTML="",a.innerHTML='<tr><td class="px-4 py-8 text-center"><p class="text-2xl font-extrabold text-primary">'+w(e)+'</p><p class="mt-1 text-sm text-base-content/45">'+w(t)+"</p></td></tr>"}function b(e){i&&(i.textContent=e)}async function q(){const t=e.value.trim();if(!t)return void x("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">'+w(t.length>350?t.slice(0,350)+"…":t)+"</pre>",confirmText:"Execute anyway",danger:!0}))return}s.innerHTML="",r.classList.add("hidden"),g(!1);const n=performance.now();try{const e=await Api.post("/api/query",{sql:t}),s=Math.max(1,Math.round(performance.now()-n));r.classList.remove("hidden"),"count"===e.kind?(v(String(e.count),"count"),b("Count query · "+s+"ms")):"select"===e.kind?(h(e.columns,e.rows),b(e.rows.length+" row(s) · "+s+"ms"),g(!0)):(v(e.message||"Statement executed.","write"),b(null!=e.changes?e.changes+" row(s) affected · "+s+"ms":s+"ms"))}catch(e){r.classList.add("hidden"),x(e.message,"error")}}function k(){if(!t)return;const n=e.value.split("\n").length;let s="";for(let e=1;e<=n;e++)s+=e+"\n";t.textContent=s,t.scrollTop=e.scrollTop}async function E(e){try{y=await Api.get("/api/queries")}catch(e){y=[]}d.innerHTML='<option value="">— select a saved query —</option>'+y.map(t=>'<option value="'+t.id+'"'+(e&&t.name===e?" selected":"")+">"+w(t.name)+"</option>").join(""),u.disabled=!0}async function L(){const t=e.value.trim(),n=l.value.trim();if(t)if(n)try{await Api.post("/api/queries",{name:n,sql:t}),UI.showToast("Query saved.","success"),await E(n)}catch(e){x(e.message,"error")}else x("Give the query a name.","warning");else x("Write some SQL before saving.","warning")}p&&p.addEventListener("click",()=>f("csv")),m&&m.addEventListener("click",()=>f("json")),a&&a.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))return;const s=t?t.closest(".js-query-cell"):n;if(!s)return;const r=s.dataset.col||"result",o=s.dataset.value||"",a="true"===s.dataset.blob,i="true"===s.dataset.json;window.Inspector&&window.Inspector.open&&window.Inspector.open({col:r,value:o,isNull:!1,isBlob:a,isJson:i,readonly:!0})}),e&&t&&(e.addEventListener("scroll",()=>{t.scrollTop=e.scrollTop}),e.addEventListener("input",k),e.addEventListener("keydown",e=>{(e.ctrlKey||e.metaKey)&&"Enter"===e.key&&(e.preventDefault(),q())}),k()),n&&n.addEventListener("click",q),c.forEach(e=>e.addEventListener("click",L)),d&&d.addEventListener("change",()=>{const t=d.value;if(u.disabled=!t,!t)return;const n=y.find(e=>String(e.id)===String(t));n&&(e.value=n.sql,l.value=n.name,k(),x('Loaded "'+n.name+'".',"info"))}),u&&u.addEventListener("click",async function(){const e=d.value;if(!e)return;const t=y.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),UI.showToast("Query deleted.","success"),await E()}catch(e){x(e.message,"error")}})}();
+!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()}();

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.APP&&"postgres"===window.APP.dialect||t&&"postgres"===t.dialect?["TEXT","VARCHAR(255)","INTEGER","BIGINT","SMALLINT","SERIAL","BIGSERIAL","REAL","DECIMAL(10,2)","NUMERIC","BOOLEAN","DATE","DATETIME","TIMESTAMP","TIMESTAMPTZ","TIME","INTERVAL","JSON","JSONB","UUID","BYTEA","INET"]:["TEXT","INTEGER","REAL","BLOB","BOOLEAN","DATE","DATETIME","NUMERIC","VARCHAR(255)","JSON"],n=/^[A-Za-z_][A-Za-z0-9_$]*$/,a=encodeURIComponent(t.table);function c(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):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()=>{E&&E.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 E=document.getElementById("edit-column-panel"),v=document.getElementById("edit-column-form"),g=document.getElementById("edit-column-error"),I=document.getElementById("edit-column-submit"),T=document.getElementById("edit-column-cancel"),k=document.getElementById("edit-column-target");let L=null;T&&T.addEventListener("click",()=>{E.classList.add("hidden"),v.innerHTML="",L=null}),I&&I.addEventListener("click",async function(){if(!L)return;g.classList.add("hidden");const e=(v.querySelector(".ec-name").value||"").trim();if(!e)return s(g,"Column name is required.");if(!n.test(e))return s(g,'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};I&&(I.disabled=!0);try{const e=await Api.put("/api/tables/"+a+"/columns/"+encodeURIComponent(L),{column:c});UI.showToast(e.message||"Column updated.","success"),window.location.reload()}catch(e){s(g,e.message)}finally{I&&(I.disabled=!1)}}),document.querySelectorAll(".col-edit").forEach(e=>{e.addEventListener("click",()=>{!async function(e){if(!E||!v)return;u&&u.classList.add("hidden"),y.length||await h(),L=e.name,k&&(k.textContent='"'+e.name+'"'),g.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,"")),E.classList.remove("hidden"),E.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 w=document.getElementById("drop-table");w&&w.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 A=document.getElementById("add-index"),q=document.getElementById("add-index-panel"),U=document.getElementById("index-name"),S=document.getElementById("index-unique"),B=document.getElementById("add-index-error"),N=document.getElementById("add-index-submit"),C=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 H=[];function P(){if(!M||!R)return;const e=H.slice(),l=(U.value||"").trim(),n=S&&S.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")}D.forEach(e=>e.addEventListener("click",()=>function(e){const t=e.dataset.column,l=H.indexOf(t),n=e.querySelector(".index-col-num");-1!==l?(H.splice(l,1),e.classList.remove("border-primary","bg-primary/10"),n&&n.classList.add("hidden")):(H.push(t),e.classList.add("border-primary","bg-primary/10"),n&&n.classList.remove("hidden")),H.forEach((e,t)=>{const l=D.find(t=>t.dataset.column===e),n=l&&l.querySelector(".index-col-num");n&&(n.textContent=String(t+1))}),P()}(e))),U&&U.addEventListener("input",P),S&&S.addEventListener("change",P),A&&q&&A.addEventListener("click",()=>{q.classList.toggle("hidden"),q.classList.contains("hidden")||(B.classList.add("hidden"),U.focus(),P())}),C&&C.addEventListener("click",()=>{q.classList.add("hidden"),B.classList.add("hidden")}),N&&N.addEventListener("click",async()=>{B.classList.add("hidden");const e=H.slice();if(!e.length)return s(B,"Select at least one column for the index.");const t={columns:e,unique:!(!S||!S.checked)},l=(U.value||"").trim();l&&(t.name=l),N.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{N.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),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()}();

package/dist/public/js/seed.js

@@ -1 +1 @@
-!function(){"use strict";const e=document.getElementById("seed-config");if(!e)return;const t=JSON.parse(e.textContent),n=encodeURIComponent(t.table),a=t.columns||[],s=document.getElementById("seed-count"),o=document.getElementById("seed-search"),l=document.getElementById("seed-truncate"),c=document.getElementById("seed-columns"),r=document.getElementById("seed-empty-search"),d=document.getElementById("seed-col-count-badge"),i=document.getElementById("seed-feedback"),m=document.getElementById("seed-preview-card"),p=document.getElementById("preview-summary-badge"),u=document.getElementById("seed-preview-thead"),g=document.getElementById("seed-preview-tbody"),b=document.getElementById("seed-table-view-container"),f=document.getElementById("seed-sql-view-container"),h=document.getElementById("seed-sql-code"),y=document.getElementById("tab-table-view"),x=document.getElementById("tab-sql-view"),E=document.getElementById("seed-insert"),w=document.getElementById("seed-preview"),v=document.getElementById("seed-reset"),k=document.getElementById("seed-refresh-samples"),L=document.getElementById("seed-apply-all"),C=document.getElementById("seed-copy-sql"),S=document.getElementById("seed-download-sql"),I=document.getElementById("seed-export-csv"),N=document.getElementById("seed-export-json"),U=document.getElementById("seed-export-config"),M=document.getElementById("seed-import-config"),B=document.getElementById("seed-config-dialog"),q=document.getElementById("seed-config-dialog-title"),T=document.getElementById("seed-config-textarea"),j=document.getElementById("seed-config-dialog-cancel"),O=document.getElementById("seed-config-dialog-apply"),A=document.getElementById("seed-truncate-dialog"),D=document.getElementById("seed-truncate-cancel"),Y=document.getElementById("seed-truncate-confirm"),P={};let R=null;function F(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):String(null==e?"":e)}const H=["Sombat","Minh","Hiroshi","William","Ravi","Zara","Elena","Liam","Mei","Noah"],G=["Chen","Smith","Thompson","Shah","Yamamoto","Patel","Garcia","Kim","Nguyen","Davis"],J=["example.com","acme.io","tech.asia","gmail.com","startup.io"],K=["New York","Tokyo","London","Singapore","Paris","Berlin","Sydney","Toronto"],$=["United States","Japan","United Kingdom","Singapore","Germany","France","Canada","Australia"],_=["Apex Solutions","Vortex Digital","Nexus Systems","Horizon Labs","Quantum Dynamics","Zenith Global"],V=["Software Engineer","Product Manager","UX Designer","DevOps Specialist","Data Scientist","Marketing Director"],Q=["active","pending","completed","archived","draft","verified"],W=["USD","EUR","GBP","JPY","CAD","AUD"],Z=["California","New York","Texas","Washington","Florida","Illinois"],z=["alpha","beta","stream","cloud","service","cluster","record","node","signal"];function X(e){return e[Math.floor(Math.random()*e.length)]}function ee(e,t){return Math.floor(Math.random()*(t-e+1))+e}function te(e,t){const n=t.strategy;if("skip"===n)return"(omitted / default)";if("null"===n)return"NULL";if(t.nullPct&&ee(1,100)<=t.nullPct&&!e.pk&&!e.notnull)return"NULL (simulated)";let a="";switch(n){case"fixed":a=t.value||"";break;case"list":{const e=(t.values||[]).filter(e=>""!==String(e).trim());a=e.length?X(e):"(empty list)";break}case"pattern":a=function(e){if(!e)return"INV-2026-"+ee(1e3,9999);const t=new Date;let n=e.replace(/\{YYYY\}/g,String(t.getFullYear())).replace(/\{YY\}/g,String(t.getFullYear()).slice(-2)).replace(/\{MM\}/g,String(ee(1,12)).padStart(2,"0")).replace(/\{DD\}/g,String(ee(1,28)).padStart(2,"0")),a="";const s="ABCDEFGHIJKLMNOPQRSTUVWXYZ",o="abcdefghijklmnopqrstuvwxyz";for(let e=0;e<n.length;e++){const t=n[e];a+="#"===t?String(ee(0,9)):"A"===t||"?"===t?s[ee(0,25)]:"a"===t?o[ee(0,25)]:t}return a}(t.pattern);break;case"first":a=X(H);break;case"last":a=X(G);break;case"fullname":a=X(H)+" "+X(G);break;case"username":a=X(H).toLowerCase()+ee(10,999);break;case"job":a=X(V);break;case"company":a=X(_);break;case"currency":a=X(W);break;case"status":a=X(Q);break;case"creditCard":a="4532-****-****-"+ee(1e3,9999);break;case"avatar":a="https://api.dicebear.com/7.x/avataaars/svg?seed="+X(H).toLowerCase();break;case"color":a="name"===t.format?"Emerald":"#3b82f6";break;case"email":a=X(H).toLowerCase()+"."+X(G).toLowerCase()+"@"+X(J);break;case"phone":a="+1 ("+ee(200,999)+") "+ee(200,999)+"-"+ee(1e3,9999);break;case"city":a=X(K);break;case"state":a=X(Z);break;case"country":a=X($);break;case"countryCode":a=X(["US","GB","CA","DE","JP","FR","AU","SG"]);break;case"postal":a=String(ee(1e4,99999));break;case"address":a=ee(100,9999)+" "+X(z)+" Ave, "+X(K);break;case"url":a="https://www."+X(J)+"/"+X(z);break;case"domain":a=X(J);break;case"ip":a=ee(1,223)+"."+ee(0,255)+"."+ee(0,255)+"."+ee(1,254);break;case"mac":a="00:1A:2B:"+ee(10,99)+":"+ee(10,99)+":"+ee(10,99);break;case"uuid":a="550e8400-e29b-41d4-a716-"+ee(1e11,999999999999);break;case"slug":a=X(z)+"-"+X(z)+"-"+ee(100,999);break;case"words":a=X(z)+" "+X(z);break;case"sentence":a="Lorem ipsum dolor sit "+X(z)+" amet.";break;case"paragraph":a="Lorem ipsum dolor sit amet. Consectetur adipiscing elit "+X(z)+" dynamicus.";break;case"latitude":a=(180*Math.random()-90).toFixed(6);break;case"longitude":a=(360*Math.random()-180).toFixed(6);break;case"sequence":a=String(t.start||1);break;case"int":a=String(ee(t.min??1,t.max??1e3));break;case"decimal":{const e=t.min??1,n=t.max??1e3,s=t.precision??2;a=(Math.random()*(n-e)+e).toFixed(s);break}case"date":a="2026-03-"+String(ee(1,28)).padStart(2,"0");break;case"datetime":a="2026-03-"+String(ee(1,28)).padStart(2,"0")+"T14:30:00.000Z";break;case"time":a="14:"+String(ee(10,59))+":00";break;case"timestampUnix":a="ms"===t.format?String(Date.now()):String(Math.floor(Date.now()/1e3));break;case"bool":a=X(["1","0"]);break;case"bytes":a="0x"+ee(1e5,999999).toString(16);break;case"json":a='{"scope":"read-only","enabled":true}';break;case"hash":a="e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855".slice(0,t.maxLen||32);break;case"token":a="tk_"+ee(1e5,999999);break;case"fk":a=e.fk?"[Sample from "+e.fk.table+"]":"NULL";break;default:a="(auto)"}return(t.prefix||t.suffix)&&(a=(t.prefix||"")+a+(t.suffix||"")),a}function ne(e,t,n,a){return Object.assign({key:e,label:t,type:n},a||{})}const ae={fixed:[ne("value","Value","text")],list:[ne("values","One value per line","textarea")],pattern:[ne("pattern","Pattern (tokens: #=digit, ?=letter, {YYYY})","text",{placeholder:"INV-{YYYY}-####"})],int:[ne("min","Min","number"),ne("max","Max","number")],decimal:[ne("min","Min","number"),ne("max","Max","number"),ne("precision","Decimals","number",{step:1,min:0,max:10})],sequence:[ne("start","Start from","number",{placeholder:"1"}),ne("step","Step increment","number",{placeholder:"1"})],date:[ne("from","From","date"),ne("to","To","date")],datetime:[ne("from","From","datetime-local"),ne("to","To","datetime-local")],time:[],timestampUnix:[ne("format","Format (sec / ms)","select",{options:[{value:"sec",label:"Seconds (10-digit)"},{value:"ms",label:"Milliseconds (13-digit)"}]})],color:[ne("format","Color format","select",{options:[{value:"hex",label:"Hex (#3b82f6)"},{value:"name",label:"Color Name (Emerald)"}]})],latitude:[ne("min","Min Lat","number",{step:1e-4,placeholder:"-90"}),ne("max","Max Lat","number",{step:1e-4,placeholder:"90"})],longitude:[ne("min","Min Lng","number",{step:1e-4,placeholder:"-180"}),ne("max","Max Lng","number",{step:1e-4,placeholder:"180"})],words:[ne("minLen","Min words","number"),ne("maxLen","Max words","number")],sentence:[ne("minLen","Min sentences","number"),ne("maxLen","Max sentences","number")],paragraph:[],bytes:[ne("minLen","Min bytes","number"),ne("maxLen","Max bytes","number")],json:[ne("jsonKeys","JSON keys (comma-separated)","text")],hash:[ne("minLen","Min length","number"),ne("maxLen","Max length","number")],token:[ne("minLen","Min length","number"),ne("maxLen","Max length","number")]},se={identity:"👤 Identity & People",contact_web:"🌐 Contact & Web",commerce:"🏢 Commerce & Business",location:"📍 Location",numeric:"🔢 Numbers & Math",datetime:"📅 Date & Time",system_crypto:"🔒 System & Crypto",custom_control:"⚙️ Custom & Control",relational:"🔗 Relational (Foreign Key)"};function oe(e,t){return"fk"===t&&e.fk?"Sampled from foreign table "+F(e.fk.table)+(e.fk.to?"."+F(e.fk.to):"")+".":"skip"===t?"Omitted from INSERT — DB default or NULL applies.":"null"===t?"Explicitly set to NULL for all rows.":"pattern"===t?"Replaces # with digits, ? with letters, and {YYYY} with year.":"sequence"===t?"Generates sequentially incrementing integers across rows.":"json"===t?"Generates valid JSON objects compliant with indexes and defaults.":"hash"===t?"Generates random cryptographic hex hashes.":"token"===t?"Generates short alphanumeric identifier tokens.":""}function le(e,t){const n=t.querySelector(".seed-sample-value");if(n){const t=te(e,P[e.name]||{});n.textContent=t}}function ce(e,t,n,a){e.innerHTML="";const s=ae[n.strategy]||[],o=s.length>0,l=!t.pk&&!t.notnull;["int","decimal","bool","bytes","skip","null"].includes(n.strategy);if(!o&&!l)return;const c=document.createElement("div");if(c.className="space-y-2 pt-2 border-t border-base-200/60",s.length){const e=document.createElement("div");e.className="grid grid-cols-2 gap-2",s.forEach(s=>{const o=document.createElement("label");o.className="block"+("textarea"===s.type||"pattern"===s.key||"jsonKeys"===s.key?" col-span-2":"");const l=document.createElement("span");let c;if(l.className="field-label !mb-1 !text-[11px] font-medium text-base-content/70",l.textContent=s.label,o.appendChild(l),"textarea"===s.type)c=document.createElement("textarea"),c.rows=3,c.className="field-input w-full font-mono !text-[11px] leading-tight",c.placeholder="one value per line",c.spellcheck=!1,Array.isArray(n.values)&&(c.value=n.values.join("\n"));else if("select"===s.type)c=document.createElement("select"),c.className="field-select !py-1 !text-[12px]",(s.options||[]).forEach(e=>{const t=document.createElement("option");t.value=e.value,t.textContent=e.label,n[s.key]===e.value&&(t.selected=!0),c.appendChild(t)});else{c=document.createElement("input"),c.type=s.type,c.className="field-input !py-1 !text-[12px]",null!=s.step&&(c.step=String(s.step)),null!=s.min&&(c.min=String(s.min)),null!=s.max&&(c.max=String(s.max)),s.placeholder&&(c.placeholder=s.placeholder);const e=n[s.key];"jsonKeys"===s.key&&Array.isArray(e)?c.value=e.join(", "):null!=e&&(c.value=String(e))}c.dataset.optionKey=s.key,c.addEventListener("input",()=>{const e=c.dataset.optionKey;if("textarea"===s.type)P[t.name][e]=c.value.split("\n").map(e=>e.trim()).filter(Boolean);else if("jsonKeys"===e)P[t.name][e]=c.value.split(/[,;]/).map(e=>e.trim()).filter(Boolean);else if("value"===e||"from"===e||"to"===e||"pattern"===e||"format"===e)P[t.name][e]=c.value;else{const n=Number(c.value);P[t.name][e]=""!==c.value&&Number.isFinite(n)?n:void 0}le(t,a)}),o.appendChild(c),e.appendChild(o)}),c.appendChild(e)}if(l&&"skip"!==n.strategy&&"null"!==n.strategy){const e=document.createElement("div");e.className="flex items-center justify-between gap-2 pt-1.5 text-[11px]",e.innerHTML='<span class="text-base-content/60">Simulate Nulls:</span><div class="flex items-center gap-1.5"><input type="range" min="0" max="100" step="5" value="'+(n.nullPct||0)+'" class="range range-xs range-primary w-24" /><span class="font-mono text-[11px] w-8 text-right text-base-content/75">'+(n.nullPct||0)+"%</span></div>";const s=e.querySelector('input[type="range"]'),o=e.querySelector("span:last-child");s.addEventListener("input",()=>{const e=Number(s.value);o.textContent=e+"%",P[t.name].nullPct=e>0?e:void 0,le(t,a)}),c.appendChild(e)}e.appendChild(c)}function re(e,t){const n=P[e.name]?P[e.name].strategy:null,a=("skip"===n||"null"===n)&&!e.pk&&e.notnull&&!e.hasDefault;t.textContent=a?'⚠️ Column is NOT NULL with no default — "'+n+'" rows may fail.':"",t.classList.toggle("hidden",!t.textContent)}function de(e){const t=Object.assign({},e.defaultPlan||{strategy:"skip"});P[e.name]=t;const n=c.querySelector('.app-card[data-column="'+CSS.escape(e.name)+'"]');if(n){const a=n.querySelector(".seed-strategy"),s=n.querySelector(".seed-options"),o=n.querySelector(".seed-note"),l=n.querySelector(".seed-warn");a&&(a.value=t.strategy),ce(s,e,t,n),o.textContent=oe(e,t.strategy),o.classList.toggle("hidden",!o.textContent),re(e,l),le(e,n)}}function ie(){const e=(o?o.value:"").toLowerCase().trim();let t=0;a.forEach(n=>{const a=c.querySelector('.app-card[data-column="'+CSS.escape(n.name)+'"]');if(!a)return;const s=!e||n.name.toLowerCase().includes(e)||(n.type||"").toLowerCase().includes(e);a.classList.toggle("hidden",!s),s&&(t+=1)}),r&&r.classList.toggle("hidden",t>0),d&&(d.textContent=t===a.length?`${a.length} columns`:`${t} of ${a.length} columns`)}function me(e){a.forEach(t=>{if("realistic"===e)de(t);else if("minimal"===e)t.pk||t.notnull||t.hasDefault?P[t.name]=Object.assign({},t.defaultPlan||{strategy:"skip"}):P[t.name]={strategy:"null"};else if("sparse"===e)P[t.name]=Object.assign({},t.defaultPlan||{strategy:"skip"}),t.pk||t.notnull||(P[t.name].nullPct=30);else if("numbered"===e){const e=(t.type||"").toUpperCase();e.startsWith("INTEGER")?P[t.name]={strategy:"sequence",start:1,step:1}:P[t.name]="TEXT"===e||""===e?{strategy:"pattern",pattern:"REC-####"}:Object.assign({},t.defaultPlan||{strategy:"skip"})}const n=c.querySelector('.app-card[data-column="'+CSS.escape(t.name)+'"]');if(n){const e=n.querySelector(".seed-strategy"),a=n.querySelector(".seed-options"),s=n.querySelector(".seed-note"),o=n.querySelector(".seed-warn");e&&(e.value=P[t.name].strategy),ce(a,t,P[t.name],n),s.textContent=oe(t,P[t.name].strategy),s.classList.toggle("hidden",!s.textContent),re(t,o),le(t,n)}}),window.UI&&UI.showToast&&UI.showToast("Applied preset: "+e,"info")}function pe(){const e=document.createElement("dialog");e.className="modal",e.id="seed-apply-all-dialog";const t=document.createElement("div");t.className="modal-box app-card max-w-md",t.innerHTML='<h3 class="text-base font-bold">Apply strategy to all columns</h3><p class="mt-1 text-xs text-base-content/60">Columns that do not support the chosen strategy are left untouched.</p><label class="field-label mt-4 text-xs font-medium">Strategy</label><select id="seed-apply-all-select" class="field-select w-full text-xs"></select><div class="mt-5 flex justify-end gap-2"><button id="seed-apply-all-cancel" type="button" class="btn btn-ghost btn-sm">Cancel</button><button id="seed-apply-all-go" type="button" class="btn btn-primary btn-sm">Apply to All</button></div>',e.appendChild(t),document.body.appendChild(e);const n=t.querySelector("#seed-apply-all-select");(function(){const e=new Map;return a.forEach(t=>(t.strategies||[]).forEach(t=>e.set(t.id,t.label))),[...e.entries()].map(([e,t])=>({id:e,label:t}))})().forEach(e=>{const t=document.createElement("option");t.value=e.id,t.textContent=e.label,n.appendChild(t)});const s=()=>e.close();return t.querySelector("#seed-apply-all-cancel").addEventListener("click",s),t.querySelector("#seed-apply-all-go").addEventListener("click",()=>{const e=n.value;a.forEach(t=>{if(!(t.strategies||[]).some(t=>t.id===e))return;P[t.name]=Object.assign({},P[t.name]||{},{strategy:e});const n=c.querySelector('.app-card[data-column="'+CSS.escape(t.name)+'"]');if(n){const a=n.querySelector(".seed-strategy"),s=n.querySelector(".seed-options"),o=n.querySelector(".seed-note"),l=n.querySelector(".seed-warn");a&&(a.value=e),ce(s,t,P[t.name],n),o.textContent=oe(t,e),o.classList.toggle("hidden",!o.textContent),re(t,l),le(t,n)}}),s(),window.UI&&UI.showToast&&UI.showToast("Strategy applied across columns.","success")}),e}function ue(e){if(i){if(!e||!e.length)return i.innerHTML="",void i.classList.add("hidden");i.innerHTML='<div class="alert alert-warning shadow-soft"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg><div class="text-xs space-y-1">'+e.map(e=>"<p>"+F(e)+"</p>").join("")+"</div></div>",i.classList.remove("hidden")}}function ge(e){"table"===e?(y.classList.add("tab-active"),x.classList.remove("tab-active"),b.classList.remove("hidden"),f.classList.add("hidden")):(x.classList.add("tab-active"),y.classList.remove("tab-active"),f.classList.remove("hidden"),b.classList.add("hidden"))}function be(e,t,n){const a=new Blob([e],{type:n}),s=URL.createObjectURL(a),o=document.createElement("a");o.href=s,o.download=t,document.body.appendChild(o),o.click(),document.body.removeChild(o),URL.revokeObjectURL(s)}function fe(){if(!R||!R.previewRows)return void(window.UI&&UI.showError&&UI.showError("Generate preview data first."));const e=R.previewRows,n=a.map(e=>e.name);let s=n.map(e=>`"${e.replace(/"/g,'""')}"`).join(",")+"\n";e.forEach(e=>{s+=n.map(t=>{const n=e[t];return null==n?"":`"${String(n).replace(/"/g,'""')}"`}).join(",")+"\n"}),be(s,`${t.table}_seed_data.csv`,"text/csv;charset=utf-8;")}function he(){if(!R||!R.previewRows)return void(window.UI&&UI.showError&&UI.showError("Generate preview data first."));be(JSON.stringify(R.previewRows,null,2),`${t.table}_seed_data.json`,"application/json;charset=utf-8;")}function ye(){R&&R.sql?be(R.sql,`${t.table}_seed.sql`,"text/sql;charset=utf-8;"):window.UI&&UI.showError&&UI.showError("Generate preview data first.")}function xe(){const e={};return a.forEach(t=>{const n=P[t.name];if(!n||!n.strategy)return;const a={strategy:n.strategy};Object.keys(n).forEach(e=>{"strategy"!==e&&void 0!==n[e]&&(a[e]=n[e])}),e[t.name]=a}),e}function Ee(){const e=Number.parseInt(String(s?s.value:"10"),10);return Math.max(1,Math.min(t.maxRows||5e3,Number.isFinite(e)?e:10))}async function we(e=!1){const t=Ee(),a=xe(),s="/api/tables/"+n+"/seed";try{E&&(E.disabled=!0,E.classList.add("loading"));const n=await Api.post(s,{count:t,plan:a,truncate:e});window.UI&&UI.showToast&&UI.showToast(n.message||`Inserted ${n.inserted} row(s) successfully.`,"success"),ue(n.warnings||[])}catch(e){window.UI&&UI.showError&&UI.showError(e.message)}finally{E&&(E.disabled=!1,E.classList.remove("loading"))}}async function ve(){const e=Ee(),t=xe(),s="/api/tables/"+n+"/seed/generate";try{w&&(w.disabled=!0);const n=await Api.post(s,{count:e,plan:t});!function(e){if(R=e,m){if(m.classList.remove("hidden"),p&&(p.textContent=`${e.count} row(s) generated`),h&&(h.textContent=e.sql||""),u&&g){u.innerHTML="",g.innerHTML="";const t=document.createElement("tr"),n=document.createElement("th");n.className="w-12 text-center text-base-content/40",n.textContent="#",t.appendChild(n),a.forEach(e=>{const n=document.createElement("th");n.className="whitespace-nowrap font-mono",n.innerHTML=F(e.name)+' <span class="text-[10px] text-base-content/40 font-normal">('+F(e.type||"text")+")</span>",t.appendChild(n)}),u.appendChild(t),(e.previewRows||[]).forEach((e,t)=>{const n=document.createElement("tr"),s=document.createElement("td");s.className="text-center font-mono text-[10px] text-base-content/40",s.textContent=String(t+1),n.appendChild(s),a.forEach(t=>{const a=document.createElement("td");a.className="font-mono whitespace-nowrap max-w-xs truncate";const s=e[t.name];null===s?a.innerHTML='<span class="badge badge-xs badge-ghost text-base-content/40">NULL</span>':"(default)"===s?a.innerHTML='<span class="badge badge-xs badge-outline text-base-content/40">DEFAULT</span>':"boolean"==typeof s?a.innerHTML=s?'<span class="badge badge-xs badge-success">TRUE</span>':'<span class="badge badge-xs badge-ghost">FALSE</span>':a.textContent=String(s),n.appendChild(a)}),g.appendChild(n)})}m.scrollIntoView({behavior:"smooth",block:"nearest"})}}(n),ue(n.warnings||[])}catch(e){window.UI&&UI.showError&&UI.showError(e.message)}finally{w&&(w.disabled=!1)}}!function(){a.forEach(e=>{!function(e){const t=document.createElement("div");t.className="app-card p-4 flex flex-col justify-between transition-shadow hover:shadow-md",t.dataset.column=e.name,t.dataset.type=(e.type||"").toLowerCase();const n=document.createElement("div");n.className="space-y-3";const a=document.createElement("div");a.className="flex items-start justify-between gap-2";const s=document.createElement("div");s.className="min-w-0";const o=document.createElement("div");o.className="flex flex-wrap items-center gap-1.5";const l=document.createElement("span");if(l.className="font-mono text-sm font-bold tracking-tight text-base-content",l.textContent=e.name,o.appendChild(l),e.pk){const e=document.createElement("span");e.className="badge badge-xs badge-warning font-mono font-bold",e.textContent="PK",o.appendChild(e)}if(e.notnull){const e=document.createElement("span");e.className="badge badge-xs badge-info font-mono",e.textContent="NOT NULL",o.appendChild(e)}else{const e=document.createElement("span");e.className="badge badge-xs badge-ghost text-base-content/40 font-mono",e.textContent="NULLABLE",o.appendChild(e)}if(e.unique){const e=document.createElement("span");e.className="badge badge-xs badge-secondary font-mono",e.textContent="UNIQUE",o.appendChild(e)}if(e.hasDefault){const e=document.createElement("span");e.className="badge badge-xs badge-ghost font-mono",e.textContent="DEFAULT",o.appendChild(e)}if(e.fk){const t=document.createElement("span");t.className="badge badge-xs badge-accent font-mono",t.textContent="FK → "+e.fk.table,o.appendChild(t)}const r=document.createElement("p");r.className="mt-0.5 text-[11px] font-mono text-base-content/45",r.textContent=e.type||"untyped",s.appendChild(o),s.appendChild(r),a.appendChild(s),n.appendChild(a);const d=document.createElement("select");d.className="field-select seed-strategy w-full !py-1.5 !text-xs font-medium",d.dataset.column=e.name;const i={};(e.strategies||[]).forEach(e=>{const t=e.category||"custom_control";i[t]||(i[t]=[]),i[t].push(e)}),Object.keys(i).forEach(e=>{const t=document.createElement("optgroup");t.label=se[e]||e,i[e].forEach(e=>{const n=document.createElement("option");n.value=e.id,n.textContent=e.label,t.appendChild(n)}),d.appendChild(t)}),n.appendChild(d);const m=document.createElement("div");m.className="flex items-center justify-between gap-2 px-2.5 py-1.5 rounded-lg bg-base-200/50 text-[11px]",m.innerHTML='<div class="flex items-center gap-1.5 min-w-0 overflow-hidden text-ellipsis"><span class="text-base-content/50 shrink-0 font-medium">Sample:</span><span class="seed-sample-value font-mono text-primary font-medium truncate">...</span></div><button type="button" class="seed-sample-refresh btn btn-ghost btn-xs btn-square h-5 w-5 shrink-0" title="Reroll sample">🎲</button>',m.querySelector(".seed-sample-refresh").addEventListener("click",()=>le(e,t)),n.appendChild(m);const p=document.createElement("div");p.className="seed-options",n.appendChild(p),t.appendChild(n);const u=document.createElement("div");u.className="mt-3 pt-2";const g=document.createElement("p");g.className="seed-note hidden text-[11px] leading-relaxed text-base-content/45",u.appendChild(g);const b=document.createElement("p");b.className="seed-warn hidden text-[11px] font-medium text-warning flex items-center gap-1",u.appendChild(b),t.appendChild(u),d.addEventListener("change",()=>{const n=d.value;P[e.name]=Object.assign({},P[e.name]||{},{strategy:n}),ce(p,e,P[e.name],t),g.textContent=oe(e,n),g.classList.toggle("hidden",!g.textContent),re(e,b),le(e,t)}),c.appendChild(t)}(e),de(e)}),ie(),o&&o.addEventListener("input",ie),w&&w.addEventListener("click",ve),E&&E.addEventListener("click",()=>{l&&l.checked?A&&A.showModal():we(!1)}),Y&&Y.addEventListener("click",()=>{A&&A.close(),we(!0)}),D&&D.addEventListener("click",()=>{A&&A.close()}),v&&v.addEventListener("click",()=>a.forEach(de)),k&&k.addEventListener("click",()=>{a.forEach(e=>{const t=c.querySelector('.app-card[data-column="'+CSS.escape(e.name)+'"]');t&&le(e,t)})}),L&&L.addEventListener("click",()=>{(document.getElementById("seed-apply-all-dialog")||pe()).showModal()});const e=document.getElementById("preset-realistic"),t=document.getElementById("preset-minimal"),n=document.getElementById("preset-sparse"),r=document.getElementById("preset-numbered");e&&e.addEventListener("click",()=>me("realistic")),t&&t.addEventListener("click",()=>me("minimal")),n&&n.addEventListener("click",()=>me("sparse")),r&&r.addEventListener("click",()=>me("numbered")),U&&U.addEventListener("click",()=>{B&&T&&(q.textContent="Export Seed Plan",T.value=JSON.stringify(xe(),null,2),O.classList.add("hidden"),B.showModal())}),M&&M.addEventListener("click",()=>{B&&T&&(q.textContent="Import Seed Plan",T.value="",T.placeholder="Paste plan JSON here...",O.classList.remove("hidden"),B.showModal())}),j&&j.addEventListener("click",()=>{B&&B.close()}),O&&O.addEventListener("click",()=>{try{const e=JSON.parse(T.value);if("object"!=typeof e||!e)throw new Error("Invalid JSON format");a.forEach(t=>{if(e[t.name]){P[t.name]=e[t.name];const n=c.querySelector('.app-card[data-column="'+CSS.escape(t.name)+'"]');if(n){const e=n.querySelector(".seed-strategy"),a=n.querySelector(".seed-options"),s=n.querySelector(".seed-note"),o=n.querySelector(".seed-warn");e&&(e.value=P[t.name].strategy),ce(a,t,P[t.name],n),s.textContent=oe(t,P[t.name].strategy),s.classList.toggle("hidden",!s.textContent),re(t,o),le(t,n)}}}),B&&B.close(),window.UI&&UI.showToast&&UI.showToast("Seed plan configuration applied!","success")}catch(e){window.UI&&UI.showError&&UI.showError("Failed to parse JSON: "+e.message)}}),y&&y.addEventListener("click",()=>ge("table")),x&&x.addEventListener("click",()=>ge("sql")),C&&C.addEventListener("click",()=>{h&&h.textContent&&navigator.clipboard.writeText(h.textContent).then(()=>UI.showToast("Copied SQL to clipboard.","success")).catch(()=>UI.showError("Could not copy SQL."))}),S&&S.addEventListener("click",ye),I&&I.addEventListener("click",fe),N&&N.addEventListener("click",he),document.querySelectorAll(".seed-quick").forEach(e=>{e.addEventListener("click",()=>{s&&(s.value=e.dataset.n)})})}()}();
+!function(){"use strict";const e=document.getElementById("seed-config");if(!e)return;const t=JSON.parse(e.textContent),n=t.table,a=t.columns||[],s=new URLSearchParams(window.location.search),o=t.mode||s.get("mode")||"single";let l=2,c="chain"===o?"chain":"single",i=null;const d={},r={},m={};let p=null,u=null,g=n,b=null;d[n]={},r[n]="generate",m[n]=10,a.forEach(e=>{d[n][e.name]=Object.assign({},e.defaultPlan||{strategy:"skip"})});document.getElementById("wizard-progress-bar"),document.getElementById("step-nav-1"),document.getElementById("step-nav-2"),document.getElementById("step-nav-3"),document.getElementById("step-content-1"),document.getElementById("step-content-2"),document.getElementById("step-content-3");const f=document.getElementById("btn-select-single"),x=document.getElementById("btn-select-chain"),h=document.getElementById("btn-next-1"),v=document.getElementById("btn-next-2"),y=document.getElementById("btn-prev-2"),E=document.getElementById("btn-prev-3"),w=document.getElementById("config-single"),L=document.getElementById("config-chain"),I=document.getElementById("seed-columns"),k=document.getElementById("seed-count"),$=document.getElementById("seed-count-dec"),S=document.getElementById("seed-count-inc"),B=document.getElementById("seed-col-search"),C=document.getElementById("col-count-badge"),M=document.getElementById("plan-seed-input"),T=document.getElementById("btn-random-seed"),N=document.getElementById("plan-transaction-opt"),U=document.getElementById("plan-rollback-opt"),q=document.getElementById("chain-scope"),A=document.getElementById("chain-pipeline-container"),H=document.getElementById("chain-summary-badge"),R=document.getElementById("validation-status-dot"),j=document.getElementById("validation-status-text"),O=document.getElementById("validation-issues-list"),_=document.getElementById("validation-summary-chip"),D=document.getElementById("preview-tab-grid"),z=document.getElementById("preview-tab-sql"),P=document.getElementById("preview-view-grid"),F=document.getElementById("preview-view-sql"),J=document.getElementById("seed-preview-thead"),V=document.getElementById("seed-preview-tbody"),Q=document.getElementById("preview-sql-code"),W=document.getElementById("btn-copy-sql"),G=document.getElementById("seed-chain-table-tabs"),K=document.getElementById("seed-refresh-preview"),Y=document.getElementById("seed-truncate"),X=document.getElementById("seed-truncate-banner"),Z=document.getElementById("seed-truncate-dialog"),ee=document.getElementById("seed-truncate-confirm"),te=document.getElementById("seed-truncate-cancel"),ne=document.getElementById("seed-insert"),ae=document.getElementById("seed-feedback"),se=document.getElementById("btn-profiles-modal"),oe=document.getElementById("seed-profiles-dialog"),le=document.getElementById("btn-close-profiles"),ce=document.getElementById("profile-name-input"),ie=document.getElementById("btn-save-profile"),de=document.getElementById("profiles-list-container"),re=document.getElementById("btn-export-plan-json"),me=document.getElementById("input-import-plan-json");function pe(e){return window.UI&&UI.escapeHtml?UI.escapeHtml(e):String(null==e?"":e)}function ue(e){return e[Math.floor(Math.random()*e.length)]}function ge(e,t){return Math.floor(Math.random()*(t-e+1))+e}function be(e=400){b&&clearTimeout(b),b=setTimeout(()=>{!async function(){"chain"!==c||p||await we();const e=fe();try{xe(await Api.post("/api/seed/validate",{plan:e}))}catch{}}(),Le()},e)}function fe(){const e="single"===c,t={name:e?`Single Table ${n}`:`ER Relational Seed ${n}`,rootTable:n,scope:e?"single":q?.value||"chain",tables:{},options:{seed:null!=i&&Number.isFinite(i)?i:null,transaction:N?.checked??!0,rollbackOnError:U?.checked??!0,truncateAll:Y?.checked??!1}};return e?t.tables[n]={mode:"generate",rows:Math.max(1,parseInt(k?.value,10)||10),columns:d[n]||{},truncate:Y?.checked??!1}:p&&p.tables&&(p.tables.forEach(e=>{const n=r[e.name]||"generate";t.tables[e.name]={mode:n,rows:Math.max(1,m[e.name]||e.suggestedCount||10),columns:d[e.name]||{},truncate:Y?.checked??!1}}),t.relationships=p.relationships),t}function xe(e){if(!e)return;const t=(e.issues||[]).filter(e=>"error"===e.type),n=(e.issues||[]).filter(e=>"warning"===e.type);R&&j&&_&&(0===t.length?(R.className="w-2 h-2 rounded-full bg-success",j.textContent=n.length?`${n.length} Warning(s)`:"Plan Ready",_.className="badge badge-sm badge-success font-mono text-[10px] font-bold",_.textContent=n.length?"Warnings":"All Checks Passed"):(R.className="w-2 h-2 rounded-full bg-error animate-pulse",j.textContent=`${t.length} Issue(s)`,_.className="badge badge-sm badge-error font-mono text-[10px] font-bold",_.textContent="Action Required")),O&&(O.innerHTML="",0===t.length&&0===n.length?O.innerHTML='\n          <div class="flex items-center gap-2 text-success font-medium text-[11px]">\n            <svg class="h-3.5 w-3.5 shrink-0" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>\n            <span>Primary key & constraint strategies valid</span>\n          </div>\n        ':(t.forEach(e=>{O.innerHTML+=`\n            <div class="flex items-start gap-1.5 text-error font-medium text-[11px]">\n              <svg class="h-3.5 w-3.5 shrink-0 mt-0.5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>\n              <span><strong>${pe(e.table||"")}:</strong> ${pe(e.message)}</span>\n            </div>\n          `}),n.forEach(e=>{O.innerHTML+=`\n            <div class="flex items-start gap-1.5 text-warning font-medium text-[11px]">\n              <svg class="h-3.5 w-3.5 shrink-0 mt-0.5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>\n              <span><strong>${pe(e.table||"")}:</strong> ${pe(e.message)}</span>\n            </div>\n          `})))}function he(e){l=e}function ve(e,t=!1){if(c="chain"===e?"chain":"single",f&&f.classList.toggle("active","single"===c),x&&x.classList.toggle("active","chain"===c),w&&w.classList.toggle("hidden","single"!==c),L&&L.classList.toggle("hidden","chain"!==c),"single"===c?I&&0===I.children.length&&ye(n,a,I):"chain"===c&&(p||we()),t&&window.history&&window.history.replaceState){const e=new URL(window.location.href);e.searchParams.set("mode",c),window.history.replaceState({},"",e.toString())}be(100)}function ye(e,t,n){n.innerHTML="",d[e]||(d[e]={}),t.forEach(a=>{d[e][a.name]||(d[e][a.name]=Object.assign({},a.defaultPlan||{strategy:"skip"}));const s=d[e][a.name],o=document.createElement("div");o.className="seed-col-row",o.dataset.colName=a.name.toLowerCase(),o.dataset.strategyType="template"===s.strategy?"template":"skip"===s.strategy?"skip":"null"===s.strategy?"null":"fixed"===s.strategy?"fixed":"generate";let l="";a.pk&&(l+='<span class="badge badge-xs badge-warning font-mono font-bold text-[9px] px-1">PK</span>'),a.notnull&&(l+='<span class="badge badge-xs badge-error font-mono font-bold text-[9px] px-1">REQ</span>'),a.unique&&(l+='<span class="badge badge-xs badge-secondary font-mono font-bold text-[9px] px-1">UQ</span>'),a.fk&&(l+=`<span class="badge badge-xs badge-outline font-mono text-[9px] text-base-content/60">↳ ${pe(a.fk.table)}.${pe(a.fk.column)}</span>`),o.innerHTML=`\n        <div class="flex flex-wrap items-center justify-between gap-2.5">\n          <div class="flex items-center gap-2 min-w-0">\n            <span class="font-mono font-bold text-xs text-base-content truncate">${pe(a.name)}</span>\n            <span class="font-mono text-[10px] text-base-content/40 uppercase">${pe(a.type)}</span>\n            ${l}\n          </div>\n\n          <div class="flex items-center gap-2 flex-wrap">\n            <select class="col-strategy-select field-select !py-0.5 text-xs font-mono font-semibold w-40">\n              ${(a.strategies||[]).map(e=>`<option value="${e.id}" ${e.id===s.strategy?"selected":""}>${pe(e.label)}</option>`).join("")}\n            </select>\n            <span class="sample-pill col-sample-badge" title="Click to copy sample value"></span>\n          </div>\n        </div>\n\n        <div class="col-options-box hidden mt-2.5 pt-2 border-t border-base-200/60"></div>\n      `;const c=o.querySelector(".col-strategy-select"),i=o.querySelector(".col-options-box"),r=o.querySelector(".col-sample-badge"),m=()=>{const n=function(e,t,n=[]){const a=t.strategy;if("skip"===a)return"(auto / default)";if("null"===a)return"NULL";if("template"===a){let e=t.template||"{{first_name}}";return n.forEach(t=>{const n=t.name.toLowerCase().includes("first")?"Alex":t.name.toLowerCase().includes("last")?"Morgan":t.name.toLowerCase().includes("name")?"Alex Morgan":`[${t.name}]`,a=e.includes("@")&&!n.startsWith("[")?n.toLowerCase().replace(/\s+/g,"."):n;e=e.replace(new RegExp(`\\{\\{\\s*${t.name}\\s*\\}\\}`,"gi"),a)}),e=e.replace(/\{\{\s*year\s*\}\}/gi,String((new Date).getFullYear())),e=e.replace(/\{\{\s*sequence(?::\d+(?::\d+)?)?\s*\}\}/gi,"1"),e=e.replace(/\{\{\s*random(?::\d+,\d+)?\s*\}\}/gi,"42"),e=e.replace(/\{\{\s*uuid\s*\}\}/gi,"550e8400-e29b-41d4-a716-446655440000"),e}return"fixed"===a?t.value||"":"list"===a?t.values&&t.values.length?ue(t.values):"(empty list)":"pattern"===a?(t.pattern||"INV-####").replace(/#/g,()=>ge(0,9)):"first"===a?"Alex":"last"===a?"Morgan":"fullname"===a?"Alex Morgan":"email"===a?"alex.morgan@example.com":"status"===a?"active":"company"===a?"Acme Corp":"city"===a?"San Francisco":"country"===a?"United States":"int"===a?String(ge(t.min??1,t.max??1e3)):"decimal"===a?(Math.random()*((t.max??1e3)-(t.min??1))+(t.min??1)).toFixed(t.precision??2):"bool"===a?ue(["true","false"]):"sequence"===a?String(t.start||1):"uuid"===a?"550e8400-e29b-41d4-a716-446655440000":"product"===a?"Wireless Noise-Canceling Earbuds":"productCategory"===a?"Electronics":"department"===a?"Engineering":"paymentMethod"===a?"Credit Card":"transactionType"===a?"purchase":"techSkill"===a?"TypeScript":"orderStatus"===a?"delivered":"fk"===a?`[FK -> ${e.fk?e.fk.table:"parent"}]`:"sampleExisting"===a?"[Sampled DB Value]":"(sample)"}(a,d[e][a.name],t);r.textContent=n,o.dataset.strategyType="template"===s.strategy?"template":"skip"===s.strategy?"skip":"null"===s.strategy?"null":"fixed"===s.strategy?"fixed":"generate",be(400)};r.addEventListener("click",()=>{navigator.clipboard.writeText(r.textContent||""),window.UI&&UI.showToast&&UI.showToast(`Copied "${r.textContent}" to clipboard`,"info")}),c.addEventListener("change",()=>{d[e][a.name].strategy=c.value,Ee(i,a,d[e][a.name],t,m),m()}),Ee(i,a,s,t,m),m(),n.appendChild(o)}),C&&(C.textContent=`${t.length} cols`)}function Ee(e,t,n,a,s){e.innerHTML="";const o=n.strategy,l=["fixed","list","template","int","decimal","date","datetime","pattern","sequence"].includes(o);if(e.classList.toggle("hidden",!l),!l)return;const c=(t,a,o="text",l="")=>{const c=document.createElement("div");c.innerHTML=`<label class="block text-[9px] uppercase font-bold text-base-content/50 mb-0.5">${pe(t)}</label>`;const i=document.createElement("textarea"===o?"textarea":"input");"textarea"!==o&&(i.type=o),i.placeholder=l,i.className="textarea"===o?"field-input w-full text-xs font-mono !py-1 h-14 leading-relaxed":"field-input w-full text-xs font-mono !py-0.5";const d=n[a];return"textarea"===o&&Array.isArray(d)?i.value=d.join("\n"):void 0!==d&&(i.value=d),i.addEventListener("input",()=>{n[a]="textarea"===o?i.value.split("\n").map(e=>e.trim()).filter(Boolean):"number"===o?""===i.value?void 0:Number(i.value):i.value,s()}),c.appendChild(i),e.appendChild(c),i};if("fixed"===o&&c("Constant Value","value","text","Default string"),"list"===o&&c("Choices (One per line)","values","textarea","admin\nmember\nguest"),"template"===o){const o=c("Template Expression","template","text","{{first_name}}.{{last_name}}@example.com"),l=document.createElement("div");l.className="space-y-1 pt-1",l.innerHTML='<span class="text-[9px] uppercase font-bold text-base-content/40 tracking-wider">Quick Tokens:</span>';const i=document.createElement("div");i.className="flex flex-wrap gap-1",a.slice(0,6).forEach(e=>{if(e.name!==t.name){const t=document.createElement("button");t.type="button",t.className="token-chip",t.textContent=`+ {{${e.name}}}`,t.onclick=()=>{n.template=(n.template||"")+`{{${e.name}}}`,o&&(o.value=n.template),s()},i.appendChild(t)}});[{label:"+ {{year}}",val:"{{year}}"},{label:"+ {{sequence}}",val:"{{sequence:1:1}}"},{label:"+ {{random}}",val:"{{random:1,100}}"}].forEach(e=>{const t=document.createElement("button");t.type="button",t.className="token-chip",t.textContent=e.label,t.onclick=()=>{n.template=(n.template||"")+e.val,o&&(o.value=n.template),s()},i.appendChild(t)}),l.appendChild(i),e.appendChild(l)}if("int"===o||"decimal"===o){const t=document.createElement("div");t.className="grid grid-cols-2 sm:grid-cols-3 gap-2",e.appendChild(t);const n=e;e=t,c("Min Value","min","number","1"),c("Max Value","max","number","1000"),"decimal"===o&&c("Decimals","precision","number","2"),e=n}if("date"===o||"datetime"===o){const t=document.createElement("div");t.className="grid grid-cols-2 gap-2",e.appendChild(t);const n=e;e=t,c("From Date","from","text","2020-01-01"),c("To Date","to","text","2026-12-31"),e=n}if("pattern"===o&&c("Pattern Expression","pattern","text","INV-2026-####"),"sequence"===o){const t=document.createElement("div");t.className="grid grid-cols-2 gap-2",e.appendChild(t);const n=e;e=t,c("Start Sequence","start","number","1"),c("Step","step","number","1"),e=n}}async function we(){const e=q?.value||"chain";A.innerHTML='<div class="py-8 text-center text-xs text-base-content/50"><span class="loading loading-spinner loading-sm text-primary mb-2"></span><br><strong class="font-bold text-base-content">Analyzing foreign keys & dependency DAG…</strong></div>';try{p=await Api.get(`/api/tables/${encodeURIComponent(n)}/seed/chain?scope=${e}`),H&&(H.textContent=`${p.tables.length} Tables`),A.innerHTML="",p.tables.forEach((e,t)=>{m[e.name]||(m[e.name]=e.suggestedCount||10),r[e.name]||(r[e.name]="generate"),d[e.name]||(d[e.name]={},(e.columns||[]).forEach(t=>{d[e.name][t.name]=Object.assign({},t.defaultPlan||{strategy:"skip"})}));const a=e.name===n,s=document.createElement("div");s.className="pipeline-node",s.dataset.nodeMode=r[e.name],s.innerHTML=`\n          <div class="flex flex-wrap items-center justify-between gap-3">\n            <div class="flex items-center gap-3">\n              <span class="w-6 h-6 rounded ${a?"bg-primary text-primary-content font-bold":"bg-base-200 text-base-content/70"} text-[11px] flex items-center justify-center font-mono">${t+1}</span>\n              <div>\n                <div class="font-mono font-bold text-xs flex items-center gap-2">\n                  <span class="text-base-content">${pe(e.name)}</span>\n                  ${a?'<span class="badge badge-xs badge-primary font-mono text-[9px] px-1.5">Root</span>':""}\n                  ${e.isJunction?'<span class="badge badge-xs badge-accent font-mono text-[9px] px-1.5">Junction (M:N)</span>':""}\n                  ${e.hasSelfRef?'<span class="badge badge-xs badge-info font-mono text-[9px] px-1.5">Self-Ref</span>':""}\n                </div>\n                <div class="text-[10px] text-base-content/50 mt-0.5 flex gap-2 font-mono">\n                  <span>← ${e.parents.length} parents</span>\n                  <span>→ ${e.children.length} children</span>\n                  <span>(${e.rowCount} rows)</span>\n                </div>\n              </div>\n            </div>\n\n            <div class="flex items-center gap-2">\n              <select class="chain-table-mode field-select !py-0.5 text-xs font-semibold w-36" data-table="${pe(e.name)}">\n                <option value="generate" ${"generate"===r[e.name]?"selected":""}>🌱 Generate Data</option>\n                <option value="use_existing" ${"use_existing"===r[e.name]?"selected":""}>📦 Use Existing</option>\n                <option value="generate_if_empty" ${"generate_if_empty"===r[e.name]?"selected":""}>⚡ If Empty</option>\n                <option value="skip" ${"skip"===r[e.name]?"selected":""}>⛔ Skip</option>\n              </select>\n\n              <input type="number" min="1" max="5000" value="${m[e.name]}"\n                class="chain-table-rows field-input !py-0.5 w-16 text-right font-mono font-bold text-xs" data-table="${pe(e.name)}" />\n\n              <button type="button" class="btn btn-xs btn-ghost border border-base-300 btn-toggle-cols" data-table="${pe(e.name)}">\n                Cols ▼\n              </button>\n            </div>\n          </div>\n\n          <div class="chain-col-drawer hidden pt-3 mt-2.5 border-t border-base-200">\n            <div class="chain-cols-container space-y-2"></div>\n          </div>\n        `;const o=s.querySelector(".chain-table-mode"),l=s.querySelector(".chain-table-rows"),c=s.querySelector(".btn-toggle-cols"),i=s.querySelector(".chain-col-drawer"),p=s.querySelector(".chain-cols-container");o.addEventListener("change",()=>{r[e.name]=o.value,s.dataset.nodeMode=o.value,l.disabled="use_existing"===o.value||"skip"===o.value,be(300)}),l.addEventListener("input",()=>{m[e.name]=Math.max(1,parseInt(l.value,10)||10),be(400)}),c.addEventListener("click",()=>{const t=i.classList.toggle("hidden");c.textContent=t?"Cols ▼":"Hide ▲",t||0!==p.children.length||ye(e.name,e.columns,p)}),A.appendChild(s)}),be(100)}catch(e){A.innerHTML=`<div class="alert alert-error text-xs font-semibold">${pe(e.message)}</div>`}}async function Le(){if(!V)return;"chain"!==c||p||await we(),V.innerHTML='<tr><td colspan="100" class="text-center py-12 text-base-content/40"><span class="loading loading-spinner loading-sm text-primary mb-2"></span><br><span class="font-bold text-xs">Generating data preview…</span></td></tr>',ae&&ae.classList.add("hidden"),G&&G.classList.add("hidden"),ne&&(ne.disabled=!0);const e=fe();try{u=await Api.post("/api/seed/preview",{plan:e}),ne&&(ne.disabled=!1),u.validation&&xe(u.validation),Q&&(Q.textContent=u.sql||"-- No SQL statements generated.");const t="single"===c,a=t?[n]:u.executionOrder||Object.keys(u.tableResults||{});!t&&a.includes(g)||(g=n),!t&&a.length>1&&G?(G.classList.remove("hidden"),G.innerHTML="",a.forEach(e=>{const t=u.tableResults[e],n=document.createElement("button");n.dataset.table=e,n.className="tab tab-bordered h-8 text-xs font-mono whitespace-nowrap shrink-0 "+(e===g?"tab-active text-primary font-bold border-b-2 border-b-primary":"text-base-content/60"),n.innerHTML=`${pe(e)} <span class="badge badge-xs ml-1.5 ${e===g?"badge-primary":"badge-ghost"}">${t?.rows?.length||0}</span>`,n.onclick=t=>{t.preventDefault(),g=e,Array.from(G.children).forEach(e=>{e.classList.remove("tab-active","text-primary","border-b-2","border-b-primary","font-bold"),e.classList.add("text-base-content/60"),e.querySelector(".badge")?.classList.replace("badge-primary","badge-ghost")}),n.classList.add("tab-active","text-primary","border-b-2","border-b-primary","font-bold"),n.classList.remove("text-base-content/60"),n.querySelector(".badge")?.classList.replace("badge-ghost","badge-primary");const a=u.tableResults[g];Ie(g,a?.previewRows||[])},G.appendChild(n)})):G&&G.classList.add("hidden");const s=u.tableResults[g]||{previewRows:[]};Ie(g,s?.previewRows||[]),ke(u.warnings||[])}catch(e){V&&(V.innerHTML=`<tr><td colspan="100" class="text-center py-10 text-error text-xs font-bold">${pe(e.message)}</td></tr>`)}}function Ie(e,t){if(!J||!V)return;if(J.innerHTML="",V.innerHTML="",!t||0===t.length)return void(V.innerHTML='<tr><td colspan="100" class="text-center py-10 text-base-content/40 text-xs font-semibold">No rows generated for this table.</td></tr>');const n=new Set;t.forEach(e=>{e&&"object"==typeof e&&Object.keys(e).forEach(e=>n.add(e))});const a=Array.from(n);if(0===a.length)return void(V.innerHTML='<tr><td colspan="100" class="text-center py-10 text-base-content/40 text-xs font-semibold">No columns in generated rows.</td></tr>');const s=document.createElement("tr");s.innerHTML='<th class="w-10 text-center font-mono">#</th>'+a.map(e=>`<th class="font-mono">${pe(e)}</th>`).join(""),J.appendChild(s),t.forEach((e,t)=>{const n=document.createElement("tr");let s=`<td class="text-center text-base-content/40 font-mono text-[10px]">${t+1}</td>`;a.forEach(t=>{const n=e[t];s+=null==n?'<td><span class="badge badge-xs badge-ghost opacity-60 font-mono font-bold text-[9px] text-base-content/50">NULL</span></td>':"(default)"===n||"(auto)"===n?`<td><span class="badge badge-xs badge-outline opacity-60 font-mono text-[9px]">${pe(n)}</span></td>`:"boolean"==typeof n?`<td><span class="badge badge-xs ${n?"badge-success":"badge-ghost"} font-mono font-bold text-[9px]">${n?"TRUE":"FALSE"}</span></td>`:`<td class="truncate max-w-[200px] font-mono text-[11px] text-base-content/90" title="${pe(String(n))}">${pe(String(n))}</td>`}),n.innerHTML=s,V.appendChild(n)})}function ke(e){ae&&(e&&0!==e.length?(ae.innerHTML=`\n      <div class="alert alert-warning text-xs font-semibold rounded-lg shadow-sm">\n        <svg class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>\n        <div class="space-y-1">${e.map(e=>`<p>${pe(e)}</p>`).join("")}</div>\n      </div>\n    `,ae.classList.remove("hidden")):ae.classList.add("hidden"))}B&&B.addEventListener("input",()=>{const e=B.value.toLowerCase().trim(),t=I.querySelectorAll(".seed-col-row");let n=0;t.forEach(t=>{const a=!e||t.dataset.colName.includes(e);t.classList.toggle("hidden",!a),a&&n++}),C&&(C.textContent=`${n} of ${a.length} cols`)});const $e="admindb_seed_profiles";function Se(){try{const e=localStorage.getItem($e);return e?JSON.parse(e):[]}catch{return[]}}function Be(){try{const e=Se();if(de.innerHTML="",!e||0===e.length)return void(de.innerHTML='<div class="py-4 text-center text-xs text-base-content/40">No custom profiles saved yet.</div>');e.forEach(e=>{const t=document.createElement("div");t.className="p-2.5 rounded-lg bg-base-200/50 border border-base-300 flex items-center justify-between gap-2 text-xs hover:border-primary/40 transition-colors",t.innerHTML=`\n          <div class="min-w-0">\n            <div class="font-bold text-base-content truncate">${pe(e.name)}</div>\n            <div class="text-[10px] text-base-content/50">${pe(e.description||`Root: ${e.plan?.rootTable||"N/A"}`)}</div>\n          </div>\n          <div class="flex items-center gap-1.5">\n            <button type="button" class="btn btn-xs btn-primary btn-load-profile font-bold" data-id="${pe(e.id)}">Apply</button>\n            <button type="button" class="btn btn-xs btn-ghost text-error btn-del-profile" data-id="${pe(e.id)}">✕</button>\n          </div>\n        `,t.querySelector(".btn-load-profile").onclick=()=>Ce(e),t.querySelector(".btn-del-profile").onclick=()=>{!function(e){const t=Se().filter(t=>t.id!==e);try{localStorage.setItem($e,JSON.stringify(t))}catch{}}(e.id),Be()},de.appendChild(t)})}catch{de.innerHTML='<div class="py-4 text-center text-xs text-error font-semibold">Failed to load profiles.</div>'}}function Ce(e){if(!e||!e.plan)return;const t=e.plan;null!=t.options?.seed&&(i=t.options.seed,M&&(M.value=i)),t.tables&&(Object.entries(t.tables).forEach(([e,t])=>{r[e]=t.mode||"generate",m[e]=t.rows||10,t.columns&&(d[e]=Object.assign({},t.columns))}),t.tables[n]&&k&&(k.value=t.tables[n].rows||10)),oe&&oe.close(),window.UI&&UI.showToast&&UI.showToast(`Applied profile "${e.name}".`,"success"),I&&ye(n,a,I),be(100)}async function Me(){"chain"!==c||p||await we();const e=fe();ne&&(ne.disabled=!0,ne.classList.add("loading"));try{const t=await Api.post("/api/seed/execute",{plan:e,truncate:Y?.checked??!1});window.UI&&UI.showToast&&UI.showToast(t.message||`Seeded ${t.totalInserted} rows successfully.`,"success"),ke(t.warnings||[])}catch(e){window.UI&&UI.showError&&UI.showError(e.message)}finally{ne&&(ne.disabled=!1,ne.classList.remove("loading")),Z&&Z.close()}}f&&f.addEventListener("click",()=>ve("single")),x&&x.addEventListener("click",()=>ve("chain")),h&&h.addEventListener("click",()=>he(2)),y&&y.addEventListener("click",()=>he(1)),v&&v.addEventListener("click",()=>he(3)),E&&E.addEventListener("click",()=>he(2)),$&&S&&k&&($.addEventListener("click",()=>{k.value=Math.max(1,(parseInt(k.value,10)||10)-1),be(300)}),S.addEventListener("click",()=>{k.value=Math.min(5e3,(parseInt(k.value,10)||10)+1),be(300)}),k.addEventListener("input",()=>be(400))),document.querySelectorAll(".preset-pill").forEach(e=>{e.addEventListener("click",()=>{document.querySelectorAll(".preset-pill").forEach(e=>e.classList.remove("btn-primary")),e.classList.add("btn-primary"),k&&e.dataset.count&&(k.value=e.dataset.count,be(200))})}),M&&M.addEventListener("input",()=>{i=""===M.value?null:Number(M.value),be(400)}),T&&T.addEventListener("click",()=>{i=Math.floor(1e6*Math.random()),M.value=i,window.UI&&UI.showToast&&UI.showToast(`Set Random Seed: ${i}`,"info"),be(100)}),q&&q.addEventListener("change",()=>we()),document.querySelectorAll(".chain-scale-btn").forEach(e=>{e.addEventListener("click",()=>{document.querySelectorAll(".chain-scale-btn").forEach(e=>e.classList.remove("btn-neutral")),e.classList.add("btn-neutral");const t=Number(e.dataset.scale);p&&p.tables&&p.tables.forEach(e=>{m[e.name]=Math.max(1,Math.round((e.suggestedCount||10)*t));const n=A?.querySelector(`.chain-table-rows[data-table="${CSS.escape(e.name)}"]`);n&&(n.value=m[e.name])}),be(200)})}),D&&z&&(D.addEventListener("click",()=>{D.classList.add("btn-active"),z.classList.remove("btn-active"),P.classList.remove("hidden"),F.classList.add("hidden")}),z.addEventListener("click",()=>{z.classList.add("btn-active"),D.classList.remove("btn-active"),F.classList.remove("hidden"),P.classList.add("hidden")})),W&&W.addEventListener("click",()=>{Q&&(navigator.clipboard.writeText(Q.textContent||""),window.UI&&UI.showToast&&UI.showToast("SQL script copied to clipboard.","success"))}),K&&K.addEventListener("click",()=>Le()),Y&&X&&Y.addEventListener("change",()=>{X.classList.toggle("hidden",!Y.checked)}),ne&&ne.addEventListener("click",()=>{Y?.checked?Z.showModal():Me()}),ee&&ee.addEventListener("click",()=>Me()),te&&te.addEventListener("click",()=>Z.close()),se&&oe&&(se.addEventListener("click",()=>{oe.showModal(),Be()}),le&&le.addEventListener("click",()=>oe.close())),document.querySelectorAll(".btn-preset-profile").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.preset,n="smoke"===t?10:"realistic"===t?100:1e3;k&&(k.value=n),Object.keys(m).forEach(e=>m[e]=n),oe&&oe.close(),window.UI&&UI.showToast&&UI.showToast(`Applied ${n} rows preset blueprint.`,"info"),be(100)})}),ie&&ie.addEventListener("click",()=>{const e=ce.value.trim();if(!e)return;!function(e,t,n){const a=Se(),s={id:`profile_${Date.now()}_${Math.random().toString(36).slice(2,8)}`,name:e,description:n,createdAt:(new Date).toISOString(),plan:t};a.unshift(s);try{localStorage.setItem($e,JSON.stringify(a))}catch{}}(e,fe()),ce.value="",window.UI&&UI.showToast&&UI.showToast(`Saved profile "${e}".`,"success"),Be()}),re&&re.addEventListener("click",()=>{const e=fe(),t=new Blob([JSON.stringify(e,null,2)],{type:"application/json"}),a=document.createElement("a");a.href=URL.createObjectURL(t),a.download=`seed-plan-${n}-${Date.now()}.json`,a.click()}),me&&me.addEventListener("change",e=>{const t=e.target.files?.[0];if(!t)return;const n=new FileReader;n.onload=e=>{try{const n=JSON.parse(e.target?.result);Ce({name:t.name,plan:n})}catch{window.UI&&UI.showError&&UI.showError("Invalid JSON seed plan file.")}},n.readAsText(t)}),B&&B.addEventListener("input",()=>{const e=B.value.trim().toLowerCase(),t=I?.querySelectorAll(".seed-col-row")||[];let n=0;t.forEach(t=>{const a=!e||(t.dataset.colName||"").includes(e);t.classList.toggle("hidden",!a),a&&n++}),C&&(C.textContent=`${n} cols`)}),I&&0===I.children.length&&ye(n,a,I),f&&f.addEventListener("click",()=>ve("single",!0)),x&&x.addEventListener("click",()=>ve("chain",!0)),ve(o,!1)}();

package/dist/routes/api/erd.d.ts

@@ -0,0 +1 @@
+import{type ApiContext} from './helpers';import type {Router} from 'express';export declare function registerErdRoutes(router:Router,ctx:ApiContext):void;

package/dist/routes/api/erd.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerErdRoutes = registerErdRoutes;
+const helpers_1 = require("./helpers");
+function registerErdRoutes(router, ctx) {
+    const { db } = ctx;
+    router.get('/api/erd', async (_req, res) => {
+        try {
+            const tablesResult = await db.listTables();
+            if (!tablesResult.success || !tablesResult.data) {
+                return (0, helpers_1.fail)(res, tablesResult.error ?? 'Failed to list tables.', 500);
+            }
+            const tableNames = tablesResult.data.map((t) => t.name);
+            const tables = await Promise.all(tableNames.map(async (name) => {
+                const infoResult = await db.getTableInfo(name);
+                if (!infoResult.success || !infoResult.data) {
+                    return { name, columns: [], foreignKeys: [], primaryKey: [] };
+                }
+                const { columns, foreignKeys, primaryKey } = infoResult.data;
+                return {
+                    name,
+                    columns: columns.map((c) => ({
+                        name: c.name,
+                        type: c.type,
+                        pk: c.pk,
+                        notnull: c.notnull,
+                        dflt_value: c.dflt_value,
+                    })),
+                    foreignKeys: foreignKeys.map((fk) => ({
+                        from: fk.from,
+                        table: fk.table,
+                        to: fk.to ?? '',
+                        on_delete: fk.on_delete,
+                        on_update: fk.on_update,
+                    })),
+                    primaryKey,
+                };
+            }));
+            (0, helpers_1.ok)(res, { tables });
+        }
+        catch (err) {
+            (0, helpers_1.fail)(res, err.message ?? 'Unknown error.', 500);
+        }
+    });
+}

package/dist/routes/api/helpers.d.ts

@@ -1 +1 @@
-import type {Request,Response} from 'express';import type {IDatabase,TableInfoData,WhereClause} from '../../db/index';import type {Logger} from '../../utils/logger';import{type ColumnPlan} from '../../data/index';export interface ApiContext{db:IDatabase;logger:Logger;}export declare function ok(res:Response,data:unknown,status?:number):Response;export declare function fail(res:Response,error:string,status?:number):Response;export declare function wrap(fn:(req:Request,res:Response)=>unknown):(req:Request,res:Response)=>Promise<void>;export declare function requireTable(db:IDatabase,table:string):Promise<TableInfoData|null>;export declare function buildFields(info:TableInfoData,values:Record<string,unknown>,opts?:{excludePk?:boolean;}):{column:string;value:unknown;}[];export declare function buildUpdateFields(info:TableInfoData,values:Record<string,unknown>,nulls:string[]):{column:string;value:unknown;}[];export declare function pkWhere(info:TableInfoData,encodedId:string):{column:string;value:unknown;}[]|null;export declare const MAX_BULK_ROWS=1000;export declare function parseSeedRequest(body:unknown):{count:number;plan:Record<string,ColumnPlan>;truncate:boolean;};export declare function resolvePkRows(info:TableInfoData,ids:unknown):WhereClause[][]|null;export declare function computeBulkImpact(db:IDatabase,info:TableInfoData,wheres:WhereClause[][]):Promise<{references:{table:string; from :string;to:string;count:number;}[];total:number;}>;
+import type {Request,Response} from 'express';import type {IDatabase,TableInfoData,WhereClause} from '../../db/index';import type {Logger} from '../../utils/logger';import{type ColumnPlan,type ErChainScope,type GenerationPlan,type TableGenerationMode} from '../../data/index';export interface ApiContext{db:IDatabase;logger:Logger;}export declare const ok:(res:Response,data:unknown,status?:number)=>Response;export declare const fail:(res:Response,error:string,status?:number,details?:Record<string,unknown>|null)=>Response;export declare const wrap:(fn:(req:Request,res:Response)=>unknown)=>(req:Request,res:Response)=>Promise<void>;export declare function requireTable(db:IDatabase,table:string):Promise<TableInfoData|null>;export declare function buildFields(info:TableInfoData,values:Record<string,unknown>,opts?:{excludePk?:boolean;}):{column:string;value:unknown;}[];export declare function buildUpdateFields(info:TableInfoData,values:Record<string,unknown>,nulls:string[]):{column:string;value:unknown;}[];export declare function pkWhere(info:TableInfoData,encodedId:string):{column:string;value:unknown;}[]|null;export declare const MAX_BULK_ROWS=1000;export declare function parseSeedRequest(body:unknown):{count:number;plan:Record<string,ColumnPlan>;truncate:boolean;seed?:number|null;};export declare function parseChainSeedRequest(body:unknown):{scope:ErChainScope;counts:Record<string,number>;plans:Record<string,Record<string,ColumnPlan>>;truncate:boolean;modes?:Record<string,TableGenerationMode>;seed?:number|null;};export declare function parseUnifiedGenerationPlan(body:unknown):GenerationPlan;export declare function resolvePkRows(info:TableInfoData,ids:unknown):WhereClause[][]|null;export declare function computeBulkImpact(db:IDatabase,info:TableInfoData,wheres:WhereClause[][]):Promise<{references:{table:string; from :string;to:string;count:number;}[];total:number;}>;