@floless/app 0.72.3 → 0.73.0

package/dist/floless-server.cjs

@@ -53022,7 +53022,7 @@ function appVersion() {
   return resolveVersion({
     isSea: isSea2(),
     sqVersionXml: readSqVersionXml(),
-    define: true ? "0.72.3" : void 0,
+    define: true ? "0.73.0" : void 0,
     pkgVersion: readPkgVersion()
   });
 }
@@ -53032,7 +53032,7 @@ function resolveChannel(s) {
   return "dev";
 }
 function appChannel() {
-  return resolveChannel({ isSea: isSea2(), define: true ? "0.72.3" : void 0 });
+  return resolveChannel({ isSea: isSea2(), define: true ? "0.73.0" : void 0 });
 }
 
 // workflow-update.ts

package/dist/web/steel-editor.html

@@ -353,6 +353,15 @@
  #propPop.connmode .ppfoot{display:none}
  #propPop.connmode #ppClear{display:none}
  #propPop.connmode .pprow{cursor:default;padding-left:14px}   /* no checkbox → nudge the name so it doesn't float where the box was */
+ /* Selection tree: clickable object rows (connection nodes + parts + member leaves), reusing the legend's
+    chevron/swatch/selected-row vocabulary — click selects in the model (Ctrl toggle, Shift range). */
+ #propPop .pprow.trow{cursor:pointer;padding-left:6px}
+ #propPop .pprow.trow.ptrow{padding-left:24px}                /* parts indent under their connection node */
+ #propPop .pprow .chev{width:14px;flex:none;color:var(--mut);text-align:center;font-size:9px;cursor:pointer}
+ #propPop .pprow .tsw{width:6px;height:6px;flex:none;border-radius:50%;background:var(--mut)}   /* a round status dot — deliberately NOT a checkbox (label checkboxes are square inputs) */
+ #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)}
  /* 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. */
@@ -1453,6 +1462,37 @@ function connSelInfo(){
  const whole=childIds.length>0&&childIds.every(id=>selIds.has(id));
  return {conn,kind:j.kind,main:j.main,joint:j,childIds,whole,mode:whole?'whole':'part'};
 }
