npm - fenix-claude-plugin - Versions diffs - 0.1.2 → 0.1.3 - Mend

fenix-claude-plugin 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/.claude-plugin/plugin.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fenix",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Fenix patent automation for Claude — MCP connector plus patent drafting, office-action, and project skills. Provide one API key; the server infers your firm (client + database).",
   "author": {
     "name": "Fenix AI",

package/artifacts/claims-editor.html ADDED Viewed

@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Claims Editor</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+body{font-family:system-ui,-apple-system,sans-serif;background:#fff7ed;min-height:100vh;padding:20px 16px}
+.card{background:#fff;max-width:900px;margin:0 auto;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.12);overflow:hidden}
+.hdr{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #fed7aa}
+.hdr h1{font-size:15px;font-weight:600;color:#1e293b}.hdr .rev{font-size:12px;color:#94a3b8}
+.hdr .toggle-all{margin-left:auto;flex-shrink:0}
+.bdy{padding:20px}.sub{font-size:13px;color:#64748b;margin-bottom:14px}
+input,select,textarea{font-family:inherit;font-size:13px;border:1.5px solid #fed7aa;border-radius:5px;padding:6px 10px;outline:none;width:100%;transition:border-color .15s;background:#fff}
+input:focus,select:focus,textarea:focus{border-color:#ea580c}
+.field{margin-bottom:12px}label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}
+.acc{border:1px solid #fed7aa;overflow:hidden;margin-bottom:-1px}
+.acc-hd{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;background:#fffbf5;user-select:none}
+.acc-hd:hover{background:#fff7ed}
+.acc-hd .chev{color:#ea580c;font-size:12px;transition:transform .15s;flex-shrink:0}
+.acc.open .chev{transform:rotate(90deg)}
+.acc-hd .ttl{font-weight:600;font-size:13px;color:#1e293b;flex-shrink:0}
+.acc-hd .prev{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
+.acc-bd{display:none;padding:14px;border-top:1px solid #fed7aa;background:#fff}
+.acc.open .acc-bd{display:block}
+.btn-sm{padding:4px 12px;background:#fff;border:1.5px solid #fed7aa;border-radius:5px;font-size:12px;cursor:pointer;color:#374151}
+.btn-sm:hover{border-color:#ea580c}
+.rm-item{margin-left:auto;color:#dc2626;background:none;border:none;cursor:pointer;font-size:13px;flex-shrink:0}
+.bar{margin-top:16px;display:flex;align-items:center;gap:14px}
+.cta{padding:9px 24px;background:#ea580c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
+.cta:hover{background:#c2410c}.cta:disabled{opacity:.5;cursor:default}
+#st{font-size:13px;font-weight:500}#st.ok{color:#16a34a}#st.err{color:#dc2626}#st.busy{color:#64748b}
+textarea.sec{min-height:160px;font-family:Menlo,Consolas,monospace;line-height:1.6;resize:vertical}
+.addbar{margin:6px 0 4px}
+.diff{display:none;margin-top:16px;border:1px solid #fed7aa;border-radius:6px;overflow:hidden}
+.diff.show{display:block}
+.diff-hd{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff7ed;font-size:12px;font-weight:600;color:#c2410c}
+.diff pre{margin:0;padding:12px;font-size:12px;font-family:Menlo,Consolas,monospace;line-height:1.5;white-space:pre-wrap;max-height:240px;overflow:auto;color:#1e293b}
+.ftr{padding:9px 20px;border-top:1px solid #fed7aa;font-size:11px;color:#94a3b8;display:flex;justify-content:space-between}
+</style>
+</head>
+<body>
+<div class="card">
+<div class="hdr"><h1>Claims Editor</h1><span class="rev" id="revLbl"></span><button class="btn-sm toggle-all" id="toggleAll" onclick="toggleAll()" style="display:none">Expand all</button></div>
+<div class="bdy">
+<p class="sub" id="sub">Loading current claims from Fenix…</p>
+<div id="acc"></div>
+<div class="addbar"><button class="btn-sm" onclick="addItem()">+ Add claim</button></div>
+<div class="bar"><button class="cta" id="saveBtn" onclick="save()" disabled>Save to Fenix</button><span id="st"></span></div>
+<div class="diff" id="diffPanel">
+  <div class="diff-hd"><span>Saved. Paste this summary into chat so the assistant stays in sync:</span><button class="btn-sm" style="margin-left:auto" onclick="copyDiff()">Copy summary</button></div>
+  <pre id="diffText"></pre>
+</div>
+</div>
+<div class="ftr"><span>Fenix Patent Assistant — live editor</span><span>v1</span></div>
+</div>
+<script>
+// The assistant replaces __PROJECT_ID__ with the real Fenix project id before opening this artifact.
+var PROJECT_ID = "__PROJECT_ID__";
+// The assistant also substitutes this connector's MCP tool prefix here, e.g. "mcp__<connector-id>__"
+// (the prefix differs per connection, so it cannot be hardcoded). If left unsubstituted, call()
+// falls back to the bare tool name (which works on hosts that don't namespace MCP tools).
+var SERVER_PREFIX = "__SERVER_PREFIX__";
+// Baseline = the claim set last loaded from / saved to Fenix, keyed by claimNumber. The diff on
+// Save is computed against this so the assistant only needs the delta, not the whole set.
+var baseline = [];
+var baselineRev = null;
+// ---- Cowork MCP plumbing (same unwrap pattern as the read-only artifacts) ----
+function unwrap(res){
+  if(res==null) return res;
+  if(typeof res==="string"){ try{ return JSON.parse(res); }catch(e){ return res; } }
+  if(Array.isArray(res)) return res;
+  if(typeof res==="object" && Array.isArray(res.content)){
+    var t=res.content.map(function(c){ return (c&&c.text)||""; }).join("");
+    try{ return JSON.parse(t); }catch(e){ return res; }
+  }
+  if(res && res.result!==undefined) return unwrap(res.result);
+  return res;
+}
+function toolName(n){ return (SERVER_PREFIX && SERVER_PREFIX.indexOf("__SERVER")!==0) ? SERVER_PREFIX + n : n; }
+async function call(name,args){
+  var tries=[toolName(name)]; if(tries[0]!==name) tries.push(name);
+  var err; for(var i=0;i<tries.length;i++){ try{ return unwrap(await window.cowork.callMcpTool(tries[i],args||{})); }catch(e){ err=e; } }
+  throw err;
+}
+// ---- Accordion editor (same shape the clipboard editor produced) ----
+function elt(tag,cls,txt){ var e=document.createElement(tag); if(cls)e.className=cls; if(txt!=null)e.textContent=txt; return e; }
+function makeAcc(headerTitle,preview,bodyBuilder){
+  var wrap=elt("div","acc"); var hd=elt("div","acc-hd");
+  hd.appendChild(elt("span","chev","▶")); hd.appendChild(elt("span","ttl",headerTitle));
+  var prev=elt("span","prev",preview||""); hd.appendChild(prev);
+  var rm=elt("button","rm-item","Remove"); rm.onclick=function(ev){ ev.stopPropagation(); wrap.remove(); syncToggle(); }; hd.appendChild(rm);
+  hd.onclick=function(){ wrap.classList.toggle("open"); syncToggle(); };
+  var bd=elt("div","acc-bd"); bodyBuilder(bd,prev);
+  wrap.appendChild(hd); wrap.appendChild(bd); return wrap;
+}
+function claimBody(bd,prev,num,text){
+  var f1=elt("div","field"); f1.appendChild(elt("label",null,"Claim Number")); var ni=document.createElement("input"); ni.className="c-num"; ni.value=num||""; f1.appendChild(ni); bd.appendChild(f1);
+  var f2=elt("div","field"); f2.appendChild(elt("label",null,"Claim Text")); var ta=document.createElement("textarea"); ta.className="c-txt sec"; ta.value=text||""; ta.oninput=function(){ prev.textContent=(ta.value||"").slice(0,80); }; f2.appendChild(ta); bd.appendChild(f2);
+}
+function addClaim(num,text,orig){ var acc=document.getElementById("acc"); var w=makeAcc("Claim "+(num||"?"),(text||"").slice(0,80),function(bd,prev){ claimBody(bd,prev,num,text); }); w.__claim=orig||{}; acc.appendChild(w); return w; }
+function addItem(){ var rows=document.querySelectorAll("#acc .c-num"); var last=rows.length?parseInt(rows[rows.length-1].value||"0"):0; addClaim(String(last+1),"",{}).classList.add("open"); syncToggle(); }
+function syncToggle(){ var btn=document.getElementById("toggleAll"); var accs=document.querySelectorAll("#acc .acc"); if(!accs.length){ btn.style.display="none"; return; } btn.style.display=""; var anyClosed=Array.from(accs).some(function(a){ return !a.classList.contains("open"); }); btn.textContent=anyClosed?"Expand all":"Collapse all"; }
+function toggleAll(){ var accs=document.querySelectorAll("#acc .acc"); var anyClosed=Array.from(accs).some(function(a){ return !a.classList.contains("open"); }); accs.forEach(function(a){ if(anyClosed){ a.classList.add("open"); } else { a.classList.remove("open"); } }); syncToggle(); }
+// Collect the editor into the Fenix claims schema (one object per claim).
+function collect(){
+  var out=[]; document.querySelectorAll("#acc .acc").forEach(function(a){
+    var n=a.querySelector(".c-num").value.trim(); var t=a.querySelector(".c-txt").value; var orig=a.__claim||{};
+    // Overlay edits onto the ORIGINAL claim so any fields not shown in the editor survive.
+    if(n||t.trim()){ var c=Object.assign({}, orig, { claimNumber:n, claimText:t.split(/\n/) }); if(!c.claimStatus) c.claimStatus="original"; out.push(c); }
+  }); return out;
+}
+// ---- Diff: new set vs baseline, by claimNumber. Text compared as joined lines. ----
+function textOf(c){ return (Array.isArray(c.claimText)?c.claimText.join("\n"):String(c.claimText||"")).trim(); }
+function byNum(arr){ var m={}; arr.forEach(function(c){ m[String(c.claimNumber)]=c; }); return m; }
+function diff(oldArr,newArr){
+  var o=byNum(oldArr), n=byNum(newArr), changed=[], added=[], removed=[], unchanged=[];
+  Object.keys(n).forEach(function(k){
+    if(!(k in o)){ added.push(n[k]); }
+    else if(textOf(n[k])!==textOf(o[k])){ changed.push(n[k]); }
+    else { unchanged.push(k); }
+  });
+  Object.keys(o).forEach(function(k){ if(!(k in n)) removed.push(k); });
+  function num(c){ return parseInt(c.claimNumber)||0; }
+  changed.sort(function(a,b){ return num(a)-num(b); }); added.sort(function(a,b){ return num(a)-num(b); });
+  removed.sort(function(a,b){ return (parseInt(a)||0)-(parseInt(b)||0); }); unchanged.sort(function(a,b){ return (parseInt(a)||0)-(parseInt(b)||0); });
+  return { changed:changed, added:added, removed:removed, unchanged:unchanged };
+}
+function summaryText(d,rev){
+  var lines=["[CLAIMS SAVED - claimsRev "+(rev==null?"?":rev)+"]"];
+  if(!d.changed.length && !d.added.length && !d.removed.length){ lines.push("No claim changes (re-saved identical set)."); return lines.join("\n"); }
+  if(d.changed.length){ lines.push(""); lines.push("Changed claims (full new text):"); d.changed.forEach(function(c){ lines.push(c.claimNumber+". "+textOf(c)); }); }
+  if(d.added.length){ lines.push(""); lines.push("Added claims (full text):"); d.added.forEach(function(c){ lines.push(c.claimNumber+". "+textOf(c)); }); }
+  if(d.removed.length){ lines.push(""); lines.push("Removed claims: "+d.removed.join(", ")); }
+  if(d.unchanged.length){ lines.push(""); lines.push("Unchanged: "+d.unchanged.join(", ")); }
+  return lines.join("\n");
+}
+function setStatus(msg,cls){ var s=document.getElementById("st"); s.textContent=msg||""; s.className=cls||""; }
+async function load(){
+  if(!(window.cowork && typeof window.cowork.callMcpTool==="function")){
+    document.getElementById("sub").textContent="";
+    setStatus("⚠ Open this as a LIVE ARTIFACT, not a file preview — it needs the Cowork bridge (window.cowork) to read and save Fenix data. Ask the assistant to open it as a live artifact.","err");
+    return;
+  }
+  try{
+    var data=await call("get_project",{ projectId:PROJECT_ID, include:["claims"] });
+    var claims=(data&&(data.parsedClaims||data.claims))||[];
+    baseline=JSON.parse(JSON.stringify(claims));
+    baselineRev=(data&&data.revs&&typeof data.revs.claims!=="undefined")?data.revs.claims:null;
+    document.getElementById("acc").innerHTML="";
+    claims.forEach(function(c){ addClaim(String(c.claimNumber||""), textOf(c), c); });
+    document.getElementById("sub").textContent="Open any claim to edit it. Add or remove claims as needed, then Save to Fenix.";
+    document.getElementById("revLbl").textContent=baselineRev==null?"":("rev "+baselineRev);
+    document.getElementById("saveBtn").disabled=false;
+    syncToggle();
+  }catch(e){
+    document.getElementById("sub").textContent="";
+    setStatus("Could not load claims: "+((e&&e.message)||e),"err");
+  }
+}
+async function save(){
+  var btn=document.getElementById("saveBtn"); btn.disabled=true; setStatus("Saving…","busy");
+  document.getElementById("diffPanel").classList.remove("show");
+  var claims=collect();
+  try{
+    var res=await call("save_project",Object.assign({ projectId:PROJECT_ID, type:"claims", claims:claims }, (baselineRev!=null?{baseRev:baselineRev}:{})));
+    if(res && res.conflict){ setStatus("⚠ Not saved — the claims changed in Fenix since you opened this editor (now at rev "+res.currentRev+"). Reload to get the latest, then re-apply your edits.","err"); return; }
+    if(res && res.isError){ throw new Error(res.error||"save failed"); }
+    var rev=(res&&typeof res.claimsRev!=="undefined")?res.claimsRev:null;
+    var d=diff(baseline,claims);
+    var summary=summaryText(d,rev);
+    // Advance the baseline to what we just saved.
+    baseline=JSON.parse(JSON.stringify(claims)); baselineRev=rev;
+    document.getElementById("revLbl").textContent=rev==null?"":("rev "+rev);
+    var nChanged=d.changed.length+d.added.length+d.removed.length;
+    setStatus("✓ Saved to Fenix"+(rev==null?"":" (rev "+rev+")")+(nChanged?" — "+nChanged+" claim(s) changed":""),"ok");
+    document.getElementById("diffText").textContent=summary;
+    document.getElementById("diffPanel").classList.add("show");
+    document.getElementById("diffPanel").__summary=summary;
+    // If a future Cowork host exposes an automatic push-to-chat, use it; otherwise the user copies.
+    try{ if(window.cowork && typeof window.cowork.sendPrompt==="function"){ window.cowork.sendPrompt(summary); } }catch(e){}
+  }catch(e){
+    setStatus("Save failed: "+((e&&e.message)||e),"err");
+  }finally{ btn.disabled=false; }
+}
+function copyDiff(){
+  var txt=document.getElementById("diffPanel").__summary||document.getElementById("diffText").textContent;
+  var done=function(){ setStatus("Summary copied — paste it into chat.","ok"); };
+  if(navigator.clipboard){ navigator.clipboard.writeText(txt).then(done).catch(fb); } else { fb(); }
+  function fb(){ var el=document.createElement("textarea"); el.value=txt; el.style.cssText="position:fixed;top:0;left:0;opacity:0;"; document.body.appendChild(el); el.select(); try{ document.execCommand("copy"); done(); }catch(e){} document.body.removeChild(el); }
+}
+window.onload=load;
+</script>
+</body>
+</html>

package/artifacts/figures-editor.html ADDED Viewed

@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Figures Editor</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+body{font-family:system-ui,-apple-system,sans-serif;background:#fff7ed;min-height:100vh;padding:20px 16px}
+.card{background:#fff;max-width:900px;margin:0 auto;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.12);overflow:hidden}
+.hdr{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #fed7aa}
+.hdr h1{font-size:15px;font-weight:600;color:#1e293b}.hdr .rev{font-size:12px;color:#94a3b8}
+.hdr .toggle-all{margin-left:auto;flex-shrink:0}
+.bdy{padding:20px}.sub{font-size:13px;color:#64748b;margin-bottom:14px}
+input,select,textarea{font-family:inherit;font-size:13px;border:1.5px solid #fed7aa;border-radius:5px;padding:6px 10px;outline:none;width:100%;transition:border-color .15s;background:#fff}
+input:focus,select:focus,textarea:focus{border-color:#ea580c}
+.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
+.field{margin-bottom:12px}label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}
+.acc{border:1px solid #fed7aa;overflow:hidden;margin-bottom:-1px}
+.acc-hd{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;background:#fffbf5;user-select:none}
+.acc-hd:hover{background:#fff7ed}
+.acc-hd .chev{color:#ea580c;font-size:12px;transition:transform .15s;flex-shrink:0}
+.acc.open .chev{transform:rotate(90deg)}
+.acc-hd .ttl{font-weight:600;font-size:13px;color:#1e293b;flex-shrink:0}
+.acc-hd .badge{font-size:11px;font-weight:600;padding:1px 8px;border-radius:10px;background:#ffedd5;color:#c2410c;flex-shrink:0}
+.acc-hd .prev{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
+.acc-bd{display:none;padding:14px;border-top:1px solid #fed7aa;background:#fff}
+.acc.open .acc-bd{display:block}
+table{width:100%;border-collapse:collapse;margin-top:8px}
+th,td{padding:6px 10px;border:1px solid #fed7aa;font-size:13px;text-align:left}
+th{background:#fff7ed;font-weight:600;color:#374151}
+td input{border:none;padding:0;width:100%;background:transparent}td input:focus{outline:1px solid #ea580c;border-radius:3px}
+.tbl-bar{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
+.btn-sm{padding:4px 12px;background:#fff;border:1.5px solid #fed7aa;border-radius:5px;font-size:12px;cursor:pointer;color:#374151}
+.btn-sm:hover{border-color:#ea580c}
+.del-btn{color:#dc2626;background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0 4px}
+.rm-item{margin-left:auto;color:#dc2626;background:none;border:none;cursor:pointer;font-size:13px;flex-shrink:0}
+.bar{margin-top:16px;display:flex;align-items:center;gap:14px}
+.cta{padding:9px 24px;background:#ea580c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
+.cta:hover{background:#c2410c}.cta:disabled{opacity:.5;cursor:default}
+#st{font-size:13px;font-weight:500}#st.ok{color:#16a34a}#st.err{color:#dc2626}#st.busy{color:#64748b}
+.addbar{margin:6px 0 4px}
+.diff{display:none;margin-top:16px;border:1px solid #fed7aa;border-radius:6px;overflow:hidden}
+.diff.show{display:block}
+.diff-hd{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff7ed;font-size:12px;font-weight:600;color:#c2410c}
+.diff pre{margin:0;padding:12px;font-size:12px;font-family:Menlo,Consolas,monospace;line-height:1.5;white-space:pre-wrap;max-height:240px;overflow:auto;color:#1e293b}
+.ftr{padding:9px 20px;border-top:1px solid #fed7aa;font-size:11px;color:#94a3b8;display:flex;justify-content:space-between}
+</style>
+</head>
+<body>
+<div class="card">
+<div class="hdr"><h1>Figures Editor</h1><span class="rev" id="revLbl"></span><button class="btn-sm toggle-all" id="toggleAll" onclick="toggleAll()" style="display:none">Expand all</button></div>
+<div class="bdy">
+<p class="sub" id="sub">Loading current figures from Fenix…</p>
+<div id="acc"></div>
+<div class="addbar"><button class="btn-sm" onclick="addItem()">+ Add figure</button></div>
+<div class="bar"><button class="cta" id="saveBtn" onclick="save()" disabled>Save to Fenix</button><span id="st"></span></div>
+<div class="diff" id="diffPanel">
+  <div class="diff-hd"><span>Saved. Paste this summary into chat so the assistant stays in sync:</span><button class="btn-sm" style="margin-left:auto" onclick="copyDiff()">Copy summary</button></div>
+  <pre id="diffText"></pre>
+</div>
+</div>
+<div class="ftr"><span>Fenix Patent Assistant — live editor</span><span>v1</span></div>
+</div>
+<script>
+// The assistant replaces __PROJECT_ID__ with the real Fenix project id before opening this artifact.
+var PROJECT_ID = "__PROJECT_ID__";
+// The assistant also substitutes this connector's MCP tool prefix here, e.g. "mcp__<connector-id>__"
+// (the prefix differs per connection, so it cannot be hardcoded). If left unsubstituted, call()
+// falls back to the bare tool name (which works on hosts that don't namespace MCP tools).
+var SERVER_PREFIX = "__SERVER_PREFIX__";
+var baseline = [];      // figures last loaded from / saved to Fenix
+var baselineRev = null;
+function unwrap(res){
+  if(res==null) return res;
+  if(typeof res==="string"){ try{ return JSON.parse(res); }catch(e){ return res; } }
+  if(Array.isArray(res)) return res;
+  if(typeof res==="object" && Array.isArray(res.content)){
+    var t=res.content.map(function(c){ return (c&&c.text)||""; }).join("");
+    try{ return JSON.parse(t); }catch(e){ return res; }
+  }
+  if(res && res.result!==undefined) return unwrap(res.result);
+  return res;
+}
+function toolName(n){ return (SERVER_PREFIX && SERVER_PREFIX.indexOf("__SERVER")!==0) ? SERVER_PREFIX + n : n; }
+async function call(name,args){
+  var tries=[toolName(name)]; if(tries[0]!==name) tries.push(name);
+  var err; for(var i=0;i<tries.length;i++){ try{ return unwrap(await window.cowork.callMcpTool(tries[i],args||{})); }catch(e){ err=e; } }
+  throw err;
+}
+function elt(tag,cls,txt){ var e=document.createElement(tag); if(cls)e.className=cls; if(txt!=null)e.textContent=txt; return e; }
+function makeAcc(headerTitle,badge,preview,bodyBuilder){
+  var wrap=elt("div","acc"); var hd=elt("div","acc-hd");
+  hd.appendChild(elt("span","chev","▶")); hd.appendChild(elt("span","ttl",headerTitle));
+  if(badge!=null){ hd.appendChild(elt("span","badge",badge)); }
+  var prev=elt("span","prev",preview||""); hd.appendChild(prev);
+  var rm=elt("button","rm-item","Remove"); rm.onclick=function(ev){ ev.stopPropagation(); wrap.remove(); syncToggle(); }; hd.appendChild(rm);
+  hd.onclick=function(){ wrap.classList.toggle("open"); syncToggle(); };
+  var bd=elt("div","acc-bd"); bodyBuilder(bd,prev);
+  wrap.appendChild(hd); wrap.appendChild(bd); return wrap;
+}
+function figRow(tbody,el){
+  el=el||{};
+  var tr=document.createElement("tr");
+  tr.__el=el; // keep the full original element so undisplayed fields (angle, flipX/Y, action, etc.) survive save
+  var td0=document.createElement("td"); var i0=document.createElement("input"); i0.className="r-num"; i0.style.width="60px"; i0.value=el.number||""; td0.appendChild(i0); tr.appendChild(td0);
+  var td1=document.createElement("td"); var i1=document.createElement("input"); i1.className="r-lab"; i1.value=el.label||""; td1.appendChild(i1); tr.appendChild(td1);
+  var td2=document.createElement("td"); var i2=document.createElement("input"); i2.className="r-txt"; i2.value=el.text||""; td2.appendChild(i2); tr.appendChild(td2);
+  var td3=document.createElement("td"); var b=document.createElement("button"); b.className="del-btn"; b.textContent="x"; b.onclick=function(){ tr.remove(); }; td3.appendChild(b); tr.appendChild(td3);
+  tbody.appendChild(tr);
+}
+function figBody(bd,prev,fig){
+  var r=elt("div","row2");
+  var c1=elt("div","field"); c1.appendChild(elt("label",null,"Figure Number")); var nn=document.createElement("input"); nn.className="f-num"; nn.value=fig.number||""; c1.appendChild(nn); r.appendChild(c1);
+  var c2=elt("div","field"); c2.appendChild(elt("label",null,"Type")); var sel=document.createElement("select"); sel.className="f-type"; ["Flowchart","Device","Placeholder"].forEach(function(o){ var op=document.createElement("option"); op.textContent=o; sel.appendChild(op); }); sel.value=fig.type||"Flowchart"; c2.appendChild(sel); r.appendChild(c2); bd.appendChild(r);
+  var fb=elt("div","field"); fb.appendChild(elt("label",null,"Brief Description")); var bi=document.createElement("input"); bi.className="f-brief"; bi.value=fig.briefDescription||""; bi.oninput=function(){ prev.textContent=(bi.value||"").slice(0,70); }; fb.appendChild(bi); bd.appendChild(fb);
+  var lbl=elt("label",null,fig.type==="Device"?"Components":"Steps"); lbl.style.marginTop="6px"; bd.appendChild(lbl);
+  var tbl=document.createElement("table"); tbl.innerHTML="<thead><tr><th style='width:70px'>#</th><th style='width:170px'>Label</th><th>Description text</th><th style='width:34px'></th></tr></thead>"; var tbody=document.createElement("tbody"); tbl.appendChild(tbody); bd.appendChild(tbl);
+  var arr=(fig.type==="Device")?(fig.components||[]):(fig.steps||[]); arr.forEach(function(e){ figRow(tbody,e); });
+  var tb=elt("div","tbl-bar"); var ab=document.createElement("button"); ab.className="btn-sm"; ab.textContent="+ Add row"; ab.onclick=function(){ var rows=tbody.querySelectorAll("tr"); var last=rows.length?parseInt(rows[rows.length-1].querySelector(".r-num").value||"95"):95; figRow(tbody,{number:String(last+5)}); }; tb.appendChild(ab); tb.appendChild(elt("span",null,"")); bd.appendChild(tb);
+}
+function addFigure(fig){ fig=fig||{number:"",type:"Flowchart",briefDescription:"",steps:[],components:[]}; var acc=document.getElementById("acc"); var w=makeAcc("FIG. "+(fig.number||"?"),fig.type||"Flowchart",(fig.briefDescription||"").slice(0,70),function(bd,prev){ figBody(bd,prev,fig); }); w.__fig=fig; acc.appendChild(w); return w; }
+function addItem(){ addFigure(null).classList.add("open"); syncToggle(); }
+function syncToggle(){ var btn=document.getElementById("toggleAll"); var accs=document.querySelectorAll("#acc .acc"); if(!accs.length){ btn.style.display="none"; return; } btn.style.display=""; var anyClosed=Array.from(accs).some(function(a){ return !a.classList.contains("open"); }); btn.textContent=anyClosed?"Expand all":"Collapse all"; }
+function toggleAll(){ var accs=document.querySelectorAll("#acc .acc"); var anyClosed=Array.from(accs).some(function(a){ return !a.classList.contains("open"); }); accs.forEach(function(a){ if(anyClosed){ a.classList.add("open"); } else { a.classList.remove("open"); } }); syncToggle(); }
+function collect(){
+  var figs=[]; document.querySelectorAll("#acc .acc").forEach(function(a){
+    var type=a.querySelector(".f-type").value; var isDev=(type==="Device");
+    // Overlay the edited rows onto the ORIGINAL elements so undisplayed element fields
+    // (angle, flipX/flipY, action, name, etc.) are preserved -- not zeroed out.
+    var rows=Array.from(a.querySelectorAll("tbody tr")).map(function(tr){
+      var lab=tr.querySelector(".r-lab").value.trim();
+      return Object.assign({}, tr.__el||{}, {
+        type:isDev?"component":"step",
+        number:tr.querySelector(".r-num").value.trim(),
+        label:lab, text:tr.querySelector(".r-txt").value.trim(), name:lab,
+      });
+    });
+    // Start from the ORIGINAL figure so figure-level fields not shown in the editor
+    // (stencils, placeholders, configuration, the inactive steps/components array, etc.)
+    // survive. Only overwrite what the editor edits.
+    var fig=Object.assign({}, a.__fig||{}, {
+      number:a.querySelector(".f-num").value.trim(),
+      type:type,
+      briefDescription:a.querySelector(".f-brief").value.trim(),
+    });
+    fig[isDev?"components":"steps"]=rows; // edited active array; the other array stays as loaded
+    figs.push(fig);
+  }); return figs;
+}
+// ---- Diff by figure number ----
+function rowsOf(f){ return (f.type==="Device"?f.components:f.steps)||[]; }
+function figCanon(f){ return (f.type||"")+"||"+(f.briefDescription||"")+"||"+rowsOf(f).map(function(r){ return (r.number||"")+"|"+(r.label||"")+"|"+(r.text||""); }).join(";"); }
+function byNum(arr){ var m={}; arr.forEach(function(f){ m[String(f.number)]=f; }); return m; }
+function diff(oldArr,newArr){
+  var o=byNum(oldArr), n=byNum(newArr), changed=[], added=[], removed=[], unchanged=[];
+  Object.keys(n).forEach(function(k){ if(!(k in o)){ added.push(n[k]); } else if(figCanon(n[k])!==figCanon(o[k])){ changed.push(n[k]); } else { unchanged.push(k); } });
+  Object.keys(o).forEach(function(k){ if(!(k in n)) removed.push(k); });
+  function num(f){ return parseInt(f.number)||0; }
+  changed.sort(function(a,b){ return num(a)-num(b); }); added.sort(function(a,b){ return num(a)-num(b); });
+  removed.sort(function(a,b){ return (parseInt(a)||0)-(parseInt(b)||0); }); unchanged.sort(function(a,b){ return (parseInt(a)||0)-(parseInt(b)||0); });
+  return { changed:changed, added:added, removed:removed, unchanged:unchanged };
+}
+function figLines(f){ var L=["FIG. "+f.number+" ("+(f.type||"")+"): "+(f.briefDescription||"")]; rowsOf(f).forEach(function(r){ L.push("  "+(r.number||"")+" "+(r.label||"")+" — "+(r.text||"")); }); return L; }
+function summaryText(d,rev){
+  var lines=["[FIGURES SAVED - figuresRev "+(rev==null?"?":rev)+"]"];
+  if(!d.changed.length && !d.added.length && !d.removed.length){ lines.push("No figure changes (re-saved identical set)."); return lines.join("\n"); }
+  if(d.changed.length){ lines.push(""); lines.push("Changed figures (full):"); d.changed.forEach(function(f){ lines=lines.concat(figLines(f)); }); }
+  if(d.added.length){ lines.push(""); lines.push("Added figures (full):"); d.added.forEach(function(f){ lines=lines.concat(figLines(f)); }); }
+  if(d.removed.length){ lines.push(""); lines.push("Removed figures: "+d.removed.join(", ")); }
+  if(d.unchanged.length){ lines.push(""); lines.push("Unchanged: "+d.unchanged.join(", ")); }
+  return lines.join("\n");
+}
+function setStatus(msg,cls){ var s=document.getElementById("st"); s.textContent=msg||""; s.className=cls||""; }
+async function load(){
+  if(!(window.cowork && typeof window.cowork.callMcpTool==="function")){
+    document.getElementById("sub").textContent="";
+    setStatus("⚠ Open this as a LIVE ARTIFACT, not a file preview — it needs the Cowork bridge (window.cowork) to read and save Fenix data. Ask the assistant to open it as a live artifact.","err");
+    return;
+  }
+  try{
+    var data=await call("get_project",{ projectId:PROJECT_ID, include:["figures"] });
+    var figures=(data&&data.figures)||[];
+    baseline=JSON.parse(JSON.stringify(figures));
+    baselineRev=(data&&data.revs&&typeof data.revs.figures!=="undefined")?data.revs.figures:null;
+    document.getElementById("acc").innerHTML="";
+    figures.forEach(function(f){ addFigure(f); });
+    document.getElementById("sub").textContent="Open any figure to edit its details and steps/components. Add or remove as needed, then Save to Fenix.";
+    document.getElementById("revLbl").textContent=baselineRev==null?"":("rev "+baselineRev);
+    document.getElementById("saveBtn").disabled=false;
+    syncToggle();
+  }catch(e){
+    document.getElementById("sub").textContent="";
+    setStatus("Could not load figures: "+((e&&e.message)||e),"err");
+  }
+}
+async function save(){
+  var btn=document.getElementById("saveBtn"); btn.disabled=true; setStatus("Saving…","busy");
+  document.getElementById("diffPanel").classList.remove("show");
+  var figures=collect();
+  try{
+    var res=await call("save_project",Object.assign({ projectId:PROJECT_ID, type:"figures", figures:figures }, (baselineRev!=null?{baseRev:baselineRev}:{})));
+    if(res && res.conflict){ setStatus("⚠ Not saved — the figures changed in Fenix since you opened this editor (now at rev "+res.currentRev+"). Reload to get the latest, then re-apply your edits.","err"); return; }
+    if(res && res.isError){ throw new Error(res.error||"save failed"); }
+    var rev=(res&&typeof res.figuresRev!=="undefined")?res.figuresRev:null;
+    var d=diff(baseline,figures);
+    var summary=summaryText(d,rev);
+    baseline=JSON.parse(JSON.stringify(figures)); baselineRev=rev;
+    document.getElementById("revLbl").textContent=rev==null?"":("rev "+rev);
+    var nChanged=d.changed.length+d.added.length+d.removed.length;
+    setStatus("✓ Saved to Fenix"+(rev==null?"":" (rev "+rev+")")+(nChanged?" — "+nChanged+" figure(s) changed":""),"ok");
+    document.getElementById("diffText").textContent=summary;
+    document.getElementById("diffPanel").classList.add("show");
+    document.getElementById("diffPanel").__summary=summary;
+    try{ if(window.cowork && typeof window.cowork.sendPrompt==="function"){ window.cowork.sendPrompt(summary); } }catch(e){}
+  }catch(e){ setStatus("Save failed: "+((e&&e.message)||e),"err"); }
+  finally{ btn.disabled=false; }
+}
+function copyDiff(){
+  var txt=document.getElementById("diffPanel").__summary||document.getElementById("diffText").textContent;
+  var done=function(){ setStatus("Summary copied — paste it into chat.","ok"); };
+  if(navigator.clipboard){ navigator.clipboard.writeText(txt).then(done).catch(fb); } else { fb(); }
+  function fb(){ var el=document.createElement("textarea"); el.value=txt; el.style.cssText="position:fixed;top:0;left:0;opacity:0;"; document.body.appendChild(el); el.select(); try{ document.execCommand("copy"); done(); }catch(e){} document.body.removeChild(el); }
+}
+window.onload=load;
+</script>
+</body>
+</html>