simplemdg-dev-cli 2.6.0 → 2.7.0

package/src/core/db/db-studio-client.ts

@@ -26,10 +26,16 @@ var ICONS = {
   gear:"M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z|M19.4 13a7.9 7.9 0 0 0 0-2l2-1.5-2-3.4-2.3 1a8 8 0 0 0-1.7-1l-.4-2.6h-4l-.4 2.6a8 8 0 0 0-1.7 1l-2.3-1-2 3.4L4.6 11a7.9 7.9 0 0 0 0 2l-2 1.5 2 3.4 2.3-1a8 8 0 0 0 1.7 1l.4 2.6h4l.4-2.6a8 8 0 0 0 1.7-1l2.3 1 2-3.4z",
   home:"M3 11l9-8 9 8|M5 10v10h14V10",
   table2:"M4 4h16v16H4z|M4 9h16|M9 4v16",
-  col:"M5 4v16|M12 4v16|M19 4v16"
+  col:"M5 4v16|M12 4v16|M19 4v16",
+  trash:"M4 7h16|M9 7V4h6v3|M6 7l1 13h10l1-13|M10 11v6|M14 11v6",
+  chevL:"M15 6l-6 6 6 6",
+  chevR:"M9 6l6 6-6 6",
+  filter:"M3 5h18l-7 8v6l-4 2v-8z",
+  undo:"M9 7L4 12l5 5|M4 12h11a5 5 0 0 1 0 10h-3"
 };
 function svgFor(name){var d=ICONS[name]||"";return '<svg class="ic" viewBox="0 0 24 24">'+d.split("|").map(function(p){return '<path d="'+p+'"></path>';}).join("")+'</svg>';}
 function icEl(name,cls){var s=document.createElement("span");s.className="ticon "+(cls||"");s.innerHTML=svgFor(name);return s;}
+function gbtn(icon,title,onClick,extra){var b=el("button",{class:"gbtn "+(extra||""),title:title,html:svgFor(icon)});b.addEventListener("click",function(e){onClick(e);});return b;}
 
 /* ---------- dom helpers ---------- */
 function $(id){return document.getElementById(id);}
