simplemdg-dev-cli 2.4.4 → 2.5.0

package/src/core/db/db-row.ts

@@ -1,4 +1,10 @@
-import type { IDatabaseAdapter, TDatabaseQueryResult } from "./db-types";
+import type {
+  IDatabaseAdapter,
+  TDatabaseQueryResult,
+  TSaveRowResult,
+  TSaveTableChangesResult,
+  TTableChangeSet,
+} from "./db-types";
 
 export type TRowValues = Record<string, unknown>;
 
@@ -91,3 +97,61 @@ export async function insertRow(
   const sql = `INSERT INTO ${adapter.buildQualifiedName(options.schema, options.table)} (${columnClause}) VALUES (${valueClause})`;
   return adapter.runParameterized(sql, params);
 }
+
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
+/**
+ * Apply a set of pending grid changes. Each change runs independently so a
+ * single failing row does not discard the others — the result reports per-row
+ * success/failure, and callers keep the failed rows pending.
+ */
+export async function saveTableChanges(
+  adapter: IDatabaseAdapter,
+  changeSet: TTableChangeSet,
+): Promise<TSaveTableChangesResult> {
+  const rowResults: TSaveRowResult[] = [];
+  const { schema, table } = changeSet;
+  let updated = 0;
+  let inserted = 0;
+  let deleted = 0;
+
+  for (const update of changeSet.updates) {
+    try {
+      await updateRow(adapter, { schema, table, changes: update.changes, keys: update.key });
+      updated += 1;
+      rowResults.push({ type: "update", success: true, key: update.key });
+    } catch (error) {
+      rowResults.push({ type: "update", success: false, key: update.key, error: errorMessage(error) });
+    }
+  }
+
+  for (const insert of changeSet.inserts) {
+    try {
+      await insertRow(adapter, { schema, table, values: insert.values });
+      inserted += 1;
+      rowResults.push({ type: "insert", success: true });
+    } catch (error) {
+      rowResults.push({ type: "insert", success: false, error: errorMessage(error) });
+    }
+  }
+
+  for (const remove of changeSet.deletes) {
+    try {
+      await deleteRow(adapter, { schema, table, keys: remove.key });
+      deleted += 1;
+      rowResults.push({ type: "delete", success: true, key: remove.key });
+    } catch (error) {
+      rowResults.push({ type: "delete", success: false, key: remove.key, error: errorMessage(error) });
+    }
+  }
+
+  return {
+    success: rowResults.every((result) => result.success),
+    updated,
+    inserted,
+    deleted,
+    rowResults,
+  };
+}

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

