@floless/app 0.74.0 → 0.76.0

package/dist/web/steel-editor.html

@@ -94,7 +94,7 @@
  g.cohot:hover circle.cobub{opacity:1;stroke-width:2;filter:drop-shadow(0 0 4px currentColor)}
  text.cotx{fill:#e2e8f0;font:bold 11px system-ui;text-anchor:middle;dominant-baseline:central;pointer-events:none;opacity:.6}
  g.cohot:hover text.cotx{opacity:1}
- #detailsModal,#framesModal,#rfiModal,#confModal,#askAiModal,#connModal{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center}
+ #detailsModal,#framesModal,#rfiModal,#confModal,#askAiModal,#connModal,#connImportModal{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center}
  #askAiDrop:hover{border-color:var(--brand);color:var(--text)} #askAiDrop.has{border-style:solid;border-color:var(--brand)}
  .aithumb{position:relative;display:inline-flex} .aithumb img{height:60px;border-radius:4px;border:1px solid var(--line);background:#fff;display:block}
  .aithumb button{position:absolute;top:-5px;right:-5px;width:16px;height:16px;padding:0;border-radius:8px;font-size:10px;line-height:16px;text-align:center;background:#7f1d1d;border-color:#991b1b;color:#fecaca}
@@ -363,6 +363,30 @@
  #propPop .pprow.node{font-weight:500}
  #propPop .pprow .cnt{color:var(--mut);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
  #propPop .pprow.selrow{border-left:2px solid var(--brand);background:rgba(59,130,246,.16)}
+ /* Import-a-connection-from-IFC modal (slice B): dropzone → parse progress → candidate pick-list →
+    extract progress → (closes, arms the crosshair place). Built from the same tokens as .mpanel /
+    #propPop / #dnDrop — no new vocabulary. Themed inner scroll comes from the global * scrollbar rule. */
+ #connImportModal .mpanel{width:min(560px,92vw)}
+ #connImportModal.pick .mpanel{width:min(720px,92vw)}
+ #ciBody{padding:16px;display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:76vh}
+ #ciDrop{border:1px dashed #475569;border-radius:8px;background:#0b1220;min-height:104px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mut);cursor:pointer;padding:16px;font-size:12px}
+ #ciDrop:hover{border-color:var(--brand);color:var(--text)}
+ #ciDrop.drag{border-style:solid;border-color:var(--brand);color:var(--text);background:#0d1526}
+ .ci-prog{display:flex;align-items:center;gap:10px;padding:22px 4px;color:var(--text);font-size:13px}
+ .ci-spin{width:18px;height:18px;border-radius:50%;flex:none;border:2px solid var(--line);border-top-color:var(--brand);animation:ci-spin .8s linear infinite}
+ @keyframes ci-spin{to{transform:rotate(360deg)}}
+ #ciSearch{width:100%;height:28px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:0 10px;font:12px system-ui;box-sizing:border-box}
+ #ciSearch:focus{outline:none;border-color:var(--brand)}
+ #ciCount{color:var(--mut);font-size:11px}
+ #ciList{overflow:auto;max-height:min(52vh,360px);border:1px solid var(--line);border-radius:8px}
+ .ci-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:6px 12px;cursor:pointer;border:0;border-bottom:1px solid #0f1a2e;background:transparent;text-align:left;width:100%;box-sizing:border-box}
+ .ci-row:last-child{border-bottom:0}
+ .ci-row:hover{background:#1e293b}
+ .ci-row.sel{background:rgba(59,130,246,.16);border-left:2px solid var(--brand);padding-left:10px}
+ .ci-row .pn{flex:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
+ .ci-row .pv{color:var(--mut);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
+ .ci-empty{color:var(--mut);font-size:12px;padding:16px;text-align:center}
+ #ciFoot{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}
  /* thin cluster divider in the 3D toolbar */
  #m3dBar .tb-sep{width:1px;height:18px;background:var(--line);flex:0 0 auto;align-self:center}
  /* Themed tooltip — replaces native title= so no OS-default tooltip leaks the dark theme. */
@@ -486,7 +510,7 @@
     <button id=detailsBtn>Details</button>
     <button id=connBtn data-tip="A lookup table of connection types (moment, shear, pinned, …). Each maps to a design detail and, per platform, a component ID; reference a row from each member end.">Connections</button>
     <div class="m3dwrap ins-in-menu" id=insWrap>
-     <button id=m3dInsert data-tip="Insert a 2D detail image into the 3D scene, near a beam (3D view only)">Insert detail…</button>
+     <button id=m3dInsert data-tip="Insert a detail image or an imported steel connection into the 3D scene (3D view only)">Insert…</button>
      <div id=m3dInsertMenu class=m3dmenu role=menu></div>
      <input id=insFile type=file accept="image/*" style="display:none">
     </div>
@@ -637,6 +661,30 @@
 <div id=rfiModal><div class=mbackdrop id=rfiBackdrop></div>
  <div class=mpanel><div class=mhead><b>Unresolved members — RFI</b><button id=rfiClose>✕</button></div>
  <div id=rfiGrid style="padding:14px;overflow:auto"></div></div></div>
+<div id=connImportModal><div class=mbackdrop id=ciBackdrop></div>
+ <div class=mpanel><div class=mhead><b id=ciTitle>Import a connection</b><button id=ciClose data-tip="Close">✕</button></div>
+  <div id=ciBody>
+   <!-- stage: dropzone -->
+   <div id=ciDropStage>
+    <div id=ciDrop data-tip="Click to browse, or drag an IFC file here"><span id=ciDropTxt>Drop an IFC file here, or click to browse</span></div>
+    <input id=ciFile type=file accept=".ifc,.ifczip" hidden>
+    <div class=hint style="margin-top:10px">Design a connection in IDEA StatiCa, Tekla or any tool, export IFC, and drop it here to place it in your model. The file stays on your machine.</div>
+    <div class=gerr id=ciDropErr style="display:none"></div>
+   </div>
+   <!-- stage: progress (parse / extract) -->
+   <div id=ciProgStage style="display:none">
+    <div class=ci-prog><span class=ci-spin aria-hidden=true></span><span id=ciProgTxt>Parsing IFC… reading connections</span></div>
+    <div style="display:flex;justify-content:flex-end;margin-top:8px"><button id=ciCancel class=ghost>Cancel</button></div>
+   </div>
+   <!-- stage: candidate pick-list -->
+   <div id=ciPickStage style="display:none">
+    <div style="margin-bottom:8px"><input id=ciSearch placeholder="Filter by name…" autocomplete=off></div>
+    <div id=ciCount style="margin-bottom:6px">—</div>
+    <div id=ciList></div>
+    <div id=ciFoot><button id=ciImport disabled data-tip="Place the selected connection in the model">Import</button></div>
+   </div>
+  </div>
+ </div></div>
 <div id=confModal><div class=mbackdrop id=confBackdrop></div>
  <div class=mpanel><div class=mhead><b>Confidence report</b><label class=conf-tgt data-tip="Confidence target for this read (%). Overrides the workflow default; saved with the contract.">Target <input id=confTarget type=number min=0 max=100 step=1> %</label><button id=confClose>✕</button></div>
  <div id=confCats class=conf-cats></div>
@@ -803,6 +851,7 @@ let dimChain=false, dimChainPrev=null, dimSeq=0;   // chained "continuous" dimen
 let dimSplitMode=false;   // "add split point" mode on a selected dim — each click inserts a point and splits the dim segment under it into two
 let sel3dDimIds=new Set(),dim3dAnchor=null;   // selected 3D dimension ids (multi-select like parts; 3D view highlights them, Delete removes them)
 let selIds=new Set();
+let findHits=new Set();   // Find-in-model highlight (Workspaces Ctrl+F) — kept SEPARATE from selIds so a search never clobbers/drops the user's real selection
 let undo=[], redo=[];
 const byId=id=>P.members.find(m=>m.id===id);
 const selArr=()=>P.members.filter(m=>selIds.has(m.id));
@@ -1372,8 +1421,8 @@ function render(){
  let s=RB64?`<image href="data:image/jpeg;base64,${RB64}" x="${X0}" y="${Y0}" width="${X1-X0}" height="${Y1-Y0}"/>`:'';
  s+=gridSvg();   // structural grid under the linework (members/dims stay on top)
  for(const sg of P.segments) s+=`<line class=seg data-seg="${sg.id}" x1="${sg.a[0]}" y1="${sg.a[1]}" x2="${sg.b[0]}" y2="${sg.b[1]}"/>`;
- for(const m of P.members){const c=colorFor(m.profile);const on=selIds.has(m.id);const g=on?` style="filter:drop-shadow(0 0 3px ${c}) drop-shadow(0 0 8px ${c})"`:'';
-   s+=`<line class="member${m.rfi?' rfi':''}${on?' sel':''}" data-id="${m.id}" x1="${m.wp[0][0]}" y1="${m.wp[0][1]}" x2="${m.wp[1][0]}" y2="${m.wp[1][1]}" stroke="${c}"${g}/>`;}
+ for(const m of P.members){const c=colorFor(m.profile);const sel=selIds.has(m.id);const fh=findHits.has(m.id);const on=sel||fh;const g=on?` style="filter:drop-shadow(0 0 3px ${c}) drop-shadow(0 0 8px ${c})"`:'';
+   s+=`<line class="member${m.rfi?' rfi':''}${sel?' sel':''}${fh?' find-hit':''}" data-id="${m.id}" x1="${m.wp[0][0]}" y1="${m.wp[0][1]}" x2="${m.wp[1][0]}" y2="${m.wp[1][1]}" stroke="${c}"${g}/>`;}
  {const hsel=selArr();if(hsel.length>=1){const HR=epR();for(const sm of hsel)for(let i=0;i<2;i++) s+=`<circle class="handle ${i===0?'ep-start':'ep-end'}" data-mid="${sm.id}" data-h="${i}" cx="${sm.wp[i][0]}" cy="${sm.wp[i][1]}" r="${HR}"/>`;}}  // end 1 (start) yellow, end 2 (end) magenta · shown for every selected member · radius grows with zoom (epR) so it stays visible against the thick line
  if((mode==='add'||(picking&&pickKind==='profile'))&&P.labels) for(const lb of P.labels){const w=Math.max(40,lb.text.length*11);
    s+=`<rect class=lblhot data-prof="${esc(lb.text)}" x="${lb.disp[0]-w/2}" y="${lb.disp[1]-10}" width="${w}" height="20" rx="3"><title>${esc(lb.text)}</title></rect>`;}
@@ -1520,10 +1569,12 @@ async function connModifyRequest(j){
  if(!j) return;
  try{await window.flushContract();}catch(_){}
  try{persist();}catch(_){}
- const kindName=j.kind==='base-plate'?'base plate':j.kind==='shear-plate'?'shear plate':'connection';
- const instruction='Modify the '+kindName+' connection "'+j.id+'" on member '+j.main+' (sheet '+((P&&P.sheet)||'?')+') — adjust, replace or move it per my request.';
+ const kindName=j.kind==='base-plate'?'base plate':j.kind==='shear-plate'?'shear plate':j.kind==='custom'?'imported':'connection';
+ const onMember=j.main?' on member '+j.main:'';
+ const label=j.kind==='custom'&&j.name?' ("'+j.name+'")':'';
+ const instruction='Modify the '+kindName+' connection "'+j.id+'"'+label+onMember+' (sheet '+((P&&P.sheet)||'?')+') — adjust, replace or move it per my request.';
  try{const res=await fetch('/api/contract-request',{method:'POST',headers:{'content-type':'application/json'},
-     body:JSON.stringify({appId:APP_ID,instruction,intent:'modify',target:{sheet:(P&&P.sheet)||undefined,ids:[j.id,j.main]}})});
+     body:JSON.stringify({appId:APP_ID,instruction,intent:'modify',target:{sheet:(P&&P.sheet)||undefined,ids:[j.id,j.main].filter(Boolean)}})});
    toast(res.ok?'Change queued for your terminal AI session':'Could not queue the request');
  }catch(_){toast('Could not queue the request');}
 }
@@ -1614,7 +1665,27 @@ function panel(){
  // Modify (relay) / Edit-on-member. Precedes the single-part branch below (which handles the DRILLED case).
  {const cs=connSelInfo();
   if(cs&&cs.whole){
-   const j=cs.joint,isBP=j.kind==='base-plate',pp=j.params||{};
+   const j=cs.joint;
+   // An imported (custom) connection — opaque IFC geometry, move / replace only. NEUTRAL chip (a normal
+   // state, not a fault); NO param block (replaced by a short note, never a disabled empty form).
+   if(j.kind==='custom'){
+    const nm=j.name?esc(j.name):'Imported connection';
+    const onLine=j.main?`On <button class=pilllink id=cmpMember data-tip="Select ${esc(j.main)}">${esc(j.main)}</button> · `:'';
+    p.innerHTML=`<span class=badge>Custom connection</span>
+     <div class=row style="margin:0 0 6px"><span class=chip style="border-color:var(--line);color:var(--mut)">Imported geometry — move / replace only</span></div>
+     <div class="row hint" style="margin:0 0 2px">${onLine}${cs.childIds.length} parts · ${nm}</div>
+     <div class="row hint" style="margin:0 0 6px;font-size:11px">Read from IFC — opaque tessellated geometry (no per-dimension edit). <b>Esc</b> steps back.</div>
+     <div class=divrow><hr></div>
+     <div class="row f" style="gap:6px;flex-wrap:wrap">
+       <button class=ghostw id=cmpAsk data-tip="Record a request for your terminal AI to move / replace this connection">Modify connection…</button>
+       <button class=danger id=cmpDel data-tip="Remove this whole imported connection">Delete connection</button>
+     </div>`;
+    {const b=document.getElementById('cmpMember');if(b)b.onclick=()=>{if(window.Steel3DView&&window.Steel3DView.clearConnSel)window.Steel3DView.clearConnSel();selIds=new Set([j.main]);selDimIds.clear();sel3dDimIds.clear();render();};}
+    {const b=document.getElementById('cmpAsk');if(b)b.onclick=()=>connModifyRequest(j);}
+    {const b=document.getElementById('cmpDel');if(b)b.onclick=()=>edit(()=>{C.joints=(C.joints||[]).filter(x=>x!==j);selIds.clear();});}
+    return;
+   }
+   const isBP=j.kind==='base-plate',pp=j.params||{};
    const plate=(partsById||{})[cs.conn+':plate']||null;
    const dim=(n)=>(n==null?'<span style="color:var(--mut)">auto</span>':esc(fmtFtIn(Number(n)/25.4)));
    const kv=(l,val)=>`<div style="display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:3px 0"><span style="color:var(--mut)">${esc(l)}</span><span style="font-variant-numeric:tabular-nums">${val}</span></div>`;
@@ -2964,8 +3035,40 @@ const view3dApi={
  onClipsChange:()=>{build3DLegend();},   // a clip added / removed / toggled → rebuild the legend's Clip section
  beginClipEdit:()=>pushUndo(snapshot()),   // a clip / work-area manipulation → push a pre-edit snapshot so Ctrl+Z/Y restores it
  onClipModeChange:(m)=>{const b=document.getElementById('m3dClip');if(b){b.classList.toggle('on',!!m);b.textContent=m?'Clip ✕':'Clip ▾';}},  // armed → button fills brand-blue + becomes a cancel target (✕ = cancel)
- onInsertModeChange:(on)=>{const b=document.getElementById('m3dInsert');if(b){b.classList.toggle('on',!!on);b.textContent=on?'✕ Cancel insert':'Insert detail…';}},  // armed → cancel target
- onInsertPlace:(pick,pending)=>{if(!pending||!pending.name){toast('Pick a detail to insert first');return;}   // Slice 4: place the queued detail at the pick, select it, record the create intent
+ onInsertModeChange:(on)=>{const b=document.getElementById('m3dInsert');if(b){b.classList.toggle('on',!!on);b.textContent=on?'✕ Cancel insert':'Insert…';}},  // armed → cancel target
+ onInsertPlace:(pick,pending)=>{
+  if(pending&&pending.kind==='connection'&&pending.connection){
+   const conn=pending.connection;const rc=conn.recipe;
+   // Slice C: a RECOGNIZED base plate dropped onto a COLUMN → bake an EDITABLE base-plate recipe joint;
+   // expandBasePlate re-derives it on that column from the fitted params (frame-independent scalars), so
+   // it becomes a first-class parametric connection, not opaque mesh. Needs a column at the pick.
+   const col=(rc&&rc.kind==='base-plate'&&pick.anchorId)?P.members.find(m=>m&&m.id===pick.anchorId&&m.role==='column'):null;
+   if(col){
+    const id='cx'+Date.now().toString(36)+Math.floor(Math.random()*1e4).toString(36);
+    const joint={id,kind:'base-plate',main:col.id,at:'base',params:Object.assign({},rc.params),source:'user'};
+    pendingConnSel=id; // its parts only exist after the 3D rebuild → select the whole connection there
+    // Applying a base plate to a column REPLACES any base plate already on it (a column has one base
+    // plate) — else the two overlap and "edit on member" would target the older joint, not this import.
+    const had=(C.joints||[]).some(x=>x&&x.kind==='base-plate'&&x.main===col.id);
+    edit(()=>{C.joints=(Array.isArray(C.joints)?C.joints:[]).filter(x=>!(x&&x.kind==='base-plate'&&x.main===col.id));C.joints.push(joint);selIds=new Set();});
+    toast((had?'Base plate on '+col.id+' replaced with imported “'+(conn.name||'connection')+'”':'Base plate “'+(conn.name||'imported')+'” applied to '+col.id)+' — edit its parameters on the member');
+    return;
+   }
+   // Slice B: opaque custom mesh — bake at the picked point (joint.place); expandCustom re-expands it into
+   // the scene as one selectable unit. Unrecognized imports, and a recognized base plate NOT dropped on a
+   // column, land here (still faithful geometry) with a hint toward the editable path.
+   if(Array.isArray(conn.geometry)&&conn.geometry.length){
+    const id='cx'+Date.now().toString(36)+Math.floor(Math.random()*1e4).toString(36);
+    const joint={id,kind:'custom',name:conn.name||'Imported connection',place:pick.point,geometry:conn.geometry,source:'user'};
+    if(pick.anchorId)joint.main=pick.anchorId; // snapped to a member face → record it for the inspector's "on member" line
+    edit(()=>{if(!Array.isArray(C.joints))C.joints=[];C.joints.push(joint);selIds=new Set(conn.geometry.map((g,i)=>id+':'+(g.id||'m'+i)));});
+    toast(rc?('Imported “'+(conn.name||'connection')+'” as geometry — drop it on a column to apply it as an editable base plate')
+           :('Connection “'+(conn.name||'imported')+'” placed'+(pick.anchorId?' on '+pick.anchorId:'')+' — select it to move or replace'));
+    return;
+   }
+   toast('That connection has no geometry to place');return;
+  }
+  if(!pending||!pending.name){toast('Pick a detail to insert first');return;}   // Slice 4: place the queued detail at the pick, select it, record the create intent
   const id='det'+Date.now().toString(36)+Math.floor(Math.random()*1e4).toString(36);const sheet=(P&&P.sheet)||'';
   const place={id,detailName:pending.name,sheet,anchorId:pick.anchorId||null,pos:pick.point,u:pick.u,n:pick.n,rotZ:0,size:1000,opacity:1};
   edit(()=>{if(!Array.isArray(C.detail_placements))C.detail_placements=[];C.detail_placements.push(place);selIds=new Set(['det:'+id]);});
@@ -2976,7 +3079,11 @@ const view3dApi={
 };
 // Re-extrude the 3D model after a structural edit (keeps the camera where it is). Selection-only
 // changes go through render()'s setSelection — only geometry mutations need a rebuild.
-function sync3D(){if(view3d&&view3dReady&&window.Steel3DView){window.Steel3DView.rebuild(false).then(()=>{window.Steel3DView.setSelection(selIds);build3DLegend();}).catch(()=>{});}}  // rebuild also refreshes the legend (an edit may add/remove a profile)
+let pendingConnSel=null;  // a just-baked connection whose parts exist only AFTER the next rebuild → select the whole thing there (a recognized base-plate import, whose part ids aren't known ahead of expansion)
+function sync3D(){if(view3d&&view3dReady&&window.Steel3DView){window.Steel3DView.rebuild(false).then(()=>{
+  if(pendingConnSel&&window.Steel3DView.selectWholeConn){const c=pendingConnSel;pendingConnSel=null;window.Steel3DView.selectWholeConn(c);}  // whole-connection select (envelope + "Parametric — editable" inspector), same as a 3D click
+  else window.Steel3DView.setSelection(selIds);
+  build3DLegend();panel();}).catch(()=>{pendingConnSel=null;});}}  // rebuild also refreshes the legend (an edit may add/remove a profile) + re-renders the inspector so a selection of just-created parts (e.g. a placed custom connection) resolves against the freshly-fetched partsById, not the pre-rebuild stale copy
 // Insert-a-detail helpers (Slice 4). armInsert queues a detail image + arms the 3D placement pick;
 // detailRequest records a create/modify request on the SAME tweak-contract channel, adding intent+target
 // so the terminal AI knows whether to build a new detail or update a placed one, and where.
@@ -2984,6 +3091,17 @@ function armInsert(name){if(!name)return;const raw=(C.custom_details||{})[name];
   if(!view3d){toast('Switch to the 3D view to place a detail');return;}
   window.Steel3DView.setInsertMode(true,{name});
   toast('Click a beam or the model to place “'+name+'” — Esc to cancel');}
+// Slice B/C: arm the crosshair to place an IMPORTED connection (its LOCAL mesh geometry + optional
+// recognized recipe ride on the pending object; onInsertPlace bakes a base-plate recipe on a column, or
+// the custom mesh where the user clicks). 3D view only.
+function armConnectionInsert(connection){if(!connection||!Array.isArray(connection.geometry)||!connection.geometry.length){toast('That connection has no geometry to place');return;}
+  if(!view3d){toast('Switch to the 3D view to place a connection');return;}
+  window.Steel3DView.setInsertMode(true,{kind:'connection',connection});
+  const nm=connection.name||'connection';
+  // Recognized base plate → tell the user to target a column (the editable path); else the generic place hint.
+  const recognized=connection.recipe&&connection.recipe.kind==='base-plate';
+  toast(recognized?('Click a column to place “'+nm+'” as an editable base plate — Esc to cancel')
+                  :('Click in the model to place “'+nm+'” — Esc to cancel'));}
 async function detailRequest(intent,place,note){
   // flushContract PUTs C to the server so the terminal AI reads the latest contract — but it clears the
   // debounced autosave (saveT) WITHOUT writing localStorage, which would drop the just-placed detail from
@@ -3307,6 +3425,7 @@ function wire3DBar(){if(bar3dWired||!window.Steel3DView)return;bar3dWired=true;
    else{const note=document.createElement('div');note.style.cssText='padding:4px 10px;color:var(--mut);font-size:12px';note.textContent='No saved details yet — add one below.';frag.appendChild(note);}
    frag.appendChild(document.createElement('hr'));
    const add=document.createElement('button');add.textContent='＋ Add an image…';add.onclick=()=>{insMenuClose();closeMore();document.getElementById('insFile').click();};frag.appendChild(add);
+   const conn=document.createElement('button');conn.textContent='Connection…';conn.dataset.tip='Import a steel connection from an IFC file';conn.onclick=()=>{insMenuClose();closeMore();window.openConnImport();};frag.appendChild(conn);
    insMenu.replaceChildren(frag);}
  insBtn.onclick=e=>{e.stopPropagation();
    if(d3.insertMode()){d3.setInsertMode(false);return;}                     // armed → cancel the pick
@@ -3316,6 +3435,93 @@ function wire3DBar(){if(bar3dWired||!window.Steel3DView)return;bar3dWired=true;
    readImageCompressed(f,b64=>{if(!b64){toast('Could not read that image — try another.');return;}
      let base=(f.name||'Detail').replace(/\.[^.]+$/,'').trim()||'Detail',name=base,i=2;while(C.custom_details[name]!=null)name=base+' '+(i++);
      edit(()=>{C.custom_details[name]=b64;});armInsert(name);});};
+ // ── Import a connection from IFC (slice B): dropzone → parse → pick → extract → arm the crosshair
+ // place. The reader runs in AWARE (web-ifc) via /api/import-connection; the UI renders + relays. Staged
+ // states swap in one modal (never a disabled Place button — the whole body swaps). ──
+ { const ci$=id=>document.getElementById(id);
+   let ciConns=[],ciSha=null,ciSel=null,ciAbort=null,ciSoftT=null;
+   const ciClearSoft=()=>{if(ciSoftT){clearTimeout(ciSoftT);ciSoftT=null;}};
+   const ciStage=s=>{ // 'drop' | 'prog' | 'pick'
+     ci$('ciDropStage').style.display=s==='drop'?'':'none';
+     ci$('ciProgStage').style.display=s==='prog'?'':'none';
+     ci$('ciPickStage').style.display=s==='pick'?'':'none';
+     ci$('ciClose').style.display=s==='prog'?'none':'';           // no ✕ mid-run — Cancel owns the exit
+     ci$('connImportModal').classList.toggle('pick',s==='pick');  // widen the panel for the list
+     ci$('ciTitle').textContent=s==='prog'?'Reading the IFC file':s==='pick'?'Choose a connection':'Import a connection'; };
+   const ciProg=(label,soft)=>{ciClearSoft();ci$('ciProgTxt').textContent=label;
+     if(soft)ciSoftT=setTimeout(()=>{ci$('ciProgTxt').textContent=soft;},6000);}; // honest "still working" after 6s — no fake %
+   const ciDropErr=msg=>{const e=ci$('ciDropErr');if(msg){e.textContent=msg;e.style.display='';}else{e.style.display='none';e.textContent='';}};
+   const ciTotal=c=>(c.plates||0)+(c.bolts||0)+(c.welds||0)+(c.members||0);
+   const ciSummary=c=>{const b=[],one=(n,s)=>{if(n)b.push(n+' '+s+(n===1?'':'s'));};one(c.plates,'plate');one(c.bolts,'bolt');one(c.welds,'weld');return b.join(' · ')||'no hardware read';};
+   function openConnImport(){ if(!view3d){toast('Switch to the 3D view to import a connection');return;}
+     ciConns=[];ciSha=null;ciSel=null;ciDropErr('');ci$('ciDrop').classList.remove('drag');
+     ciStage('drop');ci$('connImportModal').style.display='flex'; }
+   window.openConnImport=openConnImport;   // the Insert ▾ menu item calls this
+   function ciClose(){ciClearSoft();if(ciAbort){try{ciAbort.abort();}catch(_){}}ciAbort=null;ci$('connImportModal').style.display='none';}
+   function ciReadFile(f){ if(!f)return;ciDropErr('');
+     if(!/\.(ifc|ifczip)$/i.test(f.name||'')){ciDropErr('Not a valid IFC file — expected .ifc or .ifczip.');return;}
+     const r=new FileReader();r.onload=()=>ciDoList(String(r.result||''));r.onerror=()=>ciDropErr('Could not read that file — try again.');r.readAsDataURL(f); }
+   ci$('ciDrop').onclick=()=>ci$('ciFile').click();
+   ci$('ciFile').onchange=e=>{const f=e.target.files&&e.target.files[0];e.target.value='';ciReadFile(f);};
+   ci$('ciDrop').addEventListener('dragover',e=>{e.preventDefault();ci$('ciDrop').classList.add('drag');});
+   ci$('ciDrop').addEventListener('dragleave',()=>ci$('ciDrop').classList.remove('drag'));
+   ci$('ciDrop').addEventListener('drop',e=>{e.preventDefault();ci$('ciDrop').classList.remove('drag');const f=e.dataTransfer&&e.dataTransfer.files&&e.dataTransfer.files[0];ciReadFile(f);});
+   async function ciDoList(dataUrl){
+     ciStage('prog');ciProg('Parsing IFC… reading connections','Still reading — larger models can take up to 20 seconds');
+     ciAbort=new AbortController();
+     try{
+       const res=await fetch('/api/import-connection/list',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({appId:APP_ID,dataUrl}),signal:ciAbort.signal});
+       const j=await res.json().catch(()=>({ok:false}));ciClearSoft();
+       if(!j.ok){ciStage('drop');ciDropErr(j.error||'Could not read that IFC file.');return;}
+       ciSha=j.sha;ciConns=(j.connections||[]).slice().sort((a,b)=>ciTotal(b)-ciTotal(a)); // richest connection first
+       if(!ciConns.length){ciStage('drop');ciDropErr('No connections found in that IFC — it may not be a detailed/fabricated model.');return;}
+       if(ciConns.length===1){toast('Found one connection — '+(ciConns[0].name||'connection')+'. Building it…');ciDoExtract(ciConns[0]);return;}
+       ciRenderList();
+     }catch(e){ciClearSoft();if(e&&e.name==='AbortError')return;ciStage('drop');ciDropErr('Could not read that IFC file.');}
+   }
+   function ciRenderList(){ciStage('pick');ciSel=null;ci$('ciImport').disabled=true;ci$('ciSearch').value='';ciFilter('');setTimeout(()=>ci$('ciSearch').focus(),0);}
+   function ciFilter(q){ q=(q||'').trim().toLowerCase();
+     const matches=q?ciConns.filter(c=>String(c.name||'').toLowerCase().includes(q)||String(c.id||'').toLowerCase().includes(q)):ciConns;
+     ci$('ciCount').textContent=q?(matches.length+' of '+ciConns.length+' match “'+q+'”'):(ciConns.length+' connection'+(ciConns.length===1?'':'s')+' found');
+     const list=ci$('ciList'),frag=document.createDocumentFragment();
+     if(!matches.length){const e=document.createElement('div');e.className='ci-empty';e.textContent='No connections match “'+q+'”. Try a different name.';frag.appendChild(e);}
+     else for(const c of matches.slice(0,600)){
+       const row=document.createElement('button');row.className='ci-row';row.dataset.id=c.id;
+       const nm=document.createElement('span');nm.className='pn';nm.textContent=c.name||c.id;
+       const pv=document.createElement('span');pv.className='pv';pv.textContent=ciSummary(c);
+       row.append(nm,pv);row.onclick=()=>ciSelect(c,row);row.ondblclick=()=>{ciSelect(c,row);ciDoExtract(c);};
+       frag.appendChild(row);
+     }
+     list.replaceChildren(frag);
+     if(ciSel&&!matches.some(c=>c.id===ciSel.id)){ciSel=null;ci$('ciImport').disabled=true;} // selection got filtered out
+   }
+   function ciSelect(c,row){ciSel=c;ci$('ciImport').disabled=false;
+     for(const r of ci$('ciList').querySelectorAll('.ci-row.sel'))r.classList.remove('sel');
+     if(row)row.classList.add('sel');}
+   function ciSelectByRow(row){const c=ciConns.find(x=>x.id===row.dataset.id);if(c)ciSelect(c,row);}
+   ci$('ciSearch').addEventListener('input',e=>ciFilter(e.target.value));
+   ci$('ciSearch').addEventListener('keydown',e=>{e.stopPropagation();
+     if(e.key==='Enter'){e.preventDefault();if(ciSel)ciDoExtract(ciSel);else{const f=ci$('ciList').querySelector('.ci-row');if(f)f.click();}}
+     else if(e.key==='ArrowDown'){e.preventDefault();const r=ci$('ciList').querySelector('.ci-row');if(r){r.focus();ciSelectByRow(r);}}});
+   ci$('ciList').addEventListener('keydown',e=>{const rows=[...ci$('ciList').querySelectorAll('.ci-row')];if(!rows.length)return;const i=rows.indexOf(document.activeElement);
+     if(e.key==='ArrowDown'){e.preventDefault();const n=rows[Math.min(rows.length-1,i+1)];if(n){n.focus();ciSelectByRow(n);}}
+     else if(e.key==='ArrowUp'){e.preventDefault();if(i<=0){ci$('ciSearch').focus();}else{const n=rows[i-1];n.focus();ciSelectByRow(n);}}
+     else if(e.key==='Enter'){e.preventDefault();if(ciSel)ciDoExtract(ciSel);}});
+   ci$('ciImport').onclick=()=>{if(ciSel)ciDoExtract(ciSel);};
+   async function ciDoExtract(cand){ if(!cand)return;
+     ciStage('prog');ciProg('Building '+(cand.name||'connection')+'…','Still building — tessellating geometry');
+     ciAbort=new AbortController();
+     try{
+       const res=await fetch('/api/import-connection/extract',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({appId:APP_ID,sha:ciSha,id:cand.id}),signal:ciAbort.signal});
+       const j=await res.json().catch(()=>({ok:false}));ciClearSoft();
+       if(!j.ok||!j.connection){toast(j.error||'Could not read that connection.');ciStage(ciConns.length>1?'pick':'drop');return;}
+       ciClose();armConnectionInsert(j.connection);
+     }catch(e){ciClearSoft();if(e&&e.name==='AbortError')return;toast('Could not read that connection.');ciStage(ciConns.length>1?'pick':'drop');}
+   }
+   ci$('ciCancel').onclick=ciClose; ci$('ciClose').onclick=ciClose;
+   ci$('ciBackdrop').onclick=()=>{if(ci$('ciProgStage').style.display==='none')ciClose();}; // no-op mid-run so a stray backdrop click can't orphan the AWARE run
+   document.addEventListener('keydown',e=>{if(e.key==='Escape'&&ci$('connImportModal').style.display==='flex'){e.stopPropagation();ciClose();}},true);
+ }
  document.getElementById('m3dIso').onclick=()=>{if(d3.isIsolated())d3.clearIsolation();else d3.isolateSelected();};  // onIsolateChange refreshes the button label/visibility
  // Work area: the ▢ Work area button opens a menu (Set to all objects / Define from selection / Show work area).
  const workBtn=document.getElementById('m3dWork'),workMenu=document.getElementById('m3dWorkMenu');
@@ -3591,13 +3797,40 @@ function rfiReason(m){if(!m.profile)return 'No profile assigned';
 function zoomToMember(m){const a=m.wp[0],b=m.wp[1],w=Math.abs(a[0]-b[0])||40,h=Math.abs(a[1]-b[1])||40;
  applyZoom(Math.max(.3,Math.min(2.5,Math.min(stage.clientWidth/(w*2.2),stage.clientHeight/(h*2.2)))));
  const cx=(a[0]+b[0])/2,cy=(a[1]+b[1])/2;stage.scrollLeft=(cx-X0)*zoom-stage.clientWidth/2;stage.scrollTop=(cy-Y0)*zoom-stage.clientHeight/2;}
-// Frame the whole current selection (Tekla "Zoom selected"); falls back to fit-all when nothing's picked — mirrors the 3D view's frameSelection().
-function zoomToSelection(){const arr=selArr();if(!arr.length){fitToWindow();return;}
+// ── Find in model (Workspaces Ctrl+F) ──────────────────────────────────────────
+// Match a member's id/mark + profile (case-insensitive substring) across ALL plans, switch to the
+// first plan with a hit, HIGHLIGHT those hits (via findHits — a set kept SEPARATE from selIds so a
+// same-plan search never touches the user's real selection; a cross-plan hit switches sheets via
+// setPlan, which resets selection like any plan change), and frame them. Returns {count,shown}
+// for the shell's find overlay. Called cross-iframe by workspaces.js via the same-origin
+// contentWindow, like flushContract(). clearFind() drops the find highlight only (leaves selection).
+function _findMatch(m, q){ return [m.id, m.mark, m.profile].filter(Boolean).join(' ').toLowerCase().includes(q); }
+function findMember(query){
+  const q = String(query == null ? '' : query).toLowerCase().trim();
+  if(!q){ clearFind(); return { count: 0, shown: 0 }; }
+  let total = 0, firstPlan = -1, firstHits = [];
+  (C.plans || []).forEach((pl, pi) => {
+    const ids = (pl.members || []).filter((m) => _findMatch(m, q)).map((m) => m.id);
+    total += ids.length;
+    if(ids.length && firstPlan < 0){ firstPlan = pi; firstHits = ids; }
+  });
+  if(firstPlan < 0){ findHits = new Set(); render(); return { count: 0, shown: 0 }; }
+  if(firstPlan !== C.active) setPlan(firstPlan);
+  findHits = new Set(firstHits);
+  render(); zoomToMembers(P.members.filter((m) => findHits.has(m.id)));
+  return { count: total, shown: firstHits.length };
+}
+function clearFind(){ if(findHits.size){ findHits = new Set(); render(); } }
+window.findMember = findMember; window.clearFind = clearFind; // expose to the shell, like window.flushContract (top-level fns aren't reliably on window here)
+// Frame an arbitrary set of members (bbox → fit); falls back to fit-all when empty. Shared by
+// zoomToSelection (Tekla "Zoom selected") and Find-in-model — mirrors the 3D view's frameSelection().
+function zoomToMembers(arr){if(!arr.length){fitToWindow();return;}
  let x0=Infinity,y0=Infinity,x1=-Infinity,y1=-Infinity;
  for(const m of arr)for(const p of m.wp){if(p[0]<x0)x0=p[0];if(p[0]>x1)x1=p[0];if(p[1]<y0)y0=p[1];if(p[1]>y1)y1=p[1];}
  const w=Math.max(x1-x0,40),h=Math.max(y1-y0,40);
  applyZoom(Math.min(stage.clientWidth/(w*1.35),stage.clientHeight/(h*1.35)));
  const cx=(x0+x1)/2,cy=(y0+y1)/2;stage.scrollLeft=(cx-X0)*zoom-stage.clientWidth/2;stage.scrollTop=(cy-Y0)*zoom-stage.clientHeight/2;}
+function zoomToSelection(){zoomToMembers(selArr());}
 function openRFI(){const g=document.getElementById('rfiGrid');const list=rfiList();
  g.innerHTML=list.length?('<div class=hint style="margin-bottom:10px">'+list.length+' member'+(list.length>1?'s':'')+' have no resolved AISC size, so their weight is excluded from the BOM. Assign a profile to clear it — for <b>MF/BF</b> marks use the <b>Frames</b> schedule. Edits here update the contract.</div><table class=ftab><thead><tr><th>#</th><th>Profile / mark</th><th>Role</th><th>Length</th><th>Why it’s flagged</th><th></th></tr></thead><tbody>'+
    list.map((m,i)=>{ensureMeta(m);const L=_lenFt(m).toFixed(1);
@@ -3861,7 +4094,7 @@ function setPlan(i){C.active=i;P=C.plans[i];
      scheduleSave();setTimeout(()=>toast('Auto-removed '+red.size+' duplicate member'+(red.size>1?'s':'')),60);}}
  profs=[...new Set([...P.members.map(m=>m.profile), ...Object.keys(WT)])].sort();
  undo=P.undo||(P.undo=[]);redo=P.redo||(P.redo=[]);
- selIds=new Set();picking=false;pickKind='profile';pickEnd=null;mode='sel';geoMode=null;
+ selIds=new Set();findHits=new Set();picking=false;pickKind='profile';pickEnd=null;mode='sel';geoMode=null;   // findHits resets per plan like selIds — a stale Find highlight must not bleed onto another sheet via a colliding member id
  dimMode=false;dimChain=false;dimSplitMode=false;selDimIds=new Set();setDimMode();   // Dimension tool resets per plan (incl. chain + split); setDimMode syncs the button/body.dimon classes + clears any draft/preview/chain (dimsVisible persists across plans)
  if(gridMode||gridPick){gridMode=false;gridPick=false;document.body.classList.remove('gridpick');}   // grid panel/pick-origin disarm per plan like the other takeover tools (a leaked pick would set the origin in the WRONG sheet's display space)
  csaxisMode=false;setCsMode();                     // set-axes tool resets per plan; P.frame itself is per-plan data (persisted), so it stays