+// ── Selection as a browsable tree (Properties popup): group the flat selIds into connections (each with
+// its parts) + loose members, so a MIXED selection (a connection + members, several connections) renders
+// as one tree instead of falling back to member-only. connChildIdsEditor = a connection's selectable parts
+// (copes excluded — subtractive, not in the 3D mesh set). ---
+function connChildIdsEditor(conn){return Object.keys(partsById||{}).filter(k=>{const e=partsById[k];return e&&e.conn===conn&&e.kind!=='cut';});}
+function selTree(){
+ const conns=[],cmap={},members=[];
+ for(const id of selIds){
+   const el=(partsById||{})[id];
+   if(el&&el.conn){ if(!cmap[el.conn]){const j=(C.joints||[]).find(x=>x&&x.id===el.conn);cmap[el.conn]={conn:el.conn,kind:j?j.kind:'',main:j?j.main:'',joint:j,childIds:connChildIdsEditor(el.conn)};conns.push(cmap[el.conn]);} }
+   else if(P.members.some(m=>m.id===id)) members.push(id);
+ }
+ return {conns,members};
+}
+// Ctrl/Shift multi-select from a popup tree row → drives the model selection (same semantics as the objects
+// browser / onSelectDim3d). treeRowIds = the flat, in-display-order LEAF ids (expanded parts + members) for
+// Shift-range; treeAnchor = the range anchor; treeExpanded = which connection nodes are open (transient).
+let treeExpanded=new Set(), treeAnchor=null, treeRowIds=[];
+function treeSelectLeaf(id,mods){
+ let next;
+ if(mods&&mods.shift&&treeAnchor!=null&&treeRowIds.includes(treeAnchor)&&treeRowIds.includes(id)){const i0=treeRowIds.indexOf(treeAnchor),i1=treeRowIds.indexOf(id);next=treeRowIds.slice(Math.min(i0,i1),Math.max(i0,i1)+1);}
+ else if(mods&&(mods.ctrl||mods.meta)){next=new Set(selIds);next.has(id)?next.delete(id):next.add(id);next=[...next];treeAnchor=id;}
+ else{next=[id];treeAnchor=id;}
+ selIds=new Set(next);selDimIds.clear();sel3dDimIds.clear();render();
+}
+function treeSelectConn(conn,mods){
+ const cids=connChildIdsEditor(conn);
+ if(mods&&(mods.ctrl||mods.meta)){const next=new Set(selIds);const all=cids.length&&cids.every(id=>next.has(id));cids.forEach(id=>all?next.delete(id):next.add(id));selIds=next;selDimIds.clear();sel3dDimIds.clear();treeAnchor=cids[0]||null;render();}
+ else if(window.Steel3DView&&window.Steel3DView.selectWholeConn){window.Steel3DView.selectWholeConn(conn);treeAnchor=cids[0]||null;}  // plain → whole connection (envelope + inspector), same as a 3D click
+ else{selIds=new Set(cids);selDimIds.clear();sel3dDimIds.clear();treeAnchor=cids[0]||null;render();}
+}
 // The floating breadcrumb over the 3D canvas: Model ▸ <Connection> [▸ <Part>]. Segments jump levels via the
 // 3D view's own ascend/whole-select so the canvas selection + envelope stay in lockstep. 3D-only; hidden at root.
 function updateConnCrumb(){
@@ -2022,7 +2062,7 @@ function refreshPropLabels3d(){const V=window.Steel3DView;if(!V||!V.setPropLabel
 
 // ---- The floating Properties popup ----
 let propPopPinned=false;
-let propPopConn=null;   // non-null = read-only Connection mode (a connection selected → connPropRows); null = the member label-picker mode
+let propPopConn=null;   // truthy = connection/tree mode (selection involves a connection → renderConnTree); null = the member label-picker mode
 function propPopOpen(){const el=document.getElementById('propPop');return !!(el&&el.classList.contains('open'));}
 function propPopEl(){let el=document.getElementById('propPop');if(el)return el;
  el=document.createElement('div');el.id='propPop';el.setAttribute('role','dialog');el.setAttribute('aria-label','Member properties');
@@ -2037,7 +2077,12 @@ function propPopEl(){let el=document.getElementById('propPop');if(el)return el;
    +`<label><input type=checkbox id=ppSel>Selected only</label></div>`;
  document.body.appendChild(el);
  const list=el.querySelector('#ppList');
- list.addEventListener('click',e=>{const row=e.target.closest('.pprow');if(!row||row.classList.contains('dis')||!row.dataset.k)return;if(e.target.tagName==='INPUT')return;togglePropKey(row.dataset.k);});   // conn-mode rows carry no data-k → not toggleable
+ list.addEventListener('click',e=>{const row=e.target.closest('.pprow');if(!row)return;
+   if(e.target.closest('.chev')&&row.dataset.conn){treeExpanded.has(row.dataset.conn)?treeExpanded.delete(row.dataset.conn):treeExpanded.add(row.dataset.conn);renderPropPop();return;}   // chevron → expand/collapse the connection node
+   const mods={ctrl:e.ctrlKey||e.metaKey,shift:e.shiftKey};
+   if(row.dataset.conn){treeSelectConn(row.dataset.conn,mods);return;}   // connection node → select the whole connection in the model
+   if(row.dataset.tid){treeSelectLeaf(row.dataset.tid,mods);return;}     // a part / member row → select it (Ctrl toggle, Shift range)
+   if(row.classList.contains('dis')||!row.dataset.k)return;if(e.target.tagName==='INPUT')return;togglePropKey(row.dataset.k);});   // member label rows carry data-k
  list.addEventListener('change',e=>{const cb=e.target;if(cb.tagName!=='INPUT')return;const row=cb.closest('.pprow');if(row&&row.dataset.k)togglePropKey(row.dataset.k,cb.checked);});
  el.querySelector('#ppSearch').addEventListener('input',renderPropPop);
  el.querySelector('#ppClear').onclick=()=>{C.prop_labels.props=[];refreshPropLabels();};
@@ -2058,9 +2103,9 @@ function togglePropKey(k,on){const pl=C.prop_labels,has=pl.props.includes(k);if(
  refreshPropLabels();}
 // rebuild the popup contents against the current selection (chrome + rows), preserving row focus
 function renderPropPop(){const el=document.getElementById('propPop');if(!el||!el.classList.contains('open'))return;
- if(propPopPinned){const cs=connSelInfo();if(cs)propPopConn=cs;else if(selArr().length)propPopConn=null;}   // a PINNED popup follows the selection across member ↔ connection (an unpinned one re-asserts its mode on each right-click)
+ if(propPopPinned){propPopConn=selTree().conns.length?true:(selArr().length?null:propPopConn);}   // a PINNED popup follows the selection: any connection involved → tree mode; pure members → label-picker
  el.classList.toggle('connmode',!!propPopConn);
- if(propPopConn){renderConnProps(el);return;}   // read-only Connection view
+ if(propPopConn){renderConnTree(el);return;}   // connection / mixed-selection tree view
  const arr=selArr(),pl=C.prop_labels,q=(el.querySelector('#ppSearch').value||'').trim().toLowerCase();
  el.querySelector('#ppTitle').textContent='Properties ('+arr.length+' selected)';
  el.querySelector('#ppLabeled').textContent=pl.props.length?pl.props.length+' labeled':'';
@@ -2090,7 +2135,7 @@ function openPropLabels(x,y){if(!selArr().length)return;propPopConn=null;const e
 // `connmode`: the connection's props as read-only name/value rows, label controls hidden. Labeling
 // connection props onto the model is a member-keyed pipeline → deferred; this is a VIEW, not a picker. ----
 function connPropRows(cs){
- const j=cs.joint,isBP=cs.kind==='base-plate',pp=j.params||{};
+ const j=cs.joint,isBP=cs.kind==='base-plate',pp=(j&&j.params)||{};   // tolerate a missing joint (orphaned part) rather than throw
  const plate=(partsById||{})[cs.conn+':plate']||null;
  const dim=mm=>(mm==null?'—':fmtFtIn(Number(mm)/25.4));
  const cols=pp.boltCols||(isBP?2:1),rows=pp.boltRows||(isBP?2:3);
@@ -2106,26 +2151,41 @@ function connPropRows(cs){
    {label:isBP?'Anchor count':'Bolt count',       value:String(cols*rows)},
    {label:'Parts',           value:String(cs.childIds.length)},
  ];}
-function openConnProps(x,y,cs){propPopConn=cs;const el=propPopEl();const sr=el.querySelector('#ppSearch');
+function openConnPop(x,y){propPopConn=true;const el=propPopEl();const sr=el.querySelector('#ppSearch');
  sr.value='';el.classList.add('open');renderPropPop();
  if(propPopPinned){dockPropPop();}
  else{const r=el.getBoundingClientRect();el.style.left=Math.max(4,Math.min(x,innerWidth-r.width-8))+'px';el.style.top=Math.max(4,Math.min(y,innerHeight-r.height-8))+'px';}
  setTimeout(()=>sr.focus(),0);}
-// render the connection read-view; re-derives the connection each call so it self-heals if the selection moves
-function renderConnProps(el){
- const cs=connSelInfo();
- if(!cs){ if(!propPopPinned){propPopConn=null;closePropPop(true);return;}
+// Render the connection/tree view. Single connection → its property summary + an interactive parts list;
+// multiple connections and/or members → a tree of selectable rows (click = select in the model, Ctrl toggle,
+// Shift range). Re-derived from the live selection each call so it self-heals as the selection moves.
+function renderConnTree(el){
+ const t=selTree();
+ if(!t.conns.length){ if(!propPopPinned){propPopConn=null;closePropPop(true);return;}
    el.querySelector('#ppTitle').textContent='Properties';el.querySelector('#ppLabeled').textContent='';
    el.querySelector('#ppScope').textContent='Right-click a connection';el.querySelector('#ppMeta').textContent='';
    el.querySelector('#ppList').innerHTML='<div class=ppempty>No connection selected.</div>';return; }
- propPopConn=cs;
  const q=(el.querySelector('#ppSearch').value||'').trim().toLowerCase();
- el.querySelector('#ppTitle').textContent='Properties · '+(cs.kind==='base-plate'?'Base plate':'Shear plate');
+ const single=t.conns.length===1&&!t.members.length;
+ const kindName=k=>k==='base-plate'?'Base plate':k==='shear-plate'?'Shear plate':'Connection';
+ const nSel=t.conns.length+t.members.length, rowMatch=s=>!q||String(s).toLowerCase().includes(q), sw='<span class=tsw></span>';
+ el.querySelector('#ppTitle').textContent=single?('Properties · '+kindName(t.conns[0].kind)):('Properties · '+nSel+' objects');
+ el.querySelector('#ppScope').textContent=single?('On '+t.conns[0].main):(t.conns.length+' connection'+(t.conns.length===1?'':'s')+(t.members.length?(' · '+t.members.length+' member'+(t.members.length===1?'':'s')):''));
  el.querySelector('#ppLabeled').textContent='';
- el.querySelector('#ppScope').textContent='On '+cs.main;
- const all=connPropRows(cs),rows=all.filter(r=>!q||r.label.toLowerCase().includes(q));
- el.querySelector('#ppList').innerHTML=rows.length?rows.map(r=>`<div class=pprow><span class=pn>${esc(r.label)}</span><span class=pv>${esc(r.value)}</span></div>`).join(''):'<div class=ppempty>No properties match your search.</div>';
- el.querySelector('#ppMeta').textContent=rows.length+' of '+all.length+' shown';}
+ treeRowIds=[];let html='';
+ if(single){ const all=connPropRows(t.conns[0]).filter(r=>rowMatch(r.label));   // property summary (read-only) …
+   html+=all.map(r=>`<div class=pprow><span class=pn>${esc(r.label)}</span><span class=pv>${esc(r.value)}</span></div>`).join('');
+   html+=`<div class=divrow><hr><span class=sect style="margin:0">Parts (${t.conns[0].childIds.length})</span><hr></div>`; }   // … then the interactive parts
+ for(const c of t.conns){
+   const expanded=single||treeExpanded.has(c.conn), wholeSel=c.childIds.length&&c.childIds.every(id=>selIds.has(id));
+   if(!single) html+=`<div class="pprow trow node${wholeSel?' selrow':''}" data-conn="${esc(c.conn)}"><span class=chev>${expanded?'▾':'▸'}</span>${sw}<span class=pn>${esc(kindName(c.kind)+' · '+c.main)}</span><span class=cnt>${c.childIds.length} parts</span></div>`;
+   if(expanded) for(const id of c.childIds){ const e2=(partsById||{})[id],lbl=(e2&&e2.meta&&e2.meta.label)||id.slice(id.indexOf(':')+1); if(!rowMatch(lbl))continue; treeRowIds.push(id);
+     html+=`<div class="pprow trow ptrow${selIds.has(id)?' selrow':''}" data-tid="${esc(id)}">${sw}<span class=pn>${esc(lbl)}</span></div>`; }
+ }
+ for(const id of t.members){ const m=byId(id),lbl=id+(m&&m.profile?(' · '+m.profile):''); if(!rowMatch(lbl))continue; treeRowIds.push(id);
+   html+=`<div class="pprow trow mrow${selIds.has(id)?' selrow':''}" data-tid="${esc(id)}">${sw}<span class=pn>${esc(lbl)}</span></div>`; }
+ el.querySelector('#ppList').innerHTML=html||'<div class=ppempty>No properties match your search.</div>';
+ el.querySelector('#ppMeta').textContent=single?(t.conns[0].childIds.length+' parts'):(nSel+' selected');}
 function closePropPop(force){const el=document.getElementById('propPop');if(!el)return;if(propPopPinned&&!force)return;el.classList.remove('open');
  const c=document.getElementById(view3d?'stage3d':'stage');if(c)c.focus&&c.focus();}
 document.addEventListener('pointerdown',e=>{if(propPopOpen()&&!propPopPinned&&!e.target.closest('#propPop'))closePropPop();},true);
@@ -2170,9 +2230,9 @@ document.getElementById('stage').addEventListener('contextmenu',e=>{e.preventDef
 document.getElementById('stage3d').addEventListener('contextmenu',e=>{e.preventDefault();const V=window.Steel3DView;
  if(V&&V.rightDragged&&V.rightDragged())return;                    // that right button was an orbit/pan, not a click — no menu
  if(V&&V.dimToolOn&&V.dimToolOn()){openSnapMenu(e.clientX,e.clientY,true);return;}   // dim tool armed → snap-override menu (unchanged)
- if(mode==='sel'&&!cmTool&&!picking){const cs=connSelInfo();
-   if(cs){openConnProps(e.clientX,e.clientY,cs);return;}              // a connection selected → its read-only Properties popup
-   if(selArr().length){openPropLabels(e.clientX,e.clientY);return;}}  // members selected → the member label-picker popup
+ if(mode==='sel'&&!cmTool&&!picking){
+   if(selTree().conns.length){openConnPop(e.clientX,e.clientY);return;}   // any connection in the selection → the connection / mixed-selection tree popup
+   if(selArr().length){openPropLabels(e.clientX,e.clientY);return;}}      // members only → the member label-picker popup
 });
 document.getElementById('snapStat').onclick=()=>{snapOnly=null;const V=window.Steel3DView;if(V&&V.setSnapOnly)V.setSnapOnly(null);updSnapStat();};
 // --- Dimension tool: armed mode + 3-click placement (anchor, anchor, offset). Shares the editor's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floless/app",
-  "version": "0.72.3",
+  "version": "0.73.0",
   "type": "module",
   "description": "Thin localhost host for floless.app — serves web/ and shells the aware CLI. No engine, no LLM.",
   "bin": {