@@ -0,0 +1,397 @@
+export const STUDIO_CLIENT_SCRIPT = `
+"use strict";
+(function(){
+var RO_DEFAULT = !!window.SMDG_READONLY_DEFAULT;
+var ENV_COLORS = { DEV:"#22c55e", QAS:"#f59e0b", PROD:"#ef4444", SANDBOX:"#6366f1", CUSTOM:"#3b82f6" };
+var SWATCHES = ["#3b82f6","#22c55e","#f59e0b","#ef4444","#a855f7","#06b6d4","#ec4899","#84cc16","#64748b"];
+var ICONS = {
+  db:"M4 6c0-1.7 3.6-3 8-3s8 1.3 8 3-3.6 3-8 3-8-1.3-8-3z|M4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6|M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3",
+  sch:"M12 3l9 5-9 5-9-5 9-5z|M3 12l9 5 9-5|M3 16l9 5 9-5",
+  fld:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z",
+  tbl:"M3 5h18v14H3z|M3 10h18|M9 5v14|M15 5v14",
+  viw:"M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z|M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z",
+  prc:"M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z|M12 2v3|M12 19v3|M2 12h3|M19 12h3|M5 5l2 2|M17 17l2 2|M19 5l-2 2|M7 17l-2 2",
+  fun:"M6 3h9l4 4v14H6z|M14 3v4h4|M9 12h6|M9 16h6",
+  syn:"M10 13a5 5 0 0 0 7 0l2-2a5 5 0 0 0-7-7l-1 1|M14 11a5 5 0 0 0-7 0l-2 2a5 5 0 0 0 7 7l1-1",
+  idx:"M14 4l6 6-9 9H5v-6z|M3 21h18",
+  search:"M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14z|M21 21l-4.3-4.3",
+  star:"M12 3l2.9 6 6.1.5-4.6 4 1.4 6-5.8-3.3L6.2 19.5l1.4-6L3 9.5 9.1 9z",
+  refresh:"M21 12a9 9 0 1 1-3-6.7|M21 4v5h-5",
+  x:"M6 6l12 12|M18 6L6 18",
+  plus:"M12 5v14|M5 12h14",
+  imp:"M12 3v12|M7 10l5 5 5-5|M5 21h14",
+  sql:"M4 5h16v14H4z|M7 9l3 3-3 3|M13 15h4",
+  run:"M13 3L4 14h7l-1 7 9-11h-7z",
+  save:"M5 3h11l3 3v15H5z|M8 3v6h7V3|M8 21v-7h8v7",
+  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"
+};
+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;}
+
+/* ---------- dom helpers ---------- */
+function $(id){return document.getElementById(id);}
+function el(tag,attrs,kids){var n=document.createElement(tag);if(attrs)for(var k in attrs){var v=attrs[k];if(v==null)continue;if(k==="class")n.className=v;else if(k==="text")n.textContent=v;else if(k==="html")n.innerHTML=v;else if(k.slice(0,2)==="on"&&typeof v==="function")n.addEventListener(k.slice(2),v);else n.setAttribute(k,v);}if(kids!=null){(Array.isArray(kids)?kids:[kids]).forEach(function(c){if(c==null)return;n.appendChild(typeof c==="string"||typeof c==="number"?document.createTextNode(String(c)):c);});}return n;}
+function clear(n){while(n&&n.firstChild)n.removeChild(n.firstChild);return n;}
+function esc(v){return String(v==null?"":v).replace(/[&<>"']/g,function(s){return {"&":"&amp;","<":"&lt;",">":"&gt;","\\"":"&quot;","'":"&#39;"}[s];});}
+function debounce(fn,ms){var t;return function(){var a=arguments,c=this;clearTimeout(t);t=setTimeout(function(){fn.apply(c,a);},ms||220);};}
+function topSpin(on){$("topSpin").className=on?"spin":"spin hidden";}
+
+/* ---------- api ---------- */
+function api(method,path,body){topSpin(true);var opt={method:method,headers:{}};if(body!==undefined){opt.headers["content-type"]="application/json";opt.body=JSON.stringify(body);}return fetch(path,opt).then(function(r){return r.text().then(function(t){var j;try{j=t?JSON.parse(t):{};}catch(e){j={error:t};}if(!r.ok)throw new Error(j.error||("HTTP "+r.status));return j;});}).finally(function(){topSpin(false);});}
+function qstr(o){return Object.keys(o).filter(function(k){return o[k]!=null&&o[k]!=="";}).map(function(k){return encodeURIComponent(k)+"="+encodeURIComponent(o[k]);}).join("&");}
+
+/* ---------- toast + status ---------- */
+function toast(msg,kind){var t=el("div",{class:"toast "+(kind||""),text:msg});$("toasts").appendChild(t);setTimeout(function(){t.style.opacity="0";setTimeout(function(){t.remove();},250);},kind==="err"?5200:3000);}
+function logMsg(msg,kind){toast(msg,kind);}
+function setConnStatus(text,kind){$("stConn").innerHTML="";$("stConn").appendChild(el("span",{class:"st-dot "+(kind||"")}));$("stConn").appendChild(el("span",{text:" "+text}));}
+function setRun(on){$("stConn").firstChild.className="st-dot "+(on?"run":"ok");}
+
+/* ---------- global state ---------- */
+var S = { connections:[], activeConnId:"", connType:"", activeSchema:"", readOnly:RO_DEFAULT, tabs:[], activeTabId:"", seq:0, savedQueries:[] };
+function activeConn(){return S.connections.filter(function(c){return c.id===S.activeConnId;})[0];}
+
+/* ====================================================================
+   CONTEXT MENU
+   ==================================================================== */
+function showCtx(x,y,items){var m=$("contextMenu");clear(m);items.forEach(function(it){if(it.sep){m.appendChild(el("div",{class:"ctxsep"}));return;}m.appendChild(el("div",{class:"ctxitem"+(it.danger?" danger":""),onclick:function(){hideCtx();it.onClick();}},[icEl(it.icon||"",""),el("span",{text:it.label})]));});m.classList.remove("hidden");var w=m.offsetWidth,h=m.offsetHeight;m.style.left=Math.min(x,window.innerWidth-w-8)+"px";m.style.top=Math.min(y,window.innerHeight-h-8)+"px";}
+function hideCtx(){$("contextMenu").classList.add("hidden");}
+document.addEventListener("click",hideCtx);
+document.addEventListener("scroll",hideCtx,true);
+
+/* ====================================================================
+   MODAL
+   ==================================================================== */
+function openModal(node){var root=$("modalRoot");clear(root);var overlay=el("div",{class:"modal",onclick:function(e){if(e.target===overlay)closeModal();}},[node]);root.appendChild(overlay);root.classList.remove("hidden");}
+function closeModal(){$("modalRoot").classList.add("hidden");clear($("modalRoot"));}
+
+/* ====================================================================
+   CONNECTIONS
+   ==================================================================== */
+function loadConnections(){var box=$("connList");box.innerHTML='<div class="skel"></div><div class="skel"></div>';return api("GET","/api/connections").then(function(r){S.connections=r.connections||[];renderConnections();}).catch(function(e){box.innerHTML='<div class="empty">'+esc(e.message)+'</div>';});}
+function renderConnections(){var q=($("connSearch").value||"").toLowerCase();var box=clear($("connList"));var rows=S.connections.filter(function(c){return (c.name+" "+c.type+" "+(c.org||"")+" "+(c.app||"")+" "+(c.environment||"")).toLowerCase().indexOf(q)>=0;});rows.sort(function(a,b){return (b.isFavorite?1:0)-(a.isFavorite?1:0);});if(!rows.length){box.appendChild(el("div",{class:"empty",text:S.connections.length?"No match.":"No connections yet. Click + New or Import."}));return;}rows.forEach(function(c){box.appendChild(connCard(c));});}
+function connCard(c){var color=c.color||ENV_COLORS[c.environment]||"#64748b";var card=el("div",{class:"conn-card"+(c.id===S.activeConnId?" active":""),style:"border-left-color:"+color,oncontextmenu:function(e){e.preventDefault();connMenu(e,c);}});card.addEventListener("click",function(){activateConnection(c.id);});
+  var star=el("span",{class:"star"+(c.isFavorite?" on":""),title:"Favorite",onclick:function(e){e.stopPropagation();toggleFavorite(c);}});star.innerHTML=svgFor("star");
+  card.appendChild(el("div",{class:"conn-top"},[icEl("db","db"),el("span",{class:"conn-name",text:c.name,title:c.name}),star]));
+  var sub=[c.org,c.space].filter(Boolean).join(" / ")||c.host;
+  card.appendChild(el("div",{class:"conn-sub",text:sub,title:sub}));
+  var tags=el("div",{class:"conn-tags"});
+  tags.appendChild(el("span",{class:"tag type",text:c.type==="hana"?"HANA":"PostgreSQL"}));
+  if(c.environment)tags.appendChild(el("span",{class:"tag env-"+c.environment,text:c.environment}));
+  if(c.schema||c.serviceName)tags.appendChild(el("span",{class:"tag",text:c.serviceName||c.schema}));
+  card.appendChild(tags);
+  return card;
+}
+function isProdConn(c){return c&&/prod|production|prd|live/i.test((c.environment||"")+" "+(c.org||"")+" "+(c.app||"")+" "+(c.space||""));}
+function activateConnection(id){S.activeConnId=id;var c=activeConn();S.connType=c?c.type:"";renderConnections();updateTopBadges();buildTreeForConnection();if(c&&isProdConn(c))logMsg("Warning: '"+c.name+"' looks like a production target.","warn");}
+function updateTopBadges(){var c=activeConn();$("connBadge").textContent=c?("Conn: "+c.name):"No connection";$("connBadge").className="badge"+(c?" on":"");var tb=$("typeBadge");if(c){tb.classList.remove("hidden");tb.className="badge "+(c.type==="hana"?"hana":"pg");tb.textContent=c.type==="hana"?"HANA":"PostgreSQL";}else tb.classList.add("hidden");$("schemaBadge").textContent="Schema: "+(S.activeSchema||"-");var pb=$("prodBadge");if(c&&isProdConn(c))pb.classList.remove("hidden");else pb.classList.add("hidden");}
+function toggleFavorite(c){api("POST","/api/connections/update",{id:c.id,isFavorite:!c.isFavorite}).then(function(){return loadConnections();}).catch(function(e){logMsg(e.message,"err");});}
+function connMenu(e,c){showCtx(e.clientX,e.clientY,[
+  {label:"Open SQL Console",icon:"sql",onClick:function(){S.activeConnId=c.id;S.connType=c.type;renderConnections();updateTopBadges();openSqlTab();}},
+  {label:"Connect / Refresh tree",icon:"refresh",onClick:function(){activateConnection(c.id);}},
+  {sep:true},
+  {label:"Test connection",icon:"run",onClick:function(){testConn(c);}},
+  {label:"Edit (name, color, env)",icon:"gear",onClick:function(){editConnModal(c);}},
+  {label:c.isFavorite?"Unfavorite":"Favorite",icon:"star",onClick:function(){toggleFavorite(c);}},
+  {label:"Refresh from BTP app env",icon:"imp",onClick:function(){if(c.app){api("POST","/api/connections/import-from-app",{app:c.app,serviceName:c.serviceName,type:c.type}).then(function(){logMsg("Refreshed from "+c.app,"ok");return loadConnections();}).catch(function(er){logMsg(er.message,"err");});}else logMsg("This connection has no linked BTP app.","warn");}},
+  {label:"Duplicate",icon:"plus",onClick:function(){api("POST","/api/connections/duplicate",{id:c.id}).then(function(){return loadConnections();}).then(function(){logMsg("Duplicated.","ok");});}},
+  {sep:true},
+  {label:"Remove",icon:"x",danger:true,onClick:function(){if(confirm("Remove connection '"+c.name+"'?"))api("POST","/api/connections/remove",{id:c.id}).then(function(){if(S.activeConnId===c.id){S.activeConnId="";clear($("tree"));updateTopBadges();}return loadConnections();}).then(function(){logMsg("Removed.","ok");});}}
+]);}
+function testConn(c){setConnStatus("Testing "+c.name+"...","run");api("POST","/api/connections/test",{connectionId:c.id}).then(function(r){if(r.success){setConnStatus("Connected",  "ok");logMsg("Connection OK ("+(r.serverVersion||"")+") "+r.durationMs+"ms","ok");}else{setConnStatus("Failed","err");logMsg("Test failed: "+r.message,"err");}}).catch(function(e){setConnStatus("Failed","err");logMsg(e.message,"err");});}
+function editConnModal(c){var sel={color:c.color||"",env:c.environment||""};var nameI=el("input",{class:"input",value:c.name});var sw=el("div",{class:"swatches"});SWATCHES.forEach(function(col){var s=el("div",{class:"swatch"+(sel.color===col?" sel":""),style:"background:"+col,onclick:function(){sel.color=col;Array.prototype.forEach.call(sw.children,function(x){x.classList.remove("sel");});s.classList.add("sel");}});sw.appendChild(s);});
+  var envSel=el("select",{class:"select"});["","DEV","QAS","PROD","SANDBOX","CUSTOM"].forEach(function(en){envSel.appendChild(el("option",{value:en,text:en||"(none)"}));});envSel.value=sel.env;
+  var d=el("div",{class:"dialog"},[el("h3",{text:"Edit connection"}),el("div",{class:"field"},[el("label",{text:"Display name"}),nameI]),el("div",{class:"field"},[el("label",{text:"Color"}),sw]),el("div",{class:"field"},[el("label",{text:"Environment"}),envSel]),el("div",{class:"row right"},[el("button",{class:"btn ghost",text:"Cancel",onclick:closeModal}),el("button",{class:"btn",text:"Save",onclick:function(){api("POST","/api/connections/update",{id:c.id,name:nameI.value.trim()||c.name,color:sel.color,environment:envSel.value}).then(function(){closeModal();return loadConnections();}).then(function(){updateTopBadges();logMsg("Connection updated.","ok");}).catch(function(e){logMsg(e.message,"err");});}})])]);openModal(d);}
+
+/* ====================================================================
+   OBJECT TREE (DBeaver-style, lazy)
+   ==================================================================== */
+function treeNode(opts){
+  var chev=el("span",{class:"tchev"+(opts.leaf?" leaf":""),html:"\\u203a"});
+  var label=el("span",{class:"tlabel",text:opts.label,title:opts.label});
+  var badge=el("span",{class:"tbadge"});
+  var spin=el("span",{class:"hidden"});
+  var row=el("div",{class:"trow"},[chev,icEl(opts.icon,opts.iconCls),label,badge,spin]);
+  var kids=el("div",{class:"tchildren hidden"});
+  var node=el("div",{class:"tnode"},[row,kids]);
+  node._loaded=false;node._open=false;
+  function setLoading(on){spin.className=on?"spin":"hidden";}
+  function setBadge(t){badge.textContent=t==null?"":"("+t+")";}
+  function expand(){if(opts.leaf)return;node._open=true;chev.classList.add("open");kids.classList.remove("hidden");if(!node._loaded&&opts.onExpand){node._loaded=true;setLoading(true);Promise.resolve(opts.onExpand(kids,setBadge)).catch(function(e){kids.appendChild(el("div",{class:"tnote",text:"Error: "+e.message}));}).finally(function(){setLoading(false);});}}
+  function collapse(){node._open=false;chev.classList.remove("open");kids.classList.add("hidden");}
+  function toggle(){node._open?collapse():expand();}
+  if(!opts.leaf)chev.addEventListener("click",function(e){e.stopPropagation();toggle();});
+  row.addEventListener("click",function(){if(opts.onClick)opts.onClick();else if(!opts.leaf)toggle();});
+  if(opts.onDblClick)row.addEventListener("dblclick",opts.onDblClick);
+  if(opts.onMenu)row.addEventListener("contextmenu",function(e){e.preventDefault();opts.onMenu(e);});
+  node._row=row;node._kids=kids;node._expand=expand;node._reload=function(){node._loaded=false;clear(kids);if(node._open)expand();};
+  return node;
+}
+function buildTreeForConnection(){var t=clear($("tree"));var c=activeConn();if(!c){t.appendChild(el("div",{class:"tnote",text:"Select a connection."}));return;}
+  var root=treeNode({label:c.name,icon:"db",iconCls:"db",onExpand:function(kids){
+    var cat=treeNode({label:"Catalog",icon:"fld",iconCls:"fld",onExpand:function(k2){
+      var schemas=treeNode({label:"Schemas",icon:"sch",iconCls:"sch",onExpand:loadSchemasNode});
+      k2.appendChild(schemas);schemas._expand();
+    }});
+    kids.appendChild(cat);cat._expand();
+  }});
+  t.appendChild(root);root._expand();
+}
+function loadSchemasNode(kids,setBadge){return api("GET","/api/catalog/schemas?"+qstr({connectionId:S.activeConnId})).then(function(r){var schemas=r.schemas||[];setBadge(schemas.length);var c=activeConn();var preferred=c&&c.schema;schemas.sort(function(a,b){return (a.isSystem?1:0)-(b.isSystem?1:0);});schemas.forEach(function(s){kids.appendChild(schemaNode(s));});var pref=schemas.filter(function(s){return s.name===preferred;})[0]||schemas.filter(function(s){return !s.isSystem;})[0];if(pref){S.activeSchema=pref.name;updateTopBadges();}});}
+function schemaNode(s){return treeNode({label:s.name,icon:"sch",iconCls:"sch",onClick:function(){S.activeSchema=s.name;updateTopBadges();},onExpand:function(kids){
+  var folders=[["Tables","table","tbl"],["Views","view","viw"],["Procedures","procedure","prc"],["Functions","function","fun"],["Synonyms","synonym","syn"],["Indexes","index","idx"]];
+  folders.forEach(function(f){kids.appendChild(folderNode(s.name,f[0],f[1],f[2]));});
+}});}
+function folderNode(schema,label,kind,iconCls){return treeNode({label:label,icon:"fld",iconCls:"fld",onExpand:function(kids,setBadge){
+  if(kind==="index"){kids.appendChild(el("div",{class:"tnote",text:"Open a table's Structure to view its indexes."}));setBadge(null);return;}
+  var listBox=el("div");
+  var search=el("input",{class:"input",placeholder:"Search "+label.toLowerCase()+"..."});
+  var sb=el("div",{class:"searchbox tsearch"},[el("span",{html:svgFor("search")}),search]);
+  kids.appendChild(sb);kids.appendChild(listBox);
+  var run=function(){var sp=el("span",{class:"spin"});clear(listBox).appendChild(el("div",{class:"tnote"},[sp," loading..."]));api("GET","/api/catalog/objects?"+qstr({connectionId:S.activeConnId,schema:schema,kinds:kind,search:search.value||""})).then(function(r){var objs=r.objects||[];setBadge(objs.length);clear(listBox);if(!objs.length){listBox.appendChild(el("div",{class:"tnote",text:"None."}));return;}objs.forEach(function(o){listBox.appendChild(objectNode(schema,o,iconCls));});}).catch(function(e){clear(listBox).appendChild(el("div",{class:"tnote",text:e.message}));});};
+  search.addEventListener("input",debounce(run,250));
+  run();
+}});}
+function objectNode(schema,o,iconCls){var canData=o.kind==="table"||o.kind==="view"||o.kind==="column-view";return treeNode({label:o.name,icon:iconCls,iconCls:iconCls,leaf:true,
+  onClick:function(){selectTreeRow(this);},
+  onDblClick:canData?function(){openDataTab(schema,o.name);}:null,
+  onMenu:canData?function(e){objectMenu(e,schema,o);}:function(e){objectMenu(e,schema,o,true);}
+});}
+var _selRow=null;
+function selectTreeRow(node){if(_selRow)_selRow._row.classList.remove("sel");_selRow=node;node._row.classList.add("sel");}
+function objectMenu(e,schema,o,limited){var qn='"'+schema+'"."'+o.name+'"';var items=[];if(!limited){items.push({label:"Open Data",icon:"table2",onClick:function(){openDataTab(schema,o.name);}});items.push({label:"Open Structure",icon:"col",onClick:function(){openStructureTab(schema,o.name);}});items.push({sep:true});items.push({label:"Generate SELECT",icon:"sql",onClick:function(){api("POST","/api/table/sql",{connectionId:S.activeConnId,schema:schema,table:o.name,limit:100}).then(function(r){openSqlTab(r.select,o.name);});}});items.push({label:"Generate COUNT",icon:"sql",onClick:function(){api("POST","/api/table/sql",{connectionId:S.activeConnId,schema:schema,table:o.name}).then(function(r){openSqlTab(r.count,o.name);});}});}
+  items.push({label:"Copy Full Name",icon:"col",onClick:function(){navigator.clipboard.writeText(qn);logMsg("Copied "+qn,"ok");}});
+  showCtx(e.clientX,e.clientY,items);}
+
+/* ====================================================================
+   WORKSPACE TABS
+   ==================================================================== */
+function renderTabBar(){var bar=clear($("tabbar"));S.tabs.forEach(function(tab){var chip=el("div",{class:"wtab"+(tab.id===S.activeTabId?" active":""),onclick:function(){switchTab(tab.id);}});chip.appendChild(el("span",{class:"t-ico",html:svgFor(tab.icon||"sql")}));chip.appendChild(el("span",{class:"t-title",text:tab.title,title:tab.title}));if(tab.dirty)chip.appendChild(el("span",{class:"dot"}));if(tab.closable!==false)chip.appendChild(el("span",{class:"x",html:svgFor("x"),onclick:function(e){e.stopPropagation();closeTab(tab.id);}}));bar.appendChild(chip);});}
+function openTab(spec){var ex=S.tabs.filter(function(t){return t.key===spec.key;})[0];if(ex){switchTab(ex.id);return ex;}var id="wt"+(++S.seq);var pane=el("div",{class:"tabpane hidden"});$("tabcontent").appendChild(pane);var tab={id:id,key:spec.key,kind:spec.kind,title:spec.title,icon:spec.icon,dirty:false,closable:spec.closable!==false,el:pane,state:{}};S.tabs.push(tab);spec.build(pane,tab);renderTabBar();switchTab(id);return tab;}
+function switchTab(id){S.activeTabId=id;S.tabs.forEach(function(t){t.el.classList.toggle("hidden",t.id!==id);});renderTabBar();var tab=tabById(id);if(tab&&tab.onShow)tab.onShow();updatePendingStatus();}
+function tabById(id){return S.tabs.filter(function(t){return t.id===id;})[0];}
+function setDirty(tab,on){tab.dirty=on;renderTabBar();updatePendingStatus();}
+function closeTab(id){var tab=tabById(id);if(!tab)return;if(tab.dirty&&!confirm("'"+tab.title+"' has unsaved changes. Close anyway?"))return;tab.el.remove();var idx=S.tabs.indexOf(tab);S.tabs=S.tabs.filter(function(t){return t.id!==id;});if(S.activeTabId===id){var next=S.tabs[Math.max(0,idx-1)];if(next)switchTab(next.id);else openWelcome();}renderTabBar();}
+function updatePendingStatus(){var tab=tabById(S.activeTabId);var n=tab&&tab.state&&tab.state.g?pendingCount(tab.state.g):0;$("stPending").textContent=n>0?(n+" pending change"+(n>1?"s":"")):"";$("stPending").className=n>0?"st-item st-pending":"st-item";}
+
+/* ====================================================================
+   WELCOME
+   ==================================================================== */
+function openWelcome(){openTab({key:"welcome",kind:"welcome",title:"Welcome",icon:"home",closable:false,build:buildWelcome});}
+function buildWelcome(pane){var w=el("div",{class:"welcome"});w.appendChild(el("h1",{text:"SimpleMDG CF DB Studio"}));w.appendChild(el("div",{class:"lede",text:"A local HANA / PostgreSQL explorer with BTP credential import. Local only \\u00b7 127.0.0.1"}));
+  var cards=el("div",{class:"wcards"});
+  cards.appendChild(wcard("imp","Import from BTP App","Read cf env and detect HANA/PostgreSQL credentials.",openBtpWizard));
+  cards.appendChild(wcard("plus","Add direct connection","Connect by host/port/user like DBeaver.",function(){newConnModal();}));
+  cards.appendChild(wcard("sql","Open SQL Console","Write and run SQL with safety checks.",function(){if(!S.activeConnId)return logMsg("Select a connection first.","warn");openSqlTab();}));
+  cards.appendChild(wcard("db","Connect to cached DB","Pick a saved connection from the left.",function(){if(S.connections[0])activateConnection(S.connections[0].id);}));
+  w.appendChild(cards);
+  var cols=el("div",{class:"wcols"});
+  var recent=el("div",{class:"wcol"},[el("h4",{text:"Recent connections"})]);var rl=el("div",{class:"wlist"});S.connections.slice(0,5).forEach(function(c){rl.appendChild(el("div",{class:"wli",onclick:function(){activateConnection(c.id);}},[el("b",{text:c.name}),el("div",{class:"note",text:(c.type==="hana"?"HANA":"PostgreSQL")+" \\u00b7 "+(c.org||c.host)})]));});if(!S.connections.length)rl.appendChild(el("div",{class:"empty",text:"None yet."}));recent.appendChild(rl);
+  var rq=el("div",{class:"wcol"},[el("h4",{text:"Recent queries"})]);var ql=el("div",{class:"wlist"});S.savedQueries.slice(0,5).forEach(function(q){ql.appendChild(el("div",{class:"wli",onclick:function(){openSqlTab(q.sql,q.name);}},[el("b",{text:q.name}),el("div",{class:"note",text:(q.connectionType||"")+" \\u00b7 "+new Date(q.updatedAt).toLocaleString()})]));});if(!S.savedQueries.length)ql.appendChild(el("div",{class:"empty",text:"None yet."}));rq.appendChild(ql);
+  cols.appendChild(recent);cols.appendChild(rq);w.appendChild(cols);
+  pane.appendChild(w);
+}
+function wcard(icon,title,desc,onClick){return el("div",{class:"wcard",onclick:onClick},[el("div",{class:"wc-ic",html:svgFor(icon)}),el("h3",{text:title}),el("p",{text:desc})]);}
+
+/* ====================================================================
+   SQL CONSOLE TAB
+   ==================================================================== */
+var DANGER=/\\b(drop|truncate|alter|grant|revoke)\\b/i;
+function openSqlTab(sql,nameHint){var title="SQL"+(nameHint?": "+nameHint:" Console");openTab({key:"sql:"+(++S.seq),kind:"sql",title:title,icon:"sql",build:function(pane,tab){buildSqlPane(pane,tab,sql||"select * from DUMMY");}});}
+function buildSqlPane(pane,tab,initialSql){
+  var editor=el("textarea",{class:"editor",spellcheck:"false"});editor.value=initialSql;tab.state.editor=editor;
+  editor.addEventListener("input",function(){setDirty(tab,true);});
+  editor.addEventListener("keydown",function(e){if((e.ctrlKey||e.metaKey)&&e.key==="Enter"){e.preventDefault();runSqlTab(tab);}});
+  var limitSel=el("select",{class:"select",style:"width:auto"});["100","500","1000","5000","0"].forEach(function(v){limitSel.appendChild(el("option",{value:v,text:v==="0"?"No limit":v}));});tab.state.limit=limitSel;
+  var runBtn=el("button",{class:"btn",onclick:function(){runSqlTab(tab);}},[el("span",{html:svgFor("run")})," Run"]);tab.state.runBtn=runBtn;
+  var tb=el("div",{class:"toolbar"},[runBtn,el("button",{class:"btn sec",text:"Format",onclick:function(){editor.value=formatSql(editor.value);}}),el("button",{class:"btn ghost",text:"Explain",onclick:function(){explainSqlTab(tab);}}),el("span",{class:"note",text:"Limit"}),limitSel,el("button",{class:"btn ghost",text:"Save",onclick:function(){saveQueryTab(tab);}}),el("button",{class:"btn ghost",text:"CSV",onclick:function(){exportResult(tab,"csv");}}),el("button",{class:"btn ghost",text:"JSON",onclick:function(){exportResult(tab,"json");}}),el("span",{class:"grow"}),el("span",{class:"note",id:"sqlmeta_"+tab.id})]);
+  var body=el("div",{class:"pane-body"});var errBox=el("div",{class:"errbox hidden"});var grid=el("div",{class:"gridwrap"});tab.state.err=errBox;tab.state.grid=grid;
+  body.appendChild(editor);body.appendChild(errBox);body.appendChild(el("div",{class:"note",text:"Result"}));body.appendChild(grid);
+  pane.appendChild(tb);pane.appendChild(body);
+}
+function currentSqlText(tab){var ed=tab.state.editor;if(ed.selectionStart!=ed.selectionEnd){var s=ed.value.substring(ed.selectionStart,ed.selectionEnd).trim();if(s)return s;}return ed.value.trim();}
+function runSqlTab(tab,confirmed){var sql=currentSqlText(tab);if(!sql)return logMsg("Editor is empty.","warn");if(!S.activeConnId)return logMsg("Select a connection first.","warn");
+  if(!confirmed&&DANGER.test(sql)){if(!confirm("This statement may modify or drop data:\\n\\n"+sql.slice(0,160)+"\\n\\nRun anyway?"))return;}
+  tab.state.err.classList.add("hidden");tab.state.runBtn.disabled=true;tab.state.runBtn.innerHTML="";tab.state.runBtn.appendChild(el("span",{class:"spin"}));tab.state.runBtn.appendChild(document.createTextNode(" Running..."));setRun(true);setConnStatus("Running query...","run");
+  var limit=parseInt(tab.state.limit.value,10);
+  api("POST","/api/query/run",{connectionId:S.activeConnId,sql:sql,limit:limit,readOnly:S.readOnly,confirmDangerous:true}).then(function(r){
+    tab.state.runBtn.innerHTML=svgFor("run")+" Run";tab.state.runBtn.disabled=false;setConnStatus("Connected","ok");
+    if(r.blocked){tab.state.err.textContent="Read-only mode blocks: "+(r.safety&&r.safety.matchedKeywords?r.safety.matchedKeywords.join(", "):"write/DDL");tab.state.err.classList.remove("hidden");return;}
+    if(!r.ok){tab.state.err.textContent="SQL failed ("+(S.connType==="hana"?"HANA":"PostgreSQL")+")\\n"+r.error;tab.state.err.classList.remove("hidden");return;}
+    tab.state.lastResult=r.result;renderResultGrid(tab.state.grid,r.result,null);
+    $("sqlmeta_"+tab.id).textContent="Rows: "+r.result.rowCount+(r.result.affectedRows!=null?" \\u00b7 Affected: "+r.result.affectedRows:"")+" \\u00b7 "+r.result.durationMs+"ms"+(r.result.truncated?" \\u00b7 truncated":"");
+    $("stDuration").textContent=r.result.durationMs+"ms";$("stRows").textContent=r.result.rowCount+" rows";
+  }).catch(function(e){tab.state.runBtn.innerHTML=svgFor("run")+" Run";tab.state.runBtn.disabled=false;setConnStatus("Connected","ok");tab.state.err.textContent=e.message;tab.state.err.classList.remove("hidden");});
+}
+function explainSqlTab(tab){if(S.connType!=="postgresql")return logMsg("Explain currently supports PostgreSQL.","warn");tab.state.editor.value="EXPLAIN "+currentSqlText(tab);runSqlTab(tab,true);}
+function saveQueryTab(tab){var sql=tab.state.editor.value.trim();if(!sql)return logMsg("Nothing to save.","warn");var name=prompt("Query name","Query "+new Date().toLocaleString());if(!name)return;api("POST","/api/queries",{name:name,sql:sql,connectionId:S.activeConnId,connectionType:S.connType}).then(function(){setDirty(tab,false);loadSavedQueries();logMsg("Query saved.","ok");}).catch(function(e){logMsg(e.message,"err");});}
+function exportResult(tab,fmt){var res=tab.state.lastResult;if(!res||!res.rows.length)return logMsg("No result to export.","warn");var fields=res.fields&&res.fields.length?res.fields:Object.keys(res.rows[0]);fetch(fmt==="csv"?"/api/export/csv":"/api/export/json",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({fields:fields,rows:res.rows})}).then(function(r){return r.blob();}).then(function(b){var a=document.createElement("a");a.href=URL.createObjectURL(b);a.download=fmt==="csv"?"result.csv":"result.json";a.click();logMsg("Exported "+fmt.toUpperCase(),"ok");});}
+function formatSql(sql){return sql.replace(/\\s+/g," ").replace(/\\b(select|from|where|and|or|order by|group by|having|limit|offset|inner join|left join|right join|join|on|union|values|set|insert into|update|delete from|create table|alter table)\\b/gi,function(m){return "\\n"+m.toUpperCase();}).trim();}
+
+/* generic read-only result grid (sql console) */
+function renderResultGrid(box,result,onSort){clear(box);if(!result||!result.rows||!result.rows.length){box.appendChild(el("div",{class:"empty",text:result&&result.affectedRows!=null?("Affected rows: "+result.affectedRows):"No rows."}));return;}var fields=result.fields&&result.fields.length?result.fields:Object.keys(result.rows[0]);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){htr.appendChild(el("th",{text:f,title:f}));});thead.appendChild(htr);table.appendChild(thead);var tb=el("tbody");result.rows.forEach(function(row,ri){var tr=el("tr");tr.appendChild(el("td",{class:"rowhdr",text:ri+1}));fields.forEach(function(f){var v=row[f];var disp=v==null?"":typeof v==="object"?JSON.stringify(v):String(v);var td=el("td",{class:typeof v==="number"?"num":"",title:disp,text:disp.length>400?disp.slice(0,400)+"\\u2026":disp});td.addEventListener("dblclick",function(){navigator.clipboard.writeText(disp);setConnStatus("Cell copied","ok");});tr.appendChild(td);});tb.appendChild(tr);});table.appendChild(tb);box.appendChild(table);}
+
+/* ====================================================================
+   DATA GRID TAB (editable, pending changes)
+   ==================================================================== */
+function openDataTab(schema,table){openTab({key:"data:"+S.activeConnId+":"+schema+"."+table,kind:"data",title:table,icon:"table2",build:function(pane,tab){buildDataPane(pane,tab,schema,table);}});}
+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){
+  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};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;
+  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 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;
+  pane.appendChild(tb1);pane.appendChild(tb2);pane.appendChild(grid);
+  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="";});
+  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 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]):[]);
+  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 ":"")});
+    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)});num.addEventListener("click",function(){g.selRow=(g.selRow===ri?null:ri);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(){navigator.clipboard.writeText(disp);setConnStatus("Cell copied","ok");});}tr.appendChild(td);});
+    if(err){var etr=tr;etr.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);});
+    if(ins.error){tr.classList.add("row-err");tr.title=ins.error;}
+    tbody.appendChild(tr);});
+  table.appendChild(tbody);box.appendChild(table);
+  updateDirtyButtons(tab);
+}
+function startEdit(tab,td,ri,field,row){if(td.querySelector("input"))return;var g=tab.state.g;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;done=true;var origStr=row[field]==null?"":String(row[field]);if(input.value===origStr){if(g.edits[key]){delete g.edits[key][field];if(!Object.keys(g.edits[key]).length)delete g.edits[key];}}else{g.edits[key]=g.edits[key]||{};g.edits[key][field]=input.value;}renderGrid(tab);}input.addEventListener("keydown",function(e){if(e.key==="Enter"){e.preventDefault();commit();}else if(e.key==="Escape"){e.preventDefault();done=true;renderGrid(tab);}});input.addEventListener("blur",commit);}
+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");var key=rowKeyOf(g,g.rows[g.selRow]);if(g.deletes[key])delete g.deletes[key];else g.deletes[key]=true;renderGrid(tab);}
+function addInsertRow(tab){var g=tab.state.g;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 n=pendingCount(g);g.saveBtn.style.display=n>0?"":"none";g.revertBtn.style.display=n>0?"":"none";setDirty(tab,n>0);}
+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 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};});
+  var inserts=g.inserts.filter(function(i){return Object.keys(i.values).length;}).map(function(i){return {values:i.values,_ref:i};});
+  var total=updates.length+deletes.length+inserts.length;if(!total)return logMsg("No changes to save.","warn");
+  if(!confirm("Save changes?\\n\\nUpdates: "+updates.length+"\\nInserts: "+inserts.length+"\\nDeletes: "+deletes.length))return;
+  setConnStatus("Saving changes...","run");
+  api("POST","/api/table/save-changes",{connectionId:S.activeConnId,schema:g.schema,table:g.table,primaryKeyColumns:g.pk,updates:updates.map(function(u){return {key:u.key,changes:u.changes};}),inserts:inserts.map(function(i){return {values:i.values};}),deletes:deletes.map(function(d){return {key:d.key};}),readOnly:S.readOnly}).then(function(resp){setConnStatus("Connected","ok");
+    if(resp.blocked){logMsg(resp.error||"Blocked by read-only.","err");return;}
+    var rr=resp.result.rowResults||[];var ui=0;
+    // updates first, then inserts, then deletes (server order)
+    var failedU=0,failedI=0,failedD=0;
+    updates.forEach(function(u){var res=rr[ui++];if(res&&res.success){delete g.edits[rowKeyOf(g,g.rows.filter(function(r){return JSON.stringify(pkObj(g,r))===JSON.stringify(u.key);})[0]||{})];}else{failedU++;var k=rowKeyFromKeyObj(g,u.key);g.errors[k]=res?res.error:"failed";}});
+    inserts.forEach(function(i){var res=rr[ui++];if(res&&res.success){g.inserts=g.inserts.filter(function(x){return x!==i._ref;});}else{i._ref.error=res?res.error:"failed";failedI++;}});
+    deletes.forEach(function(d){var res=rr[ui++];if(res&&res.success){delete g.deletes[d._k];}else{g.errors[d._k]=res?res.error:"failed";failedD++;}});
+    var ok=resp.result.updated+resp.result.inserted+resp.result.deleted;var fail=failedU+failedI+failedD;
+    if(fail===0){logMsg(ok+" change(s) saved.","ok");loadData(tab);loadCount(tab);}
+    else{logMsg(ok+" saved, "+fail+" failed. Failed rows kept pending with error markers.","err");renderGrid(tab);}
+    updateDirtyButtons(tab);
+  }).catch(function(e){setConnStatus("Connected","ok");logMsg("Save failed: "+e.message,"err");});
+}
+function pkObj(g,row){var o={};g.pk.forEach(function(k){o[k]=row[k];});return o;}
+function rowKeyFromKeyObj(g,keyObj){return g.pk.map(function(k){return String(keyObj[k]);}).join("\\u0001");}
+
+/* ====================================================================
+   STRUCTURE / METADATA TAB
+   ==================================================================== */
+function openStructureTab(schema,table){openTab({key:"struct:"+S.activeConnId+":"+schema+"."+table,kind:"structure",title:"Structure: "+table,icon:"col",build:function(pane,tab){buildStructure(pane,tab,schema,table);}});}
+function buildStructure(pane,tab,schema,table){
+  var subtabs=el("div",{class:"meta-tabs"});var body=el("div",{class:"pane-body"});
+  var defs=[["columns","Columns"],["indexes","Indexes"],["ddl","DDL"],["info","Info"]];
+  var active="columns";var data={};
+  function render(){clear(body);if(active==="columns")renderCols();else if(active==="indexes")renderIdx();else if(active==="ddl")renderDdl();else renderInfo();Array.prototype.forEach.call(subtabs.children,function(ch,i){ch.classList.toggle("active",defs[i][0]===active);});}
+  defs.forEach(function(d){subtabs.appendChild(el("div",{class:"meta-tab",text:d[1],onclick:function(){active=d[0];render();}}));});
+  pane.appendChild(el("div",{class:"toolbar"},[el("b",{text:'"'+schema+'"."'+table+'"'}),el("span",{class:"grow"}),el("button",{class:"btn sec",text:"Open Data",onclick:function(){openDataTab(schema,table);}})]));
+  pane.appendChild(subtabs);pane.appendChild(body);
+  function renderCols(){body.appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," loading..."]));api("GET","/api/catalog/columns?"+qstr({connectionId:S.activeConnId,schema:schema,table:table})).then(function(r){data.columns=r.columns||[];if(active!=="columns")return;clear(body);var t=el("table",{class:"grid"});t.appendChild(el("thead",{html:"<tr><th>Name</th><th>Type</th><th>Length</th><th>Scale</th><th>Nullable</th><th>Key</th><th>Default</th><th>Comment</th></tr>"}));var tb=el("tbody");data.columns.forEach(function(c){tb.appendChild(el("tr",{html:"<td>"+esc(c.name)+"</td><td>"+esc(c.dataType)+'</td><td class="num">'+esc(c.length==null?"":c.length)+'</td><td class="num">'+esc(c.scale==null?"":c.scale)+"</td><td>"+(c.nullable?"YES":"NO")+"</td><td>"+(c.isPrimaryKey?'<span class="pill pk">PK</span>':"")+"</td><td>"+esc(c.defaultValue==null?"":c.defaultValue)+"</td><td>"+esc(c.comment==null?"":c.comment)+"</td>"}));});t.appendChild(tb);clear(body).appendChild(t);}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  function renderIdx(){body.appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," loading..."]));api("GET","/api/catalog/constraints?"+qstr({connectionId:S.activeConnId,schema:schema,table:table})).then(function(r){if(active!=="indexes")return;clear(body);var pk=r.primaryKey&&r.primaryKey.columns||[];body.appendChild(el("div",{class:"kvs"},[el("div",{class:"k",text:"Primary key"}),el("div",{text:pk.length?pk.join(", "):"(none)"})]));var idx=r.indexes||[];if(!idx.length){body.appendChild(el("div",{class:"empty",text:"No indexes."}));return;}var t=el("table",{class:"grid"});t.appendChild(el("thead",{html:"<tr><th>Index</th><th>Columns</th><th>Unique</th><th>Primary</th></tr>"}));var tb=el("tbody");idx.forEach(function(i){tb.appendChild(el("tr",{html:"<td>"+esc(i.name)+"</td><td>"+esc((i.columns||[]).join(", "))+"</td><td>"+(i.isUnique?"YES":"NO")+"</td><td>"+(i.isPrimaryKey?"YES":"NO")+"</td>"}));});t.appendChild(tb);body.appendChild(t);}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  function renderDdl(){body.appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," generating..."]));api("GET","/api/catalog/ddl?"+qstr({connectionId:S.activeConnId,schema:schema,table:table})).then(function(r){if(active!=="ddl")return;clear(body);var ta=el("textarea",{class:"editor",readonly:"readonly"});ta.value=r.ddl;body.appendChild(el("div",{class:"row"},[el("button",{class:"btn sec",text:"Open in SQL Console",onclick:function(){openSqlTab(r.ddl,table);}}),el("button",{class:"btn ghost",text:"Copy",onclick:function(){navigator.clipboard.writeText(r.ddl);logMsg("Copied DDL","ok");}})]));body.appendChild(ta);}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  function renderInfo(){body.appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," loading..."]));api("POST","/api/table/count",{connectionId:S.activeConnId,schema:schema,table:table}).then(function(r){if(active!=="info")return;clear(body).appendChild(el("div",{class:"kvs"},[el("div",{class:"k",text:"Schema"}),el("div",{text:schema}),el("div",{class:"k",text:"Object"}),el("div",{text:table}),el("div",{class:"k",text:"Row count"}),el("div",{text:String(r.count)}),el("div",{class:"k",text:"Columns"}),el("div",{text:String((data.columns||[]).length)})]));}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  render();
+}
+
+/* ====================================================================
+   SAVED QUERIES
+   ==================================================================== */
+function loadSavedQueries(){return api("GET","/api/queries").then(function(r){S.savedQueries=r.queries||[];renderSavedQueries();}).catch(function(){});}
+function renderSavedQueries(){var q=($("querySearch").value||"").toLowerCase();var box=clear($("queryList"));var rows=S.savedQueries.filter(function(x){return (x.name+" "+(x.tags||[]).join(" ")).toLowerCase().indexOf(q)>=0;});if(!rows.length){box.appendChild(el("div",{class:"empty",text:"No saved queries."}));return;}rows.forEach(function(x){var item=el("div",{class:"wli",onclick:function(){openSqlTab(x.sql,x.name);},oncontextmenu:function(e){e.preventDefault();queryMenu(e,x);}});item.appendChild(el("b",{text:x.name}));item.appendChild(el("div",{class:"note",text:(x.connectionType||"")+" \\u00b7 "+new Date(x.updatedAt).toLocaleDateString()}));box.appendChild(item);});}
+function queryMenu(e,x){showCtx(e.clientX,e.clientY,[{label:"Open",icon:"sql",onClick:function(){openSqlTab(x.sql,x.name);}},{label:"Rename",icon:"gear",onClick:function(){var n=prompt("New name",x.name);if(n)api("PUT","/api/queries/"+encodeURIComponent(x.id),{name:n}).then(loadSavedQueries);}},{label:"Delete",icon:"x",danger:true,onClick:function(){if(confirm("Delete '"+x.name+"'?"))api("DELETE","/api/queries/"+encodeURIComponent(x.id)).then(loadSavedQueries);}}]);}
+
+/* ====================================================================
+   DIRECT CONNECTION MODAL
+   ==================================================================== */
+function newConnModal(){var typeSel=el("select",{class:"select"});typeSel.appendChild(el("option",{value:"postgresql",text:"PostgreSQL"}));typeSel.appendChild(el("option",{value:"hana",text:"SAP HANA"}));
+  var f={name:el("input",{class:"input"}),host:el("input",{class:"input"}),port:el("input",{class:"input",value:"5432"}),database:el("input",{class:"input"}),schema:el("input",{class:"input",value:"public"}),user:el("input",{class:"input"}),pass:el("input",{class:"input",type:"password"}),ssl:el("input",{type:"checkbox"})};f.ssl.checked=true;
+  typeSel.addEventListener("change",function(){f.port.value=typeSel.value==="hana"?"443":"5432";f.schema.value=typeSel.value==="hana"?"":"public";});
+  var msg=el("div",{class:"note"});
+  function body(){return {name:f.name.value.trim(),type:typeSel.value,host:f.host.value.trim(),port:parseInt(f.port.value,10)||(typeSel.value==="hana"?443:5432),database:f.database.value.trim(),schema:f.schema.value.trim(),username:f.user.value.trim(),password:f.pass.value,ssl:f.ssl.checked};}
+  var d=el("div",{class:"dialog"},[el("h3",{text:"New direct connection"}),el("div",{class:"field"},[el("label",{text:"Name"}),f.name]),el("div",{class:"field"},[el("label",{text:"Type"}),typeSel]),el("div",{class:"row"},[el("div",{class:"field",style:"flex:1"},[el("label",{text:"Host"}),f.host]),el("div",{class:"field",style:"width:110px"},[el("label",{text:"Port"}),f.port])]),el("div",{class:"row"},[el("div",{class:"field",style:"flex:1"},[el("label",{text:"Database"}),f.database]),el("div",{class:"field",style:"flex:1"},[el("label",{text:"Schema"}),f.schema])]),el("div",{class:"row"},[el("div",{class:"field",style:"flex:1"},[el("label",{text:"Username"}),f.user]),el("div",{class:"field",style:"flex:1"},[el("label",{text:"Password"}),f.pass])]),el("label",{class:"note"},[f.ssl," Use SSL"]),el("div",{class:"row right"},[el("button",{class:"btn ghost",text:"Cancel",onclick:closeModal}),el("button",{class:"btn sec",text:"Test",onclick:function(){msg.textContent="Testing...";api("POST","/api/connections/test-draft",body()).then(function(r){msg.textContent=r.success?("OK "+(r.serverVersion||"")):("Failed: "+r.message);});}}),el("button",{class:"btn",text:"Save & use",onclick:function(){var b=body();if(!b.name||!b.host||!b.username)return msg.textContent="Name, host, username required.";api("POST","/api/connections/create",b).then(function(r){closeModal();return loadConnections().then(function(){activateConnection(r.connection.id);});}).catch(function(e){msg.textContent=e.message;});}})]),msg]);openModal(d);}
+
+/* ====================================================================
+   BTP IMPORT WIZARD
+   ==================================================================== */
+function openBtpWizard(){var stState={apps:[],services:[],app:"",svc:null,color:"",env:""};
+  var steps=el("div",{class:"steps"});["Target","App","Services","Save"].forEach(function(s){steps.appendChild(el("div",{class:"step",text:s}));});
+  var body=el("div");var msg=el("div",{class:"note"});
+  function setStep(i){Array.prototype.forEach.call(steps.children,function(ch,idx){ch.className="step"+(idx===i?" active":idx<i?" done":"");});}
+  function stepTarget(){setStep(0);clear(body).appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," checking CF target..."]));api("GET","/api/btp/current-target").then(function(r){var t=r.target||{};clear(body);body.appendChild(el("div",{class:"kvs"},[el("div",{class:"k",text:"Logged in"}),el("div",{text:r.loggedIn?"yes":"no"}),el("div",{class:"k",text:"Region"}),el("div",{text:t.region||"-"}),el("div",{class:"k",text:"Org"}),el("div",{text:t.org||"-"}),el("div",{class:"k",text:"Space"}),el("div",{text:t.space||"-"})]));if(r.productionWarning)body.appendChild(el("div",{class:"badge prod",text:"Production-like target"}));if(!r.loggedIn)body.appendChild(el("div",{class:"note",text:r.message||"Run: smdg cf login"}));body.appendChild(el("div",{class:"note",text:"Switch org/space with: smdg cf org"}));body.appendChild(el("div",{class:"row right",style:"margin-top:10px"},[el("button",{class:"btn ghost",text:"Cancel",onclick:closeModal}),el("button",{class:"btn",text:"Load apps \\u2192",onclick:stepApps}),el("button",{class:"btn sec",text:"Refresh apps",onclick:function(){stState.apps=[];stepApps(true);}})]));}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  function stepApps(refresh){setStep(1);clear(body).appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," loading apps..."]));api("GET","/api/btp/apps"+(refresh?"?refresh=true":"")).then(function(r){clear(body);if(!r.loggedIn){body.appendChild(el("div",{class:"errbox",text:r.message||"Not logged in. Run: smdg cf login"}));return;}stState.apps=r.apps||[];var search=el("input",{class:"input",placeholder:"Search apps..."});var list=el("div",{class:"wlistbox"});function draw(){clear(list);var q=(search.value||"").toLowerCase();stState.apps.filter(function(a){return JSON.stringify(a).toLowerCase().indexOf(q)>=0;}).forEach(function(a){list.appendChild(el("div",{class:"wrow"+(stState.app===a.name?" sel":""),onclick:function(){stState.app=a.name;stepServices();}},[icEl("db","db"),el("div",{style:"flex:1"},[el("b",{text:a.name}),el("div",{class:"note",text:(a.requestedState||"")+(a.routes?" \\u00b7 "+a.routes:"")})])]));});if(!stState.apps.length)list.appendChild(el("div",{class:"empty",text:"No apps."}));}search.addEventListener("input",debounce(draw,200));body.appendChild(el("div",{class:"field"},[el("label",{text:"Select an app"}),search]));body.appendChild(list);body.appendChild(el("div",{class:"row right",style:"margin-top:10px"},[el("button",{class:"btn ghost",text:"\\u2190 Back",onclick:stepTarget}),el("button",{class:"btn sec",text:"Refresh",onclick:function(){stepApps(true);}})]));draw();}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  function stepServices(){setStep(2);clear(body).appendChild(el("div",{class:"empty"},[el("span",{class:"spin"})," reading cf env "+esc(stState.app)+"..."]));api("POST","/api/btp/env",{app:stState.app}).then(function(r){clear(body);stState.services=r.services||[];if(!stState.services.length){body.appendChild(el("div",{class:"errbox",text:"No HANA/PostgreSQL service detected in "+stState.app}));}var list=el("div",{class:"wlistbox"});stState.services.forEach(function(svc){list.appendChild(el("div",{class:"wrow",onclick:function(){stState.svc=svc;stepSave();}},[el("div",{style:"flex:1"},[el("b",{text:svc.serviceName}),el("div",{class:"note",text:svc.type+" \\u00b7 "+svc.host+" \\u00b7 "+(svc.schema||svc.database||"")})])]));});body.appendChild(el("div",{class:"field"},[el("label",{text:"Detected database services"}),list]));body.appendChild(el("div",{class:"row right",style:"margin-top:10px"},[el("button",{class:"btn ghost",text:"\\u2190 Back",onclick:function(){stepApps();}})]));}).catch(function(e){clear(body).appendChild(el("div",{class:"errbox",text:e.message}));});}
+  function stepSave(){setStep(3);clear(body);var svc=stState.svc;var nameI=el("input",{class:"input",value:(stState.app+" / "+svc.serviceName)});var envSel=el("select",{class:"select"});["","DEV","QAS","PROD","SANDBOX","CUSTOM"].forEach(function(en){envSel.appendChild(el("option",{value:en,text:en||"(none)"}));});
+    var sel={color:""};var sw=el("div",{class:"swatches"});SWATCHES.forEach(function(col){var s=el("div",{class:"swatch",style:"background:"+col,onclick:function(){sel.color=col;Array.prototype.forEach.call(sw.children,function(x){x.classList.remove("sel");});s.classList.add("sel");}});sw.appendChild(s);});
+    var fav=el("input",{type:"checkbox"});
+    body.appendChild(el("div",{class:"kvs"},[el("div",{class:"k",text:"Service"}),el("div",{text:svc.serviceName}),el("div",{class:"k",text:"Type"}),el("div",{text:svc.type}),el("div",{class:"k",text:"Host"}),el("div",{text:svc.host})]));
+    body.appendChild(el("div",{class:"field"},[el("label",{text:"Display name"}),nameI]));
+    body.appendChild(el("div",{class:"field"},[el("label",{text:"Environment"}),envSel]));
+    body.appendChild(el("div",{class:"field"},[el("label",{text:"Color"}),sw]));
+    body.appendChild(el("label",{class:"note"},[fav," Mark as favorite"]));
+    body.appendChild(el("div",{class:"row right",style:"margin-top:12px"},[el("button",{class:"btn ghost",text:"\\u2190 Back",onclick:stepServices},""),el("button",{class:"btn",text:"Save & activate",onclick:function(){msg.textContent="Importing & testing...";api("POST","/api/connections/import-from-app",{app:stState.app,serviceName:svc.serviceName,type:svc.type}).then(function(r){var id=r.connection.id;return api("POST","/api/connections/update",{id:id,name:nameI.value.trim(),environment:envSel.value,color:sel.color,isFavorite:fav.checked}).then(function(){return api("POST","/api/connections/test",{connectionId:id}).then(function(t){closeModal();return loadConnections().then(function(){activateConnection(id);logMsg(t.success?("Imported & connected: "+nameI.value):("Imported (test failed: "+t.message+")"),t.success?"ok":"warn");});});});}).catch(function(e){msg.textContent=e.message;});}})]));
+    body.appendChild(msg);
+  }
+  var d=el("div",{class:"dialog"},[el("h3",{text:"Import from BTP App"}),steps,body]);openModal(d);stepTarget();
+}
+
+/* ====================================================================
+   READ-ONLY + INIT
+   ==================================================================== */
+function applyReadOnly(){var b=$("roBadge");b.className="badge ro"+(S.readOnly?" active":"");b.textContent=S.readOnly?"Read-only":"Read/Write";}
+function toggleReadOnly(){S.readOnly=!S.readOnly;applyReadOnly();logMsg("Read-only mode: "+(S.readOnly?"ON":"OFF"),"ok");}
+
+function initSidebarCollapse(){Array.prototype.forEach.call(document.querySelectorAll(".side-head"),function(h){h.addEventListener("click",function(){h.parentNode.classList.toggle("collapsed");});});}
+function initResizer(){var r=$("resizer"),sb=$("sidebar"),drag=false;r.addEventListener("mousedown",function(){drag=true;document.body.style.userSelect="none";});window.addEventListener("mousemove",function(e){if(!drag)return;sb.style.width=Math.min(560,Math.max(220,e.clientX))+"px";});window.addEventListener("mouseup",function(){drag=false;document.body.style.userSelect="";});}
+
+window.addEventListener("load",function(){
+  applyReadOnly();
+  initSidebarCollapse();initResizer();
+  $("roBadge").addEventListener("click",toggleReadOnly);
+  $("btnImport").addEventListener("click",openBtpWizard);
+  $("btnImport2").addEventListener("click",openBtpWizard);
+  $("btnNewConn").addEventListener("click",newConnModal);
+  $("btnSettings").addEventListener("click",function(){logMsg("Read-only toggle and connection colors are in the top bar / connection menu.","ok");});
+  $("btnHome").addEventListener("click",openWelcome);
+  $("connSearch").addEventListener("input",debounce(renderConnections,200));
+  $("querySearch").addEventListener("input",debounce(renderSavedQueries,200));
+  $("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();});
+  setConnStatus("Ready","ok");
+  openWelcome();
+  loadConnections();
+  loadSavedQueries();
+});
+})();
+`;