@@ -300,37 +306,46 @@ function showFilterSql(tab,anchor){var g=tab.state.g;api("POST","/api/sql/genera
 function pendingCount(g){return Object.keys(g.edits).length+Object.keys(g.deletes).length+g.inserts.length;}
 function rowKeyOf(g,row){return g.pk.map(function(k){return String(row[k]);}).join("\\u0001");}
 function buildDataPane(pane,tab,schema,table,restore){
-  var g={schema:schema,table:table,pk:[],columns:[],rows:[],offset:0,pageSize:100,where:"",orderBy:"",orderDir:"asc",total:null,edits:{},deletes:{},inserts:[],errors:{},editable:false,selRow:null,iseq:0,undo:[],redo:[]};tab.state.g=g;
-  var whereI=el("input",{class:"input",style:"flex:1",placeholder:"WHERE clause, e.g. STATUS = 'A'"});g.whereI=whereI;
-  var pageSel=el("select",{class:"select",style:"width:auto"});["100","500","1000"].forEach(function(v){pageSel.appendChild(el("option",{value:v,text:v}));});g.pageSel=pageSel;
-  var pageInfo=el("span",{class:"note"});g.pageInfo=pageInfo;
-  wireSearch(whereI,function(){g.where=whereI.value;g.offset=0;loadData(tab);});
-  var tb1=el("div",{class:"toolbar"},[whereI,el("button",{class:"btn",text:"Apply",onclick:function(){g.where=whereI.value;g.offset=0;loadData(tab);}}),el("button",{class:"btn ghost",text:"Show SQL",onclick:function(e){showFilterSql(tab,e.currentTarget);}}),el("button",{class:"btn sec",text:"Refresh",onclick:function(){loadData(tab);}}),el("span",{class:"note",text:"Page"}),pageSel,el("button",{class:"btn sec",text:"Prev",onclick:function(){g.offset=Math.max(0,g.offset-parseInt(pageSel.value,10));loadData(tab);}}),el("button",{class:"btn sec",text:"Next",onclick:function(){g.offset+=parseInt(pageSel.value,10);loadData(tab);}}),pageInfo,el("span",{class:"grow"}),el("button",{class:"btn ghost",text:"CSV",onclick:function(){exportData(tab,"csv");}}),el("button",{class:"btn ghost",text:"JSON",onclick:function(){exportData(tab,"json");}})]);
-  var saveBtn=el("button",{class:"btn",text:"Save changes",onclick:function(){saveDataChanges(tab);}});var revertBtn=el("button",{class:"btn ghost",text:"Revert all",onclick:function(){revertAll(tab);}});g.saveBtn=saveBtn;g.revertBtn=revertBtn;
-  var editHint=el("span",{class:"note"});g.editHint=editHint;
-  var tb2=el("div",{class:"toolbar"},[el("button",{class:"btn sec",text:"+ Insert row",onclick:function(){addInsertRow(tab);}}),el("button",{class:"btn ghost",text:"Delete selected",onclick:function(){toggleDeleteSelected(tab);}}),el("button",{class:"btn ghost",text:"Structure",onclick:function(){openStructureTab(schema,table);}}),saveBtn,revertBtn,editHint]);
-  var grid=el("div",{class:"gridwrap"});g.grid=grid;
+  var g={schema:schema,table:table,pk:[],columns:[],rows:[],offset:0,pageSize:100,where:"",orderBy:"",orderDir:"asc",total:null,edits:{},deletes:{},inserts:[],errors:{},editable:false,sel:{},iseq:0,undo:[],redo:[]};tab.state.g=g;
+  var whereI=el("input",{spellcheck:"false",placeholder:"WHERE clause, e.g. STATUS = 'A' AND CREATEDBY LIKE '%admin%'"});g.whereI=whereI;
+  var clr=el("span",{class:"clr",html:svgFor("x"),title:"Clear filter"});
+  var whereBox=el("div",{class:"wherebox"},[el("span",{html:svgFor("filter")}),whereI,clr]);
+  var apply=function(){g.where=whereI.value;g.offset=0;applyBtn.classList.remove("on");loadData(tab);};
+  var applyBtn=gbtn("run","Apply filter (Enter)",apply);g.applyBtn=applyBtn;
+  clr.addEventListener("click",function(){whereI.value="";whereBox.classList.remove("has");apply();});
+  whereI.addEventListener("input",function(){whereBox.classList.toggle("has",!!whereI.value);applyBtn.classList.toggle("on",whereI.value!==g.where);});
+  whereI.addEventListener("keydown",function(e){if(e.key==="Enter"){e.preventDefault();apply();if(e.ctrlKey||e.metaKey)showFilterSql(tab,applyBtn);}else if(e.key==="Escape"){e.preventDefault();whereI.value="";whereBox.classList.remove("has");apply();}});
+  var insBtn=gbtn("plus","Insert row",function(){addInsertRow(tab);});g.insBtn=insBtn;
+  var delBtn=gbtn("trash","Mark selected rows for delete",function(){toggleDeleteSelected(tab);},"danger");g.delBtn=delBtn;
+  var tb=el("div",{class:"gtoolbar"},[whereBox,applyBtn,gbtn("sql","Show generated SQL",function(e){showFilterSql(tab,e.currentTarget);}),gbtn("refresh","Refresh data",function(e){var b=e.currentTarget;b.classList.add("spinning");loadData(tab,function(){b.classList.remove("spinning");});}),el("span",{class:"gsep"}),insBtn,delBtn,gbtn("col","Open structure",function(){openStructureTab(schema,table);}),el("span",{class:"gsep"}),gbtn("imp","Export data",function(e){openExportMenu(tab,e.currentTarget);})]);
   var changeBar=el("div",{class:"changebar hidden"});g.changeBar=changeBar;
-  pane.appendChild(crumbs((activeConn()||{}).name,schema,table));pane.appendChild(tb1);pane.appendChild(tb2);pane.appendChild(changeBar);pane.appendChild(grid);
+  var grid=el("div",{class:"gridwrap"});g.grid=grid;
+  var pageSel=el("select");["100","500","1000"].forEach(function(v){pageSel.appendChild(el("option",{value:v,text:v}));});g.pageSel=pageSel;
+  pageSel.addEventListener("change",function(){g.offset=0;loadData(tab);});
+  var rangeSpan=el("span",{class:"note"});g.rangeSpan=rangeSpan;var durSpan=el("span",{class:"note"});g.durSpan=durSpan;
+  var footer=el("div",{class:"gridfoot"},[rangeSpan,el("span",{style:"flex:1"}),el("span",{class:"pg"},[gbtn("chevL","Previous page",function(){g.offset=Math.max(0,g.offset-parseInt(pageSel.value,10));loadData(tab);}),el("span",{class:"note",text:"Rows"}),pageSel,gbtn("chevR","Next page",function(){g.offset+=parseInt(pageSel.value,10);loadData(tab);})]),durSpan]);
+  pane.appendChild(crumbs((activeConn()||{}).name,schema,table));pane.appendChild(tb);pane.appendChild(changeBar);pane.appendChild(grid);pane.appendChild(footer);
   updateDirtyButtons(tab);
   api("GET","/api/catalog/columns?"+qstr({connectionId:S.activeConnId,schema:schema,table:table})).then(function(r){g.columns=r.columns||[];}).catch(function(){});
-  api("GET","/api/catalog/primary-key?"+qstr({connectionId:S.activeConnId,schema:schema,table:table})).then(function(r){g.pk=(r.primaryKey&&r.primaryKey.columns)||[];g.editable=g.pk.length>0;editHint.textContent=g.editable?("Editable \\u00b7 double-click a cell \\u00b7 key: "+g.pk.join(", ")):"Read-only (no primary key detected)";renderGrid(tab);}).catch(function(){editHint.textContent="";});
-  if(restore){g.where=restore.where||"";whereI.value=g.where;g.offset=restore.offset||0;if(restore.pageSize)pageSel.value=String(restore.pageSize);if(restore.sort&&restore.sort[0]){g.orderBy=restore.sort[0].column;g.orderDir=restore.sort[0].direction;}}
+  api("GET","/api/catalog/primary-key?"+qstr({connectionId:S.activeConnId,schema:schema,table:table})).then(function(r){g.pk=(r.primaryKey&&r.primaryKey.columns)||[];g.editable=g.pk.length>0;insBtn.disabled=!g.editable;delBtn.disabled=!g.editable;insBtn.title=g.editable?"Insert row":"Read-only (no primary key)";renderGrid(tab);}).catch(function(){});
+  if(restore){g.where=restore.where||"";whereI.value=g.where;whereBox.classList.toggle("has",!!g.where);g.offset=restore.offset||0;if(restore.pageSize)pageSel.value=String(restore.pageSize);if(restore.sort&&restore.sort[0]){g.orderBy=restore.sort[0].column;g.orderDir=restore.sort[0].direction;}}
   loadData(tab);
   loadCount(tab);
 }
-function loadData(tab){var g=tab.state.g;g.pageSize=parseInt(g.pageSel.value,10);clear(g.grid).appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," loading data..."]));api("POST","/api/table/data",{connectionId:S.activeConnId,schema:g.schema,table:g.table,limit:g.pageSize,offset:g.offset,where:g.where,orderBy:g.orderBy,orderDirection:g.orderDir}).then(function(r){g.rows=r.result.rows;g.selRow=null;renderGrid(tab);g.pageInfo.textContent="Offset "+g.offset+" \\u00b7 "+r.result.rowCount+" rows \\u00b7 "+r.result.durationMs+"ms";$("stDuration").textContent=r.result.durationMs+"ms";$("stRows").textContent=(g.total!=null?g.total+" total":r.result.rowCount+" rows");}).catch(function(e){clear(g.grid).appendChild(el("div",{class:"errbox",text:"Cannot load data.\\nReason: "+e.message+"\\nAction: test the connection or refresh from BTP app env."}));});}
+function selectedKeys(g){return Object.keys(g.sel);}
+function loadData(tab,onDone){var g=tab.state.g;g.pageSize=parseInt(g.pageSel.value,10);clear(g.grid).appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," loading data..."]));$("stDuration").textContent="…";api("POST","/api/table/data",{connectionId:S.activeConnId,schema:g.schema,table:g.table,limit:g.pageSize,offset:g.offset,where:g.where,orderBy:g.orderBy,orderDirection:g.orderDir}).then(function(r){g.rows=r.result.rows;g.sel={};renderGrid(tab);var to=g.offset+r.result.rowCount;g.rangeSpan.textContent="Showing "+(r.result.rowCount?g.offset+1:0)+"-"+to+(g.total!=null?" of "+g.total.toLocaleString():"");g.durSpan.textContent="Duration: "+r.result.durationMs+"ms · Offset: "+g.offset;$("stDuration").textContent=r.result.durationMs+"ms";$("stRows").textContent=(g.total!=null?g.total+" total":r.result.rowCount+" rows");if(onDone)onDone();}).catch(function(e){clear(g.grid).appendChild(el("div",{class:"errbox",text:"Cannot load data.\\nReason: "+e.message+"\\nAction: test the connection or refresh from BTP app env."}));if(onDone)onDone();});}
 function loadCount(tab){var g=tab.state.g;api("POST","/api/table/count",{connectionId:S.activeConnId,schema:g.schema,table:g.table}).then(function(r){g.total=r.count;$("stRows").textContent=r.count+" total";}).catch(function(){});}
 function dataSortToggle(tab,field){var g=tab.state.g;if(g.orderBy===field)g.orderDir=g.orderDir==="asc"?"desc":"asc";else{g.orderBy=field;g.orderDir="asc";}g.offset=0;loadData(tab);}
 function renderGrid(tab){var g=tab.state.g;var box=clear(g.grid);if(!g.rows.length&&!g.inserts.length){box.appendChild(el("div",{class:"empty",text:"No rows."}));return;}
   var fields=g.columns.length?g.columns.map(function(c){return c.name;}):(g.rows[0]?Object.keys(g.rows[0]):[]);g.fields=fields;
   var table=el("table",{class:"grid"});var thead=el("thead");var htr=el("tr");htr.appendChild(el("th",{class:"rowhdr",text:"#"}));fields.forEach(function(f){var arrow=g.orderBy===f?(g.orderDir==="desc"?" \\u25BC":" \\u25B2"):"";var th=el("th",{title:"Click to sort",text:f+arrow});th.addEventListener("click",function(){dataSortToggle(tab,f);});htr.appendChild(th);});thead.appendChild(htr);table.appendChild(thead);
   var tbody=el("tbody");
-  g.rows.forEach(function(row,ri){var key=rowKeyOf(g,row);var deleted=!!g.deletes[key];var edited=g.edits[key];var err=g.errors[key];var tr=el("tr",{class:(g.selRow===ri?"selrow ":"")+(deleted?"row-del ":"")+(err?"row-err ":""),"data-ri":ri});
+  g.rows.forEach(function(row,ri){var key=rowKeyOf(g,row);var deleted=!!g.deletes[key];var edited=g.edits[key];var err=g.errors[key];var tr=el("tr",{class:(g.sel[key]?"selrow ":"")+(deleted?"row-del ":"")+(err?"row-err ":""),"data-ri":ri});
+    tr.addEventListener("contextmenu",function(e){e.preventDefault();rowContextMenu(e,tab,row);});
     var flag=edited?'<span class="rowflag d"></span>':(deleted?'<span class="rowflag del"></span>':"");
-    var num=el("td",{class:"rowhdr",html:flag+(g.offset+ri+1),title:err||""});num.addEventListener("click",function(){g.selRow=(g.selRow===ri?null:ri);renderGrid(tab);});tr.appendChild(num);
+    var num=el("td",{class:"rowhdr",html:flag+(g.offset+ri+1),title:err||""});num.addEventListener("click",function(e){if(!(e.ctrlKey||e.metaKey||e.shiftKey))g.sel={};if(g.sel[key])delete g.sel[key];else g.sel[key]=true;renderGrid(tab);});tr.appendChild(num);
     fields.forEach(function(f){var hasEdit=edited&&Object.prototype.hasOwnProperty.call(edited,f);var v=hasEdit?edited[f]:row[f];var disp=v==null?"":typeof v==="object"?JSON.stringify(v):String(v);var td=el("td",{class:(typeof v==="number"?"num ":"")+(hasEdit?"edited":""),title:disp,text:disp.length>400?disp.slice(0,400)+"\\u2026":disp});if(g.editable&&!deleted){td.addEventListener("dblclick",function(){startEdit(tab,td,ri,f,row);});}else{td.addEventListener("dblclick",function(){openCellViewer(v);});}tr.appendChild(td);});
-    if(err){var etr=tr;etr.title=err;}
+    if(err){tr.title=err;}
     tbody.appendChild(tr);});
   g.inserts.forEach(function(ins){var tr=el("tr",{class:"row-ins"});tr.appendChild(el("td",{class:"rowhdr",html:'<span class="rowflag ins"></span>'+"new",onclick:function(){g.inserts=g.inserts.filter(function(x){return x!==ins;});updateDirtyButtons(tab);renderGrid(tab);}}));
     fields.forEach(function(f){var inp=el("input",{class:"cellinput",value:ins.values[f]!=null?ins.values[f]:""});inp.addEventListener("input",function(){if(inp.value==="")delete ins.values[f];else ins.values[f]=inp.value;});var td=el("td");td.appendChild(inp);tr.appendChild(td);});
@@ -342,11 +357,61 @@ function renderGrid(tab){var g=tab.state.g;var box=clear(g.grid);if(!g.rows.leng
 function startEdit(tab,td,ri,field,row){if(td.querySelector("input"))return;var g=tab.state.g;var colIdx=g.fields?g.fields.indexOf(field):-1;var key=rowKeyOf(g,row);var cur=g.edits[key]&&Object.prototype.hasOwnProperty.call(g.edits[key],field)?g.edits[key][field]:row[field];var input=el("input",{class:"cellinput"});input.value=cur==null?"":typeof cur==="object"?JSON.stringify(cur):String(cur);clear(td).appendChild(input);input.focus();input.select();var done=false;function commit(){if(done)return true;done=true;var origStr=row[field]==null?"":String(row[field]);if(input.value!==origStr){gridPushUndo(tab);g.edits[key]=g.edits[key]||{};g.edits[key][field]=input.value;}else if(g.edits[key]){delete g.edits[key][field];if(!Object.keys(g.edits[key]).length)delete g.edits[key];}return true;}
   input.addEventListener("keydown",function(e){if(e.key==="Enter"){e.preventDefault();commit();renderGrid(tab);editAt(tab,ri+1,colIdx);}else if(e.key==="Tab"){e.preventDefault();commit();renderGrid(tab);editAt(tab,ri,colIdx+1);}else if(e.key==="Escape"){e.preventDefault();done=true;renderGrid(tab);}});
   input.addEventListener("blur",function(){if(!done){commit();renderGrid(tab);}});}
-function toggleDeleteSelected(tab){var g=tab.state.g;if(g.selRow==null)return logMsg("Click a row number to select it first.","warn");if(!g.editable)return logMsg("Cannot delete: no primary key.","warn");gridPushUndo(tab);var key=rowKeyOf(g,g.rows[g.selRow]);if(g.deletes[key])delete g.deletes[key];else g.deletes[key]=true;renderGrid(tab);}
+function toastAction(msg,actionLabel,onAction){var t=el("div",{class:"toast"});t.appendChild(el("span",{text:msg+" "}));t.appendChild(el("a",{class:"link",text:actionLabel,onclick:function(){onAction();t.remove();}}));$("toasts").appendChild(t);setTimeout(function(){t.style.opacity="0";setTimeout(function(){t.remove();},250);},6000);}
+function toggleDeleteSelected(tab){var g=tab.state.g;if(!g.editable)return logMsg("Cannot delete: table has no primary key.","warn");var keys=selectedKeys(g);if(!keys.length)return logMsg("Select one or more rows (click the row number).","warn");
+  if(keys.every(function(k){return g.deletes[k];})){gridPushUndo(tab);keys.forEach(function(k){delete g.deletes[k];});renderGrid(tab);return;}
+  var mark=function(){gridPushUndo(tab);keys.forEach(function(k){g.deletes[k]=true;});g.sel={};renderGrid(tab);toastAction(keys.length+" row"+(keys.length>1?"s":"")+" marked for delete. They are removed only when you Save Changes.","Undo",function(){gridUndo(tab);});};
+  if(keys.length>1){if(confirm("Mark "+keys.length+" selected rows for deletion?\\nThey will not be deleted until you click Save Changes."))mark();}else mark();}
 function addInsertRow(tab){var g=tab.state.g;gridPushUndo(tab);g.inserts.push({iseq:++g.iseq,values:{}});renderGrid(tab);}
 function revertAll(tab){var g=tab.state.g;g.edits={};g.deletes={};g.inserts=[];g.errors={};renderGrid(tab);logMsg("Reverted pending changes.","ok");}
-function updateDirtyButtons(tab){var g=tab.state.g;var nu=Object.keys(g.edits).length,nd=Object.keys(g.deletes).length,ni=g.inserts.length;var n=nu+nd+ni;g.saveBtn.style.display=n>0?"":"none";g.revertBtn.style.display=n>0?"":"none";setDirty(tab,n>0);if(g.changeBar){if(n>0){g.changeBar.classList.remove("hidden");clear(g.changeBar);g.changeBar.appendChild(el("span",{text:"Pending changes: "+nu+" update(s), "+ni+" insert(s), "+nd+" delete(s)"}));g.changeBar.appendChild(el("span",{class:"grow"}));g.changeBar.appendChild(el("button",{class:"btn sm",text:"Save Changes",onclick:function(){saveDataChanges(tab);}}));g.changeBar.appendChild(el("button",{class:"btn sm ghost",text:"Revert All",onclick:function(){revertAll(tab);}}));g.changeBar.appendChild(el("button",{class:"btn sm ghost",text:"Show Changes",onclick:function(){showChanges(tab);}}));}else g.changeBar.classList.add("hidden");}}
-function exportData(tab,fmt){var g=tab.state.g;if(!g.rows.length)return logMsg("No rows.","warn");var fields=g.columns.length?g.columns.map(function(c){return c.name;}):Object.keys(g.rows[0]);fetch(fmt==="csv"?"/api/export/csv":"/api/export/json",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({fields:fields,rows:g.rows})}).then(function(r){return r.blob();}).then(function(b){var a=document.createElement("a");a.href=URL.createObjectURL(b);a.download=fmt==="csv"?g.table+".csv":g.table+".json";a.click();});}
+function updateDirtyButtons(tab){var g=tab.state.g;var nu=Object.keys(g.edits).length,nd=Object.keys(g.deletes).length,ni=g.inserts.length;var n=nu+nd+ni;if(g.saveBtn)g.saveBtn.style.display=n>0?"":"none";if(g.revertBtn)g.revertBtn.style.display=n>0?"":"none";setDirty(tab,n>0);if(g.changeBar){if(n>0){g.changeBar.classList.remove("hidden");clear(g.changeBar);g.changeBar.appendChild(el("span",{},["Pending: ",el("span",{class:"cnt-u",text:nu+" edit"+(nu===1?"":"s")})," · ",el("span",{class:"cnt-i",text:ni+" insert"+(ni===1?"":"s")})," · ",el("span",{class:"cnt-d",text:nd+" delete"+(nd===1?"":"s")})]));g.changeBar.appendChild(el("span",{style:"flex:1"}));g.changeBar.appendChild(el("button",{class:"btn sm",title:"Ctrl+S",text:"Save",onclick:function(){saveDataChanges(tab);}}));g.changeBar.appendChild(el("button",{class:"btn sm ghost",title:"Revert all (Ctrl+Z to undo)",text:"Revert",onclick:function(){revertAll(tab);}}));g.changeBar.appendChild(el("button",{class:"btn sm ghost",text:"Show changes",onclick:function(){showChanges(tab);}}));}else g.changeBar.classList.add("hidden");}}
+function gridFields(g){return g.columns.length?g.columns.map(function(c){return c.name;}):(g.rows[0]?Object.keys(g.rows[0]):[]);}
+function exportFilename(g,fmt,suffix){var conn=(activeConn()||{}).name||"db";var stamp=new Date().toISOString().replace(/[:.]/g,"-").slice(0,19);return (conn+"_"+g.schema+"_"+g.table+(suffix?"_"+suffix:"")+"_"+stamp+"."+fmt).replace(/[^a-z0-9._-]+/gi,"-");}
+function exportRowsToFile(fields,rows,fmt,filename){return fetch(fmt==="csv"?"/api/export/csv":"/api/export/json",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({fields:fields,rows:rows})}).then(function(r){return r.blob();}).then(function(b){var a=document.createElement("a");a.href=URL.createObjectURL(b);a.download=filename;a.click();});}
+function exportCurrentPage(tab,fmt){var g=tab.state.g;if(!g.rows.length)return logMsg("No rows to export.","warn");logMsg("Preparing export…","ok");exportRowsToFile(gridFields(g),g.rows,fmt,exportFilename(g,fmt,"page")).then(function(){logMsg("Exported current page as "+fmt.toUpperCase(),"ok");});}
+function exportSelected(tab,fmt){var g=tab.state.g;var rows=g.rows.filter(function(r){return g.sel[rowKeyOf(g,r)];});if(!rows.length)return logMsg("Select rows first (click row numbers).","warn");exportRowsToFile(gridFields(g),rows,fmt,exportFilename(g,fmt,"selected")).then(function(){logMsg("Exported "+rows.length+" selected row(s) as "+fmt.toUpperCase(),"ok");});}
+function exportViaApi(tab,source,fmt,extra){var g=tab.state.g;logMsg("Preparing export…","ok");var body={connectionId:S.activeConnId,schema:g.schema,objectName:g.table,objectType:"table",source:source,format:fmt,whereClause:g.where,limit:g.pageSize,offset:g.offset,sort:g.orderBy?[{column:g.orderBy,direction:g.orderDir}]:[]};if(extra)for(var k in extra)body[k]=extra[k];return fetch("/api/export/data",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify(body)}).then(function(r){if(!r.ok)return r.text().then(function(t){throw new Error(t||("HTTP "+r.status));});return r.blob();}).then(function(b){var a=document.createElement("a");a.href=URL.createObjectURL(b);a.download=exportFilename(g,fmt,source);a.click();logMsg("Export completed ("+fmt.toUpperCase()+")","ok");}).catch(function(e){logMsg("Export failed: "+e.message,"err");});}
+function openExportMenu(tab,anchor){var r=anchor.getBoundingClientRect();showCtx(r.left,r.bottom+4,[
+  {label:"Current page · CSV",icon:"imp",onClick:function(){exportCurrentPage(tab,"csv");}},
+  {label:"Current page · JSON",icon:"imp",onClick:function(){exportCurrentPage(tab,"json");}},
+  {sep:true},
+  {label:"Current query/filter · CSV",icon:"imp",onClick:function(){exportViaApi(tab,"current-query","csv");}},
+  {label:"Current query/filter · JSON",icon:"imp",onClick:function(){exportViaApi(tab,"current-query","json");}},
+  {sep:true},
+  {label:"Selected rows · CSV",icon:"imp",onClick:function(){exportSelected(tab,"csv");}},
+  {label:"Selected rows · JSON",icon:"imp",onClick:function(){exportSelected(tab,"json");}},
+  {sep:true},
+  {label:"Export custom…",icon:"gear",onClick:function(){exportCustomModal(tab);}}
+]);}
+function exportCustomModal(tab){var g=tab.state.g;var cols=gridFields(g);
+  var src=el("select",{class:"select"});[["current-page","Current page"],["current-query","Current query/filter"],["selected-rows","Selected rows"],["whole-table","Whole table (can be large)"]].forEach(function(o){src.appendChild(el("option",{value:o[0],text:o[1]}));});
+  var fmt=el("select",{class:"select"});[["csv","CSV"],["json","JSON"]].forEach(function(f){fmt.appendChild(el("option",{value:f[0],text:f[1]}));});
+  var checks={};var list=el("div",{class:"fieldlist"});cols.forEach(function(c){var cb=el("input",{type:"checkbox"});cb.checked=true;checks[c]=cb;list.appendChild(el("label",{},[cb,c]));});
+  var warn=el("div",{class:"note"});src.addEventListener("change",function(){warn.textContent=src.value==="whole-table"?"Whole-table export can be large and may take a while.":"";});
+  var d=el("div",{class:"dialog"},[el("h3",{text:"Export data"}),
+    el("div",{class:"field"},[el("label",{text:"Source"}),src]),warn,
+    el("div",{class:"field"},[el("label",{text:"Columns"}),list]),
+    el("div",{class:"field"},[el("label",{text:"Format"}),fmt]),
+    el("div",{class:"row right"},[el("button",{class:"btn ghost",text:"Cancel",onclick:closeModal}),el("button",{class:"btn",text:"Export",onclick:function(){
+      var selectedColumns=cols.filter(function(c){return checks[c].checked;});if(!selectedColumns.length)return logMsg("Select at least one column.","warn");
+      var source=src.value,format=fmt.value;
+      if(source==="whole-table"&&!confirm("Export the whole table? This can be large."))return;
+      closeModal();
+      if(source==="current-page"){exportRowsToFile(selectedColumns,g.rows,format,exportFilename(g,format,"page")).then(function(){logMsg("Exported.","ok");});}
+      else if(source==="selected-rows"){var rows=g.rows.filter(function(r){return g.sel[rowKeyOf(g,r)];});if(!rows.length)return logMsg("No rows selected.","warn");exportRowsToFile(selectedColumns,rows,format,exportFilename(g,format,"selected")).then(function(){logMsg("Exported.","ok");});}
+      else{exportViaApi(tab,source,format,{selectedColumns:selectedColumns});}
+    }})])]);
+  openModal(d);}
+function rowContextMenu(e,tab,row){var g=tab.state.g;showCtx(e.clientX,e.clientY,[
+  {label:"View row details",icon:"viw",onClick:function(){openCellViewer(row);}},
+  {label:"Copy row as JSON",icon:"col",onClick:function(){navigator.clipboard.writeText(JSON.stringify(row,null,2));logMsg("Copied row JSON","ok");}},
+  {label:"Copy INSERT statement",icon:"sql",onClick:function(){copyRowDml(g,row,"insert");}},
+  {label:"Copy UPDATE statement",icon:"sql",onClick:function(){copyRowDml(g,row,"update");}}
+]);}
+function copyRowDml(g,row,kind){var fields=gridFields(g);var qn='"'+g.schema+'"."'+g.table+'"';function lit(v){return v==null?"NULL":typeof v==="number"?String(v):"'"+String(v).replace(/'/g,"''")+"'";}
+  var sql;if(kind==="insert"){sql="INSERT INTO "+qn+" ("+fields.map(function(f){return '"'+f+'"';}).join(", ")+")\\nVALUES ("+fields.map(function(f){return lit(row[f]);}).join(", ")+");";}
+  else{var setp=fields.filter(function(f){return g.pk.indexOf(f)<0;}).map(function(f){return '"'+f+'" = '+lit(row[f]);}).join(",\\n  ");var wherep=(g.pk.length?g.pk:fields).map(function(f){return '"'+f+'" = '+lit(row[f]);}).join("\\n  AND ");sql="UPDATE "+qn+"\\nSET\\n  "+setp+"\\nWHERE\\n  "+wherep+";";}
+  navigator.clipboard.writeText(sql);logMsg("Copied "+kind.toUpperCase()+" statement","ok");}
 function saveDataChanges(tab){var g=tab.state.g;if(S.readOnly)return logMsg("Read-only mode is on.","warn");
   var updates=Object.keys(g.edits).map(function(key){var row=g.rows.filter(function(r){return rowKeyOf(g,r)===key;})[0];var keyObj={};g.pk.forEach(function(k){keyObj[k]=row[k];});return {key:keyObj,changes:g.edits[key]};});
   var deletes=Object.keys(g.deletes).map(function(key){var row=g.rows.filter(function(r){return rowKeyOf(g,r)===key;})[0];var keyObj={};g.pk.forEach(function(k){keyObj[k]=row[k];});return {key:keyObj,_k:key};});
@@ -466,7 +531,7 @@ var PALETTE=[
   {label:"Focus Object Explorer",run:function(){var s=document.querySelector("#secTree .tsearch input");if(s)s.focus();else $("topSearch").focus();}},
   {label:"Toggle Read-only",run:function(){toggleReadOnly();}},
   {label:"Open Active Table Structure",run:function(){var t=tabById(S.activeTabId);if(t&&t.meta&&t.meta.table)openStructureTab(t.meta.schema,t.meta.table);else logMsg("No active table.","warn");}},
-  {label:"Export Result CSV",run:function(){var t=tabById(S.activeTabId);if(t&&t.kind==="sql")exportResult(t,"csv");else if(t&&t.kind==="data")exportData(t,"csv");}},
+  {label:"Export Result CSV",run:function(){var t=tabById(S.activeTabId);if(t&&t.kind==="sql")exportResult(t,"csv");else if(t&&t.kind==="data")exportCurrentPage(t,"csv");}},
   {label:"Close Active Tab",run:function(){if(S.activeTabId)closeTab(S.activeTabId);}},
   {label:"Show Keyboard Shortcuts",run:function(){showShortcuts();}},
   {label:"Open Settings",run:function(){openSettings();}}
@@ -517,6 +582,7 @@ window.addEventListener("load",function(){
   $("querySearch").addEventListener("input",debounce(renderSavedQueries,200));wireSearch($("querySearch"),renderSavedQueries);
   $("topSearch").addEventListener("input",debounce(function(){$("connSearch").value=$("topSearch").value;renderConnections();},200));
   $("btnNewQuery").addEventListener("click",function(){if(!S.activeConnId)return logMsg("Select a connection first.","warn");openSqlTab();});
+  Array.prototype.forEach.call(document.querySelectorAll(".searchbox"),function(box){var inp=box.querySelector("input");if(!inp)return;var x=el("span",{class:"sbclr",html:svgFor("x"),title:"Clear (Esc)"});x.addEventListener("click",function(){inp.value="";inp.dispatchEvent(new Event("input"));inp.focus();});inp.addEventListener("input",function(){x.classList.toggle("show",!!inp.value);});box.appendChild(x);});
   setConnStatus("Ready","ok");
   openWelcome();
   loadSettings().then(function(){return loadConnections();}).then(function(){return restoreWorkspace();});

package/src/core/db/db-studio-server.ts

@@ -695,6 +695,53 @@ export async function startStudioServer(options: TStudioServerOptions = {}): Pro
       return;
     }
 
+    if (pathname === "/api/export/data" && method === "POST") {
+      const body = await readJsonBody(req);
+      const source = getString(body, "source");
+      const format = getString(body, "format") === "json" ? "json" : "csv";
+      const schema = getString(body, "schema");
+      const table = getString(body, "objectName");
+      const selectedColumns = Array.isArray(body.selectedColumns) ? (body.selectedColumns as string[]) : undefined;
+      let rows: Array<Record<string, unknown>> = [];
+      let fields: string[] = [];
+
+      if (source === "selected-rows" && Array.isArray(body.selectedRows)) {
+        rows = body.selectedRows as Array<Record<string, unknown>>;
+        fields = selectedColumns ?? (rows[0] ? Object.keys(rows[0]) : []);
+      } else {
+        const adapter = await pool.getAdapter(getString(body, "connectionId"));
+        const sort = Array.isArray(body.sort) ? (body.sort as TGridSortState[]) : [];
+        const isPage = source === "current-page";
+        const result = await adapter.getTableData({
+          schema,
+          table,
+          limit: isPage ? getNumber(body, "limit", 100) : 100000,
+          offset: isPage ? getNumber(body, "offset", 0) : 0,
+          where: source === "whole-table" ? undefined : getString(body, "whereClause") || undefined,
+          orderBy: sort[0]?.column,
+          orderDirection: sort[0]?.direction === "desc" ? "desc" : "asc",
+        });
+        rows = result.rows;
+        fields = selectedColumns ?? result.fields;
+      }
+
+      if (selectedColumns) {
+        rows = rows.map((row) => {
+          const picked: Record<string, unknown> = {};
+          for (const column of selectedColumns) picked[column] = row[column];
+          return picked;
+        });
+        fields = selectedColumns;
+      }
+
+      if (format === "json") {
+        sendText(res, JSON.stringify(rows, null, 2), "application/json; charset=utf-8", `${table || "result"}.json`);
+      } else {
+        sendText(res, toCsv(fields, rows), "text/csv; charset=utf-8", `${table || "result"}.csv`);
+      }
+      return;
+    }
+
     res.writeHead(404, { "content-type": "application/json; charset=utf-8" });
     res.end(JSON.stringify({ error: "Not found" }));
   };

package/src/core/db/db-studio-styles.ts

@@ -61,6 +61,9 @@ svg.ic{width:15px;height:15px;vertical-align:-2px;fill:none;stroke:currentColor;
 .searchbox svg{color:var(--faint)}
 .searchbox input{flex:1;background:transparent;border:0;color:var(--text)}
 .searchbox .sbtn{background:transparent;border:0;color:var(--muted);cursor:pointer}
+.searchbox .sbclr{color:var(--faint);cursor:pointer;display:none;flex:0 0 auto}
+.searchbox .sbclr.show{display:inline-flex}
+.searchbox .sbclr:hover{color:var(--text)}
 
 /* buttons + inputs */
 .btn{background:var(--accent);border:1px solid var(--accent-2);color:#fff;border-radius:8px;padding:6px 11px;cursor:pointer}
@@ -254,4 +257,28 @@ mark.hl{background:#facc15;color:#10151f;border-radius:3px;padding:0 1px}
 .ac .aci.sel,.ac .aci:hover{background:var(--accent);color:#fff}
 .ac .aci .t{color:var(--faint);font-size:11px}
 .toggle{display:flex;align-items:center;gap:8px;padding:6px 0}
+/* compact data-grid toolbar */
+.gtoolbar{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--bg-2);flex:0 0 auto}
+.wherebox{display:flex;align-items:center;gap:6px;flex:1;min-width:120px;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:4px 9px}
+.wherebox svg{color:var(--faint);flex:0 0 auto}
+.wherebox input{flex:1;background:transparent;border:0;color:var(--text);font-family:Consolas,monospace}
+.wherebox .clr{color:var(--faint);cursor:pointer;visibility:hidden;flex:0 0 auto}
+.wherebox.has .clr{visibility:visible}
+.wherebox .clr:hover{color:var(--text)}
+.gbtn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#22304a;border:1px solid var(--border);border-radius:8px;color:#cfe0ff;cursor:pointer;flex:0 0 auto}
+.gbtn:hover{background:#2a3b5a}
+.gbtn.on{border-color:var(--accent);color:#fff;box-shadow:0 0 0 1px var(--accent) inset}
+.gbtn.danger{color:#fca5a5}
+.gbtn.danger:hover{background:#7f1d1d;color:#fff}
+.gbtn:disabled{opacity:.4;cursor:not-allowed}
+.gbtn:disabled:hover{background:#22304a}
+.gbtn.spinning svg{animation:sp .7s linear infinite}
+.gsep{width:1px;height:20px;background:var(--border);margin:0 2px;flex:0 0 auto}
+.gridfoot{display:flex;align-items:center;gap:12px;padding:6px 10px;border-top:1px solid var(--border);background:var(--bg-2);color:var(--muted);font-size:12px;flex:0 0 auto}
+.gridfoot select{background:var(--bg-3);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:3px 7px}
+.gridfoot .pg{display:inline-flex;align-items:center;gap:7px}
+.cnt-u{color:var(--amber)}.cnt-i{color:var(--green)}.cnt-d{color:var(--red)}
+table.grid tr.selrow td{background:var(--sel)}
+.fieldlist{max-height:200px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:6px}
+.fieldlist label{display:flex;gap:7px;align-items:center;padding:3px 4px;font-size:12.5px}
 `;

package/src/index.ts

@@ -320,7 +320,7 @@ async function runInstallCommand(options: TInstallCommandOptions): Promise<void>
   process.exitCode = installResult.exitCode;
 }
 
-program.name("simplemdg").description("SimpleMDG local development helper").version("2.6.0");
+program.name("simplemdg").description("SimpleMDG local development helper").version("2.7.0");
 
 
 program