@floless/app 0.38.0 → 0.40.0

package/dist/floless-server.cjs

@@ -52856,7 +52856,7 @@ function appVersion() {
   return resolveVersion({
     isSea: isSea2(),
     sqVersionXml: readSqVersionXml(),
-    define: true ? "0.38.0" : void 0,
+    define: true ? "0.40.0" : void 0,
     pkgVersion: readPkgVersion()
   });
 }
@@ -52866,7 +52866,7 @@ function resolveChannel(s) {
   return "dev";
 }
 function appChannel() {
-  return resolveChannel({ isSea: isSea2(), define: true ? "0.38.0" : void 0 });
+  return resolveChannel({ isSea: isSea2(), define: true ? "0.40.0" : void 0 });
 }
 
 // oauth-presets.ts

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

@@ -68,7 +68,8 @@
         "details": { "type": "array", "items": { "$ref": "#/$defs/detail" } },
         "tos_callouts": { "type": "array", "items": { "$ref": "#/$defs/tos_callout" } },
         "members": { "type": "array", "items": { "$ref": "#/$defs/member" } },
-        "dims": { "type": "array", "items": { "$ref": "#/$defs/dim" }, "description": "Draft-only on-drawing dimensions (editor annotations). NOT baked into the lock / 3D / IFC / BOM." }
+        "dims": { "type": "array", "items": { "$ref": "#/$defs/dim" }, "description": "Draft-only on-drawing dimensions (editor annotations). NOT baked into the lock / 3D / IFC / BOM." },
+        "frame": { "$ref": "#/$defs/frame" }
       }
     },
     "segment": {
@@ -90,8 +91,19 @@
         "id": { "type": "string" },
         "a": { "$ref": "#/$defs/point2", "description": "First snapped anchor, display space." },
         "b": { "$ref": "#/$defs/point2", "description": "Second snapped anchor, display space." },
-        "axis": { "enum": ["free", "x", "y"], "description": "free = aligned distance hypot(b-a); x = |b.x-a.x|; y = |b.y-a.y|." },
-        "off": { "type": "number", "description": "Dimension-line offset: for axis x the dim-line Y; for axis y the dim-line X; for free the signed perpendicular distance from the a-b baseline." }
+        "axis": { "enum": ["free", "x", "y"], "description": "free = aligned distance hypot(b-a); x = along local-X; y = along local-Y. With no frame (rot 0) x/y are screen-horizontal/vertical." },
+        "off": { "type": "number", "description": "Dimension-line offset: for axis x the dim-line Y; for axis y the dim-line X; for free the signed perpendicular distance from the a-b baseline. Stored in the dim's own (rot-rotated) frame." },
+        "rot": { "type": "number", "description": "Local-frame bearing (radians) baked at creation; 0 = global axes. x/y measure along this rotated frame so resetting the plan frame never moves placed dims." }
+      }
+    },
+    "frame": {
+      "type": ["object", "null"],
+      "description": "Optional per-plan local coordinate frame for skewed framing. null/absent = global axes. Affects only editor ortho-snapping + X/Y dimensions; NOT baked into the lock / 3D / IFC / BOM.",
+      "required": ["o", "u"],
+      "additionalProperties": true,
+      "properties": {
+        "o": { "$ref": "#/$defs/point2", "description": "Frame origin, display space (glyph anchor)." },
+        "u": { "$ref": "#/$defs/point2", "description": "Unit local-X direction [ux,uy], display space. Local-Y = [uy,-ux]." }
       }
     },
     "label": {

package/dist/web/steel-editor.html

@@ -73,6 +73,7 @@
  .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}
  #saveStat.dirty{color:#fbbf24} #saveStat.ok{color:#86efac} #saveStat.err{color:#fca5a5}
+ #csStat.local{border:1px solid #22d3ee;background:rgba(34,211,238,.10);border-radius:4px;padding:1px 6px}  /* lift the chip out of the muted row when a local frame is active (reuses the dim/accent cyan — no new colour) */
  #rfiStat{cursor:pointer;text-decoration:underline dotted} #rfiStat:hover b{color:#fff}
  #confStat{cursor:pointer;text-decoration:underline dotted} #confStat:hover b{filter:brightness(1.25)}
  .conf-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;border-bottom:1px solid var(--line)}
@@ -123,6 +124,8 @@
  #moreMenu button:hover{background:#334155}
  #moreMenu button.mdanger{color:#fca5a5}
  #moreMenu button.mdanger:hover{background:#7f1d1d;color:#fecaca}
+ #moreMenu button:disabled{opacity:.4;cursor:default;background:transparent}
+ #moreMenu button.on{color:var(--brand)}
  button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
  #srcStat{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #detailNewForm input#dnName{margin:2px 0 10px}
