@floless/app 0.67.0 → 0.69.0

package/dist/floless-server.cjs

@@ -53022,7 +53022,7 @@ function appVersion() {
   return resolveVersion({
     isSea: isSea2(),
     sqVersionXml: readSqVersionXml(),
-    define: true ? "0.67.0" : void 0,
+    define: true ? "0.69.0" : void 0,
     pkgVersion: readPkgVersion()
   });
 }
@@ -53032,7 +53032,7 @@ function resolveChannel(s) {
   return "dev";
 }
 function appChannel() {
-  return resolveChannel({ isSea: isSea2(), define: true ? "0.67.0" : void 0 });
+  return resolveChannel({ isSea: isSea2(), define: true ? "0.69.0" : void 0 });
 }
 
 // workflow-update.ts
@@ -53893,6 +53893,7 @@ function bakeContractIntoApp(sourcePath, contract) {
   const baked = { ...contract };
   delete baked.dims3d;
   delete baked.detail_placements;
+  delete baked.prop_labels;
   if (Array.isArray(contract.plans)) {
     baked.plans = contract.plans.map((p) => {
       if (p && typeof p === "object") {

package/dist/schemas/steel.takeoff.v1.schema.json

@@ -41,7 +41,18 @@
     "connections": { "type": "array", "items": { "$ref": "#/$defs/connection" }, "description": "Vendor-neutral connection library: each row maps a connection type → the firm's design detail# → per-platform component ids. Member ends/columns reference a row by id via `ends[].conn` / `col.conn` (legacy `note`/`detail` = fallback when `conn` is empty)." },
     "joints": { "type": "array", "items": { "$ref": "#/$defs/joint" }, "description": "Placed connections (base plates, …) the connection engine expands into real 3D parts (plate/bolt/weld/cut) bound to their members. A joint may cite a `connections[]` row via `conn` for its type/detail identity; `params` carries the geometry settings (engine defaults when absent)." },
     "dims3d": { "type": "array", "items": { "$ref": "#/$defs/dim3" }, "description": "Draft-only 3D dimensions (editor annotations, model-global). World-scene mm. NOT baked into the lock / 3D scene / IFC / BOM." },
-    "detail_placements": { "type": "array", "items": { "$ref": "#/$defs/detailPlacement" }, "description": "Draft-only placed 2D detail images (Slice 4 — insert a vectored detail into the model). Flat image planes the editor renders client-side against the model; metadata only — the image bytes live in custom_details. Model-global. NOT baked into the lock / 3D scene / IFC / BOM." }
+    "detail_placements": { "type": "array", "items": { "$ref": "#/$defs/detailPlacement" }, "description": "Draft-only placed 2D detail images (Slice 4 — insert a vectored detail into the model). Flat image planes the editor renders client-side against the model; metadata only — the image bytes live in custom_details. Model-global. NOT baked into the lock / 3D scene / IFC / BOM." },
+    "prop_labels": {
+      "type": "object",
+      "additionalProperties": true,
+      "description": "Draft-only display state (like dim_overlays): which member properties render as text-chip labels on the 2D/3D canvas, the anchor placement, and scope. Model-global. NOT baked into the lock / 3D scene / IFC / BOM.",
+      "properties": {
+        "props": { "type": "array", "items": { "type": "string" }, "description": "Checked property registry keys to show as labels (e.g. 'profile', 'tos_start')." },
+        "placement": { "enum": ["start", "mid", "end"], "description": "Anchor point of the label stack on each member." },
+        "selected_only": { "type": "boolean", "description": "When true, labels pin to `ids` (captured at check time); otherwise every member on the plan with a value is labeled." },
+        "ids": { "type": "array", "items": { "type": "string" }, "description": "Member ids the labels pin to, used only when selected_only is true." }
+      }
+    }
   },
   "$defs": {
     "detailPlacement": {

package/dist/web/app.js

@@ -360,8 +360,8 @@ function cardEl(id, ports) {
     </div>
     <div class="title">${a.title}</div>
     <div class="subtitle">${a.subtitle}</div>
-    ${a._runtimeModel ? '<div class="rt-model-badge" title="This node calls a model at run time (vision.extract). Output is content-cached and sits behind an approve gate — review the extraction before any write.">⚡ calls a model at run time</div>' : ''}
-    ${a._frozen ? '<div class="frozen-badge" title="Frozen — its last result is pinned and Run skips this node. Right-click to unfreeze.">❄ Frozen</div>' : ''}
+    ${a._runtimeModel ? '<div class="rt-model-badge" data-tip="This node calls a model at run time (vision.extract). Output is content-cached and sits behind an approve gate — review the extraction before any write.">⚡ calls a model at run time</div>' : ''}
+    ${a._frozen ? '<div class="frozen-badge" data-tip="Frozen — its last result is pinned and Run skips this node. Right-click to unfreeze.">❄ Frozen</div>' : ''}
     <div class="blurb">${a.blurb}</div>
     <div class="footer-row">
       <span class="ports"><span class="ports-num">${ports.in}</span> in <span class="ports-arrow">·</span> <span class="ports-num">${ports.out}</span> out</span>

package/dist/web/aware.js

@@ -1316,7 +1316,7 @@
         const v = String(vals[k] || '');
         if (!v) return `<span class="ni-pair ni-pair-file ni-pair-file-empty"><span class="ni-key">${escapeHtml(k)}</span><span class="ni-val ni-not-set">not set</span></span>`;
         const glyph = /\.pdf$/i.test(v) ? 'pdf' : 'img';
-        return `<span class="ni-pair ni-pair-file"><span class="ni-key">${escapeHtml(k)}</span><span class="ni-file-glyph">${glyph}</span><span class="ni-val ni-file-name" title="${escapeAttr(v)}">${escapeHtml(baseName(v))}</span></span>`;
+        return `<span class="ni-pair ni-pair-file"><span class="ni-key">${escapeHtml(k)}</span><span class="ni-file-glyph">${glyph}</span><span class="ni-val ni-file-name" data-tip="${escapeAttr(v)}">${escapeHtml(baseName(v))}</span></span>`;
       }
       return `<span class="ni-pair"><span class="ni-key">${escapeHtml(k)}</span><span class="ni-val">${escapeHtml(String(vals[k]))}</span></span>`;
     }).join('');
@@ -2305,7 +2305,7 @@
         if (f.type === 'current') {
           const cext = (/\.([a-z0-9]+)$/i.exec(f.value || '') || [])[1];
           const cglyph = String(cext || '').toLowerCase() === 'pdf' ? 'pdf' : 'img';
-          return `<div class="rebake-current"><span class="rebake-current-label">${escapeHtml(f.label || 'Currently loaded')}</span><span class="fm-file-glyph">${cglyph}</span><span class="fm-file-name" title="${escapeAttr(f.value)}">${escapeHtml(f.value)}</span></div>`;
+          return `<div class="rebake-current"><span class="rebake-current-label">${escapeHtml(f.label || 'Currently loaded')}</span><span class="fm-file-glyph">${cglyph}</span><span class="fm-file-name" data-tip="${escapeAttr(f.value)}">${escapeHtml(f.value)}</span></div>`;
         }
         let ctl;
         if (f.type === 'images') {
@@ -2420,7 +2420,7 @@
             return;
           }
           const glyph = st.ext === 'pdf' ? 'pdf' : 'img';
-          drop.innerHTML = `<span class="fm-file-glyph">${glyph}</span><span class="fm-file-name" title="${escapeAttr(st.value)}">${escapeHtml(st.name)}</span><span class="fm-file-actions"><button type="button" class="fm-file-replace">Replace</button><button type="button" class="fm-file-clear">Clear</button></span>`;
+          drop.innerHTML = `<span class="fm-file-glyph">${glyph}</span><span class="fm-file-name" data-tip="${escapeAttr(st.value)}">${escapeHtml(st.name)}</span><span class="fm-file-actions"><button type="button" class="fm-file-replace">Replace</button><button type="button" class="fm-file-clear">Clear</button></span>`;
           drop.querySelector('.fm-file-replace').onclick = (e) => { e.stopPropagation(); fileInput.click(); };
           drop.querySelector('.fm-file-clear').onclick = (e) => { e.stopPropagation(); st.mode = 'empty'; st.value = ''; st.name = ''; st.ext = ''; render(); };
         };
@@ -2473,7 +2473,7 @@
           list.hidden = state.length === 0;
           list.innerHTML = state.map((s, i) => s.reading
             ? `<div class="fm-filechip is-reading"><span class="fm-file-glyph">${s.ext === 'pdf' ? 'pdf' : 'img'}</span><span class="fm-filechip-name">Reading…</span></div>`
-            : `<div class="fm-filechip"><span class="fm-file-glyph">${s.ext === 'pdf' ? 'pdf' : 'img'}</span><span class="fm-filechip-name" title="${escapeAttr(s.name)}">${escapeHtml(s.name)}</span><button type="button" class="fm-filechip-del" data-i="${i}" aria-label="Remove ${escapeAttr(s.name)}">×</button></div>`
+            : `<div class="fm-filechip"><span class="fm-file-glyph">${s.ext === 'pdf' ? 'pdf' : 'img'}</span><span class="fm-filechip-name" data-tip="${escapeAttr(s.name)}">${escapeHtml(s.name)}</span><button type="button" class="fm-filechip-del" data-i="${i}" aria-label="Remove ${escapeAttr(s.name)}">×</button></div>`
           ).join('');
           list.querySelectorAll('.fm-filechip-del').forEach((b) => {
             b.onclick = () => {

package/dist/web/index.html

@@ -375,10 +375,10 @@
        (unlike the opaque 3D viewer which uses a data: URL and allow-scripts only). -->
   <div id="contract-editor" class="contract-editor" hidden>
     <div class="contract-editor-bar">
-      <button id="contract-editor-close" type="button">✕ Close</button>
       <span id="contract-editor-title" class="contract-editor-title"></span>
       <span style="flex:1"></span>
-      <button id="contract-editor-approve" type="button" class="primary">✓ Approve &amp; bake lock</button>
+      <button id="contract-editor-close" type="button" data-tip="Close the editor and go back — your edits are already saved">Close</button>
+      <button id="contract-editor-approve" type="button" class="primary" data-tip="Locks in this version of the model so it can be Run. Your edits already auto-save — this is the sign-off, and Run stays disabled until you approve after each change.">✓ Approve</button>
     </div>
     <iframe id="contract-editor-frame" title="Contract editor"></iframe>
   </div>

package/dist/web/steel-3d-view.js

@@ -34,6 +34,9 @@ let insertPending = null;          // {name,url} — the detail the editor queue
 let labelsOnFlag = false;          // member mark/id overlay labels toggle (a readability aid)
 let memberLabelHost = null;        // fixed-position container for the member labels (positioned each frame)
 const memberLabelPool = [];        // reused <div> labels, one per member, positioned in the loop
+let propLabelHost = null;          // fixed-position container for the right-click property labels (positioned each frame)
+const propLabelPool = [];          // reused multi-line <div> label chips, one per labelled member
+let propLabelSpec = null;          // { labels:[{id, lines:[...]}], placement } pushed from the editor (owns the text); this view owns projection/placement
 const EP_PX = 4;                            // end-dot radius in screen px (screen-constant via pxToWorld)
 let sceneBox = new THREE.Box3();            // current model bounds (Fit / ViewCube)
 let displayMode = 'solid';                  // solid | wire | xray
@@ -156,6 +159,9 @@ function init(canvas, theApi) {
   memberLabelHost = document.createElement('div');   // member mark/id labels (Slice 4) — below the dim labels
   memberLabelHost.style.cssText = 'position:fixed;left:0;top:0;pointer-events:none;z-index:56;display:none';
   document.body.appendChild(memberLabelHost);
+  propLabelHost = document.createElement('div');   // right-click property labels — own host so they never clobber the mark/id pool
+  propLabelHost.style.cssText = 'position:fixed;left:0;top:0;pointer-events:none;z-index:56;display:none';
+  document.body.appendChild(propLabelHost);
   // persistent hover/selection status chip, bottom-centre of the canvas (mirrors the viewer's readout)
   hoverChip = document.createElement('div');
   hoverChip.style.cssText = 'position:fixed;display:none;pointer-events:none;z-index:55;background:var(--panel,#0f172a);color:var(--mut,#94a3b8);border:1px solid var(--line,#334155);border-radius:6px;padding:5px 12px;font:12px system-ui;white-space:nowrap;max-width:60vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(0,0,0,.45)';
@@ -200,6 +206,7 @@ function loop() {
   positionDimLabels();
   positionOverlayLabels();
   positionMemberLabels();
+  positionPropLabels();
   renderer.render(scene, camera);
   if (overlayScene && overlayScene.children.length) {   // 2nd pass with clipping OFF → the clip/work-area gizmos are never sectioned by any clip
     const saved = renderer.clippingPlanes;
@@ -553,6 +560,7 @@ function buildFromScene(sc) {
   buildStructGrid();
   buildRefLines();
   syncMemberLabels();   // refresh the member-label pool from the (possibly edited) member set
+  syncPropLabels();     // re-anchor the property labels too (member geometry may have moved)
   if (isolatedIds) { isolatedIds = new Set([...isolatedIds].filter((id) => meshById.has(id))); if (!isolatedIds.size) { isolatedIds = null; if (api && api.onIsolateChange) api.onIsolateChange(false); } } // drop ids an edit removed; if none survive, exit isolation + refresh the host's Show-all button
   if (connHidden.size) connHidden = new Set([...connHidden].filter((id) => meshById.has(id)));   // drop per-part hides whose mesh an edit removed
   applyGroupVisibility(); applyDisplayMode();
@@ -661,6 +669,54 @@ function positionMemberLabels() {
   }
 }
 
+// ---- Right-click property labels: the editor owns the TEXT (it has the property registry + formatters +
+// scope) and hands us { labels:[{id, lines}], placement }; this view owns the ANCHOR (member start/mid/end
+// via memberGeometry) + projection. Mirrors the member-label pool exactly, but stacks multiple lines per chip
+// and lives in its own host so the mark/id "Labels" toggle and these can be on at once without fighting. ----
+function setPropLabels(spec) {
+  propLabelSpec = (spec && Array.isArray(spec.labels) && spec.labels.length) ? spec : null;
+  syncPropLabels();
+}
+function syncPropLabels() {
+  if (!propLabelHost || !api) return;
+  const labels = propLabelSpec ? propLabelSpec.labels : [];
+  const place = propLabelSpec ? propLabelSpec.placement : 'mid';
+  while (propLabelPool.length < labels.length) {
+    const el = document.createElement('div');
+    el.style.cssText = 'position:absolute;transform:translate(-50%,-50%);pointer-events:none;background:#0b1220;color:#e2e8f0;border:1px solid var(--brand,#3b82f6);border-radius:4px;padding:2px 6px;font:11px system-ui;line-height:1.35;text-align:center;white-space:pre;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.5)';   // multi-line via white-space:pre; brand-blue accent matches the 2D chips
+    propLabelHost.appendChild(el); propLabelPool.push(el);
+  }
+  const byId = new Map(members().map((m) => [m.id, m]));
+  const ppf = api.ptPerFt(), dtos = api.defaultTosMm();
+  for (let i = 0; i < propLabelPool.length; i++) {
+    const el = propLabelPool[i], L = labels[i], m = L ? byId.get(L.id) : null;
+    if (!m || !Array.isArray(m.wp) || m.wp.length < 2 || !L.lines || !L.lines.length) { el.style.display = 'none'; el._mid = null; el._memberId = null; continue; }
+    const g = memberGeometry(m, ppf, dtos), a = g.line[0], b = g.line[1];
+    el._mid = place === 'start' ? a : place === 'end' ? b : [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2, (a[2] + b[2]) / 2];
+    el._memberId = m.id;
+    el.textContent = L.lines.join('\n');
+    el.style.display = 'block';
+  }
+}
+// Project each label's anchor → screen px (called from the render loop, like the dim + member labels).
+function positionPropLabels() {
+  if (!propLabelHost) return;
+  if (!propLabelSpec || (canvasEl && canvasEl.style.display === 'none')) { propLabelHost.style.display = 'none'; return; }
+  propLabelHost.style.display = 'block';
+  const rect = canvasEl.getBoundingClientRect();
+  for (const el of propLabelPool) {
+    if (el.style.display === 'none' || !el._mid) continue;
+    const mesh = meshById.get(el._memberId);
+    if (mesh && mesh.visible === false) { el.style.visibility = 'hidden'; continue; }   // member legend-hidden or isolated away → hide its labels too
+    if (isPointClipped(el._mid)) { el.style.visibility = 'hidden'; continue; }   // sectioned away by a clip
+    const v = new THREE.Vector3(el._mid[0], el._mid[1], el._mid[2]).project(camera);
+    if (v.z > 1 || v.x < -1 || v.x > 1 || v.y < -1 || v.y > 1) { el.style.visibility = 'hidden'; continue; }   // behind / off-screen
+    el.style.left = (rect.left + (v.x * 0.5 + 0.5) * rect.width) + 'px';
+    el.style.top = (rect.top + (-v.y * 0.5 + 0.5) * rect.height) + 'px';
+    el.style.visibility = 'visible';
+  }
+}
+
 // ---- structural grid (Tekla-style): dashed lines per Z level live in the SCENE (so clips section
 // them, like Tekla); the label bubbles + level tags are sprites in the UNCLIPPED overlay pass, so the
 // wayfinding survives sectioning/work-area (the UX review's clip-regression guard). Data comes from
@@ -2479,6 +2535,7 @@ function hide() {
   cmClear3d(); drClear3d();                     // and any 3D Move/Copy or draw draft/ghosts
   if (dimLabelHost) dimLabelHost.style.display = 'none'; // the loop that hides labels is about to stop — hide synchronously so none are stranded
   if (memberLabelHost) memberLabelHost.style.display = 'none'; // member labels ride the same about-to-stop loop — hide them too, or they strand over the 2D UI
+  if (propLabelHost) propLabelHost.style.display = 'none';     // property labels ride the same loop — hide synchronously so none strand over the 2D UI
   clearCopyGhost();                                // drop a stale Ctrl+drag copy ghost on the way out
   if (canvasEl) canvasEl.style.display = 'none'; if (hoverChip) hoverChip.style.display = 'none'; if (rafId) { cancelAnimationFrame(rafId); rafId = null; }
 }
@@ -2497,6 +2554,8 @@ function dispose() {
   dimLabelHost = null; dimLabelPool.length = 0;
   if (memberLabelHost && memberLabelHost.parentNode) memberLabelHost.parentNode.removeChild(memberLabelHost);
   memberLabelHost = null; memberLabelPool.length = 0; labelsOnFlag = false; insertMode = false; insertPending = null;
+  if (propLabelHost && propLabelHost.parentNode) propLabelHost.parentNode.removeChild(propLabelHost);
+  propLabelHost = null; propLabelPool.length = 0; propLabelSpec = null;
   for (const w of [cube, triad]) {   // both mini-widgets own a WebGL context — leak one and re-init eventually hits the browser's context cap
     if (!w) continue;
     w.scene.traverse((o) => { if (o.geometry) o.geometry.dispose(); const mm = Array.isArray(o.material) ? o.material : (o.material ? [o.material] : []); for (const m of mm) { if (m.map) m.map.dispose(); m.dispose(); } });
@@ -2580,6 +2639,8 @@ window.Steel3DView = {
   setInsertMode, insertMode: insertModeOn,          // arm/query the detail-placement pick (Slice 4)
   setLabelsOn, labelsOn: () => labelsOnFlag,          // member mark/id label overlay toggle
   syncMemberLabels,                                  // editor calls after a mark/id edit to refresh labels
+  setPropLabels,                                     // right-click property labels: editor pushes { labels:[{id,lines}], placement }
+  propLabelTexts: () => propLabelPool.filter((el) => el.style.display !== 'none' && el.style.visibility !== 'hidden').map((el) => el.textContent),   // visible property-label chips — for tests
   refreshGrid: buildStructGrid,          // grid edited in the panel → re-render without a full rebuild
   gridInfo: () => ({ lines: structGridGroup ? 1 : 0, labels: gridLabelGroup ? gridLabelGroup.children.length : 0 }),   // test helper
   toggleGroup, setGroupsHidden, setIdsHidden, connHiddenIds: () => [...connHidden], soloToggle, setSoloGroups, showAllGroups, groupState, getGroups,