@rig-c/review 0.9.0 → 0.10.1

package/web/cloth-panel.ts

@@ -12,6 +12,7 @@
  */
 import {ClothFieldError,fieldText,recipeFromFields,recipeOps,RECIPE_FIELDS,type ClothTagView,type RecipeField} from '../src/cloth-recipe.ts';
 import type {PatchOp} from '../src/config-patch.ts';
+import {itemApplied} from '../src/applied-blocks.ts';
 import type {CropWorldMapping} from '../src/chest-regions.ts';
 import type {OverlayPoint,OverlayProject,OverlayRegion} from './rig-overlays.ts';
 import type {ClothStatusView,PatchJobView,RebuildRefusal} from './rebuild-client.ts';
@@ -33,6 +34,10 @@ export interface ClothPanel {
  links():{tag:string;inspected:ClothTagView|null;drafted:ClothTagView|null};
  apply():Promise<PatchJobView|RebuildRefusal|null>;
  shown(job:PatchJobView|RebuildRefusal|null):void;
+ /** #172: the ops of the stage's applied record this block owns (`appliedBlockOps`); a pending op among them is marked applied. */
+ applied(ops:readonly PatchOp[]|null):void;
+ /** #172: the pending ops marked applied, by their op line. */
+ appliedItems():string[];
  status(text:string,error:boolean):void;busy(value:boolean):void;
  restore():void;clear():void;sync():void;dispose():void;
 }
