devagent-ignition 0.1.0__py3-none-any.whl

devagent_spatial/_resources/reference/r9-original/web/app.mjs

@@ -0,0 +1,745 @@
+import * as THREE from 'three';
+import {OrbitControls} from 'three/addons/controls/OrbitControls.js';
+import {EQUIPMENT,EQUIPMENT_BY_ID,FLOORS,ROUTES,INCLINE_ENGINEERING_DEMO,BASE_V1C_IDS,HUB_DESIGN,R9_STATION_IDS,gradeStats,validateModel} from './model.mjs';
+import {extractEquipment,summarizeState,extractParcelState} from './state_adapter.mjs';
+const $=id=>document.getElementById(id), violations=validateModel();
+window.devagentSourceMode='SIMULATION';
+if(violations.length)throw Error('Model contract invalid: '+violations.join('; '));
+const COLORS={on:0x48d6c2,fault:0xf07281,blocked:0xefb65a,unknown:0x7b91a0,selected:0xd1fcff};
+const mount=$('canvas-mount'),stage=$('stage');
+const renderer=new THREE.WebGLRenderer({antialias:true,alpha:true,powerPreference:'high-performance'});
+renderer.setPixelRatio(Math.min(devicePixelRatio,2));
+renderer.setSize(mount.clientWidth,mount.clientHeight);renderer.outputColorSpace=THREE.SRGBColorSpace;
+renderer.toneMapping=THREE.ACESFilmicToneMapping;renderer.toneMappingExposure=1.3;
+mount.appendChild(renderer.domElement);
+const scene=new THREE.Scene();scene.fog=new THREE.FogExp2(0x081825,.0075);
+const camera=new THREE.PerspectiveCamera(40,1,.1,180);
+const CAMERA_START=new THREE.Vector3(45,29,38),FOCUS_START=new THREE.Vector3(1,6.5,0);
+camera.position.copy(CAMERA_START);
+const controls=new OrbitControls(camera,renderer.domElement);controls.enableDamping=true;controls.dampingFactor=.075;
+controls.minDistance=7;controls.maxDistance=120;controls.maxPolarAngle=Math.PI*.51;controls.target.copy(FOCUS_START);controls.update();
+scene.add(new THREE.HemisphereLight(0xc3eafb,0x18232b,2.0));
+const keyLight=new THREE.DirectionalLight(0xd8f4ff,2.5);keyLight.position.set(5,24,17);scene.add(keyLight);
+const rimLight=new THREE.DirectionalLight(0x31aaa6,1.1);rimLight.position.set(-18,11,-9);scene.add(rimLight);
+const warm=new THREE.PointLight(0xf1d294,36,45);warm.position.set(7,17,-8);scene.add(warm);
+const pointGeo=new THREE.SphereGeometry(.10,9,9);
+const reusableRollerGeo=new THREE.CylinderGeometry(.085,.085,.75,10);
+const reusableLegGeo=new THREE.CylinderGeometry(.055,.075,1,8);
+const parcelGeo=new THREE.BoxGeometry(.57,.43,.47);
+const parcelMat=new THREE.MeshStandardMaterial({color:0xb98b58,roughness:.86,metalness:.08});
+const parcelEdgeMat=new THREE.LineBasicMaterial({color:0xd9b487,transparent:true,opacity:.65});
+const parcelEdges=new THREE.EdgesGeometry(parcelGeo);
+const THREE_UP=new THREE.Vector3(0,1,0);
+let viewMode='stacked',showLabels=true,selected='SPIRAL01',live=false,v1cOffline=false,liveSnapshot={},liveParcelState={count:null,positions:[]},lastLiveAt=0,connectionBusy=false,parcelTime=0,delivered=0;
+const floorGroups={},deviceGroups={},deviceMaterials={},deviceIcons={},deviceLabels={},paths={},flowLengths={},connectors={};
+const raycastMeshes=[],parcels=[],liveParcels=[];const peIndicators={},scannerIndicators={};let showAllPE=false;let currentSensorFeed=null;let lastSensorSequence=-1;let lastSensorReceivedAt=0;const off={1:0,2:0,3:0};
+function defaultState(e){return e?.demoOnly?{running:null,blocked:null,fault:null,speed:null,peIn:null,peOut:null,quality:'CONCEPT'}:{running:true,blocked:false,fault:false,speed:1.2,peIn:false,peOut:false,quality:'DEMO'}}
+const equipState=Object.fromEntries(EQUIPMENT.map(e=>[e.id,defaultState(e)]));
+function stateFor(id){return equipState[id]||{running:null,blocked:null,fault:null,speed:null,peIn:null,peOut:null,quality:'UNKNOWN'}}
+function assetStateColor(state){return state.fault===true?COLORS.fault:state.blocked===true?COLORS.blocked:state.running===true?COLORS.on:COLORS.unknown}
+function makeFloor(floor,meta){
+ const g=new THREE.Group();floorGroups[floor]=g;scene.add(g);
+ const y=meta.elevation-.49;
+ const dims=floor===1?[54,25]:floor===2?[35,19]:[44,26];
+ const slab=new THREE.Mesh(new THREE.BoxGeometry(dims[0],.22,dims[1]),new THREE.MeshStandardMaterial({color:meta.tint,metalness:.52,roughness:.66,transparent:true,opacity:.42,depthWrite:false}));
+ slab.position.set(1.1,y,-.05);g.add(slab);g.userData.slab=slab;
+ // Rectangular floor grid stays inside the actual slab (no stray square grid).
+ const gridPoints=[];
+ for(let x=-dims[0]/2;x<=dims[0]/2+.01;x+=1){
+  gridPoints.push(new THREE.Vector3(x,0,-dims[1]/2),new THREE.Vector3(x,0,dims[1]/2));
+ }
+ for(let z=-dims[1]/2;z<=dims[1]/2+.01;z+=1){
+  gridPoints.push(new THREE.Vector3(-dims[0]/2,0,z),new THREE.Vector3(dims[0]/2,0,z));
+ }
+ const lines=new THREE.LineSegments(new THREE.BufferGeometry().setFromPoints(gridPoints),new THREE.LineBasicMaterial({color:0x21465b,opacity:.33,transparent:true}));
+ lines.position.set(1.1,y+.12,-.05);g.add(lines);g.userData.grid=lines;
+ const outline=new THREE.LineSegments(new THREE.EdgesGeometry(new THREE.BoxGeometry(dims[0],.22,dims[1])),new THREE.LineBasicMaterial({color:floor===3?0x42c4b9:0x4489aa,transparent:true,opacity:.35}));outline.position.copy(slab.position);g.add(outline);g.userData.outline=outline;
+ // Vertical corner guides are architectural cues, not asserted building dimensions.
+ for(const x of [1.1-dims[0]/2,1.1+dims[0]/2])for(const z of [-dims[1]/2,dims[1]/2]){
+  const post=new THREE.Mesh(new THREE.CylinderGeometry(.055,.055,1.8,6),new THREE.MeshStandardMaterial({color:0x476777,metalness:.84,roughness:.32}));
+  post.position.set(x,meta.elevation-1.35,z);g.add(post);
+ }
+ const sign=makeTextSprite(`0${floor}   ${meta.name}`,0x88cbd7,0x0a2533,27,580,72);
+ sign.position.set(-13.2,meta.elevation+.75,-dims[1]/2+.25);sign.scale.set(7.2,.88,1);g.add(sign);
+}
+function makeTextSprite(str,fg,bg,fontsize=29,width=330,height=70){
+ const c=document.createElement('canvas');c.width=width;c.height=height;const x=c.getContext('2d');
+ x.fillStyle='#'+bg.toString(16).padStart(6,'0');x.globalAlpha=.92;x.fillRect(0,0,width,height);x.globalAlpha=1;
+ x.lineWidth=3;x.strokeStyle='#'+fg.toString(16).padStart(6,'0');x.strokeRect(2,2,width-4,height-4);
+ x.font=`750 ${fontsize}px Arial, sans-serif`;x.fillStyle='#e4f6f8';x.textAlign='center';x.textBaseline='middle';x.fillText(str,width/2,height/2,width-26);
+ const texture=new THREE.CanvasTexture(c);texture.colorSpace=THREE.SRGBColorSpace;
+ return new THREE.Sprite(new THREE.SpriteMaterial({map:texture,transparent:true,depthTest:true,depthWrite:false}));
+}
+for(const [f,meta] of Object.entries(FLOORS))makeFloor(Number(f),meta);
+// Sampling into true three-dimensional ribbon geometry, including vertical inclines and helical transport.
+function effectivePoint(e,p,t){
+ const from=off[e.floor],to=off[e.toFloor||e.floor];
+ // Presentation-only floor explosion must preserve the incline profile's true
+ // grade distribution rather than using the sample index as height fraction.
+ const alpha=e.connector?(p[1]-e.path[0][1])/
+                (e.path.at(-1)[1]-e.path[0][1]):0;
+ return new THREE.Vector3(p[0],p[1]+(e.connector?from+(to-from)*alpha:0),p[2]);
+}
+function getCurve(e){
+ const pts=e.path.map((p,i)=>effectivePoint(e,p,i/(e.path.length-1)));
+ return e.graded ? (()=>{const path=new THREE.CurvePath();for(let i=1;i<pts.length;i++)path.add(new THREE.LineCurve3(pts[i-1],pts[i]));return path;})() : new THREE.CatmullRomCurve3(pts,false,'centripetal',.34);
+}
+function pathGeom(curve,width=.85,shift=0,stepCount=null){
+ const length=curve.getLength(),n=stepCount||Math.max(15,Math.ceil(length*9));
+ const vs=[],ns=[],uv=[],idx=[];
+ for(let i=0;i<=n;i++){
+  const t=i/n,p=curve.getPointAt(t),tan=curve.getTangentAt(t),normal=new THREE.Vector3(-tan.z,0,tan.x).normalize();
+  for(const side of [-1,1]){const v=p.clone().addScaledVector(normal,side*width*.5);vs.push(v.x,v.y+shift,v.z);ns.push(0,1,0);uv.push(t*length,side===-1?0:1);}
+  if(i<n){const j=2*i;idx.push(j,j+1,j+2,j+1,j+3,j+2)}
+ }
+ const geom=new THREE.BufferGeometry();geom.setAttribute('position',new THREE.Float32BufferAttribute(vs,3));geom.setAttribute('normal',new THREE.Float32BufferAttribute(ns,3));geom.setAttribute('uv',new THREE.Float32BufferAttribute(uv,2));geom.setIndex(idx);geom.computeVertexNormals();return geom;
+}
+function tube(curve,width=.035){return new THREE.TubeGeometry(curve,Math.max(12,Math.floor(curve.getLength()*5)),width,6,false)}
+function sideCurve(curve,side,width,raise=0){
+ const out=[],n=Math.max(16,Math.ceil(curve.getLength()*6));
+ for(let i=0;i<=n;i++){
+  const t=i/n,p=curve.getPointAt(t),tan=curve.getTangentAt(t),norm=new THREE.Vector3(-tan.z,0,tan.x).normalize();
+  out.push(p.addScaledVector(norm,side*width).add(new THREE.Vector3(0,raise,0)));
+ }
+ return new THREE.CatmullRomCurve3(out,false,'centripetal');
+}
+// Real-world inspired compact opposed-mode PE housing: painted dark polymer,
+// short steel L-bracket, inset optical window, and a *small* status LED.
+// These are visual approximations only, not vendor CAD or certified I/O.
+const peHousingMaterial=new THREE.MeshStandardMaterial({color:0x263844,metalness:.25,roughness:.68});
+const peReceiverMaterial=new THREE.MeshStandardMaterial({color:0x384956,metalness:.25,roughness:.7});
+const peMountMaterial=new THREE.MeshStandardMaterial({color:0x617784,metalness:.7,roughness:.42});
+const peOpticMaterial=new THREE.MeshStandardMaterial({color:0x091b27,metalness:.05,roughness:.22});
+const PE_LABEL_ZOOM=19;
+function peLabelVisible(eid){return eid===selected||(showAllPE&&camera.position.distanceTo(controls.target)<PE_LABEL_ZOOM)}
+const steelMaterial=new THREE.MeshStandardMaterial({color:0x516775,metalness:.81,roughness:.36});
+const rollerMaterial=new THREE.MeshStandardMaterial({color:0x6f8490,metalness:.83,roughness:.32});
+const legMaterial=new THREE.MeshStandardMaterial({color:0x405d6b,metalness:.82,roughness:.4});
+function buildConveyor(e){
+ const g=new THREE.Group();g.userData.equipmentId=e.id;deviceGroups[e.id]=g;
+ const parent=e.connector?scene:floorGroups[e.floor];parent.add(g);if(e.connector)connectors[e.id]=g;
+ const curve=getCurve(e);paths[e.id]=curve;flowLengths[e.id]=curve.getLength();
+ const narrow=e.id.startsWith('R9_SPIRAL_')||e.id.startsWith('R9_CHUTE_')||e.id.startsWith('R9_TAKEAWAY_');
+ const under=new THREE.Mesh(pathGeom(curve,narrow?.88:1.23,-.26),new THREE.MeshStandardMaterial({color:0x456171,roughness:.35,metalness:.72,side:THREE.DoubleSide}));under.userData.equipmentId=e.id;g.add(under);raycastMeshes.push(under);
+ const beltMat=new THREE.MeshStandardMaterial({color:0x1a303a,metalness:.32,roughness:.82,side:THREE.DoubleSide,emissive:0x0e3938,emissiveIntensity:.26,transparent:true,opacity:1});
+ const belt=new THREE.Mesh(pathGeom(curve,narrow?.70:.96,.03),beltMat);belt.userData.equipmentId=e.id;g.add(belt);raycastMeshes.push(belt);deviceMaterials[e.id]=beltMat;
+ for(const side of [-1,1]){
+  const edge=new THREE.Mesh(tube(sideCurve(curve,side,narrow?.41:.56,.13),.04),steelMaterial);g.add(edge);
+  const luminous=new THREE.Mesh(tube(sideCurve(curve,side,narrow?.38:.52,.08),.018),new THREE.MeshBasicMaterial({color:0x2d7a83,transparent:true,opacity:.65}));g.add(luminous);
+ }
+ // Production-inspired rollers on straights and turns: optimized shared geometry/material.
+ const n=Math.min(54,Math.floor(curve.getLength()/.8));
+ for(let i=1;i<n;i++){
+  const t=i/n,p=curve.getPointAt(t),tan=curve.getTangentAt(t),across=new THREE.Vector3(-tan.z,0,tan.x).normalize();
+  const roller=new THREE.Mesh(reusableRollerGeo,rollerMaterial);roller.position.copy(p);roller.position.y-=.04;
+  roller.quaternion.setFromUnitVectors(THREE_UP,across);g.add(roller);
+ }
+ if(e.id==='INCL01'){
+  // Light structural support bents demonstrate actual vertical height; not certified design.
+  const ground=FLOORS[1].elevation-.51+off[1];
+  for(const t of [.12,.31,.50,.69,.88]){
+   const center=curve.getPointAt(t),tan=curve.getTangentAt(t).normalize();
+   const side=new THREE.Vector3(-tan.z,0,tan.x).normalize();
+   const supportY=center.y-.37;
+   const height=supportY-ground;
+   if(height<.55)continue;
+   for(const sign of [-1,1]){
+    const leg=new THREE.Mesh(reusableLegGeo,legMaterial);
+    leg.scale.set(1,height,1);
+    leg.position.copy(center).addScaledVector(side,sign*.48);
+    leg.position.y=ground+height/2;
+    g.add(leg);
+   }
+   const cross=new THREE.Mesh(new THREE.BoxGeometry(1.14,.085,.085),legMaterial);
+   // Align crossbar with the lateral direction.
+   cross.quaternion.setFromUnitVectors(new THREE.Vector3(1,0,0),side);
+   cross.position.copy(center);cross.position.y=supportY-.08;g.add(cross);
+  }
+ }
+ if(e.id==='SPIRAL01'||e.id.startsWith('DOWN_')||e.id==='R6_DOWN_F2'||e.id.startsWith('R9_SPIRAL_')){
+  const lo=e.id.startsWith('DOWN_')?FLOORS[1].elevation+off[1]:FLOORS[2].elevation+off[2];
+  const hi=e.id.startsWith('R9_SPIRAL_')?FLOORS[3].elevation-.30+off[3]:e.id==='R6_DOWN_F2'?FLOORS[3].elevation-1.0+off[3]:e.id.startsWith('DOWN_')?FLOORS[3].elevation-.5+off[3]:FLOORS[3].elevation+off[3];
+  const h=Math.abs(hi-lo);
+  const column=new THREE.Mesh(new THREE.CylinderGeometry(.13,.13,h,12),legMaterial);
+  column.position.set(e.id.startsWith('R9_SPIRAL_')?e.path[0][0]:e.id==='R6_DOWN_F2'?4:e.id.startsWith('DOWN_')?17:-9.2,(lo+hi)/2,e.id.startsWith('R9_SPIRAL_')?e.path[0][2]+.80:e.id==='R6_DOWN_F2'?-5.85:e.id==='DOWN_A'?-7:e.id==='DOWN_C'?7:0);
+  g.add(column);
+ }
+ if(!e.connector){
+  for(const t of [.12,.52,.88]){
+   const p=curve.getPointAt(t);if(p.y<.8)continue;
+   const length=.63;const leg=new THREE.Mesh(reusableLegGeo,legMaterial);leg.scale.y=length;
+   leg.position.set(p.x,p.y-.26-length/2,p.z);g.add(leg);
+  }
+ }
+ const p=curve.getPointAt(e.connector?.58:.51);
+ const compactR9=e.id.match(/^R9_(SORT|CHUTE)_(\d{2})$/);
+ const visualLabel=compactR9?(compactR9[1]==='SORT'?'S':'C')+compactR9[2]:e.id;
+ const label=makeTextSprite(visualLabel,0x2fa8b3,0x0d2937,29);
+ label.scale.set(e.id.length>7?2.35:1.99,.46,1);
+ label.position.set(p.x,p.y+(e.connector?.89:.69),p.z+.20);label.userData.equipmentId=e.id;label.visible=!/^R9_(COLLECT|JOIN)_/.test(e.id);g.add(label);deviceLabels[e.id]=label;raycastMeshes.push(label);
+ const indicator=new THREE.Mesh(pointGeo,new THREE.MeshBasicMaterial({color:COLORS.on}));
+ indicator.position.set(p.x,p.y+.38,p.z);g.add(indicator);deviceIcons[e.id]=indicator;
+ // Concept-only expansion avoids multiplying expensive active point lights.
+ // Preserve every original device's light and operational color behavior.
+ if(!e.demoOnly){const lamp=new THREE.PointLight(COLORS.on,.45,2.2);lamp.position.copy(indicator.position);g.add(lamp);indicator.userData.light=lamp;}
+ const selectOutline=new THREE.Mesh(new THREE.TorusGeometry(.56,.018,6,32),new THREE.MeshBasicMaterial({color:0x9be9ec,transparent:true,opacity:.9,depthWrite:false}));
+ selectOutline.rotation.x=Math.PI/2;selectOutline.position.copy(p);selectOutline.position.y+=.30;selectOutline.visible=false;g.add(selectOutline);g.userData.selectOutline=selectOutline;
+ // Paired photoeyes at inlet/outlet. Beam obstruction comes only from
+ // server-owned parcel positions; these are VIRTUAL devices, not PLC inputs.
+ // IMPORTANT: create these meshes BEFORE returning the conveyor group.
+ peIndicators[e.id]={};
+ for(const [key,t,side] of [['PE_IN',.08,-1],['PE_OUT',.92,1]]){
+  const center=curve.getPointAt(t),tangent=curve.getTangentAt(t).normalize();
+  const lateral=new THREE.Vector3(-tangent.z,0,tangent.x).normalize();
+  const normalUp=lateral.clone().cross(tangent).normalize();
+  // Mount just OUTSIDE the rail, aligned to curved or inclined conveyor path.
+  // A 0.22-unit housing is < 1/4 of the 0.96-unit belt width.
+  const sensor=new THREE.Group();
+  sensor.position.copy(center).addScaledVector(lateral,side*.72).addScaledVector(normalUp,.16);
+  sensor.quaternion.setFromRotationMatrix(new THREE.Matrix4().makeBasis(tangent,normalUp,lateral));
+  const bracket=new THREE.Mesh(new THREE.BoxGeometry(.15,.065,.14),peMountMaterial);
+  bracket.position.set(0,-.095,0);sensor.add(bracket);
+  const housing=new THREE.Mesh(new THREE.BoxGeometry(.22,.17,.16),peHousingMaterial);
+  housing.position.y=.03;sensor.add(housing);
+  // Dark optical lens faces inward; unlike R2 it never glows as a huge ball.
+  const optic=new THREE.Mesh(new THREE.BoxGeometry(.105,.072,.012),peOpticMaterial);
+  optic.position.set(0,.035,-side*.087);sensor.add(optic);
+  const ledMaterial=new THREE.MeshStandardMaterial({color:COLORS.unknown,emissive:COLORS.unknown,emissiveIntensity:.68,roughness:.35});
+  const lens=new THREE.Mesh(new THREE.BoxGeometry(.085,.023,.06),ledMaterial);
+  lens.position.set(0,.127,0);sensor.add(lens);
+  // Opposed receiver: another small rectangular device on the opposite rail.
+  const receiver=new THREE.Mesh(new THREE.BoxGeometry(.16,.14,.13),peReceiverMaterial);
+  receiver.position.set(0,0,-side*1.44);sensor.add(receiver);
+  const rxOptic=new THREE.Mesh(new THREE.BoxGeometry(.073,.05,.012),peOpticMaterial);
+  rxOptic.position.set(0,.015,-side*1.44+side*.072);sensor.add(rxOptic);
+  // Beam is an optional THIN line, not a permanent glowing bridge.
+  const beam=new THREE.Mesh(new THREE.CylinderGeometry(.007,.007,1.30,6),new THREE.MeshBasicMaterial({color:COLORS.unknown,transparent:true,opacity:0,depthWrite:false}));
+  beam.rotation.x=Math.PI/2;
+  beam.position.set(0,.035,-side*.72);beam.visible=false;sensor.add(beam);
+  const caption=makeTextSprite(key==='PE_IN'?'PE IN':'PE OUT',0x79c4d6,0x0b2531,23,240,64);
+  caption.position.set(0,.43,0);caption.scale.set(.62,.16,1);
+  caption.visible=peLabelVisible(e.id);sensor.add(caption);
+  g.add(sensor);peIndicators[e.id][key]={lens,housing,receiver,beam,caption};
+ }
+ return g;
+}
+for(const e of EQUIPMENT)buildConveyor(e);
+// New equipment lives only in the isolated preview. Old flooring and cameras unchanged.
+// R6 visually localized sorter hardware: slatted induction/sort deck and
+// small sliding-shoe pads on EXISTING sorter zones. These are illustrative,
+// non-actuated geometry; no vendor equipment or new PLC state is claimed.
+function buildSorterMechanism(sortId,upstreamId){
+ const group=new THREE.Group();group.name='R6 slatted sorter '+sortId;
+ const sorter=EQUIPMENT_BY_ID[sortId];floorGroups[sorter.floor].add(group);
+ const slatMat=new THREE.MeshStandardMaterial({color:0x8ba4b0,metalness:.7,roughness:.43});
+ const shoeMat=new THREE.MeshStandardMaterial({color:0xc2a464,metalness:.52,roughness:.48});
+ const baseMat=new THREE.MeshStandardMaterial({color:0x324855,metalness:.77,roughness:.39});
+ const sections=upstreamId===sortId?[sortId]:[upstreamId,sortId];
+ for(const eid of sections){
+  const curve=paths[eid];const n=Math.max(5,Math.round(curve.getLength()/.35));
+  for(let i=1;i<n;i++){
+   const t=i/n,p=curve.getPointAt(t),tan=curve.getTangentAt(t).normalize();
+   const across=new THREE.Vector3(-tan.z,0,tan.x).normalize();
+   const slat=new THREE.Mesh(new THREE.BoxGeometry(.075,.035,1.0),slatMat);
+   slat.quaternion.setFromUnitVectors(new THREE.Vector3(0,0,1),across);
+   slat.position.copy(p).add(new THREE.Vector3(0,.075,0));group.add(slat);
+   if(i%3===0){
+    const shoe=new THREE.Mesh(new THREE.BoxGeometry(.14,.10,.25),shoeMat);
+    shoe.quaternion.setFromUnitVectors(new THREE.Vector3(0,0,1),across);
+    shoe.position.copy(p).addScaledVector(across,i%2?.22:-.22);
+    shoe.position.y+=.13;group.add(shoe);
+   }
+  }
+ }
+ // Independent drive housing sits off the conveyor centerline.
+ const p=paths[sortId].getPointAt(.6);
+ const housing=new THREE.Mesh(new THREE.BoxGeometry(.36,.31,.4),baseMat);
+ housing.position.set(p.x,p.y-.12,p.z-.82);group.add(housing);
+}
+buildSorterMechanism('SORT201','CV203');
+buildSorterMechanism('SORT301','CV302');
+// R9 slats/shoes are geometry on the four actual connected sorter stations.
+// Their locations correspond to the selected parcel's discharge, not decorative lines.
+for(const id of R9_STATION_IDS) buildSorterMechanism(id,id);
+buildSorterMechanism('R9_SECOND_SORTER','R9_SECOND_SORTER');
+// Visually distinguish the machine as ONE four-divert sorter rather than four
+// unrelated conveyor tiles. Keep the moving deck clear; all gates are below
+// belt height, off the parcel travel surface (concept-only mechanism geometry).
+const r9Frame=new THREE.Group();floorGroups[3].add(r9Frame);
+const r7CrossMember=new THREE.MeshStandardMaterial({color:0x617784,metalness:.86,roughness:.35});
+const r7DivertMat=new THREE.MeshStandardMaterial({color:0xd6a35d,metalness:.50,roughness:.40});
+for(const [i,id] of R9_STATION_IDS.entries()){
+ const e=EQUIPMENT_BY_ID[id],end=paths[id].getPointAt(1),mid=paths[id].getPointAt(.5);
+ // Small selector shoe/actuator housing on the discharge-side rail (+Z).
+ const actuator=new THREE.Mesh(new THREE.BoxGeometry(.47,.27,.36),r7DivertMat);
+ actuator.position.set(end.x-.39,end.y-.20,end.z+.71);r9Frame.add(actuator);
+ const status=makeTextSprite(`DIVERT ${String(i+1).padStart(2,'0')}`,0xe6b96f,0x1d3241,19,270,60);
+ status.position.set(end.x-.4,end.y+1.25,end.z+1.4);status.scale.set(1.9,.46,1);r9Frame.add(status);
+ // Short adjacent supports; not machine guarding or surveyed steelwork.
+ for(const xx of [mid.x-1.1,mid.x+1.1]){
+  const support=new THREE.Mesh(new THREE.BoxGeometry(.10,1.05,.10),r7CrossMember);
+  support.position.set(xx,mid.y-.82,mid.z+.65);r9Frame.add(support);
+ }
+}
+
+
+
+// NON-TAGGED ARCHITECTURAL SCENE OBJECTS: These are VISUAL CONCEPTS, not
+// source-system devices. Do not expose their materials as live PLC states.
+const architecture=new THREE.Group();scene.add(architecture);
+const dockSteel=new THREE.MeshStandardMaterial({color:0x718a97,metalness:.65,roughness:.4});
+const dockDark=new THREE.MeshStandardMaterial({color:0x223945,metalness:.48,roughness:.62});
+const safetyYellow=new THREE.MeshStandardMaterial({color:0xf2ba64,emissive:0x533613,emissiveIntensity:.14,roughness:.59});
+const truckWhite=new THREE.MeshStandardMaterial({color:0xc8d8df,metalness:.23,roughness:.72});
+function beam(parent,from,to,thickness,material){
+ const start=new THREE.Vector3(...from),end=new THREE.Vector3(...to);
+ const mesh=new THREE.Mesh(new THREE.BoxGeometry(thickness,start.distanceTo(end),thickness),material);
+ mesh.position.copy(start).add(end).multiplyScalar(.5);
+ mesh.quaternion.setFromUnitVectors(THREE_UP,end.clone().sub(start).normalize());parent.add(mesh);return mesh;
+}
+function dockArchitecture(id,x,z,inbound){
+ const y=FLOORS[1].elevation;
+ const frame=new THREE.Group();floorGroups[1].add(frame);
+ for(const dz of [-1.38,1.38])beam(frame,[x,y-.3,z+dz],[x,y+2.9,z+dz],.16,dockSteel);
+ beam(frame,[x,y+2.9,z-1.4],[x,y+2.9,z+1.4],.17,safetyYellow);
+ // Show the roll-up door in the open position above the parcel path.
+ const opening=new THREE.Mesh(new THREE.BoxGeometry(.13,.32,2.6),dockDark);
+ opening.position.set(x+(inbound?-.045:.045),y+2.7,z);frame.add(opening);
+ const slats=new THREE.MeshStandardMaterial({color:0x344f60,metalness:.52,roughness:.44});
+ for(let i=0;i<3;i++){
+  const strip=new THREE.Mesh(new THREE.BoxGeometry(.17,.036,2.52),slats);
+  strip.position.set(x,y+2.5+i*.105,z);frame.add(strip);
+ }
+ // Concept trailer body, aligned outside the warehouse loading face.
+ const body=new THREE.Mesh(new THREE.BoxGeometry(4.2,2.3,2.9),truckWhite);
+ body.position.set(x+(inbound?-3.2:3.2),y+1.0,z);frame.add(body);
+ const roof=new THREE.Mesh(new THREE.BoxGeometry(4.4,.08,3.05),dockSteel);
+ roof.position.copy(body.position);roof.position.y+=1.2;frame.add(roof);
+ for(const shift of [-1.05,1.05]){
+  const wheel=new THREE.Mesh(new THREE.CylinderGeometry(.36,.36,.17,14),dockDark);
+  wheel.rotation.x=Math.PI/2;wheel.position.set(body.position.x+shift,y-.18,z-1.55);frame.add(wheel);
+ }
+ const plate=new THREE.Mesh(new THREE.BoxGeometry(.5,.05,2.4),safetyYellow);
+ plate.position.set(x+(inbound?.28:-.28),y-.19,z);frame.add(plate);
+ const name=makeTextSprite(id+'  /  '+(inbound?'RECEIVE':'SHIP'),0xf2ba64,0x112a36,23,540,70);
+ name.position.set(x,y+3.65,z);name.scale.set(5.7,.66,1);frame.add(name);
+}
+dockArchitecture('IN 01',-21,-7,true);
+dockArchitecture('IN 02',-21,7,true);
+for(const [i,z] of [-7,0,7].entries())dockArchitecture('OUT 0'+(i+1),24,z,false);
+function scannerPortal(x,y,z,id){
+ const g=new THREE.Group();(floorGroups[Number(Object.keys(FLOORS).find(k=>Math.abs(FLOORS[k].elevation-y)<.1))]||floorGroups[1]).add(g);
+ beam(g,[x,y-.05,z-.8],[x,y+1.55,z-.8],.09,safetyYellow);
+ beam(g,[x,y-.05,z+.8],[x,y+1.55,z+.8],.09,safetyYellow);
+ beam(g,[x,y+1.55,z-.8],[x,y+1.55,z+.8],.12,safetyYellow);
+ const s=makeTextSprite(id,0xf2ba64,0x0e2637,19,340,70);s.position.set(x,y+2.13,z);s.scale.set(2.6,.48,1);g.add(s);
+ const lens=new THREE.Mesh(new THREE.SphereGeometry(.19,12,8),new THREE.MeshStandardMaterial({color:COLORS.unknown,emissive:COLORS.unknown,emissiveIntensity:.65}));
+ lens.position.set(x,y+1.73,z);g.add(lens);
+ scannerIndicators[id==='DEST SCAN'?'DEST_SCAN':'DWS01']={lens,lastRevision:-1};
+}
+scannerPortal(5.55,FLOORS[2].elevation,0,'SCAN / DWS');
+scannerPortal(-5.3,FLOORS[3].elevation,0,'DEST SCAN');
+// Keep the conveyor surface unobstructed. The previous yellow upright panels
+// crossed the material path. A low, continuous guide rail follows each curved
+// chute edge instead; safety guarding requires separate as-built evaluation.
+for(const e of EQUIPMENT.filter(e=>e.chute)){
+ const curve=paths[e.id], g=deviceGroups[e.id];
+ for(const sign of [-1,1]){
+  const railPath=sideCurve(curve,sign,.49,.34);
+  g.add(new THREE.Mesh(tube(railPath,.035),steelMaterial));
+ }
+}
+// Dock geometry and scanner portals follow their own floor layer; chute
+// guarding follows equipment visibility in isolated and exploded views.
+
+// Parcel movement uses curve arc length, not a set of teleporting equipment positions.
+function makeParcel(i){
+ const grp=new THREE.Group();const b=new THREE.Mesh(parcelGeo,parcelMat.clone());b.material.color.setHex([0xc79b66,0xa98759,0xd4aa71,0xb98b58][i%4]);b.userData.parcelId=i;
+ const edges=new THREE.LineSegments(parcelEdges,parcelEdgeMat);grp.add(b,edges);
+ const stamp=new THREE.Mesh(new THREE.BoxGeometry(.38,.008,.035),new THREE.MeshStandardMaterial({color:0xe5c58f,roughness:1}));stamp.position.set(0,.22,0);grp.add(stamp);
+ grp.visible=false;scene.add(grp);return grp;
+}
+function ensureLiveParcels(n){while(liveParcels.length<Math.min(n,150)){const i=liveParcels.length;liveParcels.push({object:makeParcel(200+i)});}}
+for(let i=0;i<8;i++)parcels.push({object:makeParcel(i),route:ROUTES[i%ROUTES.length],progress:i*12.7,i,destination:'DOCK_OUT_'+['A','B','C'][i%3],origin:i%2?'DOCK_IN_B':'DOCK_IN_A'});
+const labelStrings={docks:['SHIPPING DOCKS · GROUND LEVEL','2 inbound unload points · 3 outbound trailer destinations'],incline:['GRADE-CONTROLLED INCLINE · FLOOR 01 → 02','Long powered belt concept · continuous uphill travel'],stacked:['CONNECTED PARCEL HUB · 3 LEVELS','Original geometry unchanged + compact in-floor sorter: four in-floor sliding-shoe diverts, four individual spiral descents, Floor-2 merge'],sorter:['R9 · COMPACT IN-FLOOR SORTER','4 independent chute-to-spiral transfers, four takeaways, Floor 02 merge'],exploded:['EXPLODED SPATIAL LAYERS','Elevations separated while preserving transport connectivity'],xray:['X-RAY EQUIPMENT OVERVIEW','Floors transparent · conveyors emphasized'],floor1:['FLOOR 01 · LOADING DOCKS','2 receiving dock doors · 3 trailer loading doors · incline feeding sortation'],floor2:['FLOOR 02 · SORTATION','Sorter induction accepts R6 powered return · original conveyors preserved'],floor3:['FLOOR 03 · OUTBOUND SORTING','3 outbound chutes + R6 return chute to Floor 02 (concept)']};
+function setMode(mode){
+ if(!labelStrings[mode])return;viewMode=mode;
+ document.querySelectorAll('[data-mode]').forEach(b=>{const active=b.dataset.mode===mode;b.classList.toggle('active',active);b.setAttribute('aria-pressed',String(active))});
+ document.querySelectorAll('[data-floor]').forEach(b=>b.classList.toggle('active',mode==='floor'+b.dataset.floor));
+ const [title,subtitle]=labelStrings[mode];$('mode-description').textContent=title;$('mode-note').textContent=subtitle;
+ const offsetTarget=mode==='exploded'?{1:-4.0,2:0,3:4.0}:{1:0,2:0,3:0};
+ for(const f of [1,2,3])off[f]=offsetTarget[f];
+ for(const f of [1,2,3]){
+  floorGroups[f].position.y=off[f];
+  const visible=!mode.startsWith('floor')||mode==='floor'+f;
+  floorGroups[f].visible=visible;
+  floorGroups[f].userData.slab.material.opacity=mode==='xray'?.045:.40;
+  floorGroups[f].userData.grid.material.opacity=mode==='xray'?.12:.31;
+ }
+ for(const e of EQUIPMENT){
+  if(e.connector){
+   const visible=!mode.startsWith('floor')||e.floor===Number(mode.slice(-1))||e.toFloor===Number(mode.slice(-1));
+   deviceGroups[e.id].visible=visible;
+  }
+  deviceMaterials[e.id].opacity=mode==='xray'?.63:1;
+ }
+ // Rebuild only the two connectors after a mode switch so no stale endpoint remains.
+ for(const id of Object.keys(connectors))rebuildConnector(EQUIPMENT_BY_ID[id]);
+ const focusY=mode.startsWith('floor')?FLOORS[Number(mode.slice(-1))].elevation:6.5;
+ if(mode==='sorter'){
+  controls.target.set(-7,9.5,6);camera.position.set(8,23,18);
+ } else if(mode==='incline'){
+  controls.target.set(7,3.8,-2);camera.position.set(25,18,23);
+ } else if(mode==='docks'){
+  controls.target.set(2,1.2,0);camera.position.set(35,17,31);
+ } else {
+  controls.target.set(1,focusY,0);camera.position.set(mode.startsWith('floor')?36:45,focusY+(mode.startsWith('floor')?19:24),mode.startsWith('floor')?31:38);
+ }
+ controls.update();markSelected();record(`VIEW · ${title}`);
+}
+function removeGroupResources(g){g.traverse(o=>{
+ if(o.geometry && ![reusableRollerGeo,reusableLegGeo,pointGeo].includes(o.geometry))o.geometry.dispose();
+ if(o.material){const mats=Array.isArray(o.material)?o.material:[o.material];for(const mat of mats){if(mat.map)mat.map.dispose();if(![steelMaterial,rollerMaterial,legMaterial,peHousingMaterial,peReceiverMaterial,peMountMaterial,peOpticMaterial].includes(mat))mat.dispose();}}
+ });}
+function rebuildConnector(e){
+ const old=deviceGroups[e.id];const prevState=stateFor(e.id);
+ // Keep the single renderer scene; do not create a second canvas or leak old geometries.
+ scene.remove(old);removeGroupResources(old);
+ const g=buildConveyor(e);
+ deviceMaterials[e.id].opacity=viewMode==='xray'?.63:1;
+ deviceLabels[e.id].visible=showLabels;
+ // Drop old entries from raycasting after rebuild to avoid interacting with stale geometry.
+ for(let i=raycastMeshes.length-1;i>=0;i--)if(raycastMeshes[i].userData.equipmentId===e.id&&!g.children.includes(raycastMeshes[i]))raycastMeshes.splice(i,1);
+ applyEquipmentVisual(e.id,prevState);
+ for(const key of ['PE_IN','PE_OUT']){
+  const value=currentSensorFeed?.equipment?.[e.id]?.[key];
+  colorSensor(e.id,key,typeof value==='boolean'?value:null);
+ }
+}
+function applyEquipmentVisual(id,state){
+ const color=EQUIPMENT_BY_ID[id].demoOnly?COLORS.unknown:assetStateColor(state),mat=deviceMaterials[id];
+ mat.emissive.setHex(color);mat.emissiveIntensity=.29;
+ deviceIcons[id].material.color.setHex(color);
+ if(deviceIcons[id].userData.light){deviceIcons[id].userData.light.color.setHex(color);deviceIcons[id].userData.light.intensity=state.running===true?.55:.23;}
+}
+function markSelected(){
+ for(const e of EQUIPMENT){const active=e.id===selected;
+  deviceLabels[e.id].visible=showLabels && (!/^R9_(JOIN|COLLECT)_/.test(e.id) || active);
+  deviceGroups[e.id].userData.selectOutline.visible=active;
+  deviceMaterials[e.id].emissiveIntensity=active?.69:.29;
+  for(const k of ['PE_IN','PE_OUT'])if(peIndicators[e.id]?.[k])peIndicators[e.id][k].caption.visible=peLabelVisible(e.id);
+ }
+ refreshInspector();
+}
+function displayValue(v,formatTrue='TRUE',formatFalse='FALSE'){return v===null||v===undefined?'UNKNOWN':v?formatTrue:formatFalse}
+function inspectorNeighbors(e){const a=e.up[0]||null,b=e.down[0]||null;
+ $('nav-upstream').disabled=!a;$('nav-downstream').disabled=!b;
+ $('nav-upstream').querySelector('strong').textContent=a||'—';$('nav-downstream').querySelector('strong').textContent=b||'—';
+ $('nav-upstream').dataset.asset=a||'';$('nav-downstream').dataset.asset=b||'';
+ $('asset-route').textContent=[a||'SOURCE',e.id,b||'DESTINATION'].join('  →  ');
+}
+function refreshInspector(){
+ const e=EQUIPMENT_BY_ID[selected],s=stateFor(selected);if(!e)return;
+ $('asset-name').textContent=e.id;$('asset-category').textContent=e.category.toUpperCase();
+ const spec=$('transfer-details');
+ if(e.id==='INCL01'){
+  spec.hidden=false;
+  $('transfer-title').textContent='GRADED INTER-FLOOR INCLINE · CONCEPT';
+  $('transfer-grade').textContent=INCLINE_ENGINEERING_DEMO.averageAngle.toFixed(1)+'°';
+  $('transfer-rise').textContent=INCLINE_ENGINEERING_DEMO.rise.toFixed(1)+' scene units';
+  $('transfer-note').textContent='Conceptual curved modules · not a manufactured belt design.';
+ }else if(e.id==='SPIRAL01'||e.id.startsWith('DOWN_')||e.id==='R6_DOWN_F2'||e.id.startsWith('R9_SPIRAL_')){
+  spec.hidden=false;
+  const values=gradeStats(e.path);
+  $('transfer-title').textContent=(e.id==='R6_DOWN_F2'||e.id.startsWith('R9_SPIRAL_'))?'POWERED DECLINE TO FLOOR 02 · CONCEPT':e.id.startsWith('DOWN_')?'POWERED DECLINE TO GROUND DOCK · CONCEPT':'POWERED SPIRAL ASCENT · CONCEPT';
+  $('transfer-grade').textContent=values.maxSegmentAngle.toFixed(1)+'°';
+  $('transfer-rise').textContent=values.rise.toFixed(1)+' scene units';
+  $('transfer-note').textContent='Concept only: vendor checks for controls, guards, package stability and clearance needed.';
+ }else spec.hidden=true;
+ $('asset-location').textContent=e.connector?`Floor 0${e.floor} → Floor 0${e.toFloor} · Vertical transfer`:`Floor 0${e.floor} · ${FLOORS[e.floor].name}`;
+ if(e.demoOnly)$('asset-location').textContent+=' · CONCEPT ASSET';
+ const state=e.demoOnly?'CONCEPT':s.fault===true?'FAULT':s.blocked===true?'BLOCKED':s.running===true?'RUNNING':s.running===false?'STOPPED':'UNKNOWN';
+ $('asset-badge').textContent=state;$('asset-badge').className='run-badge'+(state==='FAULT'?' fault':(['UNKNOWN','STOPPED','CONCEPT'].includes(state)?' unknown':''));
+ $('asset-run').textContent=e.demoOnly?'—':displayValue(s.running);$('asset-speed').textContent=e.demoOnly?'—':s.speed===null?'UNKNOWN':s.speed.toFixed(2)+' m/s';
+ $('asset-fault').textContent=e.demoOnly?'—':s.fault===true?'ACTIVE':s.fault===false?'NONE':'UNKNOWN';
+ const sn=currentSensorFeed?.equipment?.[e.id];
+ for(const [key,virtualKey,original] of [['asset-pe-in','PE_IN',s.peIn],['asset-pe-out','PE_OUT',s.peOut]]){
+  const val=(e.id.startsWith('R6_')||e.id.startsWith('R9_'))&&typeof sn?.[virtualKey]==='boolean'?sn[virtualKey]:original;
+  const el=$(key);el.textContent=displayValue(val,'BLOCKED','CLEAR');el.dataset.signal=val===true?'blocked':val===false?'clear':'unknown';
+ }$('asset-pe-in-count').textContent=sn?String(sn.IN_COUNT):'—';$('asset-pe-out-count').textContent=sn?String(sn.OUT_COUNT):'—';
+ $('asset-quality').textContent=s.quality;$('quality-note').textContent=currentSensorFeed?(e.demoOnly?'V1J simulated concept sensor, not a real PLC input.':'V1J virtual photoeye; driven by parcel-position model.'):(e.demoOnly?'Concept only; no verified PLC I/O.':live?'Read-only V1C mapping.':'Illustrative simulation.');
+ inspectorNeighbors(e);
+}
+function selectAsset(id,focus=false){if(!EQUIPMENT_BY_ID[id])return;
+ const e=EQUIPMENT_BY_ID[id];
+ if(viewMode.startsWith('floor')&&viewMode!=='floor'+e.floor)setMode('stacked');
+ selected=id;markSelected();record(`INSPECT · ${id} · F0${e.floor}`);
+ if(focus){const center=paths[id].getPointAt(.5);if(!e.connector)center.y+=off[e.floor];
+ controls.target.copy(center);const dir=new THREE.Vector3(1.3,.9,1.2).normalize();camera.position.copy(center).addScaledVector(dir,e.connector?13:9);controls.update();
+ }
+}
+function sampleAsset(id,t){const e=EQUIPMENT_BY_ID[id],curve=paths[id];if(!curve)return null;const p=curve.getPointAt(Math.max(0,Math.min(1,t)));
+ if(!e.connector)p.y+=off[e.floor];return p;
+}
+// Align the parcel bottom with the actual uphill conveyor tangent.
+// The previous V1D yaw-only rotation made boxes slide upright through slopes.
+const BOX_X=new THREE.Vector3(1,0,0);
+const parcelTransformMat=new THREE.Matrix4();
+function placeParcel(mesh,id,progress){
+ const p=sampleAsset(id,progress);if(!p)return false;
+ const tangent=paths[id].getTangentAt(Math.max(0,Math.min(1,progress))).normalize();
+ const across=new THREE.Vector3(-tangent.z,0,tangent.x).normalize();
+ if(across.lengthSq()<.001)across.set(0,0,1);
+ const surfaceUp=new THREE.Vector3().crossVectors(across,tangent).normalize();
+ parcelTransformMat.makeBasis(tangent,surfaceUp,across);
+ mesh.quaternion.setFromRotationMatrix(parcelTransformMat);
+ mesh.position.copy(p).addScaledVector(surfaceUp,.265);
+ return true;
+}
+function updateParcels(dt){
+ if(v1cOffline){
+  for(const p of parcels)p.object.visible=false;
+  for(const p of liveParcels)p.object.visible=false;
+  return;
+ }
+ if(live){
+  for(const p of parcels)p.object.visible=false;
+  for(let i=0;i<liveParcels.length;i++){
+   const packet=liveParcelState.positions[i],mesh=liveParcels[i].object;
+   mesh.visible=!!packet;
+   if(packet){if(!placeParcel(mesh,packet.equipmentId,packet.progress))mesh.visible=false;}
+  }
+  return;
+ }
+ for(const p of liveParcels)p.object.visible=false;
+ const lab=window.devagentLabState;
+ if(lab?.enabled && currentSensorFeed){
+   for(const p of parcels)p.object.visible=false;
+   const positions=currentSensorFeed.parcels||[];ensureLiveParcels(positions.length);
+   const elapsed=Math.min(.28,(performance.now()-lastSensorReceivedAt)/1000);
+   for(let i=0;i<liveParcels.length;i++){
+     const packet=positions[i],mesh=liveParcels[i].object;
+     if(!packet){mesh.visible=false;continue}
+     let id=packet.equipmentId,t=packet.progress;
+     if(lab.run_state==='RUNNING' && flowLengths[id]){
+       // Client interpolation is capped between authoritative snapshots; never generates sensor events.
+       let delta=elapsed*2.05;
+       while(delta>0 && id){
+         const available=(1-t)*flowLengths[id];
+         if(delta<=available){t+=delta/flowLengths[id];break}
+         // Follow the server-selected next hop: the sorter has multiple exits.
+         const options=EQUIPMENT_BY_ID[id]?.down||[];
+         const next=(typeof packet.nextEquipmentId==='string'&&EQUIPMENT_BY_ID[packet.nextEquipmentId])
+           ?packet.nextEquipmentId:(options.length===1?options[0]:null);
+         delta-=available;id=next;
+         t=id&&flowLengths[id]?Math.min(1,delta/flowLengths[id]):0;break;
+       }
+     }
+     mesh.visible=!!id && placeParcel(mesh,id,t);
+   }
+   $('metric-parcels').textContent=String(currentSensorFeed.parcels_in_transit);
+   return;
+ }
+ const advancing=!lab?.enabled||lab.run_state==='RUNNING';
+ for(const p of parcels){
+  p.object.visible=true;
+  if(advancing)p.progress+=dt*2.05;
+  const lens=p.route.map(id=>flowLengths[id]);const total=lens.reduce((a,b)=>a+b,0);
+  if(p.progress>=total){p.progress-=total+18;delivered++;$('activity').textContent=`SIMULATION · P-${String(p.i+1).padStart(3,'0')} ${p.origin} → ${p.destination} DELIVERED · ${delivered} demo deliveries`;}
+  let pos=p.progress;if(pos<0){p.object.visible=false;continue}
+  for(let i=0;i<p.route.length;i++){
+   if(pos<=lens[i]||i===lens.length-1){const id=p.route[i],t=Math.min(1,pos/lens[i]);placeParcel(p.object,id,t);
+    break;
+   }pos-=lens[i];
+  }
+ }
+ $('metric-parcels').textContent=parcels.filter(p=>p.object.visible).length;
+}
+function record(message){$('activity').textContent=message;}
+function refreshMetrics(){
+ if(live){const s=summarizeState(liveSnapshot),unmatched=BASE_V1C_IDS.length-s.matched;
+  $('metric-online').textContent=s.online;$('online-caption').textContent=`${s.matched} V1C mapped · ${unmatched} unmapped · 12 concept nodes`;
+  $('metric-faults').textContent=s.faults;$('fault-caption').textContent=`From ${s.matched} mapped devices`;
+  $('metric-parcels').textContent=liveParcelState.count===null?'—':String(liveParcelState.count);$('parcel-unit').textContent=liveParcelState.count===null?'unverified':'reported';$('parcel-caption').textContent=liveParcelState.positions.length?`${liveParcelState.positions.length} parcels spatially mapped`:'Parcel positions unavailable';
+  $('status-summary').textContent=`V1C read-only: ${s.matched}/${BASE_V1C_IDS.length} original tags · 12 visualization-only nodes`;
+ }else if(v1cOffline){
+  $('metric-online').textContent='—';$('online-caption').textContent='V1C FEED UNAVAILABLE · statuses unknown';
+  $('metric-faults').textContent='—';$('fault-caption').textContent='Cannot infer alarm state';
+  $('metric-parcels').textContent='—';$('parcel-unit').textContent='unavailable';$('parcel-caption').textContent='Not animating demo parcels while source is offline';
+  $('status-summary').textContent='V1C OFFLINE · all original equipment signals unknown · concept assets unmapped';
+ }else{
+  const lab=window.devagentLabState;
+  $('metric-online').textContent=String(lab?.enabled?(lab.run_state==='RUNNING'?BASE_V1C_IDS.length:0):BASE_V1C_IDS.length);
+  $('online-caption').textContent=lab?.enabled?`ISOLATED ${lab.run_state} · 22 simulated assets`:'22 original simulated · 15 conceptual';
+  $('metric-faults').textContent=String(lab?.enabled&&lab.fault?1:0);
+  $('fault-caption').textContent=lab?.fault?'SIMULATED JAM · CV208':'No simulated exceptions';
+  $('parcel-unit').textContent='simulated';$('parcel-caption').textContent=currentSensorFeed?'Server-tracked parcel positions · virtual PE':'Animated demonstration flow';
+  $('status-summary').textContent='22 original V1C assets + 15 concept assets · 2 inbound / 3 outbound docks · DEMO';
+ }
+}
+function markSource(mode,message){
+ window.devagentSourceMode=mode==='V1C MAPPED'?'V1C':mode==='V1C OFFLINE'?'OFFLINE':'SIMULATION';
+ window.dispatchEvent(new CustomEvent('devagent:source',{detail:window.devagentSourceMode}));
+ $('data-source').textContent=mode;
+ $('source-caption').textContent=message;
+ $('source-led').style.background=mode==='V1C MAPPED'?'#38d7bc':mode==='V1C OFFLINE'?'#f07281':'#e3b35d';
+ $('viewport-mode').textContent=mode==='V1C MAPPED'?'LIVE DEVICE SIGNALS / PARCELS DISABLED':mode==='V1C OFFLINE'?'V1C FEED LOST / STATUS UNKNOWN':'SIMULATED / READ ONLY';
+ $('btn-connect').textContent=mode==='V1C MAPPED'?'✓  V1C CONNECTED':mode==='V1C OFFLINE'?'↻  RETRY V1C':'↗  CONNECT V1C';
+ $('btn-demo-wave').textContent=mode==='V1C OFFLINE'?'▶  SWITCH TO DEMO':'▶  RESTART DEMO FLOW';
+}
+async function connectV1C(){
+ if(connectionBusy)return;connectionBusy=true;$('btn-connect').disabled=true;
+ try{
+  const r=await fetch('/api/bridge/facility/state',{cache:'no-store',signal:AbortSignal.timeout(3500)});
+  if(!r.ok)throw Error('API HTTP '+r.status);
+  const data=await r.json(),mapped=extractEquipment(data);
+  const count=Object.keys(mapped).length;
+  if(!count)throw Error('No recognizable V1C equipment signals in V1C response; exact mapping required.');
+  // Fail closed: unknown equipment and unknown fields remain unknown, never synthesized.
+  live=true;v1cOffline=false;liveSnapshot=mapped;liveParcelState=extractParcelState(data);ensureLiveParcels(liveParcelState.positions.length);lastLiveAt=Date.now();
+  for(const e of EQUIPMENT){equipState[e.id]=e.demoOnly?{running:null,blocked:null,fault:null,speed:null,peIn:null,peOut:null,quality:'CONCEPT'}:mapped[e.id]||{running:null,blocked:null,fault:null,speed:null,peIn:null,peOut:null,quality:'NOT MAPPED'};applyEquipmentVisual(e.id,equipState[e.id]);}
+  markSource('V1C MAPPED',`${count}/${BASE_V1C_IDS.length} original V1C assets recognized`);
+  refreshMetrics();markSelected();record(`READ-ONLY V1C · ${count}/22 assets mapped · ${liveParcelState.positions.length} parcels with positions`);
+ }catch(err){
+  // Industrial fail-closed behavior: a missing feed NEVER turns every belt green.
+  live=false;v1cOffline=true;liveSnapshot={};liveParcelState={count:null,positions:[]};
+  for(const e of EQUIPMENT){equipState[e.id]={running:null,blocked:null,fault:null,speed:null,peIn:null,peOut:null,quality:e.demoOnly?'CONCEPT':'OFFLINE'};applyEquipmentVisual(e.id,equipState[e.id]);}
+  markSource('V1C OFFLINE','Source unreachable / unmapped; all equipment statuses unknown');
+  refreshMetrics();markSelected();record(`V1C READ-ONLY FEED UNAVAILABLE · ${err.message}`);
+ }finally{$('btn-connect').disabled=false;connectionBusy=false;}
+}
+function disconnectToDemo(reason='Demo resumed'){live=false;v1cOffline=false;liveSnapshot={};liveParcelState={count:null,positions:[]};
+ for(const e of EQUIPMENT){equipState[e.id]=defaultState(e);applyEquipmentVisual(e.id,equipState[e.id]);}
+ lastLabRevision=-1;
+ markSource('SIMULATION','Demo until verified mapping');refreshMetrics();markSelected();record(reason);
+}
+function restartDemo(){if(window.devagentLabState?.enabled){record('LAB CONTROLS ENABLED · use the RESET operator command, not visual restart.');return}
+ if(live){record('Read-only live mode: cannot change upstream simulator or inject parcels.');return}
+ if(v1cOffline)disconnectToDemo('Operator explicitly switched to illustrative simulation.');
+ delivered=0;for(let i=0;i<parcels.length;i++)parcels[i].progress=i*12.7;record('DEMO · Parcel wave restarted · does not write to OPC UA.');}
+
+// Isolated lab commands are *not* written upstream. In simulation mode they
+// animate the same model and demonstrate stop/jam/ack/reset transitions.
+let lastLabWave=-1,lastLabRevision=-1;
+function colorSensor(eid,key,blocked){
+ const icon=peIndicators[eid]?.[key];if(!icon)return;
+ const col=blocked===null?COLORS.unknown:blocked===true?COLORS.blocked:COLORS.on;
+ // Keep the enclosure a dark, realistic shape. Only the tiny LED changes state.
+ icon.lens.material.color.setHex(col);icon.lens.material.emissive.setHex(col);
+ icon.beam.material.color.setHex(col);
+ icon.beam.visible=blocked===true;
+ icon.beam.material.opacity=blocked===true?.46:0;
+ icon.caption.visible=peLabelVisible(eid);
+}
+function clearSensorFeed(){
+ currentSensorFeed=null;
+ for(const e of EQUIPMENT){
+  for(const key of ['PE_IN','PE_OUT'])colorSensor(e.id,key,null);
+  if(!live&&!v1cOffline){const st=stateFor(e.id);st.peIn=null;st.peOut=null;st.quality='SENSOR FEED OFFLINE';}
+ }
+ $('sensor-summary').textContent='PE SIGNALS UNAVAILABLE · CHECK ISOLATED LAB CONNECTION';
+ if(!live&&!v1cOffline)refreshInspector();
+}
+function applySensorFeed(feed){
+ if(!feed||feed.sensor_quality!=='ISOLATED_SIMULATOR'){clearSensorFeed();return}
+ currentSensorFeed=feed;lastSensorReceivedAt=performance.now();
+ for(const e of EQUIPMENT){
+  const sig=feed.equipment?.[e.id];
+  for(const key of ['PE_IN','PE_OUT'])colorSensor(e.id,key,typeof sig?.[key]==='boolean'?sig[key]:null);
+  if(!live&&!v1cOffline){
+    const prior=stateFor(e.id);
+    prior.peIn=typeof sig?.PE_IN==='boolean'?sig.PE_IN:null;
+    prior.peOut=typeof sig?.PE_OUT==='boolean'?sig.PE_OUT:null;
+    prior.quality=sig?(e.demoOnly?'VIRTUAL CONCEPT':'VIRTUAL PE'):'SENSOR NODE MISSING';
+    equipState[e.id]=prior;
+  }
+ }
+ const dws=feed.scanners?.DWS01, dest=feed.scanners?.DEST_SCAN;
+ if(dws){$('scan-dws-count').textContent=String(dws.ScanCount);$('scan-dws-result').textContent=dws.LastResult;}
+ if(dest){$('scan-dest-count').textContent=String(dest.ScanCount);$('scan-dest-result').textContent=dest.LastResult;}
+ for(const [sid,scan] of Object.entries(feed.scanners||{})){
+   const icon=scannerIndicators[sid];if(!icon)continue;
+   const color=scan.LastResult==='NO_READ'?COLORS.blocked:scan.LastResult==='GOOD_READ'?COLORS.on:COLORS.unknown;
+   icon.lens.material.color.setHex(color);icon.lens.material.emissive.setHex(color);
+   if(icon.lastRevision!==scan.Revision){icon.lastRevision=scan.Revision;icon.lens.scale.setScalar(1.55);}
+ }
+ $('scan-last-id').textContent=(dest?.LastParcelId||dws?.LastParcelId||'—');
+ $('scan-no-read').textContent=String((dws?.NoReadCount||0)+(dest?.NoReadCount||0));
+ $('sensor-summary').textContent=`PE BLOCKED ${feed.blocked_sensors} / ${EQUIPMENT.length*2} · ${feed.parcels_in_transit} LIVE PARCELS · ${feed.delivered} DELIVERED`;
+ if(feed.sensor_events?.length){const last=feed.sensor_events.at(-1);
+  if(last.sequence!==lastSensorSequence){lastSensorSequence=last.sequence;
+   $('sensor-event').textContent=`${last.kind} · ${last.equipmentId} · ${last.parcelId}`;}
+ }
+ if(!live&&!v1cOffline)markSelected();
+}
+window.addEventListener('devagent:lab-state',({detail:s})=>{
+ if(s.enabled)applySensorFeed(s.sensor_data);
+ if(!s.enabled||s.revision===lastLabRevision)return;
+ lastLabRevision=s.revision;
+ if(s.wave!==lastLabWave){
+   if(lastLabWave!==-1){delivered=0;parcels.forEach((p,i)=>p.progress=i*12.7);}
+   lastLabWave=s.wave;
+ }
+ if(live||v1cOffline)return;
+ for(const e of EQUIPMENT){
+   const jam=s.fault&&e.id==='CV208';
+   equipState[e.id]={running:s.run_state==='RUNNING',blocked:!!jam,fault:!!jam,
+     speed:s.run_state==='RUNNING'?1.2:0,peIn:currentSensorFeed?.equipment?.[e.id]?.PE_IN??null,peOut:currentSensorFeed?.equipment?.[e.id]?.PE_OUT??null,quality:e.demoOnly?'VIRTUAL CONCEPT':'VIRTUAL PE'};
+   applyEquipmentVisual(e.id,equipState[e.id]);
+ }
+ refreshMetrics();markSelected();
+ record(`LAB ${s.run_state} · rev ${s.revision} · ${s.fault||'no alarm'} · no V1C/OPC UA writes`);
+});
+
+let down=null;
+renderer.domElement.addEventListener('pointerdown',e=>{down={x:e.clientX,y:e.clientY,time:performance.now()}});
+renderer.domElement.addEventListener('pointerup',e=>{
+ if(!down||Math.hypot(e.clientX-down.x,e.clientY-down.y)>5){down=null;return}down=null;
+ const rect=renderer.domElement.getBoundingClientRect(),mouse=new THREE.Vector2((e.clientX-rect.left)/rect.width*2-1,-(e.clientY-rect.top)/rect.height*2+1);
+ const ray=new THREE.Raycaster();ray.setFromCamera(mouse,camera);const hits=ray.intersectObjects(raycastMeshes,false).filter(hit=>{const id=hit.object.userData.equipmentId;const asset=EQUIPMENT_BY_ID[id];return asset && deviceGroups[id].visible && (asset.connector || floorGroups[asset.floor].visible);});
+ if(hits.length){const id=hits[0].object.userData.equipmentId;if(id)selectAsset(id,e.detail===2)}
+});
+renderer.domElement.addEventListener('dblclick',e=>e.preventDefault());
+document.querySelectorAll('[data-mode]').forEach(btn=>btn.addEventListener('click',()=>setMode(btn.dataset.mode)));
+document.querySelectorAll('[data-floor]').forEach(btn=>btn.addEventListener('click',()=>setMode('floor'+btn.dataset.floor)));
+$('reset-view').addEventListener('click',()=>setMode('stacked'));
+$('rail-overview').addEventListener('click',()=>setMode('stacked'));
+$('rail-faults').addEventListener('click',()=>{const bad=EQUIPMENT.find(e=>stateFor(e.id).fault===true);if(bad)selectAsset(bad.id,true);else record('FAULT FIND · No mapped fault found');});
+$('toggle-sensors').addEventListener('click',()=>{showAllPE=!showAllPE;$('toggle-sensors').setAttribute('aria-pressed',String(showAllPE));markSelected();});
+$('toggle-labels').addEventListener('click',()=>{showLabels=!showLabels;markSelected();$('toggle-labels').setAttribute('aria-pressed',String(showLabels));});
+$('btn-demo-wave').addEventListener('click',restartDemo);
+$('btn-connect').addEventListener('click',()=>live?disconnectToDemo('Operator returned to local demonstration.'):connectV1C());
+$('nav-upstream').addEventListener('click',()=>selectAsset($('nav-upstream').dataset.asset,true));
+$('nav-downstream').addEventListener('click',()=>selectAsset($('nav-downstream').dataset.asset,true));
+function doSearch(){const id=$('asset-search').value.trim().toUpperCase();if(EQUIPMENT_BY_ID[id]){$('search-error').textContent='';selectAsset(id,true)}else{$('search-error').textContent='Asset ID not found in V1D demonstration topology.';}}
+$('search-go').addEventListener('click',doSearch);$('asset-search').addEventListener('keydown',e=>{if(e.key==='Enter')doSearch()});
+window.addEventListener('keydown',e=>{if(['INPUT','TEXTAREA'].includes(document.activeElement?.tagName))return;
+ if(['1','2','3'].includes(e.key))setMode('floor'+e.key);
+ if(e.key.toLowerCase()==='e')setMode('exploded');
+ if(e.key.toLowerCase()==='x')setMode('xray');
+ if(e.key.toLowerCase()==='a')setMode('stacked');
+ if(e.key.toLowerCase()==='i')setMode('incline');
+ if(e.key.toLowerCase()==='d')setMode('docks');
+ if(e.key.toLowerCase()==='s')setMode('sorter');
+});
+function resize(){const w=mount.clientWidth,h=mount.clientHeight;if(!w||!h)return;camera.aspect=w/h;camera.updateProjectionMatrix();renderer.setSize(w,h,false);}
+new ResizeObserver(resize).observe(mount);resize();
+let prev=performance.now(),fpsCount=0,fpsStart=prev;
+function tick(now){requestAnimationFrame(tick);const dt=Math.min(.06,(now-prev)/1000);prev=now;
+ controls.update();updateParcels(dt);if(currentSensorFeed&&performance.now()-lastSensorReceivedAt>4000)clearSensorFeed();for(const sid of Object.keys(scannerIndicators)){const lens=scannerIndicators[sid].lens; if(lens.scale.x>1)lens.scale.setScalar(Math.max(1,lens.scale.x-dt*2));}
+ for(const e of EQUIPMENT)for(const k of ['PE_IN','PE_OUT']){const cap=peIndicators[e.id]?.[k]?.caption;if(cap)cap.visible=peLabelVisible(e.id);}
+ renderer.render(scene,camera);
+ fpsCount++;if(now-fpsStart>1500){$('fps-indicator').textContent=`WEBGL · ${Math.round(fpsCount*1000/(now-fpsStart))} FPS`;fpsStart=now;fpsCount=0;}
+}
+for(const e of EQUIPMENT)applyEquipmentVisual(e.id,stateFor(e.id));markSelected();refreshMetrics();
+$('scene-loading').classList.add('hidden');window.devagentEngineLoaded?.();$('render-status').textContent='WEBGL ONLINE';
+markSource('SIMULATION','Demo until verified mapping');record('R9 PREVIEW · four in-floor outlets, four individual spiral descents, Floor-2 merge · CONCEPT ONLY');
+requestAnimationFrame(tick);
+// Embedding uses same-origin requests to the read-only server; no browser OPC UA
+// write capability and no credentials cross the frame boundary.
+const URL_FLAGS=new URLSearchParams(window.location.search);
+if(URL_FLAGS.get('embed')==='1')document.documentElement.classList.add('ignition-embedded');
+if(URL_FLAGS.get('native')==='1')document.documentElement.classList.add('native-operator');
+if(URL_FLAGS.get('autoconnect')==='1' && URL_FLAGS.get('native')!=='1')setTimeout(connectV1C,300);
+// A mapped feed is checked periodically; it never silently becomes a claimed live feed.
+setInterval(()=>{if((live||v1cOffline)&&!connectionBusy)connectV1C()},2500);