@@ -146,9 +149,12 @@
  circle.dimend{fill:#22d3ee;pointer-events:none}
  rect.dimchip{fill:#111827;stroke:#22d3ee;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}
  text.dimtx{fill:#e2e8f0;font-weight:600;font-family:system-ui;text-anchor:middle;dominant-baseline:central;pointer-events:none}
- line.dim.dimsel{stroke:#f59e0b} rect.dimchip.dimsel{stroke:#f59e0b} circle.dimend.dimsel{fill:#f59e0b}
+ line.dim.dimsel{stroke:#f59e0b} line.dimwit.dimsel{stroke:#f59e0b;opacity:1} rect.dimchip.dimsel{stroke:#f59e0b} circle.dimend.dimsel{fill:#f59e0b}
+ circle.dimhandle{fill:#22d3ee;stroke:#0b1220;stroke-width:2;cursor:grab}
  .dimprev{opacity:.85} line.dim.dimprev{stroke-dasharray:7 4}
  body.dimon line.member,body.dimon line.seg,body.dimon image{cursor:crosshair}
+ body.csaxison #svg,body.csaxison line.member,body.csaxison line.seg,body.csaxison image{cursor:crosshair}
+ g.csglyph text{user-select:none}
  body.geo line.seg{opacity:.45;cursor:crosshair} body.geo line.member{cursor:crosshair}
  body.geo line.seg:hover{stroke:#22d3ee;opacity:1;stroke-width:4} body.geo line.member:hover{stroke-width:8}
  circle.numbg{fill:var(--brand);stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}
@@ -190,6 +196,7 @@
  <span class=stat>Members <b id=mc>0</b></span><span class=stat>Weight <b id=wt>0</b> tons · <b id=wtlb>0</b> lb</span>
  <span class=stat id=rfiStat title="Click to list unresolved members (RFI)">RFI <b id=rc>0</b></span>
  <span class=stat id=dupStat title="Overlapping/duplicate members (same geometry)">Dup <b id=dpc>0</b></span>
+ <span class=stat id=csStat title="Coordinate system — Global by default. Set a local frame from the ⋯ menu for skewed framing.">Axes <b>Global</b></span>
  <span class=stat id=confStat title="Confidence report — AI-read score vs. target. Click to review element evidence." style="display:none">Confidence <b id=confPct>—</b><span id=confTgt></span></span>
  <span class=stat id=saveStat title="Edits auto-save in this browser (localStorage)">Saved</span>
  <span class=stat id=srcStat style="display:none"></span><span style="flex:1"></span>
@@ -204,6 +211,10 @@
    <div class=mlabel>Dimensions</div>
    <button id=dimToggleB title="Show or hide all placed dimensions on the plan">Hide dimensions</button>
    <hr>
+   <div class=mlabel>Coordinate system</div>
+   <button id=csSetB title="Define a local X axis by clicking two points (origin, then X-direction). Y follows at 90°. Orthogonal drawing and X/Y dimensions then snap to this frame — for skewed framing.">↺ Set local axes…</button>
+   <button id=csResetB title="Return to the global X/Y axes (default)" disabled>Reset to global</button>
+   <hr>
    <div class=mlabel>Review</div>
    <button id=dupB title="Select duplicate (overlapping) members — review then Delete to dedupe">Duplicates</button>
    <button id=revB title="Select beams drawn the wrong way — a mostly-horizontal beam should run left→right, a steep/skew beam bottom→up. Review, then press P to swap their direction.">Reversed beams</button>
@@ -411,6 +422,8 @@ function main() {
 let P, X0,Y0,X1,Y1, FT, RB64, EXTX, EXTY, profs;   // per-plan, set by setPlan()
 let mode='sel', drag=null, picking=false, pickKind='profile', pickEnd=null, geoMode=null;
 let dimMode=false, dimDraft=null, dimAxis='free', selDimIds=new Set(), dimsVisible=true;   // Dimension tool: armed flag, in-progress {a,b,axis}, sticky axis, selected dim ids (multi-select), show/hide
+let csaxisMode=false, csDraft=null;   // Local coordinate system "set axes" tool: armed flag + in-progress origin [x,y] (null until click 1). P.frame={o,u} holds the committed local frame (null = global).
+let dimChain=false, dimChainPrev=null, dimSeq=0;   // chained "continuous" dimensioning: toggle, the running {point,axis,off,rot}, and a counter for unique ids on rapid clicks
 let selIds=new Set();
 let undo=[], redo=[];
 const byId=id=>P.members.find(m=>m.id===id);
@@ -462,13 +475,15 @@ function syncDefaults(){for(const m of P.members){ensureMeta(m);
  else for(const en of m.ends)if(en.tosDef!==false&&defaultTOS!=null)en.tos=defaultTOS;}}
 const autofillTOS=syncDefaults;
 // profs is per-plan — computed in setPlan()
-function snapshot(){return JSON.stringify({members:P.members,dims:P.dims||[]});}
+function snapshot(){return JSON.stringify({members:P.members,dims:P.dims||[],frame:P.frame||null});}
 function pushUndo(prev){undo.push(prev);if(undo.length>200)undo.shift();redo.length=0;scheduleSave();}
 function apply(json){const d=JSON.parse(json);
  if(Array.isArray(d))P.members=d;                                  // legacy member-only snapshot (e.g. the auto-dedupe push in setPlan)
- else{P.members=d.members||[];if(Array.isArray(d.dims))P.dims=d.dims;}
+ else{P.members=d.members||[];if(Array.isArray(d.dims))P.dims=d.dims;if('frame' in d)P.frame=d.frame||null;}  // 'frame' present → restore (incl. null = global); absent (legacy snapshot) leaves it alone
+ updCS();
  selIds=new Set([...selIds].filter(id=>byId(id)));
  selDimIds.forEach(id=>{if(!(P.dims||[]).some(x=>x.id===id))selDimIds.delete(id);});  // drop any dim selection the undo removed
+ dimDraft=null;dimChainPrev=null;dimPrevClear();   // undo/redo changed geometry under the tool → abandon any in-progress dim placement / chain (else the chain head points at a removed segment)
  scheduleSave();render();sync3D();}
 function doUndo(){if(!undo.length)return;redo.push(snapshot());apply(undo.pop());}
 function doRedo(){if(!redo.length)return;undo.push(snapshot());apply(redo.pop());}
@@ -484,7 +499,7 @@ function setSaved(state,msg){const el=document.getElementById('saveStat');if(!el
  else el.textContent=msg||'Auto-save on';}
 function persist(){try{localStorage.setItem(LSKEY,JSON.stringify({sig:dataSig(),ts:Date.now(),active:C.active,
    custom_details:C.custom_details, profile_colors:C.profile_colors, target_confidence:C.target_confidence,
-   plans:C.plans.map(p=>({sheet:p.sheet,members:p.members,default_tos:p.default_tos,details:p.details,dims:p.dims}))}));setSaved('ok');}catch(e){setSaved('err');console.error('local autosave failed',e);}}
+   plans:C.plans.map(p=>({sheet:p.sheet,members:p.members,default_tos:p.default_tos,details:p.details,dims:p.dims,frame:p.frame||null}))}));setSaved('ok');}catch(e){setSaved('err');console.error('local autosave failed',e);}}
 // --- server-side draft save: PUT the FULL contract C — this is the copy Approve bakes.
 // localStorage (persist) stays the instant per-browser draft cache; this is the durable one.
 // fetch does NOT reject on HTTP 400 (schema rejection), so treat !res.ok as 'err' (not a false 'Saved ✓'). ---
@@ -513,7 +528,7 @@ function restoreSaved(){try{const raw=localStorage.getItem(LSKEY);if(!raw)return
    if(d.custom_details)C.custom_details=d.custom_details;
    if(d.profile_colors)C.profile_colors=d.profile_colors;
    if(d.target_confidence!=null)C.target_confidence=d.target_confidence;
-   C.plans.forEach(p=>{const s=by[p.sheet];if(s){if(Array.isArray(s.members))p.members=s.members;if(s.default_tos!=null)p.default_tos=s.default_tos;if(Array.isArray(s.details))p.details=s.details;if(Array.isArray(s.dims))p.dims=s.dims;p.autofilled=true;}});
+   C.plans.forEach(p=>{const s=by[p.sheet];if(s){if(Array.isArray(s.members))p.members=s.members;if(s.default_tos!=null)p.default_tos=s.default_tos;if(Array.isArray(s.details))p.details=s.details;if(Array.isArray(s.dims))p.dims=s.dims;if('frame' in s)p.frame=s.frame||null;p.autofilled=true;}});
    if(d.active!=null)C.active=d.active;return true;}catch(e){console.warn('discarding corrupt local draft',e);return false;}}
 function updUR(){document.getElementById('undoB').disabled=!undo.length;document.getElementById('redoB').disabled=!redo.length;}
 function colorFor(p){if(C.profile_colors[p])return C.profile_colors[p];let i=profs.indexOf(p);return PAL[((i%PAL.length)+PAL.length)%PAL.length];}
@@ -524,36 +539,74 @@ function lineX(p1,p2,p3,p4){const x1=p1[0],y1=p1[1],x2=p2[0],y2=p2[1],x3=p3[0],y
  const t=((x1-x3)*(y3-y4)-(y1-y3)*(x3-x4))/den;return [x1+t*(x2-x1),y1+t*(y2-y1)];}
 function projPt(p,a,b){const vx=b[0]-a[0],vy=b[1]-a[1],L2=vx*vx+vy*vy||1;
  let t=((p[0]-a[0])*vx+(p[1]-a[1])*vy)/L2;t=Math.max(0,Math.min(1,t));return {pt:[a[0]+t*vx,a[1]+t*vy],t};}
+// --- local coordinate frame: P.frame={o:[ox,oy],u:[ux,uy]} (unit local-X); local-Y v=[uy,-ux] (right-hand,
+// plan convention X-right→Y-up in y-down screen). null = global. The math is direction-only (origin o is
+// just the glyph anchor). frameRot() = the frame's bearing baked into each dim's `rot`. ---
+function frameRot(){return P.frame?Math.atan2(P.frame.u[1],P.frame.u[0]):0;}
+// Lock free point (x,y) to the dominant axis through anchor (ax,ay). No frame → screen H/V (today,
+// bit-identical). Frame → nearer of local-X / local-Y. Returns the locked [x,y].
+function orthoLock(ax,ay,x,y){
+ if(!P.frame)return Math.abs(x-ax)>=Math.abs(y-ay)?[x,ay]:[ax,y];
+ const ux=P.frame.u[0],uy=P.frame.u[1],vx=uy,vy=-ux,dx=x-ax,dy=y-ay;   // v = local-Y
+ const du=dx*ux+dy*uy,dv=dx*vx+dy*vy;                                  // components along local axes
+ return Math.abs(du)>=Math.abs(dv)?[ax+du*ux,ay+du*uy]:[ax+dv*vx,ay+dv*vy];}
+// rotate p about the world origin by angle r (rad). rotPt(p,-rot) maps display→a frame whose local-X is
+// horizontal; rotPt(p,+rot) maps back. Used to run the existing screen-aligned dim math inside a rotated frame.
+function rotPt(p,r){const c=Math.cos(r),s=Math.sin(r);return [p[0]*c-p[1]*s,p[0]*s+p[1]*c];}
+// Which axis ('x'|'y') the span a→p is closer to — local components when a frame is set, else screen dx/dy.
+// Drives the Dimension tool's Shift / momentary axis lock so it agrees with the active frame.
+function dominantAxis(a,p){const dx=p[0]-a[0],dy=p[1]-a[1];
+ if(!P.frame)return Math.abs(dx)>=Math.abs(dy)?'x':'y';
+ const ux=P.frame.u[0],uy=P.frame.u[1],du=dx*ux+dy*uy,dv=dx*uy-dy*ux;   // along local-X (u) vs local-Y (v=[uy,-ux])
+ return Math.abs(du)>=Math.abs(dv)?'x':'y';}
+// Guard a frame that arrived from outside the UI (hand-edited contract / AI writeback): the math assumes a
+// finite, non-zero, unit u. Drop a malformed frame to global; normalize a non-unit direction. (The schema's
+// minimal validator can't express unit-length, so we sanitize at the load boundary — UI-set frames are clean.)
+function sanitizeFrame(p){const f=p&&p.frame;if(!f)return;
+ const okPt=a=>Array.isArray(a)&&a.length>=2&&isFinite(a[0])&&isFinite(a[1]);
+ if(!okPt(f.u)||!okPt(f.o)){p.frame=null;return;}
+ const L=Math.hypot(f.u[0],f.u[1]);
+ if(!(L>1e-6)){p.frame=null;return;}                          // zero-length → no usable axis → global
+ if(Math.abs(L-1)>1e-6)f.u=[f.u[0]/L,f.u[1]/L];}             // normalize a non-unit direction
 // --- dimension geometry (display space, y-down). `off` meaning by axis: x -> the dim-line Y;
 // y -> the dim-line X; free -> signed perpendicular distance from the a->b baseline. ---
-function dimGeo(a,b,axis,off){
- if(axis==='x'){const y=off;return {p1:[a[0],y],p2:[b[0],y],w:[[a,[a[0],y]],[b,[b[0],y]]],mid:[(a[0]+b[0])/2,y],px:Math.abs(b[0]-a[0])};}
- if(axis==='y'){const x=off;return {p1:[x,a[1]],p2:[x,b[1]],w:[[a,[x,a[1]]],[b,[x,b[1]]]],mid:[x,(a[1]+b[1])/2],px:Math.abs(b[1]-a[1])};}
- const dx=b[0]-a[0],dy=b[1]-a[1],L=Math.hypot(dx,dy),D=L||1,nx=-dy/D,ny=dx/D;     // free: parallel-offset along the normal (D guards a zero-length divide; L stays the true measured length so a 0-length dim reads 0'-0", not 1px)
- const a2=[a[0]+nx*off,a[1]+ny*off],b2=[b[0]+nx*off,b[1]+ny*off];
- return {p1:a2,p2:b2,w:[[a,a2],[b,b2]],mid:[(a2[0]+b2[0])/2,(a2[1]+b2[1])/2],px:L};}
+// `rot` (rad) = the dim's baked local frame; 0 = global (screen-aligned x/y, today's behavior). For x/y
+// we rotate the anchors into the frame (local-X horizontal), run the original screen-aligned logic, then
+// rotate the produced geometry back — so x measures along local-X, y along local-Y. `free` is frame-independent.
+function dimGeo(a,b,axis,off,rot){rot=rot||0;
+ if(axis==='free'){const dx=b[0]-a[0],dy=b[1]-a[1],L=Math.hypot(dx,dy),D=L||1,nx=-dy/D,ny=dx/D;     // free: parallel-offset along the normal (D guards a zero-length divide; L stays the true measured length so a 0-length dim reads 0'-0", not 1px)
+   const a2=[a[0]+nx*off,a[1]+ny*off],b2=[b[0]+nx*off,b[1]+ny*off];
+   return {p1:a2,p2:b2,w:[[a,a2],[b,b2]],mid:[(a2[0]+b2[0])/2,(a2[1]+b2[1])/2],px:L};}
+ const A=rot?rotPt(a,-rot):a,B=rot?rotPt(b,-rot):b;     // into the local frame (no-op when rot 0)
+ let g;
+ if(axis==='x'){const y=off;g={p1:[A[0],y],p2:[B[0],y],w:[[A,[A[0],y]],[B,[B[0],y]]],mid:[(A[0]+B[0])/2,y],px:Math.abs(B[0]-A[0])};}
+ else{const x=off;g={p1:[x,A[1]],p2:[x,B[1]],w:[[A,[x,A[1]]],[B,[x,B[1]]]],mid:[x,(A[1]+B[1])/2],px:Math.abs(B[1]-A[1])};}   // axis y
+ if(rot){const f=p=>rotPt(p,rot);g.p1=f(g.p1);g.p2=f(g.p2);g.mid=f(g.mid);g.w=g.w.map(s=>[f(s[0]),f(s[1])]);}   // back to display space (witness `from` maps back to the original anchor)
+ return g;}
 // measured pixels -> real length text, identical to every other length in the editor (ft-in, 16ths).
 function dimValueText(px){return fmtFtIn(px/FT*12);}
-// the offset a click at pointer p implies, given the two anchors + axis.
-function dimOffFromPointer(a,b,axis,p){
- if(axis==='x')return p[1];
- if(axis==='y')return p[0];
- const dx=b[0]-a[0],dy=b[1]-a[1],L=Math.hypot(dx,dy)||1,nx=-dy/L,ny=dx/L;
- return (p[0]-a[0])*nx+(p[1]-a[1])*ny;}
+// the offset a click at pointer p implies, given the two anchors + axis (+ baked frame rot). For x/y the
+// pointer is read in the local frame so the stored off is in that frame (consistent with dimGeo).
+function dimOffFromPointer(a,b,axis,p,rot){rot=rot||0;
+ if(axis==='free'){const dx=b[0]-a[0],dy=b[1]-a[1],L=Math.hypot(dx,dy)||1,nx=-dy/L,ny=dx/L;
+   return (p[0]-a[0])*nx+(p[1]-a[1])*ny;}
+ const P_=rot?rotPt(p,-rot):p;
+ return axis==='x'?P_[1]:P_[0];}
 // a sensible offset for the stage-1 preview (before the 3rd click picks one): clear of the anchors by a constant screen distance.
-function dimDefaultOff(a,b,axis){
- if(axis==='x')return Math.min(a[1],b[1])-28/zoom;   // X dim line sits above the higher anchor
- if(axis==='y')return Math.min(a[0],b[0])-28/zoom;   // Y dim line sits left of the leftmost anchor
- return -28/zoom;}                                    // free: a constant perpendicular offset
+function dimDefaultOff(a,b,axis,rot){rot=rot||0;
+ if(axis==='free')return -28/zoom;                    // free: a constant perpendicular offset
+ const A=rot?rotPt(a,-rot):a,B=rot?rotPt(b,-rot):b;   // x/y: clear of the anchors in the LOCAL frame (off is local)
+ if(axis==='x')return Math.min(A[1],B[1])-28/zoom;    // X dim line sits "above" the anchors (local-Y)
+ return Math.min(A[0],B[0])-28/zoom;}                 // Y dim line sits "left" of the anchors (local-X)
 // one dimension -> SVG string. opts: {id, sel, preview}. Lines use non-scaling-stroke (constant on
 // screen); the chip rect/text + end dots are sized in 1/zoom and re-synced by updateBadges on zoom.
-function dimSvg(d,o){o=o||{};const g=dimGeo(d.a,d.b,d.axis,d.off);
+function dimSvg(d,o){o=o||{};const g=dimGeo(d.a,d.b,d.axis,d.off,d.rot);
  const c=(o.preview?'dimprev ':'')+(o.sel?'dimsel ':'');const txt=esc(dimValueText(g.px));
  const cw=txt.length*7+16,ch=18,dd=o.id?` data-dim="${esc(o.id)}"`:'';
  // a free (aligned) dim rotates its chip+text to the line, like a drafting dimension; x/y keep it
  // horizontal (more readable). Clamp to the −90..90 arc so the text never reads upside-down; within
  // 8° of horizontal it stays flat.
- let ang=0;if(d.axis==='free'){ang=Math.atan2(g.p2[1]-g.p1[1],g.p2[0]-g.p1[0])*180/Math.PI;if(ang>90)ang-=180;else if(ang<-90)ang+=180;if(Math.abs(ang)<8)ang=0;}
+ let ang=0;if(d.axis==='free'||d.rot){ang=Math.atan2(g.p2[1]-g.p1[1],g.p2[0]-g.p1[0])*180/Math.PI;if(ang>90)ang-=180;else if(ang<-90)ang+=180;if(Math.abs(ang)<8)ang=0;}   // free + framed x/y rotate the chip to the (slanted) dim line; screen-aligned x/y (rot 0) stay flat
  let s='';for(const w of g.w)s+=`<line class="dimwit ${c}" x1="${w[0][0]}" y1="${w[0][1]}" x2="${w[1][0]}" y2="${w[1][1]}"/>`;
  s+=`<line class="dim ${c}"${dd} x1="${g.p1[0]}" y1="${g.p1[1]}" x2="${g.p2[0]}" y2="${g.p2[1]}"/>`;
  s+=`<circle class="dimend ${c}" cx="${g.p1[0]}" cy="${g.p1[1]}" r="${3/zoom}"/><circle class="dimend ${c}" cx="${g.p2[0]}" cy="${g.p2[1]}" r="${3/zoom}"/>`;
@@ -562,7 +615,10 @@ function dimSvg(d,o){o=o||{};const g=dimGeo(d.a,d.b,d.axis,d.off);
  s+=ang?`<g transform="rotate(${ang.toFixed(2)} ${g.mid[0]} ${g.mid[1]})">${chip}</g>`:chip;   // rotate the chip group around the dim-line midpoint
  return s;}
 function renderDims(){if(!dimsVisible||!Array.isArray(P.dims))return '';
- return P.dims.map(d=>dimSvg(d,{id:d.id,sel:selDimIds.has(d.id)})).join('');}
+ let s=P.dims.map(d=>dimSvg(d,{id:d.id,sel:selDimIds.has(d.id)})).join('');
+ const HR=epR();for(const d of P.dims)if(selDimIds.has(d.id))   // each selected dim gets draggable anchor handles — drag an end to re-measure (snaps like drawing; Alt off)
+   s+=`<circle class=dimhandle data-dim="${esc(d.id)}" data-dimend="0" cx="${d.a[0]}" cy="${d.a[1]}" r="${HR}"/><circle class=dimhandle data-dim="${esc(d.id)}" data-dimend="1" cx="${d.b[0]}" cy="${d.b[1]}" r="${HR}"/>`;
+ return s;}
 function setGeo(){document.body.classList.toggle('geo',!!geoMode);}
 // nearest end → intersection: extends when the line is past the end, trims when it crosses the member. ponytail: keeps the larger piece on a deep overshoot — undo+drag if that's wrong.
 // Multi: trim/extend the nearest end of EVERY given member to the (tA,tB) target line; members
@@ -681,7 +737,8 @@ function render(){
    for(const k in grp){const a=grp[k],n=a.length;a.forEach((it,j)=>{const x=it.c[0]+(j-(n-1)/2)*R*2,y=it.c[1];const d=`data-bx="${it.c[0]}" data-fi="${j}" data-gn="${n}"`;
      s+=`<circle class=numbg ${d} cx="${x}" cy="${y}" r="${R}"/><text class=numtx ${d} x="${x}" y="${y}" style="font-size:${F}px">${it.idx+1}</text>`;});}}
  s+=renderDims();
- 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();
+ 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();
  if(view3d&&window.Steel3DView)window.Steel3DView.setSelection(selIds);  // keep the 3D highlight in sync with the 2D selection
 }
 function updDup(){const n=redundantDups().length;
@@ -693,11 +750,12 @@ function updDup(){const n=redundantDups().length;
 function updateBadges(){const R=12/zoom,F=13/zoom,ox=el=>(+el.dataset.fi-(+el.dataset.gn-1)/2)*R*2;
  svg.querySelectorAll('circle.numbg').forEach(c=>{c.setAttribute('cx',(+c.dataset.bx)+ox(c));c.setAttribute('r',R);});
  svg.querySelectorAll('text.numtx').forEach(t=>{t.setAttribute('x',(+t.dataset.bx)+ox(t));t.style.fontSize=F+'px';});
- svg.querySelectorAll('circle.handle').forEach(h=>h.setAttribute('r',epR()));
+ svg.querySelectorAll('circle.handle,circle.dimhandle').forEach(h=>h.setAttribute('r',epR()));
  const dz=13/zoom;svg.querySelectorAll('text.dimtx').forEach(t=>t.style.fontSize=dz+'px');
  svg.querySelectorAll('circle.dimend').forEach(c=>c.setAttribute('r',3/zoom));
  svg.querySelectorAll('rect.dimchip').forEach(r=>{const w=(+r.dataset.w)/zoom,h=(+r.dataset.h)/zoom;
-   r.setAttribute('width',w);r.setAttribute('height',h);r.setAttribute('x',(+r.dataset.cx)-w/2);r.setAttribute('y',(+r.dataset.cy)-h/2);});}
+   r.setAttribute('width',w);r.setAttribute('height',h);r.setAttribute('x',(+r.dataset.cx)-w/2);r.setAttribute('y',(+r.dataset.cy)-h/2);});
+ const cg=svg.querySelector('g.csglyph');if(cg&&P.frame)cg.outerHTML=axisGlyphSvg(P.frame.o,P.frame.u,false);}  // glyph is sized in 1/zoom → regenerate on zoom (like the dim chips)
 function updateHandles(m){svg.querySelectorAll(`circle.handle[data-mid="${m.id}"]`).forEach(h=>{const i=+h.dataset.h;h.setAttribute('cx',m.wp[i][0]);h.setAttribute('cy',m.wp[i][1]);});}
 function updateLine(m){const ln=svg.querySelector(`line.member[data-id="${m.id}"]`);
  if(ln){ln.setAttribute('x1',m.wp[0][0]);ln.setAttribute('y1',m.wp[0][1]);ln.setAttribute('x2',m.wp[1][0]);ln.setAttribute('y2',m.wp[1][1]);}}
@@ -712,14 +770,20 @@ const VARIES=Symbol('varies');
 function agg(list,get){if(!list.length)return undefined;const f=get(list[0]);for(let i=1;i<list.length;i++)if(get(list[i])!==f)return VARIES;return f;}
 function panel(){
  const p=document.getElementById('panel');
+ if(csaxisMode){p.innerHTML=`<span class=badge>Set local axes</span>
+   <div class=hint id=csHint style="margin-top:8px">${csDraft?'Click the <b>second</b> point — the local-X direction. Y follows at 90°.':'Click the <b>origin</b> point to start.'}</div>
+   <div class=hint style="margin-top:8px">Two clicks define the frame; snaps to member ends &amp; grid (<b>Alt</b> off). <b>Esc</b> cancels.</div>`;return;}
  if(dimMode){p.innerHTML=`<span class=badge>Dimension</span>
    <div class=hint id=dimHint style="margin-top:8px">${esc(dimHintText())}</div>
    <div class=sect style="margin-top:12px">Direction</div>
    <div class=seg2><button id=dimAxFree class="${dimAxis==='free'?'on':''}">Free</button><button id=dimAxX class="${dimAxis==='x'?'on':''}">X</button><button id=dimAxY class="${dimAxis==='y'?'on':''}">Y</button></div>
+   <div class=sect style="margin-top:12px">Mode</div>
+   <div class=seg2><button id=dimChainB class="${dimChain?'on':''}" title="Chain (C) — keep adding dimensions from the last point; Esc/Enter ends the chain">⛓ Chain</button></div>
    <div class=hint style="margin-top:8px">Snaps to grid intersections, member ends, and onto member lines — same as drawing. <b>Alt</b> turns snap off. <b>Esc</b> cancels.</div>`;
   document.getElementById('dimAxFree').onclick=()=>{dimSetAxis('free');dimRefreshPrev();panel();};
   document.getElementById('dimAxX').onclick=()=>{dimSetAxis('x');dimRefreshPrev();panel();};
   document.getElementById('dimAxY').onclick=()=>{dimSetAxis('y');dimRefreshPrev();panel();};
+  document.getElementById('dimChainB').onclick=()=>toggleDimChain();
   return;}
  if(mode==='add'){
   p.innerHTML=`<span class=badge>Add member</span>
@@ -909,49 +973,114 @@ function snapClear(){const c=document.getElementById('snapMark');if(c)c.remove()
 // svg.innerHTML wholesale, so we only render() on commit/cancel — like the draw/marquee temps). ---
 const SVGNS='http://www.w3.org/2000/svg';
 function setDimMode(){document.body.classList.toggle('dimon',dimMode);document.getElementById('dimB').classList.toggle('on',dimMode);
- if(dimMode){if(mode==='add'){mode='sel';setMode();}geoMode=null;setGeo();selIds.clear();selDimIds.clear();dimsVisible=true;updDimToggle();}  // arming clears conflicting modes + ensures dims are visible
- dimDraft=null;dimPrevClear();}
+ if(dimMode){if(mode==='add'){mode='sel';setMode();}if(csaxisMode){csaxisMode=false;setCsMode();}geoMode=null;setGeo();selIds.clear();selDimIds.clear();dimsVisible=true;updDimToggle();}  // arming clears conflicting modes (add/set-axes) + ensures dims are visible — covers the D-key path too, not just the button
+ dimDraft=null;dimChainPrev=null;dimPrevClear();}
 function dimSnapAt(e){const q=toSvg(e);let x=q.x,y=q.y;
  if(!e.altKey){buildSnap(null);const sn=snap(x,y);x=sn.x;y=sn.y;return {x,y,raw:[q.x,q.y],hit:sn.hit};}
  return {x,y,raw:[q.x,q.y],hit:false};}
 function dimClick(e){const s=dimSnapAt(e);
+ if(dimChainPrev){const a=dimChainPrev.point,b=[s.x,s.y],axis=dimChainPrev.axis,off=dimChainPrev.off,rot=dimChainPrev.rot||0;  // CHAIN: each click adds the next dim from the previous point, on the same axis + offset line + baked frame
+   if(dimGeo(a,b,axis,off,rot).px<1){dimPrev(e);return;}                            // ignore a zero / sub-pixel click (measured length in the frame) — don't commit a degenerate dim
+   edit(()=>{P.dims.push({id:'d'+Date.now()+'_'+(dimSeq++),a,b,axis,off,rot});});
+   dimChainPrev={point:b,axis,off,rot};dimPrev(e);return;}                          // keep going from b; Esc/Enter ends the chain
  if(!dimDraft){dimDraft={a:[s.x,s.y],b:null,axis:dimAxis};dimPrev(e);return;}     // click 1 → first anchor
  if(!dimDraft.b){dimDraft.b=[s.x,s.y];dimPrev(e);return;}                          // click 2 → second anchor (value locks)
  const axis=dimDraft._ax||dimDraft.axis;  // commit the axis the preview last showed: _ax is cached every move (incl. the click-2 preview), so a Shift press/release between move and click can't make the commit disagree with what was on screen
- const off=dimOffFromPointer(dimDraft.a,dimDraft.b,axis,s.raw);                     // click 3 → offset/side from raw pointer
+ const rot=axis==='free'?0:frameRot();                                             // bake the active frame so a later Reset/redefine never moves this dim (free is frame-independent)
+ const off=dimOffFromPointer(dimDraft.a,dimDraft.b,axis,s.raw,rot);                 // click 3 → offset/side from raw pointer
  const a=dimDraft.a,b=dimDraft.b;
- edit(()=>{P.dims.push({id:'d'+Date.now(),a,b,axis,off});});                       // undoable; render() clears the preview
+ edit(()=>{P.dims.push({id:'d'+Date.now()+'_'+(dimSeq++),a,b,axis,off,rot});});      // undoable; render() clears the preview
+ if(dimChain)dimChainPrev={point:b,axis,off,rot};                                  // chain mode → continue from b along this same offset line + baked frame
  dimDraft=null;}
 function dimPrevClear(){const g=document.getElementById('dimPrevG');if(g)g.remove();snapClear();}
-function dimPrev(e){if(!dimMode||!dimDraft){dimPrevClear();return;}
+function dimPrev(e){if(!dimMode){dimPrevClear();return;}
+ {const h=document.getElementById('dimHint');if(h)h.textContent=dimHintText();}   // keep the panel hint live (chain / stage state)
+ if(dimChainPrev){const s=dimSnapAt(e);s.hit?snapMark(s.x,s.y):snapClear();        // chain: preview the next segment from the last point at the shared axis + offset
+   let g=document.getElementById('dimPrevG');if(!g){g=document.createElementNS(SVGNS,'g');g.id='dimPrevG';g.setAttribute('pointer-events','none');svg.appendChild(g);}
+   g.innerHTML=dimSvg({a:dimChainPrev.point,b:[s.x,s.y],axis:dimChainPrev.axis,off:dimChainPrev.off,rot:dimChainPrev.rot||0},{preview:true});return;}
+ if(!dimDraft){const s=dimSnapAt(e);s.hit?snapMark(s.x,s.y):snapClear();const og=document.getElementById('dimPrevG');if(og)og.remove();return;}  // before click 1: show the snap marker for the prospective FIRST anchor (no dim drawn yet)
  let g=document.getElementById('dimPrevG');if(!g){g=document.createElementNS(SVGNS,'g');g.id='dimPrevG';g.setAttribute('pointer-events','none');svg.appendChild(g);}
  if(!dimDraft.b){const s=dimSnapAt(e);s.hit?snapMark(s.x,s.y):snapClear();         // stage 1: live CONSTRAINED preview from a → the tentative 2nd point
    const b=[s.x,s.y];dimLastPtr=b;
-   const ax=e.shiftKey?(Math.abs(b[0]-dimDraft.a[0])>=Math.abs(b[1]-dimDraft.a[1])?'x':'y'):dimDraft.axis;  // X/Y/F + Shift force already apply while picking the 2nd point (value shown live)
-   g.innerHTML=dimSvg({a:dimDraft.a,b,axis:ax,off:dimDefaultOff(dimDraft.a,b,ax)},{preview:true});return;}
+   const ax=e.shiftKey?dominantAxis(dimDraft.a,b):dimDraft.axis;  // X/Y/F + Shift force already apply while picking the 2nd point (value shown live); Shift dominant-axis follows the local frame
+   const rot=ax==='free'?0:frameRot();
+   g.innerHTML=dimSvg({a:dimDraft.a,b,axis:ax,off:dimDefaultOff(dimDraft.a,b,ax,rot),rot},{preview:true});return;}
  const q=toSvg(e);dimLastPtr=[q.x,q.y];snapClear();
- const ax=e.shiftKey?(Math.abs(dimDraft.b[0]-dimDraft.a[0])>=Math.abs(dimDraft.b[1]-dimDraft.a[1])?'x':'y'):dimDraft.axis;  // Shift = momentary dominant-axis lock
- const off=dimOffFromPointer(dimDraft.a,dimDraft.b,ax,[q.x,q.y]);                  // stage 2: full dim rides the pointer
- g.innerHTML=dimSvg({a:dimDraft.a,b:dimDraft.b,axis:ax,off},{preview:true});dimDraft._ax=ax;}
+ const ax=e.shiftKey?dominantAxis(dimDraft.a,dimDraft.b):dimDraft.axis;  // Shift = momentary dominant-axis lock (local-frame aware)
+ const rot=ax==='free'?0:frameRot();
+ const off=dimOffFromPointer(dimDraft.a,dimDraft.b,ax,[q.x,q.y],rot);              // stage 2: full dim rides the pointer
+ g.innerHTML=dimSvg({a:dimDraft.a,b:dimDraft.b,axis:ax,off,rot},{preview:true});dimDraft._ax=ax;}
 function dimSetAxis(ax){dimAxis=ax;if(dimDraft)dimDraft.axis=ax;
  const h=document.getElementById('dimHint');if(h)h.textContent=dimHintText();
  for(const [id,a] of [['dimAxFree','free'],['dimAxX','x'],['dimAxY','y']]){const b=document.getElementById(id);if(b)b.classList.toggle('on',dimAxis===a);}}  // keep the Free/X/Y control in sync whether the axis changed by button OR keyboard (x/y/f)
-function dimHintText(){const a={free:'Free (aligned)',x:'X (horizontal)',y:'Y (vertical)'}[dimDraft?dimDraft.axis:dimAxis];
- return 'Dimension — '+a+'. Click 1: start · Click 2: end · Click 3: place. Shift=lock axis · X/Y/F force · Alt=no snap · Esc=cancel.';}
+function dimHintText(){if(dimChainPrev)return 'Chaining — click the next point to add another dimension from the last one. Enter or Esc ends the chain.';
+ const loc=!!(P&&P.frame);
+ const a={free:'Free (aligned)',x:loc?'X (local)':'X (horizontal)',y:loc?'Y (local)':'Y (vertical)'}[dimDraft?dimDraft.axis:dimAxis];
+ return 'Dimension — '+a+(dimChain?' · Chain ON':'')+(loc?' · local axes':'')+'. Click 1: start · Click 2: end · Click 3: place. Shift=lock axis · X/Y/F force · Alt=no snap · Esc=cancel.';}
+function toggleDimChain(){dimChain=!dimChain;if(!dimChain){dimChainPrev=null;dimPrevClear();}render();}  // Chain (C): toggle continuous dimensioning; turning it off ends any running chain (render() repaints the panel)
 let dimLastPtr=null;   // last canvas pointer during placement, for axis-key live refresh
 function dimRefreshPrev(){if(!dimMode||!dimDraft||!dimLastPtr)return;
  const g=document.getElementById('dimPrevG');if(!g)return;
+ const rot=dimDraft.axis==='free'?0:frameRot();
  if(!dimDraft.b){const b=dimLastPtr;                                                  // stage 1: redraw the forming dim with the just-changed axis (key/button), no mouse move needed
-   g.innerHTML=dimSvg({a:dimDraft.a,b,axis:dimDraft.axis,off:dimDefaultOff(dimDraft.a,b,dimDraft.axis)},{preview:true});return;}
- const off=dimOffFromPointer(dimDraft.a,dimDraft.b,dimDraft.axis,dimLastPtr);dimDraft._ax=dimDraft.axis;  // stage 2: keep the offset the pointer last set; sync _ax so the 3rd-click commit uses the axis now on screen
- g.innerHTML=dimSvg({a:dimDraft.a,b:dimDraft.b,axis:dimDraft.axis,off},{preview:true});}
+   g.innerHTML=dimSvg({a:dimDraft.a,b,axis:dimDraft.axis,off:dimDefaultOff(dimDraft.a,b,dimDraft.axis,rot),rot},{preview:true});return;}
+ const off=dimOffFromPointer(dimDraft.a,dimDraft.b,dimDraft.axis,dimLastPtr,rot);dimDraft._ax=dimDraft.axis;  // stage 2: keep the offset the pointer last set; sync _ax so the 3rd-click commit uses the axis now on screen
+ g.innerHTML=dimSvg({a:dimDraft.a,b:dimDraft.b,axis:dimDraft.axis,off,rot},{preview:true});}
+// --- Local coordinate system "set axes" tool: two snapped clicks (origin, then X-direction) define
+// P.frame={o,u}. Shares buildSnap/snap/snapMark; preview lives in its own <g> (render() rebuilds wholesale). ---
+function setCsMode(){document.body.classList.toggle('csaxison',csaxisMode);
+ const b=document.getElementById('csSetB');if(b)b.classList.toggle('on',csaxisMode);
+ if(csaxisMode){if(mode==='add'){mode='sel';setMode();}if(dimMode){dimMode=false;setDimMode();}geoMode=null;setGeo();selIds.clear();selDimIds.clear();}  // arming disarms conflicting tools + clears selection
+ csDraft=null;csPrevClear();}
+function csSnapAt(e){const q=toSvg(e);if(e.altKey)return [q.x,q.y];buildSnap(null);const sn=snap(q.x,q.y);return [sn.x,sn.y];}
+function csClick(e){const p=csSnapAt(e);
+ if(!csDraft){csDraft=p;csPrev(e);panel();return;}                                    // click 1 → origin (refresh the panel hint to "click the 2nd point")
+ const dx=p[0]-csDraft[0],dy=p[1]-csDraft[1],L=Math.hypot(dx,dy);                     // click 2 → X-direction
+ if(L<1e-6){toast('Pick two distinct points for the X axis');return;}                // degenerate → stay armed
+ const o=csDraft.slice(),u=[dx/L,dy/L];
+ csaxisMode=false;setCsMode();
+ edit(()=>{P.frame={o,u};});                                                         // undoable + persisted; render() draws the glyph
+ toast('Local axes set ('+Math.round(Math.atan2(u[1],u[0])*180/Math.PI)+'°) — ortho & X/Y dims now follow them');}
+function csPrevClear(){const g=document.getElementById('csPrevG');if(g)g.remove();snapClear();}
+function csPrev(e){if(!csaxisMode){csPrevClear();return;}
+ const p=csSnapAt(e);(!e.altKey)?snapMark(p[0],p[1]):snapClear();
+ let g=document.getElementById('csPrevG');if(!g){g=document.createElementNS(SVGNS,'g');g.id='csPrevG';g.setAttribute('pointer-events','none');svg.appendChild(g);}
+ g.innerHTML=csDraft?axisGlyphSvg(csDraft,[p[0]-csDraft[0],p[1]-csDraft[1]],true):'';}  // before click 1 → just the snap marker; after → rubber-band axes toward the pointer
+function resetFrame(){if(!P.frame)return;edit(()=>{P.frame=null;});toast('Axes reset to global');}
+// One coordinate-axes glyph → SVG string. `dir` = any vector along local-X (normalized here). Screen-constant
+// size (÷zoom), re-synced on zoom by updateBadges. Tekla axis colours: X = red, Y = green, origin = Z blue
+// (local-Y = [uy,-ux], plan X-right→Y-up; in plan view Z points out of screen, so it's the origin dot).
+function axisGlyphSvg(o,dir,preview){
+ const L=Math.hypot(dir[0],dir[1]);let ux=1,uy=0;if(L>1e-6){ux=dir[0]/L;uy=dir[1]/L;}
+ const vx=uy,vy=-ux,len=46/zoom,hd=9/zoom,lab=15/zoom,sw=2.5/zoom,halo=sw+3/zoom,ox=o[0],oy=o[1];
+ const xt=[ox+ux*len,oy+uy*len],yt=[ox+vx*len,oy+vy*len];
+ const lx=[xt[0]+ux*lab,xt[1]+uy*lab],ly=[yt[0]+vx*lab,yt[1]+vy*lab];   // label anchors just past each tip
+ const barbs=(tip,ax,ay)=>{const px=-ay,py=ax;                                        // arrowhead: tip + two barbs back along (ax,ay)
+   return `${tip[0]},${tip[1]} ${tip[0]-ax*hd+px*hd*0.5},${tip[1]-ay*hd+py*hd*0.5} ${tip[0]-ax*hd-px*hd*0.5},${tip[1]-ay*hd-py*hd*0.5}`;};
+ // dark halo under each arm so the X/Y axis stays readable where a same-colour member runs through it
+ const arm=(tip,col)=>`<line x1="${ox}" y1="${oy}" x2="${tip[0]}" y2="${tip[1]}" stroke="#0b1220" stroke-width="${halo}" stroke-linecap="round"/>`
+   +`<line x1="${ox}" y1="${oy}" x2="${tip[0]}" y2="${tip[1]}" stroke="${col}" stroke-width="${sw}"/>`;
+ const r=7/zoom;   // label backing chip (dark, axis-coloured edge — like the dim chip), keeps the letter off the drawing
+ const tag=(c,col,txt)=>`<rect x="${c[0]-r}" y="${c[1]-r}" width="${2*r}" height="${2*r}" rx="${2/zoom}" fill="#111827" stroke="${col}" stroke-width="${1/zoom}"/>`
+   +`<text x="${c[0]}" y="${c[1]}" fill="${col}" font-weight="700" style="font-size:${lab}px" text-anchor="middle" dominant-baseline="central">${txt}</text>`;
+ return `<g class="csglyph"${preview?' opacity="0.85"':''} pointer-events="none">`
+  +arm(xt,'#ef4444')+`<polygon points="${barbs(xt,ux,uy)}" fill="#ef4444"/>`
+  +arm(yt,'#22c55e')+`<polygon points="${barbs(yt,vx,vy)}" fill="#22c55e"/>`
+  +`<circle cx="${ox}" cy="${oy}" r="${4/zoom}" fill="#3b82f6" stroke="#e2e8f0" stroke-width="${1.5/zoom}"/>`
+  +tag(lx,'#ef4444','X')+tag(ly,'#22c55e','Y')+`</g>`;}
+// header chip + the More-menu "Reset to global" enabled state — reflect the current frame.
+function updCS(){const s=document.getElementById('csStat');
+ if(s){const f=P&&P.frame;s.innerHTML='Axes <b>'+(f?(Math.round(Math.atan2(f.u[1],f.u[0])*180/Math.PI)+'° local'):'Global')+'</b>';s.classList.toggle('local',!!f);s.title=f?'Local coordinate frame active — ortho draw & X/Y dimensions follow it. Reset via the ⋯ menu.':'Global axes (default). Set a local frame from the ⋯ menu for skewed framing.';}
+ const r=document.getElementById('csResetB');if(r)r.disabled=!(P&&P.frame);}
 // themed transient toast (baseline tokens — never a native alert)
 function toast(msg){let t=document.getElementById('toast');
  if(!t){t=document.createElement('div');t.id='toast';t.style.cssText='position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 14px;box-shadow:0 6px 20px rgba(0,0,0,.5);z-index:60;font:13px system-ui;opacity:0;transition:opacity .2s;pointer-events:none';document.body.appendChild(t);}
  t.textContent=msg;t.style.opacity='1';clearTimeout(t._h);t._h=setTimeout(()=>{t.style.opacity='0';},2600);}
 // --- pointer: select(+ctrl toggle / box) + group-move + endpoint (Shift = ortho) ---
 svg.addEventListener('pointerdown',e=>{if(e.button!==0)return;const t=e.target;
+ if(csaxisMode){csClick(e);e.preventDefault();return;}                            // set-local-axes armed → clicks define origin then X-direction
  if(dimMode){dimClick(e);e.preventDefault();return;}                              // tool armed → all clicks place dimension points
+ if(t.dataset.dimend!=null&&mode==='sel'){const id=t.dataset.dim,end=+t.dataset.dimend;buildSnap(null);drag={type:'dimend',id,end,pre:snapshot()};svg.setPointerCapture(e.pointerId);e.preventDefault();return;}  // drag a selected dim's anchor handle → re-measure (snaps)
  if(t.dataset.dim&&mode==='sel'){const did=t.dataset.dim;selIds.clear();           // a dim click is member-exclusive (clears any member selection)
    if(e.ctrlKey||e.metaKey){selDimIds.has(did)?selDimIds.delete(did):selDimIds.add(did);render();return;}  // Ctrl+click toggles this dim within the dim selection
    selDimIds=new Set([did]);const d=P.dims.find(x=>x.id===did);                     // plain click → exactly this dim (collapses any multi-selection, so Delete removes only it)
@@ -990,20 +1119,22 @@ svg.addEventListener('pointerdown',e=>{if(e.button!==0)return;const t=e.target;
    const rc=document.createElementNS('http://www.w3.org/2000/svg','rect');rc.setAttribute('class','marquee');svg.appendChild(rc);
    drag={type:'marquee',x0:p.x,y0:p.y,add:(e.ctrlKey||e.metaKey),rect:rc};svg.setPointerCapture(e.pointerId);e.preventDefault();}});
 svg.addEventListener('pointermove',e=>{
+ if(csaxisMode){csPrev(e);return;}
  if(dimMode){dimPrev(e);return;}
  if(geoMode==='split'&&selIds.size===1&&!drag){const m=byId([...selIds][0]);if(m){const q=toSvg(e),raw=projPt([q.x,q.y],m.wp[0],m.wp[1]);
    const d=Math.hypot(q.x-raw.pt[0],q.y-raw.pt[1]);
    if(d<16/zoom&&raw.t>0.03&&raw.t<0.97){let cut=raw.pt;if(!e.altKey){buildSnap(m.id);const sn=snap(raw.pt[0],raw.pt[1]);if(sn.hit){const p2=projPt([sn.x,sn.y],m.wp[0],m.wp[1]);if(p2.t>0.02&&p2.t<0.98)cut=p2.pt;}}snapMark(cut[0],cut[1]);}else snapClear();}return;}
  if(!drag)return;const p=toSvg(e);
- if(drag.type==='dim'){const d=P.dims.find(x=>x.id===drag.id);if(d){d.off=dimOffFromPointer(d.a,d.b,d.axis,[p.x,p.y]);render();}return;}
+ if(drag.type==='dimend'){const d=P.dims.find(x=>x.id===drag.id);if(d){let x=p.x,y=p.y;if(!e.altKey){const sn=snap(x,y);x=sn.x;y=sn.y;sn.hit?snapMark(x,y):snapClear();}else snapClear();if(drag.end===0)d.a=[x,y];else d.b=[x,y];render();}return;}  // dragging a dim anchor → snap + re-measure live
+ if(drag.type==='dim'){const d=P.dims.find(x=>x.id===drag.id);if(d){d.off=dimOffFromPointer(d.a,d.b,d.axis,[p.x,p.y],d.rot);render();}return;}
  if(drag.type==='draw'){let x=p.x,y=p.y;
-   if(e.shiftKey){if(Math.abs(x-drag.x0)>=Math.abs(y-drag.y0))y=drag.y0;else x=drag.x0;snapClear();}
+   if(e.shiftKey){[x,y]=orthoLock(drag.x0,drag.y0,x,y);snapClear();}                 // ortho draw — local frame when set, else screen H/V
    else if(!e.altKey){const sn=snap(x,y);x=sn.x;y=sn.y;sn.hit?snapMark(x,y):snapClear();}else snapClear();
    drag.line.setAttribute('x2',x);drag.line.setAttribute('y2',y);drag.cur=[x,y];return;}
  if(drag.type==='marquee'){const x=Math.min(drag.x0,p.x),y=Math.min(drag.y0,p.y),w=Math.abs(p.x-drag.x0),h=Math.abs(p.y-drag.y0);
    drag.rect.setAttribute('x',x);drag.rect.setAttribute('y',y);drag.rect.setAttribute('width',w);drag.rect.setAttribute('height',h);drag.cur=[x,y,x+w,y+h];return;}
  if(drag.type==='move'){let dx=p.x-drag.start[0],dy=p.y-drag.start[1];
-   if(e.shiftKey){if(Math.abs(dx)>=Math.abs(dy))dy=0;else dx=0;snapClear();}
+   if(e.shiftKey){[dx,dy]=orthoLock(0,0,dx,dy);snapClear();}                          // ortho move — lock the delta to the local frame (or screen H/V)
    else if(!e.altKey){let best=null,bd=SNAP_PX/zoom;                  // shift the group so a moving endpoint lands on a snap target (endpoint OR line)
      for(const it of drag.items)for(const o of [it.o0,it.o1]){const nx=o[0]+dx,ny=o[1]+dy;
        for(const q of snapPts){const d=Math.hypot(q[0]-nx,q[1]-ny);if(d<bd){bd=d;best={q,cx:q[0]-nx,cy:q[1]-ny};}}
@@ -1015,7 +1146,7 @@ svg.addEventListener('pointermove',e=>{
    if(selIds.size<=2)for(const m of selArr())updateHandles(m);return;}
  // endpoint
  const m=byId(drag.id);if(!m)return;let x=p.x,y=p.y;
- if(e.shiftKey){if(Math.abs(x-drag.anchor[0])>=Math.abs(y-drag.anchor[1]))y=drag.anchor[1];else x=drag.anchor[0];snapClear();}
+ if(e.shiftKey){[x,y]=orthoLock(drag.anchor[0],drag.anchor[1],x,y);snapClear();}      // ortho endpoint — local frame when set, else screen H/V
  else if(!e.altKey){const sn=snap(x,y);x=sn.x;y=sn.y;sn.hit?snapMark(x,y):snapClear();}else snapClear();
  m.wp[drag.h]=[x,y];updateLine(m);updateHandles(m);});
 svg.addEventListener('pointerup',()=>{if(!drag)return;snapClear();
@@ -1026,12 +1157,14 @@ svg.addEventListener('pointerup',()=>{if(!drag)return;snapClear();
    drag=null;render();return;}
  if(drag.type==='marquee'){if(!drag.add){selIds.clear();selDimIds.clear();}
    const r=drag.cur;if(r&&(r[2]-r[0]>2||r[3]-r[1]>2)){for(const m of P.members)if(rectHit(m.wp[0],m.wp[1],r))selIds.add(m.id);
-     if(dimsVisible)for(const d of P.dims){const g=dimGeo(d.a,d.b,d.axis,d.off);if(rectHit(g.p1,g.p2,r)||rectHit(g.w[0][0],g.w[0][1],r)||rectHit(g.w[1][0],g.w[1][1],r))selDimIds.add(d.id);}}  // area-select grabs dims by their VISIBLE geometry — the dim line + its two witness lines (not the invisible anchor span)
+     if(dimsVisible)for(const d of P.dims){const g=dimGeo(d.a,d.b,d.axis,d.off,d.rot);if(rectHit(g.p1,g.p2,r)||rectHit(g.w[0][0],g.w[0][1],r)||rectHit(g.w[1][0],g.w[1][1],r))selDimIds.add(d.id);}}  // area-select grabs dims by their VISIBLE geometry — the dim line + its two witness lines (not the invisible anchor span)
    drag.rect.remove();drag=null;render();return;}
  if(drag.pre&&snapshot()!==drag.pre)pushUndo(drag.pre);drag=null;render();});
 function setMode(){document.body.classList.toggle('add',mode==='add');document.getElementById('mAdd').classList.toggle('on',mode==='add');}
-document.getElementById('mAdd').onclick=()=>{if(dimMode){dimMode=false;setDimMode();}selDimIds.clear();mode=(mode==='add'?'sel':'add');if(mode==='add')selIds.clear();setMode();render();};  // entering add/sel disarms the Dimension tool (else dimMode keeps eating canvas clicks) and drops any dim selection
-document.getElementById('dimB').onclick=()=>{dimMode=!dimMode;setDimMode();render();};
+document.getElementById('mAdd').onclick=()=>{if(dimMode){dimMode=false;setDimMode();}if(csaxisMode){csaxisMode=false;setCsMode();}selDimIds.clear();mode=(mode==='add'?'sel':'add');if(mode==='add')selIds.clear();setMode();render();};  // entering add/sel disarms the Dimension + set-axes tools (else they keep eating canvas clicks) and drops any dim selection
+document.getElementById('dimB').onclick=()=>{if(csaxisMode){csaxisMode=false;setCsMode();}dimMode=!dimMode;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();};
 document.getElementById('dupB').onclick=()=>{const ids=redundantDups();   // re-scan on demand (also runs live after every edit)
@@ -1060,14 +1193,17 @@ addEventListener('keydown',e=>{
  if(e.key==='Escape'&&confOpen()){closeConf();return;}
  if(e.key==='Home'){e.preventDefault();if(view3d&&window.Steel3DView)window.Steel3DView.frameAll();else fitToWindow();return;}
  if(!view3d&&!inForm&&(((e.key==='z'||e.key==='Z')&&e.altKey)||(e.key===' '&&e.shiftKey))){e.preventDefault();zoomToSelection();return;}  // 2D zoom-to-selected (Tekla Shift+Space / Alt+Z); 3D handles its own (steel-3d-view onKey)
- if(e.key==='Escape'&&dimMode){if(dimDraft){dimDraft=null;dimPrevClear();}else{dimMode=false;setDimMode();}render();return;}  // 1st Esc drops the in-progress dim, 2nd exits the tool
+ if(e.key==='Escape'&&csaxisMode){if(csDraft){csDraft=null;csPrevClear();}else{csaxisMode=false;setCsMode();}render();return;}  // 1st Esc drops the in-progress origin, 2nd exits set-axes
+ if(e.key==='Enter'&&dimMode&&dimChainPrev){e.preventDefault();dimChainPrev=null;dimPrevClear();render();return;}  // Enter ends a running chain
+ if(e.key==='Escape'&&dimMode){if(dimChainPrev){dimChainPrev=null;dimPrevClear();}else if(dimDraft){dimDraft=null;dimPrevClear();}else{dimMode=false;setDimMode();}render();return;}  // Esc: end the chain → drop the in-progress dim → exit the tool
  if(e.key==='Escape'){if(geoMode){geoMode=null;setGeo();render();return;}if(mode==='add'){mode='sel';setMode();}picking=false;pickKind='profile';pickEnd=null;selIds.clear();render();return;}
  if((e.key==='Delete'||e.key==='Backspace')&&(selDimIds.size||selIds.size)&&!inForm){e.preventDefault();edit(()=>{   // deletes everything selected — dims and/or members (a marquee can hold both)
    if(selDimIds.size){P.dims=P.dims.filter(d=>!selDimIds.has(d.id));selDimIds.clear();}
    if(selIds.size){P.members=P.members.filter(m=>!selIds.has(m.id));selIds.clear();}});return;}
  if(!inForm&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&e.key.toLowerCase()==='d'){e.preventDefault();dimMode=!dimMode;setDimMode();render();return;}  // D — toggle the Dimension tool
  if(dimMode&&!inForm&&!e.ctrlKey&&!e.metaKey&&!e.altKey){const dk=e.key.toLowerCase();
-   if(dk==='x'||dk==='y'||dk==='f'){e.preventDefault();dimSetAxis(dk==='f'?'free':dk);dimDraft&&svg.querySelector('#dimPrevG')&&dimRefreshPrev();return;}}
+   if(dk==='x'||dk==='y'||dk==='f'){e.preventDefault();dimSetAxis(dk==='f'?'free':dk);dimDraft&&svg.querySelector('#dimPrevG')&&dimRefreshPrev();return;}
+   if(dk==='c'){e.preventDefault();toggleDimChain();return;}}   // C — toggle chained (continuous) dimensioning
  if(!inForm&&selIds.size>=1&&!e.ctrlKey&&!e.metaKey&&!e.altKey){const kk=e.key.toLowerCase();
    if(kk==='e'){e.preventDefault();geoMode=(geoMode==='el'?null:'el');setGeo();render();return;}                       // Extend/Trim — any selection
    if(kk==='p'){e.preventDefault();edit(()=>{for(const m of selArr())swapMemberEnds(m);});return;}                     // P — swap start↔end for the whole selection (2D + 3D)
@@ -1466,6 +1602,7 @@ function setPlan(i){C.active=i;P=C.plans[i];
  if(!Array.isArray(P.members))P.members=[];
  if(!Array.isArray(P.segments))P.segments=[];
  if(!Array.isArray(P.dims))P.dims=[];
+ sanitizeFrame(P);   // tolerate a hand-edited/AI-written frame: normalize or drop to global
  // clip = the drawing's display-space crop. A contract may ship WITHOUT a raster/clip (a shared or
  // committed contract strips raster_b64 for confidentiality), so fall back to the members' bounding
  // box (padded) → the editor renders members on a blank canvas instead of crashing on P.clip[0].
@@ -1488,7 +1625,8 @@ function setPlan(i){C.active=i;P=C.plans[i];
  profs=[...new Set([...P.members.map(m=>m.profile), ...Object.keys(WT)])].sort();
  undo=P.undo||(P.undo=[]);redo=P.redo||(P.redo=[]);
  selIds=new Set();picking=false;pickKind='profile';pickEnd=null;mode='sel';geoMode=null;
- dimMode=false;selDimIds=new Set();setDimMode();   // Dimension tool resets per plan; setDimMode syncs the button/body.dimon classes + clears any draft/preview (dimsVisible persists across plans)
+ dimMode=false;dimChain=false;selDimIds=new Set();setDimMode();   // Dimension tool resets per plan (incl. chain); setDimMode syncs the button/body.dimon classes + clears any draft/preview/chain (dimsVisible persists across plans)
+ csaxisMode=false;setCsMode();                     // set-axes tool resets per plan; P.frame itself is per-plan data (persisted), so it stays
  defaultTOS=(P.default_tos!=null?P.default_tos:198);
  P.default_tos=defaultTOS;  // make the default explicit so the 3D scene + bake use the SAME TOS the editor/dots do (contractToScene falls back to 0, not 198 — keeping them in sync stops the end dots floating off the steel)
  if(!P.autofilled){autofillTOS();P.autofilled=true;}
@@ -1503,6 +1641,37 @@ const _restored=restoreSaved();                         // bring back this brows
 setPlan(C.active==null?0:C.active);
 setSaved(_restored?'ok':'idle', _restored?'Restored ✓':'Auto-save on');
 try{stage.focus({preventScroll:true});}catch(_){}   // grab keyboard focus on open so shortcuts work before the first click
+// --- ?selftest=1 — cheap regression guard for the only non-trivial new math (local frame). Logs PASS/FAIL
+// to the console and a toast; never runs in normal use. (ponytail: one runnable check for the frame logic.)
+if(new URLSearchParams(location.search).get('selftest')==='1'){(function(){
+  const fails=[];const ok=(c,m)=>{if(!c)fails.push(m);};
+  const near=(a,b,t=1e-6)=>Math.abs(a-b)<=t;const pnear=(p,q,t=1e-6)=>near(p[0],q[0],t)&&near(p[1],q[1],t);
+  const sf=P.frame;
+  // 1) orthoLock — global (no frame): snaps to screen H/V
+  P.frame=null;
+  ok(pnear(orthoLock(0,0,3,1),[3,0]),'orthoLock global x-dominant');
+  ok(pnear(orthoLock(0,0,1,3),[0,3]),'orthoLock global y-dominant');
+  // 2) orthoLock — frame with local-X pointing down u=(0,1), local-Y v=(1,0)
+  P.frame={o:[0,0],u:[0,1]};
+  ok(pnear(orthoLock(0,0,3,1),[3,0]),'orthoLock framed locks to local-Y');
+  ok(pnear(orthoLock(0,0,1,3),[0,3]),'orthoLock framed locks to local-X');
+  ok(dominantAxis([0,0],[1,3])==='x'&&dominantAxis([0,0],[3,1])==='y','dominantAxis framed');
+  // 3) dim rot — an x dim under a 90° frame measures along local-X (here 0), y measures 10
+  P.frame=null;
+  ok(near(dimGeo([0,0],[10,0],'x',0,0).px,10),'dimGeo x rot0');
+  ok(near(dimGeo([0,0],[10,0],'x',0,Math.PI/2).px,0),'dimGeo x rot90 → along local-X');
+  ok(near(dimGeo([0,0],[10,0],'y',0,Math.PI/2).px,10),'dimGeo y rot90 → along local-Y');
+  ok(near(dimGeo([0,0],[3,4],'free',0,Math.PI/2).px,5),'dimGeo free rot-independent');
+  // 4) witness "from" maps back to the anchor after the rotate-out
+  ok((()=>{const g=dimGeo([2,3],[8,3],'x',5,0.5);return pnear(g.w[0][0],[2,3],1e-9);})(),'dim witness anchor round-trip');
+  // 5) sanitizeFrame — normalize a non-unit u, drop zero-length / malformed (external/AI contract safety)
+  {const tp={frame:{o:[0,0],u:[3,0]}};sanitizeFrame(tp);ok(tp.frame&&near(Math.hypot(tp.frame.u[0],tp.frame.u[1]),1),'sanitizeFrame normalizes non-unit u');}
+  {const tz={frame:{o:[0,0],u:[0,0]}};sanitizeFrame(tz);ok(tz.frame===null,'sanitizeFrame drops zero-length u');}
+  {const tb={frame:{o:[0,0],u:[1]}};sanitizeFrame(tb);ok(tb.frame===null,'sanitizeFrame drops malformed u');}
+  P.frame=sf;   // restore
+  const msg=fails.length?('SELFTEST FAIL: '+fails.join(' | ')):'SELFTEST PASS (local-frame math)';
+  console[fails.length?'error':'log'](msg);try{toast(msg);}catch(_){}
+})();}
 // --- provenance caption: show contract.source when present (read from <name> · <sheet> · <read_at>) ---
 (function(){
   const src=C.source;if(!src||typeof src!=='object')return;

package/package.json

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