@@ -43,7 +48,7 @@ const isObject=(v:unknown):v is Record<string,unknown>=>!!v&&typeof v==='object'
 export function bindClothPanel(deps:ClothPanelDeps):ClothPanel {
  const state=node('cloth-panel-state'),toggle=node<HTMLButtonElement>('cloth-links'),picker=node<HTMLSelectElement>('cloth-tag'),declared=node<HTMLInputElement>('cloth-declared'),fields=node('cloth-fields'),pending=node('cloth-pending-list');
  const applyButton=node<HTMLButtonElement>('cloth-apply'),resetButton=node<HTMLButtonElement>('cloth-reset'),statusOut=node('cloth-status'),readout=node('cloth-readout'),draft=node<HTMLTextAreaElement>('cloth-pending');
- let status:ClothStatusView|null=null,reason:string|null=null,selected='',active=false,busy=false;
+ let status:ClothStatusView|null=null,reason:string|null=null,selected='',active=false,busy=false,appliedOps:PatchOp[]=[];
  /** Per touched tag: every form field's text, and whether the tag's recipe is declared. */
  let edits=new Map<string,{declared:boolean;values:Record<string,string>}>();
  let drafted:ClothTagView[]=[];
@@ -78,7 +83,8 @@ export function bindClothPanel(deps:ClothPanelDeps):ClothPanel {
  function renderPending(){
   let ops:PatchOp[]=[],error:string|null=null;
   try{ops=allOps();}catch(err){if(err instanceof ClothFieldError)error=err.message;else throw err;}
-  const items=ops.map(o=>make('li',{},make('code',{textContent:`${o.op} ${o.path}`}),o.op==='remove'?'':` → ${JSON.stringify(o.value)}`));
+  // #172: an op is marked applied only while the stage's applied record holds it.
+  const items=ops.map(o=>{const on=itemApplied([o],appliedOps);return make('li',{className:on?'applied':''},make('code',{textContent:`${o.op} ${o.path}`}),`${o.op==='remove'?'':` → ${JSON.stringify(o.value)}`}${on?' · applied':''}`);});
   const revert=[...edits.keys()].filter(touched).map(tag=>{const b=make('button',{type:'button',textContent:`Revert ${tag}`,disabled:busy});b.onclick=()=>{edits.delete(tag);change();};return make('li',{},b);});
   pending.replaceChildren(...(error?[make('li',{className:'error',textContent:error})]:[]),...(items.length?items:[make('li',{className:'hint',textContent:'No pending ops.'})]),...revert);
   applyButton.disabled=busy||!items.length||!!error||!!reason||!!status?.reason;resetButton.disabled=busy;
@@ -156,6 +162,8 @@ export function bindClothPanel(deps:ClothPanelDeps):ClothPanel {
    drafted=job.status==='built'&&c?c.links:[];
    readout.replaceChildren(...lines);deps.changed();
   },
+  applied(ops){appliedOps=(ops??[]).map(o=>({...o}));renderPending();},
+  appliedItems(){return [...pending.querySelectorAll('li.applied code')].map(c=>c.textContent??'');},
   status:panelStatus,
   busy(value){busy=value;render();},
   restore(){restore();render();deps.changed();},

package/web/cuts-panel.ts

@@ -11,6 +11,7 @@
  */
 import {anchorAt,boneAnchors,configBones,setAnchor,type BoneAnchor,type BoneEdit} from '../src/bone-anchors.ts';
 import type {PatchOp} from '../src/config-patch.ts';
+import {itemApplied} from '../src/applied-blocks.ts';
 import type {CropWorldMapping} from '../src/chest-regions.ts';
 import {
  boxAt,CutEditError,cutOps,cutsDraft,cutsDraftText,cutsSource,dragPoint,rangeArc,rangeAt,setBox,setRange,setVertex,vertexAt,
@@ -42,6 +43,10 @@ export interface CutsPanel {
  overlayRegions():OverlayRegion[];overlayMarkers():OverlayMarker[];
  apply():Promise<PatchJobView|RebuildRefusal|null>;
  shown(job:PatchJobView|RebuildRefusal|null):void;
+ /** #172: the ops of the stage's applied record this block owns (`appliedBlockOps`); a pending op among them is marked applied. */
+ applied(ops:readonly PatchOp[]|null):void;
+ /** #172: the pending items marked applied, by their op line. */
+ appliedItems():string[];
  status(text:string,error:boolean):void;busy(value:boolean):void;
  restore():void;clear():void;sync():void;dispose():void;
 }
@@ -62,7 +67,7 @@ export function bindCutsPanel(deps:CutsPanelDeps):CutsPanel {
  const addForm=node('cuts-add');
  let config:unknown=null,source:CutsSource={cuts:[],patches:[],segments:[],plan:[],skipped:[]},anchors:BoneAnchor[]=[],buildReason:string|null=null,loaded=false;
  let edits=new Map<string,CutEdit>(),joints=new Map<string,BoneEdit>(),adds:CutAdd[]=[];
- let selected='',active=false,busy=false,space=false,hover:string|null=null;
+ let selected='',active=false,busy=false,space=false,hover:string|null=null,appliedOps:PatchOp[]=[];
  let drag:{id:string;pointer:number;start:RigPoint;from:RigPoint}|null=null;
  let placing:{kind:'cut'|'patch';points:RigPoint[]}|null=null;
 
@@ -121,12 +126,16 @@ export function bindCutsPanel(deps:CutsPanelDeps):CutsPanel {
  }
  function renderPending(){
   const items:HTMLElement[]=[];
+  // #172: an item is marked applied only while the stage's applied record holds every op it sends.
+  const opsOf=(build:()=>PatchOp[])=>{try{return build();}catch(error){if(error instanceof CutEditError)return [];throw error;}};
+  const item=(sent:PatchOp[],code:HTMLElement,text:string,revert:HTMLElement)=>{const on=itemApplied(sent,appliedOps);return make('li',{className:on?'applied':''},code,text+(on?' · applied':''),revert);};
   for(const e of edits.values()){const revert=make('button',{type:'button',textContent:'Revert',disabled:busy});revert.onclick=()=>{edits.delete(e.path);change();};
-   items.push(make('li',{},make('code',{textContent:`${e.kind==='range'&&e.value===null?'remove':e.kind==='range'&&e.from===null?'add':'replace'} ${e.path}`}),` ${e.from?fmt(e.from):'—'} → ${e.value?fmt(e.value):'—'} · ${e.name}`,revert));}
+   items.push(item(opsOf(()=>cutOps(new Map([[e.path,e]]),[],config)),make('code',{textContent:`${e.kind==='range'&&e.value===null?'remove':e.kind==='range'&&e.from===null?'add':'replace'} ${e.path}`}),` ${e.from?fmt(e.from):'—'} → ${e.value?fmt(e.value):'—'} · ${e.name}`,revert));}
   for(const e of joints.values()){const revert=make('button',{type:'button',textContent:'Revert',disabled:busy});revert.onclick=()=>{joints.delete(e.path);change();};
-   items.push(make('li',{},make('code',{textContent:`replace ${e.path}`}),` ${fmt(e.from)} → ${fmt(e.value)} · ${e.name} (a joint is its bone's origin)`,revert));}
+   items.push(item([{op:'replace',path:e.path,value:[...e.value],name:e.name}],make('code',{textContent:`replace ${e.path}`}),` ${fmt(e.from)} → ${fmt(e.value)} · ${e.name} (a joint is its bone's origin)`,revert));}
   adds.forEach((a,i)=>{const revert=make('button',{type:'button',textContent:'Revert',disabled:busy});revert.onclick=()=>{adds.splice(i,1);change();};
-   items.push(make('li',{},make('code',{textContent:`add /assemble/${a.kind==='cut'?'cuts':'patches'}/-`}),` ${a.kind==='cut'?`cut ${a.into} ← ${a.from}, ${a.polygon.length} point(s)`:`patch ${a.name} ${fmt(a.box)}`} · regions → ${a.bone}`,revert));});
+   const sent=opsOf(()=>{const before=cutOps(new Map(),adds.slice(0,i),config).length;return cutOps(new Map(),adds.slice(0,i+1),config).slice(before);});
+   items.push(item(sent,make('code',{textContent:`add /assemble/${a.kind==='cut'?'cuts':'patches'}/-`}),` ${a.kind==='cut'?`cut ${a.into} ← ${a.from}, ${a.polygon.length} point(s)`:`patch ${a.name} ${fmt(a.box)}`} · regions → ${a.bone}`,revert));});
   pending.replaceChildren(...(items.length?items:[make('li',{className:'hint',textContent:'No pending ops.'})]));
   applyButton.disabled=busy||!items.length||!!buildReason;resetButton.disabled=busy;
   toggle.disabled=!loaded;toggle.setAttribute('aria-pressed',String(active));
@@ -254,6 +263,8 @@ export function bindCutsPanel(deps:CutsPanelDeps):CutsPanel {
    const map=a?.recomposite.errorMap;
    readout.replaceChildren(...lines,...(map&&job.status==='built'?[make('figure',{className:'cuts-error-map'},make('img',{src:deps.route(map.url),alt:'Recomposite error map of the scratch build: red is painting no part holds, blue a part more than 40 off'}),make('figcaption',{textContent:`recomposite_error_rig.png · sha256 ${map.sha256.slice(0,12)}…`}))]:[]));
   },
+  applied(ops){appliedOps=(ops??[]).map(o=>({...o}));renderPending();},
+  appliedItems(){return [...pending.querySelectorAll('li.applied code')].map(c=>c.textContent??'');},
   status:panelStatus,
   busy(value){busy=value;render();},
   restore(){restore();render();deps.changed();},

package/web/density-strip-panel.ts

@@ -0,0 +1,89 @@
+/**
+ * Mesh panel · density strip (#173), page side: "N values from A to B" next to the selected part's density field
+ * (`grid` on a lattice entry, `contour.spacing` on a contour entry), Build strip, and the table — one row per
+ * candidate with `remesh.json`'s counts, the folds count, the part's TEXTURE_STRETCH severity and worst frame, every bar
+ * the part is measured on as a ratio against its floor or ceiling, and the verdict (PASS, or the producer's refusal
+ * verbatim). The two labels name rows; the table has no Apply. Load puts a built row on the stage as pending (the
+ * Mesh panel's Apply then applies it, reusing its build); Refine between builds the next strip inside two rows.
+ */
+import {barText,densityField,densityPath,refineValues,stripValues,type DensityField,type StripRow} from '../src/density-strip.ts';
+import {entryValue,type MeshEntry} from '../src/mesh-entry.ts';
+
+export interface DensityStripViewLike {
+ id:string;status:'running'|'done';part:string;field:DensityField;concurrency:number;wallMs:number|null;rows:StripRow[];labels:{fewest:number|null;widest:number|null};
+}
+export interface DensityStripHost {
+ part():string|null;
+ entry():MeshEntry|null;
+ build(values:number[]):Promise<void>;
+ load(index:number):Promise<void>;
+ back():Promise<void>;
+ close():Promise<void>;
+}
+export interface DensityStripPanel {
+ /** The selected part or its pending entry changed: the field line and the default range follow it. */
+ changed():void;
+ show(view:DensityStripViewLike|null,pending:number|null,busy:boolean):void;
+ status(text:string,error:boolean):void;
+}
+const node=<T extends HTMLElement>(id:string)=>{const found=document.getElementById(id);if(!found)throw new Error(`Missing UI element: ${id}`);return found as T;};
+const make=<K extends keyof HTMLElementTagNameMap>(tag:K,props:Record<string,unknown>={},...children:(Node|string)[]):HTMLElementTagNameMap[K]=>{const item=document.createElement(tag);Object.assign(item,props);item.append(...children);return item;};
+const fieldLabel=(f:DensityField)=>f==='grid'?'grid':'contour.spacing';
+
+export function bindDensityStrip(host:DensityStripHost):DensityStripPanel {
+ const fieldLine=node('density-strip-field'),n=node<HTMLInputElement>('density-strip-n'),from=node<HTMLInputElement>('density-strip-from'),to=node<HTMLInputElement>('density-strip-to');
+ const buildButton=node<HTMLButtonElement>('density-strip-build'),backButton=node<HTMLButtonElement>('density-strip-back'),closeButton=node<HTMLButtonElement>('density-strip-close');
+ const statusOut=node('density-strip-status'),table=node('density-strip-table');
+ let view:DensityStripViewLike|null=null,pending:number|null=null,busy=false,lastPart:string|null=null;
+ const status=(text:string,error:boolean)=>{statusOut.textContent=text;statusOut.title=text;statusOut.classList.toggle('error',error);};
+ /** The selected part's density field and its pending value, or the reason a strip cannot run on it. */
+ const current=():{part:string;field:DensityField;value:number}|{error:string}=>{
+  const part=host.part(),entry=host.entry();
+  if(!part||!entry)return {error:'Select a mesh part (grid or contour entry) to build a density strip.'};
+  try{const field=densityField(entry,part),value=entryValue(entry,densityPath(field));return typeof value==='number'?{part,field,value}:{error:`meshes.${part}.${fieldLabel(field)} is not a number`};}
+  catch(error){return {error:error instanceof Error?error.message:String(error)};}
+ };
+ function changed(){
+  const c=current();
+  if('error' in c){fieldLine.textContent=c.error;buildButton.disabled=true;lastPart=null;return;}
+  fieldLine.textContent=`${c.part} · ${fieldLabel(c.field)} (pending ${c.value}) · each value runs as its own replace /meshes/${c.part} patch through remesh, at most ${view?.concurrency??'cores/2'} at once`;
+  if(lastPart!==c.part){from.value=String(c.value);to.value=String(c.field==='grid'?Math.round(c.value*3):Math.round(c.value*2*100)/100);lastPart=c.part;}
+  buildButton.disabled=busy||view?.status==='running';
+ }
+ buildButton.onclick=()=>{
+  const c=current();if('error' in c){status(c.error,true);return;}
+  try{void host.build(stripValues(Number(from.value),Number(to.value),Number(n.value),c.field==='grid'));}catch(error){status(error instanceof Error?error.message:String(error),true);}
+ };
+ backButton.onclick=()=>{void host.back();};
+ closeButton.onclick=()=>{void host.close();};
+ const cell=(text:string,title=text,cls='')=>make('td',{textContent:text,title,className:cls});
+ function show(next:DensityStripViewLike|null,pendingIndex:number|null,isBusy:boolean){
+  view=next;pending=pendingIndex;busy=isBusy;changed();
+  backButton.disabled=pending===null||busy;closeButton.disabled=!view||view.status==='running'||busy;
+  if(!view){table.replaceChildren();return;}
+  const v=view,integer=v.field==='grid',head=make('tr',{},...[fieldLabel(v.field),'v / t (remesh.json)','folds','TEXTURE_STRETCH','bars (ratio vs floor / ceiling)','verdict',''].map(h=>make('th',{textContent:h,scope:'col'})));
+  const rows=v.rows.map((r,i)=>{
+   const labels:string[]=[];if(v.labels.fewest===i)labels.push('fewest triangles passing');if(v.labels.widest===i)labels.push('widest margin among ties');
+   const valueCell=make('td',{className:'density-strip-value'},make('strong',{textContent:String(r.value)}),...labels.map(l=>make('span',{className:'density-strip-label',textContent:l})));
+   const counts=r.counts?`v ${r.counts.vertices} · t ${r.counts.triangles}`:'—';
+   const stretch=r.stretch?`${r.stretch.severity}${r.stretch.frame?` @ ${r.stretch.frame}`:''}`:'—';
+   const bars=r.bars.length?make('td',{className:'density-strip-bars'},...r.bars.map(b=>make('div',{textContent:barText(b),title:`${b.bar} ${b.status}`,className:b.margin<1?'error':''}))):cell('—');
+   const verdictCell=cell(r.verdict,r.verdict,`density-strip-verdict${r.verdict==='PASS'?' pass':r.status==='running'?'':' error'}`);
+   const load=make('button',{type:'button',textContent:pending===i?'On stage':r.applied?'Applied':'Load',disabled:busy||!r.modelUrl||pending===i||v.status==='running'});
+   load.title=r.modelUrl?'Load this revision on the stage as pending — nothing is applied; the Mesh panel\'s Apply applies it':r.status==='running'?'Still building':r.applied?'Applied: it is an applied record now':'Refused: there is no revision to load';
+   load.setAttribute('aria-label',`Load ${fieldLabel(v.field)} ${r.value}`);load.onclick=()=>{void host.load(i);};
+   const actions=make('td',{className:'density-strip-actions'},load);
+   if(i<v.rows.length-1){
+    const refine=make('button',{type:'button',textContent:'Refine ↓',disabled:busy||v.status==='running'});
+    refine.title=`Build the next strip between ${r.value} and ${v.rows[i+1]!.value}`;refine.setAttribute('aria-label',`Refine between ${r.value} and ${v.rows[i+1]!.value}`);
+    refine.onclick=()=>{try{void host.build(refineValues(r.value,v.rows[i+1]!.value,Number(n.value)||5,integer));}catch(error){status(error instanceof Error?error.message:String(error),true);}};
+    actions.append(refine);
+   }
+   const tr=make('tr',{className:[pending===i?'pending':'',r.status==='refused'||r.status==='failed'?'refused':''].filter(Boolean).join(' ')},valueCell,cell(counts),cell(r.folds===null?'—':String(r.folds)),cell(stretch),bars,verdictCell,actions);
+   tr.dataset.candidate=r.id;return tr;
+  });
+  table.replaceChildren(make('table',{className:'density-strip-rows'},make('thead',{},head),make('tbody',{},...rows)));
+ }
+ changed();
+ return {changed,show,status};
+}