@floless/app 0.81.0 → 0.83.0

package/dist/floless-server.cjs

@@ -53093,7 +53093,7 @@ function appVersion() {
   return resolveVersion({
     isSea: isSea2(),
     sqVersionXml: readSqVersionXml(),
-    define: true ? "0.81.0" : void 0,
+    define: true ? "0.83.0" : void 0,
     pkgVersion: readPkgVersion()
   });
 }
@@ -53103,7 +53103,7 @@ function resolveChannel(s) {
   return "dev";
 }
 function appChannel() {
-  return resolveChannel({ isSea: isSea2(), define: true ? "0.81.0" : void 0 });
+  return resolveChannel({ isSea: isSea2(), define: true ? "0.83.0" : void 0 });
 }
 
 // workflow-update.ts
@@ -53652,6 +53652,7 @@ var import_node_path14 = require("node:path");
 var ROOT2 = process.env.FLOLESS_HOME ?? (0, import_node_path14.join)((0, import_node_os11.homedir)(), ".floless");
 var TEMPLATES_FILE = (0, import_node_path14.join)(ROOT2, "templates.json");
 var REQUESTS_DIR = (0, import_node_path14.join)(ROOT2, "requests");
+var STEEL_FAVS_FILE = (0, import_node_path14.join)(ROOT2, "steel-connections.json");
 function ensureRoot() {
   if (!(0, import_node_fs16.existsSync)(ROOT2)) (0, import_node_fs16.mkdirSync)(ROOT2, { recursive: true });
 }
@@ -53716,6 +53717,56 @@ function updateTemplate(id, patch2) {
   writeTemplates(list);
   return cur;
 }
+function listSteelFavourites() {
+  if (!(0, import_node_fs16.existsSync)(STEEL_FAVS_FILE)) return [];
+  try {
+    const parsed = JSON.parse((0, import_node_fs16.readFileSync)(STEEL_FAVS_FILE, "utf8"));
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+function writeSteelFavourites(list) {
+  ensureRoot();
+  const tmp = `${STEEL_FAVS_FILE}.${process.pid}.tmp`;
+  (0, import_node_fs16.writeFileSync)(tmp, JSON.stringify(list, null, 2));
+  (0, import_node_fs16.renameSync)(tmp, STEEL_FAVS_FILE);
+}
+function addSteelFavourite(input) {
+  const list = listSteelFavourites();
+  const fav = {
+    id: (0, import_node_crypto5.randomUUID)(),
+    name: input.name.trim(),
+    category: (input.category || "Uncategorized").trim(),
+    kind: input.kind,
+    ...input.params ? { params: input.params } : {},
+    ...input.geometry ? { geometry: input.geometry } : {},
+    schemaVersion: typeof input.schemaVersion === "number" ? input.schemaVersion : 1,
+    ...input.emittedBy ? { emittedBy: input.emittedBy } : {},
+    createdAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  list.push(fav);
+  writeSteelFavourites(list);
+  return fav;
+}
+function deleteSteelFavourite(id) {
+  const list = listSteelFavourites();
+  const next = list.filter((f) => f.id !== id);
+  if (next.length === list.length) return false;
+  writeSteelFavourites(next);
+  return true;
+}
+function updateSteelFavourite(id, patch2) {
+  const list = listSteelFavourites();
+  const cur = list.find((f) => f.id === id);
+  if (!cur) return null;
+  const name = patch2.name?.trim();
+  const category = patch2.category?.trim();
+  cur.name = name || cur.name;
+  cur.category = category || cur.category;
+  writeSteelFavourites(list);
+  return cur;
+}
 function addRequest(req, decoded = []) {
   ensureRoot();
   if (!(0, import_node_fs16.existsSync)(REQUESTS_DIR)) (0, import_node_fs16.mkdirSync)(REQUESTS_DIR, { recursive: true });
@@ -65992,6 +66043,49 @@ async function startServer() {
     broadcast({ type: "templates-changed" });
     return { ok: true };
   });
+  app.get("/api/steel-favourites", async () => ({ ok: true, favourites: listSteelFavourites() }));
+  app.post("/api/steel-favourites", async (req, reply) => {
+    const { name, category, kind, params, geometry, schemaVersion, emittedBy } = req.body ?? {};
+    if (!name || !name.trim()) return reply.status(400).send({ ok: false, error: "name required" });
+    if (kind !== "base-plate" && kind !== "shear-plate" && kind !== "custom") {
+      return reply.status(400).send({ ok: false, error: "valid kind required" });
+    }
+    if (kind === "custom" ? !Array.isArray(geometry) || geometry.length === 0 : params == null || typeof params !== "object") {
+      return reply.status(400).send({
+        ok: false,
+        error: kind === "custom" ? "geometry required for a custom favourite" : "params required for a recipe favourite"
+      });
+    }
+    const favourite = addSteelFavourite({
+      name,
+      category,
+      kind,
+      params,
+      geometry,
+      schemaVersion,
+      emittedBy
+    });
+    broadcast({ type: "steel-favourites-changed" });
+    return { ok: true, favourite };
+  });
+  app.patch(
+    "/api/steel-favourites/:id",
+    async (req, reply) => {
+      const { name, category } = req.body ?? {};
+      if ((name == null || !name.trim()) && (category == null || !category.trim())) {
+        return reply.status(400).send({ ok: false, error: "name or category required" });
+      }
+      const favourite = updateSteelFavourite(req.params.id, { name, category });
+      if (!favourite) return reply.status(404).send({ ok: false, error: "favourite not found" });
+      broadcast({ type: "steel-favourites-changed" });
+      return { ok: true, favourite };
+    }
+  );
+  app.delete("/api/steel-favourites/:id", async (req, reply) => {
+    if (!deleteSteelFavourite(req.params.id)) return reply.status(404).send({ ok: false, error: "favourite not found" });
+    broadcast({ type: "steel-favourites-changed" });
+    return { ok: true };
+  });
   app.get("/api/requests", async () => ({ ok: true, requests: listRequests() }));
   app.get("/api/requests/:id/snapshot/:n", async (req, reply) => {
     const n = Number.parseInt(req.params.n, 10);

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

@@ -2490,7 +2490,7 @@ function onDown(e) {
   if (addActive()) { e.stopPropagation(); controls.enabled = true; drClick(e); return; }  // Add-member armed (editor state) → two plane picks draw a member
   if (cmActive()) { if (tfClick(e)) { e.stopPropagation(); controls.enabled = true; return; } }  // Move/Copy armed (editor state) → picks land on the working plane; an empty-selection click falls through to select
   if (basePickCol) { e.stopPropagation(); const r = basePickPoint(e.clientX, e.clientY); if (r) { if (api && api.onBasePick) api.onBasePick(r); setBasePickMode(null); } return; }  // Mode B: commit + disarm only on a valid on-column pick; an off-column click is ignored (stays armed) — Esc cancels
-  if (insertMode) { e.stopPropagation(); const r = insertPick(e.clientX, e.clientY); if (r && api && api.onInsertPlace) api.onInsertPlace(r, insertPending); setInsertMode(false); return; }  // armed: place the queued detail at the pick, then disarm (one shot)
+  if (insertMode) { e.stopPropagation(); const r = insertPick(e.clientX, e.clientY); const sticky = insertPending && insertPending.sticky; if (r && api && api.onInsertPlace) api.onInsertPlace(r, insertPending); if (!sticky) setInsertMode(false); return; }  // armed: place at the pick. One-shot for a detail / IFC import; a sticky pending (a favourite) STAYS armed for repeat placement — Esc/onInsertPlace's own cancel disarms.
   if (clipMode === 'plane') { e.stopPropagation(); addClipPlaneAtScreen(e.clientX, e.clientY); return; } // armed: left-click a face → place a clip plane (stays armed)
   if (clipMode === 'box') { e.stopPropagation(); onClipBoxClick(e); return; }                            // armed: 2-corner clip-box draw on the floor plane
   if (selectedClipIds.size) { let ch = null; try { ch = pickClipHandle(e.clientX, e.clientY); } catch { ch = null; } if (ch) { e.stopPropagation(); controls.enabled = false; downXY = [e.clientX, e.clientY]; startClipDrag(ch, e); return; } } // grab a clip handle (plane dot / box face) → drag it

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,#connImportModal{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center}
+ #detailsModal,#framesModal,#rfiModal,#confModal,#askAiModal,#connModal,#connImportModal,#favConnModal{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}
@@ -125,12 +125,13 @@
  #moreMenu #m3dInsert.on{color:var(--brand)}
  #moreMenu #m3dInsertMenu{left:auto;right:calc(100% + 4px);top:0}
  body:not(.v3d) #moreMenu #insWrap{display:none}   /* Insert detail places into the 3D scene — hide it in 2D (needs 2 ids to beat the .m3dwrap.ins-in-menu display:block) */
- #moreMenu button.msnap{display:flex;align-items:center;gap:0}
- #moreMenu button.msnap.on{color:var(--text)}   /* the switch carries the state — don't also brand the text (reads as an armed tool elsewhere in this menu) */
+ #moreMenu button.msnap,#moreMenu button.dtog{display:flex;align-items:center;gap:0}   /* .dtog = the Display show/hide toggles, same slider switch as Snapping (.msnap) */
+ #moreMenu button.msnap.on,#moreMenu button.dtog.on{color:var(--text)}   /* the switch carries the state — don't also brand the text (reads as an armed tool elsewhere in this menu) */
  #moreMenu .mck,.cmmenu .mck,.m3dmenu .mck{position:relative;width:26px;height:14px;margin-right:9px;border-radius:7px;border:1px solid var(--line);background:#0b1220;flex:none;transition:background-color .15s,border-color .15s}   /* delicate CSS-only slider switch — shared by the ⋯ Snapping rows, the Move/Copy → Drag-to-move/copy toggle, and the Work-area toggles */
  #moreMenu .mck::after,.cmmenu .mck::after,.m3dmenu .mck::after{content:'';position:absolute;top:1px;left:1px;width:10px;height:10px;border-radius:50%;background:var(--mut);transition:transform .15s,background-color .15s}
- #moreMenu button.msnap.on .mck,.cmmenu #dragMoveB.on .mck,.m3dmenu button.wtog.on .mck{background:rgba(59,130,246,.28);border-color:var(--brand)}
- #moreMenu button.msnap.on .mck::after,.cmmenu #dragMoveB.on .mck::after,.m3dmenu button.wtog.on .mck::after{transform:translateX(12px);background:var(--brand)}
+ #moreMenu button.msnap.on .mck,#moreMenu button.dtog.on .mck,.cmmenu #dragMoveB.on .mck,.m3dmenu button.wtog.on .mck{background:rgba(59,130,246,.28);border-color:var(--brand)}
+ #moreMenu button.msnap.on .mck::after,#moreMenu button.dtog.on .mck::after,.cmmenu #dragMoveB.on .mck::after,.m3dmenu button.wtog.on .mck::after{transform:translateX(12px);background:var(--brand)}
+ #moreMenu button.dtog:disabled{opacity:.45;cursor:default}   /* e.g. the grid toggle when the model has no grid */
  .m3dmenu button.wtog{display:flex;align-items:center;justify-content:flex-start;gap:0}
  .m3dmenu button.wtog.on{color:var(--text)}   /* the slider carries the on-state — don't also brand the label text */
  #moreMenu button.msnap .sg{display:inline-block;width:17px;color:#22d3ee;opacity:.5;flex:none;transition:opacity .15s}
@@ -418,8 +419,47 @@ text.mlentx{fill:#e2e8f0;text-anchor:middle;dominant-baseline:central;font-famil
  #m3dLegend .m3dbody.on{display:flex;flex:1 1 auto}   /* the active body fills the capped panel and scrolls (min-height:0 lets it shrink below content) */
  #m3dLegendBody{padding:8px 10px}
  #m3dViewsBody,#m3dFavBody{padding:8px 10px}
- /* Favourites placeholder (a later slice wires its content). */
- #m3dFavBody .favsoon{color:var(--mut);font-size:11px;line-height:1.5;padding:12px 4px;text-align:center}
+ /* ── Favourites tab (#m3dFavBody) — the Views-tab row/search recipe. No create button (★ lives in the
+    Inspector); a kind-filter + search header, per-row kind swatch + portability badge + row-click-to-arm. ── */
+ #favHeadRow{display:flex;align-items:stretch;gap:6px;margin-bottom:6px;flex:none}
+ #favKindFilter{flex:1;min-width:0;height:28px}
+ #favKindFilter button{flex:1;background:transparent;color:var(--mut);font-size:10px;padding:0 2px;box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+ #favKindFilter button.on{background:var(--brand);color:#fff}
+ #favSearchTog{flex:none;width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--mut);border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer}
+ #favSearchTog.on{color:var(--brand);border-color:var(--brand)}
+ #favSearchTog svg{display:block}
+ #favSearch{display:none;align-items:center;gap:6px;height:26px;margin-bottom:6px;padding:0 8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;flex:none}
+ #favSearch.show{display:flex}
+ #favSearch:focus-within{border-color:var(--brand)}
+ #favSearch .lsico{color:var(--mut);flex:none;display:inline-flex;align-items:center}
+ #favSearch input{flex:1;min-width:0;width:auto;height:auto;background:transparent;border:0;outline:none;color:var(--text);font:12px system-ui;padding:0}
+ #favSearch input::placeholder{color:var(--mut)}
+ #favSearch .lsx{color:var(--mut);font-size:14px;line-height:1;padding:0 3px;border-radius:4px;cursor:pointer;flex:none;visibility:hidden}
+ #favSearch.has .lsx{visibility:visible}
+ #favSearch .lsx:hover{color:#fecaca;background:#7f1d1d}
+ #m3dFavBody .favrow{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:5px;cursor:pointer;user-select:none;white-space:nowrap}
+ #m3dFavBody .favrow:hover{background:#33415580}
+ #m3dFavBody .favrow:focus-visible{outline:1px solid var(--brand);outline-offset:-1px}
+ #m3dFavBody .favrow.armed{box-shadow:inset 2px 0 0 var(--brand);background:rgba(59,130,246,.16);padding-left:2px}
+ #m3dFavBody .favsw{flex:none;width:11px;height:11px;border-radius:2px;background:var(--sw,#8a97a8);border:1px solid rgba(0,0,0,.35)}
+ #m3dFavBody .favname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
+ #m3dFavBody .favbadge{flex:none;font-size:10px;line-height:1.4;padding:0 5px;border-radius:4px;border:1px solid var(--line);color:var(--mut)}
+ #m3dFavBody .favbadge.portable{border-color:var(--brand);color:#bfdbfe}
+ #m3dFavBody .favrow input.favedit{flex:1;min-width:0;font:12px system-ui;background:#0b1220;color:var(--text);border:1px solid var(--brand);border-radius:4px;padding:0 4px;outline:none}
+ #m3dFavBody .favrow .vx{flex:none;color:var(--mut);padding:0 3px;border-radius:4px;visibility:hidden;font-size:13px;line-height:1}
+ #m3dFavBody .favrow:hover .vx,#m3dFavBody .favrow:focus-within .vx{visibility:visible}
+ #m3dFavBody .favrow .vx:hover{color:#fecaca;background:#7f1d1d}
+ #m3dFavBody .favrow .vdots{flex:none;color:var(--mut);padding:0 3px;border-radius:4px;font-size:14px;line-height:1;cursor:pointer}
+ #m3dFavBody .favrow .vdots:hover{color:var(--text);background:#334155}
+ #m3dFavBody .favempty{color:var(--mut);font-size:11px;line-height:1.5;padding:12px 4px;text-align:center}
+ #m3dFavBody .favnores{color:var(--mut);font-size:11px;padding:10px 4px;text-align:center}
+ #m3dFavBody .favnores .pilllink{margin-left:4px}
+ #favRowMenu{position:fixed;left:0;top:0;z-index:45;min-width:184px}
+ .ghostw.faved{color:var(--brand);border-color:var(--brand)}   /* the ★ Save button once this recipe is in the library */
+ /* #favConnModal — a small sibling modal (askAiModal sizing); Kind is a read-only chip row, not an input. */
+ #favConnModal .mpanel{width:min(460px,92vw)}
+ #favConnModal .favkindfield{display:flex;align-items:center;gap:8px;background:#0f172a;border:1px solid #475569;border-radius:6px;padding:6px 8px;min-height:34px}
+ #favConnModal .favkindfield .chip{margin:0}
  #m3dLegend .lhint{color:var(--mut);font-size:10px;margin-bottom:4px;max-width:230px;white-space:normal}  /* wrap-guard: the hint never drives the panel wider than the rows, so it can't clip on any font */
  #m3dLegend .lrow{display:flex;align-items:center;gap:7px;cursor:default;user-select:none;padding:2px 4px;border-radius:5px;white-space:nowrap}   /* only the left-hand box toggles now (it sets cursor:pointer); the row still isolates on dbl-click + right-clicks for the menu */
  #m3dLegend .lrow:hover{background:#33415580}
@@ -591,10 +631,10 @@ text.mlentx{fill:#e2e8f0;text-anchor:middle;dominant-baseline:central;font-famil
    </div>
    <button class=msec-hdr data-sec=display aria-expanded=false data-tip="Show/hide plan layers, and edit grid lines">Display<span class=chev aria-hidden=true>▸</span></button>
    <div class=msec-body>
-    <button id=dimToggleB data-tip="Show or hide all placed dimensions on the plan">Hide dimensions</button>
-    <button id=calloutToggleB data-tip="Show or hide the clickable callout bubbles (section / elevation / detail references) on the plan">Hide callouts</button>
-    <button id=gridToggleB data-tip="Show or hide the grid lines in 2D and 3D">Hide grid</button>
-    <button id=lenToggleB data-tip="Show each selected member's length on the canvas">Show member length</button>
+    <button id=dimToggleB class=dtog role=menuitemcheckbox aria-checked=true data-tip="Show or hide all placed dimensions on the plan"><span class=mck aria-hidden=true></span>Dimensions</button>
+    <button id=calloutToggleB class=dtog role=menuitemcheckbox aria-checked=true data-tip="Show or hide the clickable callout bubbles (section / elevation / detail references) on the plan"><span class=mck aria-hidden=true></span>Callouts</button>
+    <button id=gridToggleB class=dtog role=menuitemcheckbox aria-checked=false data-tip="Show or hide the grid lines in 2D and 3D"><span class=mck aria-hidden=true></span>Grid lines</button>
+    <button id=lenToggleB class=dtog role=menuitemcheckbox aria-checked=false data-tip="Show each selected member's length on the canvas"><span class=mck aria-hidden=true></span>Member length</button>
     <button id=gridEditB data-tip="Grid lines — a plan reference with structural bay spacings (n*d repeats a bay). Shows in 2D and 3D; drawing and drags snap to its lines and intersections.">Grid lines…</button>
    </div>
    <button class=msec-hdr data-sec=detailing aria-expanded=false data-tip="Connection details, plates, frames, and inserted detail images">Detailing<span class=chev aria-hidden=true>▸</span></button>
@@ -715,7 +755,7 @@ text.mlentx{fill:#e2e8f0;text-anchor:middle;dominant-baseline:central;font-famil
    </div>
    <div id=m3dLegendBody class="m3dbody on" role=tabpanel aria-label=Objects></div>
    <div id=m3dViewsBody class=m3dbody role=tabpanel aria-label=Views></div>
-   <div id=m3dFavBody class=m3dbody role=tabpanel aria-label=Favourites><div class=favsoon>Favourite connections — coming soon</div></div>
+   <div id=m3dFavBody class=m3dbody role=tabpanel aria-label=Favourites></div>
   </div>
   <div id=m3dCube data-tip="Click a face for that view · right-drag to orbit"></div>
   <div id=m3dAxes></div>
@@ -810,6 +850,24 @@ text.mlentx{fill:#e2e8f0;text-anchor:middle;dominant-baseline:central;font-famil
   </div>
  </div>
 </div>
+<div id=favConnModal><div class=mbackdrop id=favBackdrop></div>
+ <div class=mpanel>
+  <div class=mhead><b id=favModalTitle>Save to Favourites</b><button id=favClose data-tip="Close">✕</button></div>
+  <div style="padding:14px;display:flex;flex-direction:column;gap:4px">
+   <label class=elab for=favName>Name</label>
+   <input id=favName placeholder="e.g. Standard 4-bolt base plate" autocomplete=off>
+   <div class=elab>Kind</div>
+   <div class=favkindfield role=group aria-label=Kind><span id=favKind class=chip></span></div>
+   <label class=elab for=favCat>Category</label>
+   <input id=favCat placeholder="Uncategorized" autocomplete=off list=favCatSuggest>
+   <datalist id=favCatSuggest></datalist>
+   <div id=favHint class=hint style="margin-top:6px"></div>
+   <div style="display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px">
+    <button id=favCancel class=ghost>Cancel</button>
+    <button id=favSave>Save to Favourites</button>
+   </div>
+  </div>
+ </div></div>
 <div id=lightbox><div class=mbackdrop id=lbBackdrop></div>
  <div class=lbpanel><div class=mhead><b id=lbCap></b><div style="display:flex;gap:10px;align-items:center"><span class=hint>scroll = zoom · drag = pan · dbl-click = reset</span><button id=lbClose>✕</button></div></div><div id=lbView><img id=lbImg></div></div></div>
 <script>
@@ -1329,7 +1387,7 @@ function gridDefaultOrigin(){const xs=[],ys=[];for(const m of ((P&&P.members)||[
  if(xs.length)return [Math.min(...xs),Math.max(...ys)];                             // bottom-left of the steel
  return [(typeof X0==='number'?X0:0)+50,(typeof Y1==='number'?Y1:300)-50];}         // empty plan → near the sheet corner
 function refresh3DGrid(){if(view3dReady&&window.Steel3DView&&window.Steel3DView.refreshGrid)window.Steel3DView.refreshGrid();}
-function updGridToggle(){const b=document.getElementById('gridToggleB');if(!b)return;b.disabled=!(typeof P!=='undefined'&&P&&P.grid);b.textContent=gridOn()?'Hide grid':'Show grid';}
+function updGridToggle(){const b=document.getElementById('gridToggleB');if(!b)return;b.disabled=!(typeof P!=='undefined'&&P&&P.grid);b.classList.toggle('on',gridOn());b.setAttribute('aria-checked',String(gridOn()));}
 // ONE visibility switch, THREE surfaces: the grid panel's checkbox, the 3D legend's "Grid lines" row,
 // and the ⋯ menu item — all call this. grid.on is contract data, so the flip is undoable like every
 // other grid operation.
@@ -1593,7 +1651,7 @@ function render(){
  s+=renderPropLabels();   // right-click property-label chips (2D); 3D labels ride the div-overlay pool
  s+=renderSelLenLabels();   // on-select member-length chips (2D), gated by the ⋯ Display "Show member length" toggle
  if(P.frame)s+=axisGlyphSvg(P.frame.o,P.frame.u,false);   // local-axes glyph at the origin (only when a frame is set; removed on reset)
- svg.innerHTML=s; document.getElementById('profiles').innerHTML=profs.map(p=>`<option value="${esc(p)}">`).join(''); document.getElementById('details').innerHTML=(P.details||[]).map(d=>`<option value="${esc(d.text)}">`).join(''); stats(); panel(); updUR(); updDup(); updConf(); updCS(); updConnBtn(); updBpBtn(); updSpBtn(); updGridToggle(); updLenToggle();
+ svg.innerHTML=s; document.getElementById('profiles').innerHTML=profs.map(p=>`<option value="${esc(p)}">`).join(''); document.getElementById('details').innerHTML=(P.details||[]).map(d=>`<option value="${esc(d.text)}">`).join(''); stats(); panel(); updUR(); updDup(); updConf(); updCS(); updConnBtn(); updBpBtn(); updSpBtn(); updGridToggle(); updLenToggle(); updDimToggle(); updCalloutToggle();
  if(view3d&&window.Steel3DView){window.Steel3DView.setSelection(selIds);updateIsolateBtn();if(selIds.size&&window.Steel3DView.selectedClips&&window.Steel3DView.selectedClips().length)window.Steel3DView.setSelectedClips([]);refreshLegendSel();}  // keep the 3D highlight + legend selection in sync; selecting a member clears any clip selection (exclusive)
  try{updateConnCrumb();}catch(_){}  // Connection Component breadcrumb follows the selection (3D-only; hidden at root)
  syncPropLabelsAfterRender();   // corner-note + push labels to 3D + refresh the popup rows against the (possibly changed) selection
@@ -1821,13 +1879,15 @@ function panel(){
      <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>
+       <button class=ghostw id=cmpFav data-tip="Save this imported geometry to your Favourites — drops in place, will not re-fit">★ Save to Favourites</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();});}
+    {const b=document.getElementById('cmpFav');if(b)b.onclick=()=>openFavModalFor(j);}
     return;
    }
-   const isBP=j.kind==='base-plate',pp=j.params||{};
+   const isBP=j.kind==='base-plate',pp=j.params||{};const savedFav=favMatch(j);
    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>`;
@@ -1847,6 +1907,7 @@ function panel(){
        ${isBP?`<button class=ghostw id=cmpTrim data-tip="Pick a point on ${esc(j.main)} — trim or extend the column so its base seats there (snaps to framing levels)">⭶ Trim / Extend column to base…</button>`:''}
        <button class=ghostw id=cmpAsk data-tip="Record a request for your terminal AI to modify / replace / move this connection">Modify connection…</button>
        <button class=danger id=cmpDel data-tip="Remove this whole connection">Delete connection</button>
+       <button class="ghostw${savedFav?' faved':''}" id=cmpFav data-tip="${savedFav?'Edit this favourite’s name or category':('Save this connection to your Favourites — reusable on any '+(isBP?'column':'beam'))}">${savedFav?'★ Saved to Favourites':'★ Save to Favourites'}</button>
      </div>`;
    const toMember=()=>{if(window.Steel3DView&&window.Steel3DView.clearConnSel)window.Steel3DView.clearConnSel();selIds=new Set([j.main]);selDimIds.clear();sel3dDimIds.clear();render();};
    {const b=document.getElementById('cmpMember');if(b)b.onclick=toMember;}
@@ -1854,6 +1915,7 @@ function panel(){
    {const b=document.getElementById('cmpTrim');if(b)b.onclick=()=>armBaseTrim(j.main);}
    {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();});}
+   {const b=document.getElementById('cmpFav');if(b)b.onclick=()=>openFavModalFor(j);}
    return;
   }}
  // A derived CONNECTION PART selected in 3D (plate / bolt / weld / cope / stiffener) — show its details
@@ -3011,14 +3073,14 @@ document.getElementById('mAdd').onclick=()=>{if(dimMode){dimMode=false;setDimMod
 document.getElementById('dimB').onclick=()=>{if(csaxisMode){csaxisMode=false;setCsMode();}dimMode=!dimMode;setDimMode();render();setLastCmd('Dimension',()=>{if(!dimMode){dimMode=true;setDimMode();render();}});};
 document.getElementById('csSetB').onclick=()=>{csaxisMode=!csaxisMode;setCsMode();render();};
 document.getElementById('csResetB').onclick=()=>{resetFrame();render();};
-function updDimToggle(){const b=document.getElementById('dimToggleB');if(b)b.textContent=dimsVisible?'Hide dimensions':'Show dimensions';}
-document.getElementById('dimToggleB').onclick=()=>{dimsVisible=!dimsVisible;updDimToggle();render();};
-function updLenToggle(){const b=document.getElementById('lenToggleB');if(b)b.textContent=showSelLen?'Hide member length':'Show member length';}
-document.getElementById('lenToggleB').onclick=()=>{showSelLen=!showSelLen;try{localStorage.setItem('steel:selLen:v1',showSelLen?'1':'0');}catch(_){}updLenToggle();render();};   // render() repaints the 2D chips + pushes labels to 3D
-function updCalloutToggle(){const b=document.getElementById('calloutToggleB');if(b)b.textContent=calloutsVisible?'Hide callouts':'Show callouts';}
-document.getElementById('calloutToggleB').onclick=()=>{calloutsVisible=!calloutsVisible;updCalloutToggle();render();};
+function updDimToggle(){const b=document.getElementById('dimToggleB');if(b){b.classList.toggle('on',dimsVisible);b.setAttribute('aria-checked',String(dimsVisible));}}
+document.getElementById('dimToggleB').onclick=e=>{e.stopPropagation();dimsVisible=!dimsVisible;updDimToggle();render();};
+function updLenToggle(){const b=document.getElementById('lenToggleB');if(b){b.classList.toggle('on',showSelLen);b.setAttribute('aria-checked',String(showSelLen));}}
+document.getElementById('lenToggleB').onclick=e=>{e.stopPropagation();showSelLen=!showSelLen;try{localStorage.setItem('steel:selLen:v1',showSelLen?'1':'0');}catch(_){}updLenToggle();render();};   // render() repaints the 2D chips + pushes labels to 3D
+function updCalloutToggle(){const b=document.getElementById('calloutToggleB');if(b){b.classList.toggle('on',calloutsVisible);b.setAttribute('aria-checked',String(calloutsVisible));}}
+document.getElementById('calloutToggleB').onclick=e=>{e.stopPropagation();calloutsVisible=!calloutsVisible;updCalloutToggle();render();};
 document.getElementById('gridEditB').onclick=()=>{setGridMode(!gridMode);render();};
-document.getElementById('gridToggleB').onclick=()=>gridSetVisible(!gridOn());
+document.getElementById('gridToggleB').onclick=e=>{e.stopPropagation();gridSetVisible(!gridOn());};
 document.getElementById('dupB').onclick=()=>{const ids=redundantDups();   // re-scan on demand (also runs live after every edit)
  if(!ids.length){const b=document.getElementById('dupB');b.dataset.flash='1';b.classList.add('ok');b.textContent='No duplicates ✓';
    setTimeout(()=>{delete b.dataset.flash;b.classList.remove('ok');updDup();},1500);return;}
@@ -3043,6 +3105,7 @@ addEventListener('keydown',e=>{
  if(lvOpen()){if(e.key==='Escape')closeLevelModal();return;}   // the level modal is modal: no Delete/undo/tool keys mutate state underneath it
  if(e.key==='Escape'&&lightboxOpen()){closeLightbox();return;}
  if(e.key==='Escape'&&askAiIsOpen()){askAiClose();return;}
+ if(e.key==='Escape'&&favModalIsOpen()){favModalClose();return;}
  if(e.key==='Escape'&&detailsOpen()){closeDetails();return;}
  if(e.key==='Escape'&&connLibOpen()){closeConnLib();return;}
  if(e.key==='Escape'&&framesOpen()){closeFrames();return;}
@@ -3105,7 +3168,7 @@ function moreOpen(){return moreMenu.classList.contains('open');}
 function moreOutside(e){if(!moreMenu.contains(e.target)&&e.target!==moreBtn)closeMore();}
 function closeMore(){moreMenu.classList.remove('open');moreBtn.setAttribute('aria-expanded','false');document.removeEventListener('mousedown',moreOutside,true);}
 moreBtn.onclick=e=>{e.stopPropagation();if(moreOpen())closeMore();else{moreMenu.classList.add('open');moreBtn.setAttribute('aria-expanded','true');document.addEventListener('mousedown',moreOutside,true);}};
-moreMenu.addEventListener('click',e=>{if(e.target.closest('button')&&!e.target.closest('.msnap')&&!e.target.closest('.msec-hdr')&&!e.target.closest('.ins-in-menu'))closeMore();});  // an item's own handler runs (bubble) before this closes the menu; the snap toggles, section headers, and the Insert picker keep the menu open (settings, not one-shot actions)
+moreMenu.addEventListener('click',e=>{if(e.target.closest('button')&&!e.target.closest('.msnap')&&!e.target.closest('.dtog')&&!e.target.closest('.msec-hdr')&&!e.target.closest('.ins-in-menu'))closeMore();});  // an item's own handler runs (bubble) before this closes the menu; the snap toggles, section headers, and the Insert picker keep the menu open (settings, not one-shot actions)
 // "Snapping" is collapsible to save menu space — the header expands the running-snap switches below it
 // Every ⋯ section is a collapse/expand accordion (Snapping + Display + Detailing + …); state persists in localStorage.
 {const SEC_KEY='steelMoreSections';let openSecs;try{openSecs=new Set(JSON.parse(localStorage.getItem(SEC_KEY)||'[]'));}catch(e){openSecs=new Set();}
@@ -3221,7 +3284,7 @@ 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…';}},  // armed → cancel target
+ onInsertModeChange:(on)=>{const b=document.getElementById('m3dInsert');if(b){b.classList.toggle('on',!!on);b.textContent=on?'✕ Cancel insert':'Insert…';} if(!on)favDisarmed();},  // armed → cancel target; disarm also clears any armed favourite (the pinned bar + the .armed row)
  onBasePickModeChange:()=>{},   // Mode B armed state shows via the 3D crosshair + elevation readout; nothing else to reflect
  onBasePick:(p)=>{   // Mode B: retarget the armed column's base to the picked elevation (world mm → inches), ONE undo entry
   const m=byId(basePickColId); if(!m||m.role!=='column'||!m.col){toast('No column to trim');return;}
@@ -3240,6 +3303,39 @@ const view3dApi={
   toast('Column '+m.id+' base '+dir+' to '+where+' — base plate re-seated');
  },
  onInsertPlace:(pick,pending)=>{
+  if(pending&&pending.kind==='favourite'&&pending.favourite){const f=pending.favourite;
+   // Slice F1: apply a saved favourite. base-plate → a column; shear-plate → the nearest beam end; custom → drop the
+   // mesh at the pick. Wrong target → a corrective toast + no-op (the sticky arm stays on for a retry). Reuses the
+   // v0.78 recipe-bake path (edit() + pendingConnSel select the new whole connection on the next rebuild).
+   if(f.kind==='base-plate'){
+    const col=pick.anchorId?P.members.find(m=>m&&m.id===pick.anchorId&&m.role==='column'):null;
+    if(!col){toast('Click a column to place this base plate');return;}
+    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({},f.params||{}),source:'user'};
+    pendingConnSel=id;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 “'+f.name+'”':'“'+f.name+'” applied to '+col.id)+' — click another column, or Esc');return;
+   }
+   if(f.kind==='shear-plate'){
+    const beam=pick.anchorId?P.members.find(m=>m&&m.id===pick.anchorId&&m.role==='beam'):null;
+    if(!beam){toast('Click a beam end to place this shear plate');return;}
+    const id='cx'+Date.now().toString(36)+Math.floor(Math.random()*1e4).toString(36);
+    const g=partsById[beam.id],d3=(a,b)=>a&&b?Math.hypot(a[0]-b[0],a[1]-b[1],a[2]-b[2]):Infinity;
+    const endIdx=(g&&g.from&&g.to&&d3(pick.point,g.to)<d3(pick.point,g.from))?1:0;
+    const joint={id,kind:'shear-plate',main:beam.id,at:'end'+endIdx,params:Object.assign({},f.params||{}),source:'user'};
+    pendingConnSel=id;const had=(C.joints||[]).some(x=>x&&x.kind==='shear-plate'&&x.main===beam.id&&x.at==='end'+endIdx);
+    edit(()=>{C.joints=(Array.isArray(C.joints)?C.joints:[]).filter(x=>!(x&&x.kind==='shear-plate'&&x.main===beam.id&&x.at==='end'+endIdx));C.joints.push(joint);selIds=new Set();});
+    toast((had?'Shear plate on '+beam.id+' '+(endIdx?'end':'start')+' replaced with “'+f.name+'”':'“'+f.name+'” applied to '+beam.id+' '+(endIdx?'end':'start'))+' — click another beam end, or Esc');return;
+   }
+   if(f.kind==='custom'&&Array.isArray(f.geometry)&&f.geometry.length){
+    const id='cx'+Date.now().toString(36)+Math.floor(Math.random()*1e4).toString(36);
+    const joint={id,kind:'custom',name:f.name||'Imported connection',place:pick.point,geometry:f.geometry,source:'user'};
+    if(pick.anchorId)joint.main=pick.anchorId;
+    edit(()=>{if(!Array.isArray(C.joints))C.joints=[];C.joints.push(joint);selIds=new Set(f.geometry.map((gg,i)=>id+':'+(gg.id||'m'+i)));});
+    toast('“'+f.name+'” placed'+(pick.anchorId?' on '+pick.anchorId:'')+' — click to place another, or Esc');return;
+   }
+   toast('That favourite has no geometry to place');return;
+  }
   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;
@@ -3443,6 +3539,7 @@ function setLegendTab(tab){if(tab!=='objects'&&tab!=='views'&&tab!=='fav')tab='o
  const bodies={objects:'m3dLegendBody',views:'m3dViewsBody',fav:'m3dFavBody'};
  for(const [k,id] of Object.entries(bodies)){const el=document.getElementById(id);if(el)el.classList.toggle('on',k===tab);}
  if(tab==='views')renderViewsTab();   // (re)render the Views list when it becomes visible
+ if(tab==='fav')renderFavTab();       // (re)render the Favourites list when it becomes visible
  updateViewsBtn();
 }
 // The 3D-toolbar Views button lights (.on) while the panel is open on the Views tab.
@@ -3652,6 +3749,199 @@ function undoToast(msg,onUndo){let t=document.getElementById('undoToast');
  btn.addEventListener('click',()=>{clearTimeout(t._h);t.style.opacity='0';try{onUndo();}catch(e){console.error(e);}});
  t.appendChild(btn);t.style.opacity='1';clearTimeout(t._h);t._h=setTimeout(()=>{t.style.opacity='0';},5000);
 }
+// ════════════════════════════════════════════════════════════════════════════════════════════════════════════
+// Favourite Connections (Slice F1) — a GLOBAL, cross-project library of saved connection recipes.
+// The ★ in the whole-connection Inspector saves here (#favConnModal → POST /api/steel-favourites); this tab
+// browses/searches/filters them, and applying one is arm→click→bake: click a favourite row → arm the placement
+// crosshair (sticky, so it repeats) → click a target → bake a JointRecipe into C.joints[] + re-detail. A
+// favourite is {kind:'base-plate'|'shear-plate', params} (parametric, re-fits any member) or {kind:'custom',
+// geometry} (imported mesh, drops in place). Mirrors the Views tab; no create button (creation is via ★).
+// ════════════════════════════════════════════════════════════════════════════════════════════════════════════
+let steelFavourites=[];        // loaded from /api/steel-favourites on 3D enter (global store → cross-project)
+let favQuery='';               // transient Favourites search filter — NOT persisted
+let favSearchOpen=false;       // is the search input revealed?
+let favKindFilter=(()=>{try{const k=localStorage.getItem('floless.favKind');return (k==='portable'||k==='geometry')?k:'all';}catch{return 'all';}})();
+let armedFavId=null;           // the favourite whose placement crosshair is armed (persistent .armed row) — transient
+const FAV_KIND_LABEL={'base-plate':'Base plate','shear-plate':'Shear plate','custom':'Custom (imported)'};
+const FAV_KIND_COLOR={'base-plate':'#6b7a8d','shear-plate':'#7d8ba0','custom':'#8a97a8'};   // mirror steel-joints.ts GROUPS
+const FAV_CAT_SUGGEST={'base-plate':['Base plates','Columns'],'shear-plate':['Shear plates','Beams'],'custom':['Imported','Details']};
+function favIsPortable(f){return !!f&&(f.kind==='base-plate'||f.kind==='shear-plate');}
+// The saved-recipe payload captured from a selected whole connection: recipe scalars, or an opaque custom mesh.
+function favRecipeOf(j){if(!j)return null;
+ if(j.kind==='custom')return {kind:'custom',geometry:Array.isArray(j.geometry)?j.geometry:[],name:j.name||'Imported connection'};
+ if(j.kind==='base-plate'||j.kind==='shear-plate')return {kind:j.kind,params:Object.assign({},j.params||{})};
+ return null;}
+// A key-order-STABLE JSON of a params object, so the ★ Saved/Save match survives a disk round-trip (a reloaded
+// favourite's params can serialize its keys in a different order than the live joint's — which would flip the ★
+// back to "Save" and let a duplicate be saved). Recurses into nested objects; arrays keep their (significant) order.
+function stableStr(o){if(o&&typeof o==='object'&&!Array.isArray(o))return '{'+Object.keys(o).sort().map(k=>JSON.stringify(k)+':'+stableStr(o[k])).join(',')+'}';return JSON.stringify(o);}
+// A parametric favourite already saved with identical kind + params → the ★ opens it in edit mode.
+function favMatch(j){const r=favRecipeOf(j);if(!r||r.kind==='custom')return null;const key=stableStr(r.params||{});
+ return steelFavourites.find(f=>f.kind===r.kind&&stableStr(f.params||{})===key)||null;}
+async function loadSteelFavourites(){try{const res=await fetch('/api/steel-favourites');const d=await res.json();steelFavourites=(d&&d.ok&&Array.isArray(d.favourites))?d.favourites:[];}catch(_){steelFavourites=[];}
+ if(legendTab==='fav')renderFavTab();}
+
+// ── The ★ Save/edit modal (#favConnModal) ──────────────────────────────────────────────────────────────────
+let favModalJoint=null;   // the selected joint being saved (create mode)
+let favModalEditId=null;  // an existing favourite id (edit mode — rename/recategorize only; recipe is immutable)
+function favSuggestName(j){if(!j)return '';
+ if(j.kind==='custom')return j.name||'Imported connection';
+ const prof=((P.members||[]).find(m=>m&&m.id===j.main)||{}).profile||'';
+ return (j.kind==='base-plate'?'Base plate':'Shear plate')+(prof?' — '+prof:'');}
+function favFillModal({title,kind,name,category,portable,hint}){
+ document.getElementById('favModalTitle').textContent=title;
+ const kf=document.getElementById('favKind');kf.className='chip';kf.textContent=FAV_KIND_LABEL[kind]||kind;
+ kf.style.borderColor=portable?'var(--brand)':'var(--line)';kf.style.color=portable?'#bfdbfe':'var(--mut)';
+ document.getElementById('favName').value=name||'';
+ document.getElementById('favCat').value=category||'';
+ const dl=document.getElementById('favCatSuggest');dl.replaceChildren();for(const s of (FAV_CAT_SUGGEST[kind]||[]))dl.appendChild(Object.assign(document.createElement('option'),{value:s}));
+ document.getElementById('favHint').textContent=hint;
+ document.getElementById('favSave').textContent=favModalEditId?'Save changes':'Save to Favourites';
+ document.getElementById('favConnModal').style.display='flex';
+ const ni=document.getElementById('favName');ni.focus();ni.select();}
+// From the Inspector ★ — create (or, if this exact recipe is already saved, edit its name/category).
+function openFavModalFor(j){if(!j){toast('Select a connection first');return;}
+ const existing=favMatch(j);favModalJoint=j;favModalEditId=existing?existing.id:null;
+ const portable=j.kind!=='custom';
+ const hint=j.kind==='custom'?'Imported geometry — drops in place at the clicked point; won’t parametrically re-fit.'
+                             :'Parametric — re-fits any column or beam you apply it to.';
+ favFillModal({title:existing?'Edit favourite':'Save to Favourites',kind:j.kind,name:existing?existing.name:favSuggestName(j),category:existing?existing.category:'',portable,hint});}
+// From a Favourites row ⋯ → rename/recategorize an existing favourite (edit mode; no joint needed).
+function openFavModalEdit(f){if(!f)return;favModalJoint=null;favModalEditId=f.id;
+ favFillModal({title:'Edit favourite',kind:f.kind,name:f.name,category:f.category,portable:favIsPortable(f),
+  hint:f.kind==='custom'?'Imported geometry — drops in place; won’t parametrically re-fit.':'Parametric — re-fits any column or beam.'});}
+function favModalClose(){document.getElementById('favConnModal').style.display='none';favModalJoint=null;favModalEditId=null;}
+function favModalIsOpen(){const m=document.getElementById('favConnModal');return !!m&&m.style.display==='flex';}
+async function favModalSave(){const name=(document.getElementById('favName').value||'').trim();
+ const category=(document.getElementById('favCat').value||'').trim();
+ if(!name){toast('Give the favourite a name');document.getElementById('favName').focus();return;}
+ try{
+  if(favModalEditId){
+   const res=await fetch('/api/steel-favourites/'+encodeURIComponent(favModalEditId),{method:'PATCH',headers:{'content-type':'application/json'},body:JSON.stringify({name,category})});
+   if(!res.ok)throw 0;const d=await res.json();const i=steelFavourites.findIndex(f=>f.id===favModalEditId);if(i>=0&&d.favourite)steelFavourites[i]=d.favourite;
+   toast('Favourite updated');
+  }else{
+   const r=favRecipeOf(favModalJoint);if(!r){toast('That connection can’t be saved');return;}
+   const body=r.kind==='custom'?{name,category,kind:'custom',geometry:r.geometry,schemaVersion:1,emittedBy:'floless-steel-editor'}
+                               :{name,category,kind:r.kind,params:r.params,schemaVersion:1,emittedBy:'floless-steel-editor'};
+   const res=await fetch('/api/steel-favourites',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify(body)});
+   if(!res.ok)throw 0;const d=await res.json();if(d.favourite)steelFavourites.push(d.favourite);
+   toast('Saved to Favourites ★');
+  }
+ }catch(_){toast('Could not save the favourite');return;}
+ favModalClose();if(legendTab==='fav')renderFavTab();panel();}   // panel() re-renders so the Inspector ★ reflects the saved state
+
+// ── Render the Favourites tab (mirror renderViewsTab) ──────────────────────────────────────────────────────
+function favByKind(){return steelFavourites.filter(f=>{
+ if(favKindFilter==='portable'&&!favIsPortable(f))return false;
+ if(favKindFilter==='geometry'&&f.kind!=='custom')return false;
+ return true;});}
+function toggleFavSearch(){favSearchOpen=!favSearchOpen;if(!favSearchOpen)favQuery='';renderFavTab();
+ if(favSearchOpen){const inp=document.getElementById('favSearchInput');if(inp)inp.focus();}}
+function setFavKindFilter(k){favKindFilter=k;try{localStorage.setItem('floless.favKind',k);}catch{}renderFavTab();}
+function renderFavTab(){const host=document.getElementById('m3dFavBody');if(!host)return;host.replaceChildren();
+ // Header: a kind filter (All / Portable / Geometry) + a 🔍 search toggle. No create button — ★ lives in the Inspector.
+ const head=document.createElement('div');head.id='favHeadRow';
+ const seg=document.createElement('div');seg.id='favKindFilter';seg.className='seg-group';seg.setAttribute('role','group');seg.setAttribute('aria-label','Filter favourites by kind');
+ for(const [k,label,tip] of [['all','All','Show all favourites'],['portable','Portable','Parametric base / shear plates that re-fit any member'],['geometry','Geometry','Imported geometry that drops in place']]){
+  const b=document.createElement('button');b.type='button';b.textContent=label;b.dataset.tip=tip;if(favKindFilter===k)b.classList.add('on');b.setAttribute('aria-pressed',String(favKindFilter===k));b.addEventListener('click',()=>setFavKindFilter(k));seg.appendChild(b);}
+ const stog=document.createElement('button');stog.type='button';stog.id='favSearchTog';stog.setAttribute('aria-label','Search favourites');stog.dataset.tip='Search favourites by name';if(favSearchOpen)stog.classList.add('on');stog.appendChild(magnifierSvg());stog.addEventListener('click',toggleFavSearch);
+ head.append(seg,stog);host.appendChild(head);
+ // Search box (revealed on demand)
+ if(favSearchOpen){const sb=document.createElement('div');sb.id='favSearch';sb.className='show'+(favQuery?' has':'');
+  const ico=Object.assign(document.createElement('span'),{className:'lsico'});ico.setAttribute('aria-hidden','true');ico.appendChild(magnifierSvg());
+  const inp=document.createElement('input');inp.id='favSearchInput';inp.type='text';inp.placeholder='Search favourites…';inp.autocomplete='off';inp.value=favQuery;inp.setAttribute('role','searchbox');inp.setAttribute('aria-label','Search favourites');
+  const clr=Object.assign(document.createElement('span'),{className:'lsx',textContent:'×'});clr.dataset.tip='Clear';
+  inp.addEventListener('input',()=>{favQuery=inp.value;applyFavFilter();});
+  inp.addEventListener('keydown',e=>{if(e.key==='Escape'){e.stopPropagation();if(inp.value){inp.value='';favQuery='';applyFavFilter();}else{toggleFavSearch();}}});
+  clr.addEventListener('click',()=>{if(!inp.value&&!favQuery)return;inp.value='';favQuery='';applyFavFilter();inp.focus();});
+  sb.append(ico,inp,clr);host.appendChild(sb);}
+ // Body: empty (nothing saved), empty-in-filter, or the list
+ if(!steelFavourites.length){const e=Object.assign(document.createElement('div'),{className:'favempty'});e.textContent='Select a base plate, shear plate, or imported connection in the model and click ★ Save to build your library.';host.appendChild(e);return;}
+ const rows=favByKind();
+ if(!rows.length){const e=document.createElement('div');e.className='favnores';e.append(document.createTextNode('No favourites in this filter.'));
+  const clr=document.createElement('button');clr.type='button';clr.className='pilllink';clr.textContent='Show all';clr.addEventListener('click',()=>setFavKindFilter('all'));e.appendChild(clr);host.appendChild(e);return;}
+ const list=document.createElement('div');list.id='favList';host.appendChild(list);
+ for(const f of rows)list.appendChild(buildFavRow(f));
+ applyFavFilter();
+}
+function buildFavRow(f){const row=document.createElement('div');row.className='favrow'+(armedFavId===f.id?' armed':'');row.dataset.id=f.id;row.tabIndex=0;
+ const sw=Object.assign(document.createElement('span'),{className:'favsw'});sw.style.setProperty('--sw',FAV_KIND_COLOR[f.kind]||'#8a97a8');sw.dataset.tip=FAV_KIND_LABEL[f.kind]||f.kind;
+ const name=Object.assign(document.createElement('span'),{className:'favname',textContent:f.name});name.dataset.tip=(f.name||'')+' — click to place in the model';
+ const badge=Object.assign(document.createElement('span'),{className:'favbadge'+(favIsPortable(f)?' portable':''),textContent:favIsPortable(f)?'Portable':'Geometry only'});badge.dataset.tip=favIsPortable(f)?'Parametric — re-fits any member':'Imported geometry — drops in place';
+ const dots=Object.assign(document.createElement('span'),{className:'vdots',textContent:'⋯'});dots.dataset.tip='More — Rename / recategorize';dots.setAttribute('role','button');dots.addEventListener('click',e=>{e.stopPropagation();openFavRowMenu(f,dots);});
+ const x=Object.assign(document.createElement('span'),{className:'vx',textContent:'×'});x.dataset.tip='Remove from Favourites';x.addEventListener('click',e=>{e.stopPropagation();deleteFav(f);});
+ row.append(sw,name,badge,dots,x);
+ row.addEventListener('click',e=>{if(e.target===dots||e.target===x)return;armFavouriteInsert(f);});
+ row.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();armFavouriteInsert(f);}});
+ return row;}
+// Filter rows by name (kind is already applied at render); no-results shows a muted line + Clear. Mirrors applyViewsFilter.
+function applyFavFilter(){const host=document.getElementById('m3dFavBody');if(!host)return;const list=document.getElementById('favList');
+ const old=host.querySelector('.favnores');if(old&&list)old.remove();   // keep the empty-in-filter notice (no list); only drop the search no-results
+ const sb=document.getElementById('favSearch');if(sb)sb.classList.toggle('has',!!favQuery);
+ if(!list)return;const q=(favQuery||'').trim().toLowerCase();const rows=[...list.querySelectorAll('.favrow')];
+ if(!q){rows.forEach(r=>r.style.display='');return;}
+ let any=false;rows.forEach(r=>{const nm=(r.querySelector('.favname')||{}).textContent||'';const hit=nm.toLowerCase().includes(q);r.style.display=hit?'':'none';if(hit)any=true;});
+ if(!any){const e=document.createElement('div');e.className='favnores';e.append(document.createTextNode('No favourites match “'+favQuery.trim()+'”.'));
+  const clr=document.createElement('button');clr.type='button';clr.className='pilllink';clr.textContent='Clear';clr.addEventListener('click',()=>{favQuery='';const inp=document.getElementById('favSearchInput');if(inp)inp.value='';applyFavFilter();if(inp)inp.focus();});
+  e.appendChild(clr);host.appendChild(e);}
+}
+// The per-row ⋯ popup — reuses the .m3dmenu skin. F1: Place + Rename/recategorize (the F2 terminal relay lands later).
+function openFavRowMenu(f,anchorEl){closeFavRowMenu();
+ const m=document.createElement('div');m.id='favRowMenu';m.className='m3dmenu open';m.setAttribute('role','menu');
+ const mk=(label,fn)=>{const b=document.createElement('button');b.type='button';b.textContent=label;b.setAttribute('role','menuitem');b.addEventListener('click',()=>{closeFavRowMenu();fn();});return b;};
+ m.append(mk('Place in model',()=>armFavouriteInsert(f)),mk('Rename / recategorize…',()=>openFavModalEdit(f)));
+ document.body.appendChild(m);
+ const r=anchorEl.getBoundingClientRect();const mw=m.offsetWidth||184,mh=m.offsetHeight||80;
+ let x=r.right-mw,y=r.bottom+4;if(x<6)x=6;if(y+mh>innerHeight-6)y=r.top-mh-4;if(y<6)y=6;
+ m.style.left=x+'px';m.style.top=y+'px';
+ setTimeout(()=>document.addEventListener('mousedown',favRowMenuOutside,true),0);
+}
+function favRowMenuOutside(e){const m=document.getElementById('favRowMenu');if(m&&!m.contains(e.target))closeFavRowMenu();}
+function closeFavRowMenu(){const m=document.getElementById('favRowMenu');if(m)m.remove();document.removeEventListener('mousedown',favRowMenuOutside,true);}
+// Delete — no confirm (a recipe, never live geometry), with an undo toast that re-POSTs the favourite.
+async function deleteFav(f){const idx=steelFavourites.findIndex(x=>x.id===f.id);if(idx<0)return;
+ steelFavourites.splice(idx,1);
+ if(armedFavId===f.id&&window.Steel3DView&&window.Steel3DView.setInsertMode)window.Steel3DView.setInsertMode(false);   // disarm if the deleted one was armed
+ renderFavTab();
+ // Verify the server actually removed it before promising an undo: a swallowed non-OK (500 / a read-only or full
+ // ~/.floless) would leave the row gone in the UI but still on disk — a durable, cross-project ghost that reappears
+ // next load. 404 = already gone = the desired end state.
+ let ok=false;
+ try{const res=await fetch('/api/steel-favourites/'+encodeURIComponent(f.id),{method:'DELETE'});ok=res.ok||res.status===404;}catch(_){ok=false;}
+ if(!ok){steelFavourites.splice(Math.min(idx,steelFavourites.length),0,f);renderFavTab();toast('Could not remove “'+f.name+'” — it’s still saved. Try again.');return;}   // don't lie to the user; skip the undo toast (nothing was removed)
+ // Undo re-POSTs, which mints a NEW id (the restored favourite is value-identical but not id-identical) — F2's
+ // terminal relay must therefore not assume a favourite id survives an undo.
+ undoToast('Removed “'+f.name+'”',async()=>{try{
+  const body=f.kind==='custom'?{name:f.name,category:f.category,kind:'custom',geometry:f.geometry,schemaVersion:f.schemaVersion||1,emittedBy:f.emittedBy}
+                              :{name:f.name,category:f.category,kind:f.kind,params:f.params,schemaVersion:f.schemaVersion||1,emittedBy:f.emittedBy};
+  const res=await fetch('/api/steel-favourites',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify(body)});
+  if(res.ok){const d=await res.json();if(d.favourite){steelFavourites.push(d.favourite);renderFavTab();}}
+ }catch(_){toast('Could not restore the favourite');}});
+}
+
+// ── Apply a favourite in-editor: arm the placement crosshair (sticky → repeat), then click a target ──────────
+function armFavouriteInsert(f){if(!f)return;
+ if(!view3d){toast('Switch to the 3D view to place a connection');return;}
+ if(f.kind==='custom'&&(!Array.isArray(f.geometry)||!f.geometry.length)){toast('That favourite has no geometry to place');return;}
+ armedFavId=f.id;window.Steel3DView.setInsertMode(true,{kind:'favourite',favourite:f,sticky:true});
+ const target=f.kind==='base-plate'?'a column':f.kind==='shear-plate'?'a beam end':'the model';
+ const note=f.kind==='custom'?' (imported geometry — drops in place, won’t re-fit)':'';
+ showFavArmBar('Placing “'+f.name+'” — click '+target+note+'. Esc when done.');
+ if(legendTab==='fav')renderFavTab();   // mark the armed row
+}
+// Called by view3dApi.onInsertModeChange(false) — the crosshair disarmed (Esc / toolbar cancel / the bar's Cancel).
+function favDisarmed(){if(armedFavId==null&&!favArmBarOn())return;armedFavId=null;hideFavArmBar();if(legendTab==='fav')renderFavTab();}
+// A PERSISTENT armed-placement bar, distinct from the transient toast(): it stays up across repeat placements and
+// is dismissed only on disarm. Built on demand like undoToast; its Cancel mirrors Esc.
+function showFavArmBar(msg){let b=document.getElementById('favArmBar');
+ if(!b){b=document.createElement('div');b.id='favArmBar';b.setAttribute('role','status');b.setAttribute('aria-live','polite');b.style.cssText='position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:none;align-items:center;gap:12px;background:var(--panel);color:var(--text);border:1px solid var(--brand);border-radius:8px;padding:8px 14px;box-shadow:0 6px 20px rgba(0,0,0,.5);z-index:60;font:13px system-ui;max-width:min(560px,92vw)';document.body.appendChild(b);}
+ b.replaceChildren();b.appendChild(document.createTextNode(msg));
+ const cancel=document.createElement('button');cancel.type='button';cancel.textContent='Cancel';cancel.dataset.tip='Stop placing (Esc)';cancel.style.cssText='background:transparent;border:1px solid var(--line);color:var(--mut);border-radius:4px;padding:2px 8px;font:12px system-ui;cursor:pointer;box-shadow:none;flex:none';
+ cancel.addEventListener('click',()=>{if(window.Steel3DView)window.Steel3DView.setInsertMode(false);});   // disarm → onInsertModeChange → favDisarmed hides this bar
+ b.appendChild(cancel);b.style.display='flex';}
+function hideFavArmBar(){const b=document.getElementById('favArmBar');if(b)b.style.display='none';}
+function favArmBarOn(){const b=document.getElementById('favArmBar');return !!b&&b.style.display!=='none';}
 // Connection categories ARE the joints (Phase 2): every part of a joint — including its own nuts/washers/welds
 // — files under that connection. A part's connection = the joint its id prefixes (e.g. "bp-c1:weld" → bp-c1 →
 // base-plate). Shared part-kinds are split per-connection by hiding the actual part IDS (setIdsHidden), since
@@ -4130,7 +4420,7 @@ async function setView(on){
    window.Steel3DView.show();
    await window.Steel3DView.rebuild(true);   // fit the camera on entering 3D
    window.Steel3DView.setSelection(selIds);
-   wire3DBar();wireLegendTabs();build3DLegend();showLegendPanel();   // build the Objects body, then open the panel on the last-used tab
+   wire3DBar();wireLegendTabs();loadSteelFavourites();build3DLegend();showLegendPanel();   // build the Objects body + load the (global) favourites library, then open the panel on the last-used tab
    reflectProj();reflectMode();  // reflect persisted projection + display mode into the Camera/Display dropdown triggers
   }catch(e){                            // a failed open must not strand the UI in 3D with a blank canvas
    applyViewState(false);if(window.Steel3DView)window.Steel3DView.hide();
@@ -4879,6 +5169,12 @@ document.getElementById('askAiClose').onclick = askAiClose;
 document.getElementById('askAiCancel').onclick = askAiClose;
 document.getElementById('askAiBackdrop').onclick = askAiClose;
 document.getElementById('askAiText').oninput = askAiSyncSend;
+// Favourites modal (#favConnModal) wiring — a local sibling of the Ask-AI modal.
+document.getElementById('favClose').onclick = favModalClose;
+document.getElementById('favCancel').onclick = favModalClose;
+document.getElementById('favBackdrop').onclick = favModalClose;
+document.getElementById('favSave').onclick = favModalSave;
+document.getElementById('favName').addEventListener('keydown', e => { if (e.key === 'Enter') { e.preventDefault(); favModalSave(); } });
 // Drop zone click → file picker
 document.getElementById('askAiDrop').onclick = () => document.getElementById('askAiFile').click();
 // File input (supports multiple)

package/package.json

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