devagent-ignition 0.1.0__py3-none-any.whl

devagent_spatial/_resources/assets/harness.js

@@ -0,0 +1,78 @@
+/* Explicit, bounded BYOM workflow; never send project information without a click. */
+(()=>{'use strict';
+const $=id=>document.getElementById(id);
+const fields=['name','industry','layout','palette','description','equipment_csv','connections_csv','signals_csv','requirements'];
+const snapshot=()=>Object.fromEntries(fields.map(f=>[f,$(f).value]));
+const reviewFingerprint=()=>JSON.stringify({wizard:snapshot(),aiRequest:$('ai-request').value.trim()});
+let reviewedInput=null;
+const canBuild=()=>window.DevAgentAIFlow?.isConnected()&&reviewedInput===reviewFingerprint();
+window.DevAgentHarness={canBuild};
+function resetReview(){reviewedInput=null;$('build').disabled=true;}
+for(const field of [...fields,'ai-request']){$(field).addEventListener('input',resetReview);$(field).addEventListener('change',resetReview);}
+document.addEventListener('devagent:ai-connection',resetReview);
+document.addEventListener('devagent:project-reset',()=>{
+ resetReview();proposed=null;before=null;approval.classList.add('hidden');result.classList.add('hidden');
+});
+
+const result=$('harness-results');const approval=$('harness-approval');
+let proposed=null, before=null;
+const show=t=>{result.classList.remove('hidden');result.textContent=t;};
+const currentConn=()=>{const model=$('ai-model').value.trim();if(!model)return null;
+ return {provider:$('ai-provider').value,model,api_key:$('ai-key').value,endpoint:$('ai-endpoint').value.trim()};};
+const render=(data)=>{
+  const inspection=data.engineering||{};
+  const warning=(inspection.findings||[]).slice(0,9).map(f=>{
+    const label=f.asset_id?` · ${f.asset_id}`:'';
+    return `• ${f.category}${label}${f.roles?.length?` — ${f.roles.join(', ')}`:''}\n  ${f.next_action||''}`;
+  });
+  const tests=(data.attempts||[]).map(x=>`Attempt ${x.attempt}: ${x.result} · ${x.rank?.score??x.failure_code??x.reason??'review'}`);
+  const summary=[`Engineering: ${inspection.status||'NOT_ASSESSED'} · ${inspection.equipment_count??0} equipment · ${inspection.signal_count??0} signals`,
+    `AI: ${data.mode==='NO_AI_MODEL_CONNECTED'?'Not called — independent engine only':'Model proposed / deterministic checks only'}`,
+    `OPC / Ignition / FAT: NOT VERIFIED · Production: HOLD`,
+    ...(warning.length?['\nEngineering findings:',...warning]:['\nNo catalog gaps returned; this does not certify mapping.']),
+    ...(tests.length?['\nBounded harness:',...tests]:[]),
+    data.winner?'\nPreferred draft available for YOUR review. Engineering accuracy and visual quality are not certified.':''];
+  show(summary.join('\n'));
+};
+async function run(withAI){
+  if(!window.DevAgentAIFlow?.requireConnection())return;
+  resetReview();
+  for(const id of ['harness-review','harness-optimize'])$(id).disabled=true;
+  proposed=null;approval.classList.add('hidden');
+  before=snapshot();
+  const connection=withAI?currentConn():null;
+  if(withAI&&!connection){show('MODEL NOT CONNECTED. Click “Connect model ⚙” to set up your own AI provider. No data sent.');
+    $('harness-configure').focus();for(const id of ['harness-review','harness-optimize'])$(id).disabled=false;return;}
+  show(withAI?'Asking your model for up to 2 proposals and independently validating them…':'Reviewing supplied equipment, mapping and requirements locally…');
+  const controller=new AbortController();const timeout=setTimeout(()=>controller.abort(),135000);
+  try{
+    const rsp=await fetch('/api/agent/harness',{method:'POST',headers:{'Content-Type':'application/json','X-DevAgent-Request':'agent-harness-v1'},
+      body:JSON.stringify({wizard:before,connection,request:$('ai-request').value.trim(),max_attempts:withAI?2:1}),signal:controller.signal});
+    const obj=await rsp.json();if(!rsp.ok){show(`HOLD ${obj.reason||obj.status}. No project changed.`);return;}
+    render(obj);
+    if(withAI && obj.winner?.fields && obj.status==='DRAFT_REQUIRES_HUMAN_REVIEW'){
+      // A proposed draft must be explicitly reviewed/applied before generation.
+      show(result.textContent+'\n\nReview and apply the selected draft to unlock the final validation/build step.');
+    }
+    if(obj.winner?.fields&&obj.status==='DRAFT_REQUIRES_HUMAN_REVIEW'){
+       proposed=obj.winner.fields;approval.classList.remove('hidden');}
+  }catch(e){show('HOLD: Agent timed out or could not reach the local server. No project was changed.');}
+  finally{clearTimeout(timeout);for(const id of ['harness-review','harness-optimize'])$(id).disabled=false;}
+}
+$('harness-review').addEventListener('click',()=>run(false));
+$('harness-optimize').addEventListener('click',()=>run(true));
+$('harness-configure').addEventListener('click',()=>window.DevAgentAIFlow.openConnection());
+$('start-ai-review').addEventListener('click',()=>{ $('harness-optimize').click();$('harness-results').scrollIntoView({behavior:'smooth',block:'center'}); });
+$('harness-apply').addEventListener('click',()=>{
+ if(!proposed)return;
+ if(JSON.stringify(snapshot())!==JSON.stringify(before)){
+   approval.classList.add('hidden');proposed=null;
+   show('HOLD: Project inputs changed since review. Run the harness again before applying a draft.');return;
+ }
+ for(const k of fields){if(typeof proposed[k]==='string'){
+   $(k).value=proposed[k];$(k).dispatchEvent(new Event('input',{bubbles:true}));}}
+ proposed=null;approval.classList.add('hidden');
+ reviewedInput=reviewFingerprint();$('build').disabled=false;
+ show('Reviewed candidate applied. You may now run VALIDATE, then GENERATE PREVIEW. Any input edit requires re-review. PLC writes and deployment remain blocked.');
+});
+})();

devagent_spatial/_resources/assets/live_design_review.js

@@ -0,0 +1,129 @@
+/* V0.7.9 — bounded, review-only conversational visual refinement.
+ * This never calls the PLC, OPC UA, Gateway, or modifies the verified project.
+ * No arbitrary CSS/HTML/JS supplied by the user is evaluated or interpolated.
+ * Open-ended AI layout revisions still require a separate verified generation pass.
+ */
+(()=>{'use strict';
+const el=id=>document.getElementById(id);
+const panel=el('design-review'), frame=el('live-hmi-frame'), stage=el('live-hmi-panel');
+if(!panel||!frame||!stage)return;
+const log=el('review-chat-log'), input=el('review-chat-input');
+const BASE=Object.freeze({text:'normal',map:'normal',inspector:'normal',kpi:'normal',contrast:'normal',inspectorSide:'right'});
+let state={...BASE}, history=[], projectId=null, reviewEvents=[];
+const full=el('full-hmi-review'), fullSlot=el('full-hmi-viewer-slot'), chatSlot=el('full-hmi-editor-slot');
+const homeStage=stage.parentNode, homeChat=panel.parentNode;
+let expanded=false, previousFocus=null;
+const cameraResized=()=>{try{frame.contentWindow?.dispatchEvent(new Event('resize'));}catch(_e){}};
+function expand(){
+ if(!projectId||expanded)return;
+ previousFocus=document.activeElement;fullSlot.append(stage);chatSlot.append(panel);
+ full.classList.remove('hidden');document.body.classList.add('full-hmi-review-open');expanded=true;
+ el('full-review-new-tab').href=frame.src;el('full-review-close').focus();
+ setTimeout(cameraResized,100);
+}
+function collapse(){
+ if(!expanded)return;homeStage.append(stage);homeChat.append(panel);
+ full.classList.add('hidden');document.body.classList.remove('full-hmi-review-open');expanded=false;
+ if(previousFocus?.isConnected)previousFocus.focus();setTimeout(cameraResized,100);
+}
+
+const reply=(body,who='assistant')=>{const div=document.createElement('div');div.className='review-msg '+who;div.textContent=body;log.append(div);if(log.children.length>15)log.firstElementChild.remove();log.scrollTop=log.scrollHeight;};
+const norm=s=>s.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d').trim();
+function parse(prompt){
+ const s=norm(prompt);let next={...state};let matched=false;
+ // A request containing both styling and engineering changes is NOT partially applied.
+ // Never interpret an unsafe mixed request as a harmless CSS edit.
+ if(/\b(plc|opc|nodeid|tags?|safety|interlocks?|permissives?|emergency|alarms?|faults?|motors?|belts?|speeds?|start|stop|commands?|sensors?|topology|wiring|control logic|sorters?|routing|write|setpoint)\b/.test(s))return null;
+ // These commands change presentation only. They never create PLC values or alter signal semantics.
+ if(/\b(reset design|reset style|default layout|reset all|mac dinh|khoi phuc giao dien)\b/.test(s))return {...BASE};
+ if(/(text|font|chu|typograph)/.test(s)){
+   if(/(larger|bigger|increase|too small|to hon|lon hon|tang|phong to)/.test(s)){next.text='large';matched=true;}
+   else if(/(smaller|decrease|nho hon|giam)/.test(s)){next.text='small';matched=true;}
+   else if(/(normal|default|mac dinh)/.test(s)){next.text='normal';matched=true;}
+ }
+ if(/(map|overview|viewer|scene|canvas|so do|ban do|3d)/.test(s)){
+   if(/(larger|bigger|more space|increase|to hon|rong hon|lon hon|phong to)/.test(s)){next.map='large';matched=true;}
+   else if(/(smaller|less space|nho hon|giam)/.test(s)){next.map='compact';matched=true;}
+   else if(/(normal|default|mac dinh)/.test(s)){next.map='normal';matched=true;}
+ }
+ if(/(inspector|detail panel|parameter panel|thong so|bang chi tiet|panel)/.test(s)){
+   if(/(wider|larger|bigger|more space|rong hon|to hon)/.test(s)){next.inspector='wide';matched=true;}
+   else if(/(narrow|smaller|compact|gon hon|hep hon)/.test(s)){next.inspector='narrow';matched=true;}
+   else if(/(normal|default|mac dinh)/.test(s)){next.inspector='normal';matched=true;}
+ }
+ if(/(inspector|detail panel|parameter panel|bang chi tiet)/.test(s) && /(left|right|ben trai|ben phai)/.test(s)){next.inspectorSide=/(left|ben trai)/.test(s)?'left':'right';matched=true;}
+ if(/(kpi|metrics|dashboard card|the thong ke)/.test(s)){
+   if(/(compact|smaller|less space|gon hon|thu gon)/.test(s)){next.kpi='compact';matched=true;}
+   else if(/(larger|more space|roomy|rong hon|to hon)/.test(s)){next.kpi='spacious';matched=true;}
+   else if(/(normal|default|mac dinh)/.test(s)){next.kpi='normal';matched=true;}
+ }
+ if(/(contrast|readability|de doc|tuong phan)/.test(s)){
+   if(/(high|more|increase|higher|tang|cao hon)/.test(s)){next.contrast='high';matched=true;}
+   else if(/(normal|default|mac dinh)/.test(s)){next.contrast='normal';matched=true;}
+ }
+ return matched ? next : null;
+}
+function cssFor(s){
+  let out='/* Review-only presentation, not a production control change. */\n';
+  if(s.text==='large')out+='body{zoom:1.09!important}\n';
+  if(s.text==='small')out+='body{zoom:.94!important}\n';
+  if(s.map==='large')out+='.stage,.map-canvas{height:clamp(650px,74vh,920px)!important;min-height:650px!important}\n';
+  if(s.map==='compact')out+='.stage,.map-canvas{height:420px!important;min-height:420px!important}\n';
+  if(s.inspector==='wide')out+='.workspace{grid-template-columns:minmax(0,1fr) 380px!important}.layout{grid-template-columns:minmax(0,1fr) 390px!important}\n';
+  if(s.inspector==='narrow')out+='.workspace{grid-template-columns:minmax(0,1fr) 244px!important}.layout{grid-template-columns:minmax(0,1fr) 245px!important}\n';
+  if(s.inspectorSide==='left')out+='.workspace>.inspector{grid-column:1!important;grid-row:1!important}.workspace>.viewer-panel{grid-column:2!important;grid-row:1!important}.workspace{grid-template-columns:330px minmax(0,1fr)!important}.layout>.inspector{order:-1!important}.layout{grid-template-columns:330px minmax(0,1fr)!important}\n';
+  if(s.kpi==='compact')out+='.metrics,.ops-metrics{gap:5px!important}.metric,.ops-metric{min-height:84px!important;padding:9px!important}\n';
+  if(s.kpi==='spacious')out+='.metrics,.ops-metrics{gap:12px!important}.metric,.ops-metric{min-height:120px!important;padding:18px!important}\n';
+  if(s.contrast==='high')out+=':root{--muted:#bed7e7!important;--edge:#578199!important;--border:#578199!important}.panel,.inspector,.metric,.ops-metric{border-color:#578199!important}\n';
+  return out;
+}
+function apply(){
+  const doc=frame.contentDocument;if(!doc || !doc.head)return false;
+  let st=doc.getElementById('devagent-review-visual-only');
+  if(!st){st=doc.createElement('style');st.id='devagent-review-visual-only';doc.head.appendChild(st);}
+  st.textContent=cssFor(state);cameraResized();
+  return true;
+}
+function updateUndo(){el('review-undo').disabled=history.length===0;}
+function update(next,prompt,kind='visual'){history.push({...state});state=next;updateUndo();apply();reviewEvents.push({request:prompt,kind,design_tokens:{...state}});reply('Preview updated. This is a visual draft only; the generated HMI remains unchanged.');}
+function activate(pid){
+ if(!/^[a-z0-9-]{1,100}$/.test(pid))return;
+ projectId=pid;state={...BASE};history=[];reviewEvents=[];updateUndo();
+ frame.src='/projects/'+pid+'/viewer/index.html';
+ panel.classList.remove('hidden');stage.classList.remove('hidden');
+ frame.addEventListener('load',()=>{if(frame.contentWindow && frame.contentDocument)apply();}, {once:true});
+ el('stage-eyebrow').textContent='GENERATED HMI / COMPLETE SCREEN';
+ el('stage-heading').textContent='Full HMI review';
+ el('stage-mode').textContent='CONCEPT';
+ reply('Your complete generated HMI is open. Select equipment and review the full screen, or request a visual adjustment.');
+ expand();
+}
+document.addEventListener('devagent:project-built',ev=>activate(ev.detail?.project_id||''));
+document.addEventListener('devagent:project-reset',()=>{
+ collapse();projectId=null;state={...BASE};history=[];reviewEvents=[];updateUndo();
+ frame.removeAttribute('src');stage.classList.add('hidden');panel.classList.add('hidden');
+ log.replaceChildren();reply('Generate an AI-reviewed HMI to begin visual review.');
+});
+el('review-chat-form').addEventListener('submit',e=>{
+ e.preventDefault();if(!projectId){reply('Generate an AI-reviewed HMI first.');return;}
+ const text=input.value.trim();if(!text)return;
+ reply(text,'user');input.value='';
+ const next=parse(text);
+ if(!next){reply('I can preview visual edits such as: “larger text”, “bigger map”, “wider inspector”, “inspector left”, “compact KPI”, or “higher contrast”. Changes to PLC tags, alarms, sorter logic, machine geometry or commands require engineering review and a new validated generation.');return;}
+ update(next,text);
+});
+el('open-full-hmi-review').addEventListener('click',expand);
+el('full-review-close').addEventListener('click',collapse);
+document.addEventListener('keydown',e=>{if(e.key==='Escape'&&expanded)collapse();});
+el('review-undo').addEventListener('click',()=>{if(!history.length)return;state=history.pop();updateUndo();apply();reply('Previous visual setting restored.');});
+el('review-reset').addEventListener('click',()=>{history.push({...state});state={...BASE};updateUndo();apply();reply('Original preview appearance restored.');});
+el('review-export').addEventListener('click',()=>{
+ if(!projectId){reply('No project ready to export.');return;}
+ const recipe={schema:'devagent.review.visual_recipe.v1',project_id:projectId,scope:'CONCEPT_PREVIEW_ONLY',does_not_modify:['PLC','OPC_UA','CONTROL','ALARM_SEMANTICS','IGNITION_PRODUCTION'],design_tokens:state,requests:reviewEvents};
+ const blob=new Blob([JSON.stringify(recipe,null,2)+'\n'],{type:'application/json'}),url=URL.createObjectURL(blob);
+ const a=document.createElement('a');a.href=url;a.download='DevAgent-'+projectId+'-VISUAL-REVIEW-ONLY.json';document.body.appendChild(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),5000);
+ reply('Downloaded review notes. To persist these changes in Ignition, regenerate and run the separate engineering, visual and Gateway FAT gates.');
+});
+// Test hooks are read-only and never expose credentials or raw customer data.
+window.DevAgentDesignReview={parse:(s)=>parse(s),getState:()=>({...state}),preview:()=>Boolean(projectId),open:expand,close:collapse,isExpanded:()=>expanded};
+})();

devagent_spatial/_resources/assets/operations_ui.js

@@ -0,0 +1,305 @@
+/* DevAgent V0.5.6: safe read-only LAB FAT replay of externally produced receipt.
+   Never labels replay data as verified production OPC UA or Ignition telemetry.
+   Dynamic KPI values are only rendered after contract-digest matching. */
+export function installOperations({model,selectAsset,scene,policy}) {
+ const $=id=>document.getElementById(id);
+ const ids={equipment_running:'running',active_faults:'faults',photoeyes_blocked:'blocked',
+            no_reads:'noread',total_scans:'scans',
+            parcels_in_transit:'transit', delivered:'delivered',last_scan_result:'scanresult',last_barcode:'barcode',
+            signal_health:'quality'};
+ let receipt=null,frameNumber=0,labLive=false,syntheticMode=false,virtualPE=new Map(),simAcknowledged=false,simFaultAsset=null;
+ for(const [key,definition] of Object.entries(policy.metrics)){
+  if(!definition.supported && ids[key]){
+   const kpi=$('kpi-'+ids[key]);if(kpi?.closest)kpi.closest('.ops-metric').hidden=true;
+  }
+ }
+ const alertDialog=$('alerts-dialog');
+ const selectEquipment=id=>{
+  if(!model.equipment.some(e=>e.id===id))return;
+  selectAsset(id);
+  if(alertDialog.open)alertDialog.close();
+ };
+ const button=$('alerts-toggle');
+ const open=()=>{renderAlerts();alertDialog.showModal();};
+ button.addEventListener('click',open);
+ $('alerts-close').addEventListener('click',()=>alertDialog.close());
+ alertDialog.addEventListener('click',e=>{if(e.target===alertDialog)alertDialog.close();});
+ const set=(id,value)=>{const node=$(id);if(node)node.textContent=String(value);};
+ function renderMetric(key,metric) {
+  const suffix=ids[key];
+  const good=metric && (metric.status==='LAB_REPLAY');
+  const number=good && (typeof metric.value==='number'||typeof metric.value==='string') ? metric.value : null;
+  set('kpi-'+suffix,number===null?'N/A':number);
+  let explain='NOT CONFIGURED';
+  if(metric?.status==='SOURCE_UNAVAILABLE')explain=`${metric.good??0}/${metric.sources} good sources`;
+  if(metric?.status==='LAB_REPLAY')explain=`${metric.sources} sources · ${labLive?(syntheticMode?'SYNTHETIC DEMO':'STUDIO LAB'):'SIMULATED'}`;
+  set('kpi-'+suffix+'-note',explain);
+  const card=$('kpi-'+suffix).closest('.ops-metric');
+  card.classList.toggle('critical',key==='active_faults'&&typeof number==='number'&&number>0);
+ }
+ function current(){return receipt?.frames?.[labLive?receipt.frames.length-1:frameNumber]??null;}
+ // Visual bell states reflect validated replay only; unknown is NOT zero faults.
+ function updateBell(state,count=0){
+  const badge=$('alert-count');
+  const labels={unknown:'Notifications — source not verified; alarm state unknown',
+    alarm:`Notifications — ${count} ${labLive?'Studio lab':'simulated'} alarms; not production`,
+    warning:'Notifications — lab data quality warnings; not production',
+    'replay-clear':'Notifications — no alarms in lab source; not production'};
+  button.classList.remove('is-unknown','has-alarm','has-warning','is-replay-clear');
+  badge.classList.remove('is-unknown','has-alarm','has-warning');
+  button.classList.add(state==='alarm'?'has-alarm':state==='warning'?'has-warning':state==='unknown'?'is-unknown':'is-replay-clear');
+  if(state==='replay-clear'){
+   badge.textContent='';badge.hidden=true;
+  } else {
+   badge.hidden=false;
+   badge.textContent=state==='unknown'?'?':state==='warning'?'!':String(count);
+   badge.classList.add(state==='alarm'?'has-alarm':state==='warning'?'has-warning':'is-unknown');
+  }
+  button.setAttribute('aria-label',labels[state]);
+  button.title=labels[state];
+ }
+ function render() {
+  const frame=current();
+  if(!frame){
+   set('ops-mode','DATA UNAVAILABLE');
+   updateBell('unknown');
+   return;
+  }
+  for(const key of Object.keys(ids)){
+   if(key==='signal_health'){
+    const good=frame.metrics.signal_health;
+    set('kpi-quality',`${good.value}/${good.total}`);
+    set('kpi-quality-note',labLive?'GOOD SIGNALS · SIMULATION':'GOOD & FRESH IN REPLAY');
+   }else renderMetric(key,frame.metrics[key]);
+  }
+  const active=frame.active_alarms.length;
+  scene()?.alarms?.(frame.active_alarms);
+  scene()?.operatingStates?.(frame.signals);
+  set('ops-mode',syntheticMode?'SYNTHETIC DIGITAL TWIN · NOT OPC':labLive?'SIMULATION · LAB SOURCE':'SIMULATED FAT REPLAY · NOT LIVE');
+  set('source-indicator',syntheticMode?'SYNTHETIC DATA · NOT OPC':labLive?'SIMULATION · LAB SOURCE':'SOURCE UNAVAILABLE');
+  const unavailable=frame.quality_issues.length;
+  updateBell(active>0?'alarm':unavailable>0?'warning':'replay-clear',active);
+  set('ops-import-status',labLive?'External Studio lab feed ACTIVE (read only, not Ignition or physical PLC verified)':`Loaded ${receipt.origin}: frame ${frameNumber+1}/${receipt.frames.length} at ${frame.at} — NOT live OPC UA or actual Ignition FAT`);
+  if($('ops-previous'))$('ops-previous').disabled=labLive||frameNumber===0;
+  if($('ops-next'))$('ops-next').disabled=labLive||frameNumber===receipt.frames.length-1;
+  const selected=$('selected-id').textContent;
+  const states=frame.signals.filter(x=>x.asset_id===selected);
+  if(states.length){
+   const quality=states.every(x=>x.valid)?(syntheticMode?'GOOD · SYNTHETIC':'GOOD · STUDIO LAB'):(syntheticMode?'UNKNOWN · SYNTHETIC':'UNKNOWN / BAD · STUDIO LAB');
+   const row=[...$('asset-meta').children].find(x=>x.firstElementChild?.textContent==='DATA QUALITY');
+   if(row)row.lastElementChild.textContent=quality;
+   const statusRow=[...$('asset-meta').children].find(x=>x.firstElementChild?.textContent==='STATUS');
+   if(statusRow){
+    let status='UNKNOWN';
+    if(states.every(x=>x.valid)){
+     const fault=states.find(x=>x.role==='fault');
+     const run=states.find(x=>x.role==='run_feedback');
+     const photoeye=states.find(x=>x.role==='photoeye_blocked');
+     if(fault?.active===true)status='FAULT';
+     else if(run)status=run.value===true?'RUNNING':'STOPPED';
+     else if(photoeye)status=photoeye.active===true?'BLOCKED':'CLEAR';
+     else if(states.find(x=>x.role==='valve_open'))status=states.find(x=>x.role==='valve_open').value===true?'OPEN':'CLOSED';
+     else if(states.find(x=>x.role==='status'))status=String(states.find(x=>x.role==='status').value).slice(0,40);
+    }
+    statusRow.lastElementChild.textContent=status;
+   }
+   if($('selected-signals'))for(const node of $('selected-signals').children){
+    const signalRole=node.textContent.split(' (')[0];
+    const state=states.find(x=>x.role===signalRole);
+    const small=node.querySelector('small');
+    if(small&&state)small.textContent=state.valid?`${syntheticMode?'SYNTHETIC DEMO':labLive?'STUDIO LAB':'SIMULATED REPLAY'}: ${String(state.value).slice(0,80)}`:`${state.quality} · NOT VERIFIED`;
+   }
+  }
+  // Parameter rows are customer-mapped values only. Never infer PE IN/OUT or
+  // derive belt velocity from VFD Hz without approved mechanical parameters.
+  const asset=model.equipment.find(e=>e.id===selected),params=$('selected-parameters');
+  if(asset&&params){
+   const find=role=>states.find(x=>x.role===role);
+   const val=(role,renderValue)=>{const x=find(role);return x?.valid ? renderValue(x) : 'UNKNOWN / N/A';};
+   const rows=[];const row=(name,value)=>{const el=document.createElement('div');el.className='detail-row';
+    const k=document.createElement('label');k.textContent=name;const v=document.createElement('strong');v.textContent=String(value);el.append(k,v);rows.push(el);};
+   if(['conveyor','sorter','spiral'].includes(asset.kind)){
+    row('RUN FEEDBACK',val('run_feedback',x=>x.value===true?'RUNNING':'STOPPED'));
+    row('MOTOR FAULT',val('fault',x=>x.active===true?'FAULT':'CLEAR'));
+    const ports=syntheticMode?virtualPE.get(asset.id):null;
+    row(syntheticMode?'PE IN · SIM':'PE IN',ports?(ports.pe_in?'BLOCKED':'CLEAR'):'NOT MAPPED');
+    row(syntheticMode?'PE OUT · SIM':'PE OUT',ports?(ports.pe_out?'BLOCKED':'CLEAR'):'NOT MAPPED');
+    row('BELT SPEED (m/s)','NOT MAPPED');
+   }else if(asset.kind==='photoeye'){
+    row('PE STATE',val('photoeye_blocked',x=>x.active===true?'BLOCKED':'CLEAR'));
+    row('PE COUNT',val('photoeye_count',x=>Number.isFinite(x.value)?x.value:'N/A'));
+   }else if(asset.kind==='vfd'){
+    row('FREQUENCY (Hz)',val('vfd_frequency',x=>typeof x.value==='number'?x.value.toFixed(1)+' Hz':'N/A'));
+    row('BELT SPEED','NOT MAPPED');
+   }else if(asset.kind==='scanner'){
+    row('LAST SCAN',val('scanner_result',x=>String(x.value).slice(0,32)));
+    row('NO_READ COUNT',val('no_read_count',x=>Number.isFinite(x.value)?x.value:'N/A'));
+   }
+   // Industrial diagnostic catalog: all customer-declared signals must be
+   // visible on the selected machine, including pumps, tanks, motors,
+   // valves and robots. Never invent source values, scaling or sensor links.
+   const roleLabels={run_feedback:'RUN FEEDBACK',run_command:'RUN COMMAND',fault:'MOTOR FAULT',
+    fault_code:'FAULT CODE',photoeye_blocked:'PHOTOEYE STATE',photoeye_count:'PE COUNT',
+    scanner_result:'LAST SCAN',scanner_barcode:'BARCODE',scan_count:'SCANS',
+    delivered_count:'DELIVERED',in_transit_count:'IN TRANSIT',no_read_count:'NO_READ COUNT',
+    motor_speed:'ACTUAL SPEED',vfd_frequency:'VFD FREQUENCY',tank_level:'TANK LEVEL',
+    pressure:'PRESSURE',flow:'FLOW',valve_open:'VALVE POSITION',mode:'OPERATING MODE',status:'PROCESS STATUS'};
+   const covered=new Set();
+   for(const role of ['run_feedback','fault','photoeye_blocked','photoeye_count','vfd_frequency','scanner_result','no_read_count']){
+    if(rows.some(r=>r.querySelector('label')?.textContent===({run_feedback:'RUN FEEDBACK',fault:'MOTOR FAULT',photoeye_blocked:'PE STATE',photoeye_count:'PE COUNT',vfd_frequency:'FREQUENCY (Hz)',scanner_result:'LAST SCAN',no_read_count:'NO_READ COUNT'}[role])))covered.add(role);
+   }
+   const mapping=new Map(model.signals.filter(s=>s.asset_id===asset.id).map(s=>[s.role,s]));
+   const order=['fault','fault_code','run_feedback','status','mode','valve_open','tank_level',
+    'pressure','flow','motor_speed','vfd_frequency','photoeye_blocked','photoeye_count',
+    'scanner_result','scanner_barcode','scan_count','no_read_count','in_transit_count',
+    'delivered_count','run_command'];
+   for(const role of order){
+    const def=mapping.get(role);if(!def||covered.has(role))continue;
+    const obs=states.find(s=>s.role===role);
+    let value='UNKNOWN / N/A';
+    if(role==='run_command')value='READ ONLY · NO COMMAND AUTHORITY';
+    else if(obs?.valid){
+     if(role==='fault')value=obs.active===true?'FAULT':'CLEAR';
+     else if(role==='run_feedback')value=obs.value===true?'RUNNING':'STOPPED';
+     else if(role==='photoeye_blocked')value=obs.active===true?'BLOCKED':'CLEAR';
+     else if(role==='valve_open')value=obs.value===true?'OPEN':'CLOSED';
+     else if(typeof obs.value==='number'&&Number.isFinite(obs.value))value=obs.value.toLocaleString(undefined,{maximumFractionDigits:2})+(def.unit?' '+def.unit:'');
+     else value=String(obs.value).slice(0,60);
+    }
+    row(roleLabels[role]||role.toUpperCase(),value);
+   }
+   params.replaceChildren(...rows);
+  }
+  const note=$('selected-mapping-note');
+  if(note&&['conveyor','sorter','spiral'].includes(asset?.kind))
+   note.textContent=syntheticMode?'PE IN/OUT are VIRTUAL SIMULATOR PORTS, not customer-mapped sensors.':'PE IN/OUT need approved sensor-to-conveyor mappings.';
+  renderAlerts();
+ }
+ function line(className,text) {const div=document.createElement('div');div.className=className;div.textContent=text;return div;}
+ function renderAlerts(){
+  const frame=current(),list=$('alerts-items');list.replaceChildren();
+  if(!frame){
+   set('alerts-active','N/A active alarms');
+   set('alerts-source','OPC UA NOT CONNECTED · machine health UNKNOWN');
+   set('alerts-evidence','Event history unavailable');
+   list.append(line('empty-alerts','No alarm observations are available. Do not interpret this as zero active faults.'));
+   return;
+  }
+  const knownAlarms=frame.signals.filter(s=>['fault','photoeye_blocked','scanner_result'].includes(s.role)).every(s=>s.valid);
+  set('alerts-active',knownAlarms?`${frame.active_alarms.length} ACTIVE (${syntheticMode?'SYNTHETIC':'STUDIO LAB'})`:'N/A ACTIVE · QUALITY UNKNOWN');
+  set('alerts-source',labLive?'SIMULATION · NOT LIVE OPERATIONS':'REPLAY · NOT LIVE OPERATIONS');
+  set('alerts-evidence',`${receipt.events.length} ${labLive?'simulated':'replayed'} events`+(syntheticMode&&simAcknowledged&&simFaultAsset?' · '+simFaultAsset+' ACKNOWLEDGED IN SIMULATION':''));
+  const events=receipt.events.filter(x=>x.at<=frame.at).slice(-80).reverse();
+  if(!events.length){list.append(line('empty-alerts','No replay transitions in this frame window. This is not evidence of a healthy live facility.'));return;}
+  for(const event of events){
+   const row=document.createElement('article');row.className='alert-item '+event.severity.toLowerCase();
+   const header=document.createElement('div');header.className='event-header';
+   header.append(line('event-title',`${event.severity} · ${event.kind} · ${event.asset_id}`));
+   const go=document.createElement('button');go.type='button';go.textContent='INSPECT ASSET';
+   go.addEventListener('click',()=>selectEquipment(event.asset_id));header.append(go);
+   row.append(header,line('event-message',event.message),line('event-time',`${event.at} · ${event.signal_id??'QUALITY GROUP'} · ${syntheticMode?'SYNTHETIC DEMO':labLive?'ISOLATED STUDIO LAB':event.source}`));
+   list.append(row);
+  }
+ }
+ function validateReceipt(x){
+  if(!x||x.schema!=='devagent.operations.replay.v1'||x.status!=='LAB_REPLAY_ONLY_NOT_VERIFIED')throw Error('REPLAY_SCHEMA_OR_STATUS_HOLD');
+  if(!['SYNTHETIC_OFFLINE_FIXTURE','ISOLATED_LAB_OPC_READ_ONLY'].includes(x.origin))throw Error('UNKNOWN_RECEIPT_ORIGIN');
+  if(x.mapping_digest!==policy.mapping_digest||x.project_name!==model.name)throw Error('CUSTOMER_MAPPING_DIGEST_MISMATCH');
+  if(!x.evidence||x.evidence.production!=='HOLD'||x.evidence.ignition_perspective!=='NOT_EXECUTED'||x.evidence.plc_writes!=='DISABLED')throw Error('UNSAFE_EVIDENCE_CLAIM');
+  if(!Array.isArray(x.frames)||x.frames.length<1||x.frames.length>120||!Array.isArray(x.events)||x.events.length>2000)throw Error('UNSUPPORTED_REPLAY_SIZE');
+  const signalIds=new Set(model.signals.map(s=>s.id)),assetIds=new Set(model.equipment.map(e=>e.id));
+  let previousTime='';
+  for(const f of x.frames){
+   if(typeof f.at!=='string'||!Number.isFinite(Date.parse(f.at))||f.at<=previousTime)throw Error('FRAME_TIME_INVALID');
+   previousTime=f.at;
+   if(!f.metrics||!Array.isArray(f.signals)||!Array.isArray(f.quality_issues)||!Array.isArray(f.active_alarms))throw Error('FRAME_SCHEMA_HOLD');
+   if(f.signals.length!==model.signals.length)throw Error('SIGNAL_COUNT_MISMATCH');
+   for(const s of f.signals)if(!signalIds.has(s.signal_id)||!assetIds.has(s.asset_id))throw Error('UNDECLARED_SIGNAL_IN_REPLAY');
+   for(const alarm of f.active_alarms)if(!assetIds.has(alarm.asset_id)||!signalIds.has(alarm.signal_id))throw Error('UNDECLARED_ALARM_IN_REPLAY');
+  }
+  for(const event of x.events)if(!assetIds.has(event.asset_id)||!['CRITICAL','WARNING','INFO'].includes(event.severity)||event.source!=='LAB_REPLAY')throw Error('INVALID_EVENT_IN_REPLAY');
+ }
+ $('ops-upload')?.addEventListener('change',async e=>{
+  const file=e.target.files?.[0];if(!file)return;
+  if(file.size>2_000_000){set('ops-import-status','HOLD: Replay file exceeds 2 MB');return;}
+  try {
+   const candidate=JSON.parse(await file.text());validateReceipt(candidate);
+   if(labLive)throw Error('LAB_SOURCE_ACTIVE_RECEIPT_OVERRIDE_DENIED');
+   receipt=candidate;labLive=false;frameNumber=0;render();
+  } catch(err){set('ops-import-status',`HOLD: ${String(err.message??'INVALID_REPLAY').slice(0,100)}. Previous validated replay unchanged.`);}
+  e.target.value='';
+ });
+ $('ops-previous')?.addEventListener('click',()=>{if(receipt&&frameNumber>0){frameNumber--;render();}});
+ $('ops-next')?.addEventListener('click',()=>{if(receipt&&frameNumber<receipt.frames.length-1){frameNumber++;render();}});
+ const observer=new MutationObserver(()=>{if(receipt)render();});
+ observer.observe($('selected-id'),{childList:true,characterData:true,subtree:true});
+ const policies=Object.entries(policy.metrics).map(([key,val])=>`${key}: ${val.sources} mappings`).join(' · ');
+ set('ops-contract-summary',`STATIC CONTRACT ONLY · ${policies} · MAPPING ${policy.mapping_digest.slice(0,14)}…`);
+ updateBell('unknown');
+ renderAlerts();
+ // Source authority remains in the external Engineering Studio session.
+ // A lab readback never proves native Perspective or production PLC mapping.
+ return {
+   applyLabReading:result=>{
+     if(result?.status!=='PASS_STUDIO_LAB_DISPLAY_ONLY'||result?.source!=='ISOLATED_STUDIO_OPC_UA_READONLY'||
+        result?.production!=='HOLD'||result?.ignition!=='NOT_VERIFIED'||
+        !['CREATOR_LAB_SESSION_READONLY','UNBOUND_VERIFIED_MANIFEST_READONLY'].includes(result?.authority)){
+       throw Error('UNAPPROVED_LAB_FEED');
+     }
+     validateReceipt(result.receipt);
+     if(result.receipt.origin!=='ISOLATED_LAB_OPC_READ_ONLY')throw Error('LAB_RECEIPT_ORIGIN_HOLD');
+     receipt=result.receipt;labLive=true;syntheticMode=false;virtualPE.clear();simAcknowledged=false;simFaultAsset=null;frameNumber=receipt.frames.length-1;scene()?.parcels?.([]);render();
+     if($('ops-upload'))$('ops-upload').disabled=true;
+   },
+   applySyntheticReading:result=>{
+     if(result?.status!=='PASS_SYNTHETIC_PREVIEW_ONLY'||result?.source!=='IN_MEMORY_SYNTHETIC_NOT_OPC'||
+        result?.authority!=='PROJECT_SCOPED_DEMO_ONLY'||result?.opc_verified!==false||
+        result?.opc_writes!==false||result?.production!=='HOLD'||result?.ignition!=='NOT_VERIFIED'){
+       throw Error('UNAUTHORIZED_SYNTHETIC_FEED');
+     }
+     validateReceipt(result.receipt);
+     if(result.receipt.origin!=='SYNTHETIC_OFFLINE_FIXTURE')throw Error('NOT_SYNTHETIC_RECEIPT');
+     if(!Array.isArray(result.parcels)||result.parcels.length>4)throw Error('PARCELS_INVALID');
+     if(result.virtual_pe_source!=='CONCEPTUAL_SYNTHETIC_PORTS_NOT_MAPPED'||!Array.isArray(result.virtual_pe))throw Error('VIRTUAL_PORT_SOURCE_INVALID');
+     const transport=new Set(model.equipment.filter(e=>['conveyor','sorter','spiral','junction'].includes(e.kind)).map(e=>e.id));
+     if(result.virtual_pe.length>transport.size||new Set(result.virtual_pe.map(x=>x.asset_id)).size!==result.virtual_pe.length||
+         result.virtual_pe.some(x=>!transport.has(x.asset_id)||typeof x.pe_in!=='boolean'||typeof x.pe_out!=='boolean'))throw Error('VIRTUAL_PE_UNDECLARED_ASSET');
+     virtualPE=new Map(result.virtual_pe.map(x=>[x.asset_id,x]));
+     simAcknowledged=result.acknowledged===true;simFaultAsset=typeof result.fault_asset==='string'?result.fault_asset:null;
+     receipt=result.receipt;labLive=true;syntheticMode=true;frameNumber=receipt.frames.length-1;
+     scene()?.parcels?.(result.parcels);render();
+   },
+   sourceUnavailable:()=>{
+     receipt=null;labLive=false;syntheticMode=false;virtualPE.clear();simAcknowledged=false;simFaultAsset=null;frameNumber=0;
+     scene()?.parcels?.([]);
+     if($('ops-upload'))$('ops-upload').disabled=true;
+     scene()?.alarms?.([]);scene()?.operatingStates?.([]);
+     for(const key of Object.keys(ids)){
+       set('kpi-'+ids[key],'N/A');set('kpi-'+ids[key]+'-note','SOURCE NOT VERIFIED / UNAVAILABLE');
+       $('kpi-'+ids[key]).closest('.ops-metric').classList.remove('critical');
+     }
+     set('ops-mode','DATA UNAVAILABLE');set('source-indicator','SOURCE UNAVAILABLE');
+     const q=[...$('asset-meta').children].find(x=>x.firstElementChild?.textContent==='DATA QUALITY');
+     if(q)q.lastElementChild.textContent='UNKNOWN';
+     const st=[...$('asset-meta').children].find(x=>x.firstElementChild?.textContent==='STATUS');
+     if(st)st.lastElementChild.textContent='UNKNOWN';
+     if($('selected-signals'))for(const row of $('selected-signals').children){const small=row.querySelector('small');if(small)small.textContent='SOURCE UNAVAILABLE';}
+     // Fail closed on every operator-facing parameter, never leave simulated
+     // PE BLOCKED/CLEAR or RUN status visible when the source disappears.
+     const selectedAsset=model.equipment.find(e=>e.id===$('selected-id').textContent);
+     if(selectedAsset){
+       const params=$('selected-parameters');
+       if(params)for(const child of params.children){
+         const label=child.firstElementChild?.textContent||'';
+         child.lastElementChild.textContent=/^PE IN|^PE OUT|^BELT SPEED/.test(label)?'NOT MAPPED':'UNKNOWN / N/A';
+         if(label.startsWith('PE IN'))child.firstElementChild.textContent='PE IN';
+         if(label.startsWith('PE OUT'))child.firstElementChild.textContent='PE OUT';
+       }
+       const note=$('selected-mapping-note');
+       if(note&&['conveyor','sorter','spiral'].includes(selectedAsset.kind))note.textContent='PE IN/OUT need approved sensor-to-conveyor mappings.';
+     }
+     updateBell('unknown');renderAlerts();
+   }
+ };
+}
+

devagent_spatial/_resources/assets/operator_viewer.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head><meta charset="utf-8"/><meta content="width=device-width,initial-scale=1" name="viewport"/><meta content="dark" name="color-scheme"/><title>DevAgent — Industrial Operations</title><link href="./style.css" rel="stylesheet"/></head>
+<body>
+<div id="root">
+<header class="top"><div><div class="eyebrow">DEVAGENT / INDUSTRIAL OPERATIONS</div><h1 id="project-name">Industrial Facility</h1></div><div class="top-right"><span class="tag warn" id="source-indicator" title="Source unavailable until verified; never assume healthy states">SOURCE UNAVAILABLE</span><button aria-controls="alerts-dialog" aria-haspopup="dialog" aria-label="Notifications — source not verified" class="alert-bell is-unknown" id="alerts-toggle" title="Notifications — source not verified" type="button"><svg aria-hidden="true" class="bell-icon" focusable="false" viewbox="0 0 24 24"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 8.5-3 9.5h18c0-1-3-2.5-3-9.5ZM10 21h4"></path></svg><span aria-hidden="true" class="bell-badge is-unknown" id="alert-count">?</span></button></div></header>
+<main>
+
+<section aria-label="Industrial operations KPIs" class="ops-board">
+<div class="ops-heading"><div><div class="eyebrow">OPERATIONAL INTELLIGENCE / SOURCE-QUALIFIED</div><b>System performance &amp; alarms</b></div><div class="ops-mode" id="ops-mode">NO LIVE SOURCE · KPI UNAVAILABLE</div></div>
+<div class="ops-metrics">
+<div class="ops-metric"><small>EQUIPMENT RUNNING</small><strong id="kpi-running">N/A</strong><span id="kpi-running-note">Awaiting verified data</span></div>
+<div class="ops-metric"><small>ACTIVE FAULTS</small><strong id="kpi-faults">N/A</strong><span id="kpi-faults-note">Unknown ≠ no faults</span></div>
+<div class="ops-metric"><small>PHOTOEYES BLOCKED</small><strong id="kpi-blocked">N/A</strong><span id="kpi-blocked-note">No live source</span></div>
+<div class="ops-metric"><small>NO_READ EVENTS</small><strong id="kpi-noread">N/A</strong><span id="kpi-noread-note">Source not verified</span></div>
+<div class="ops-metric"><small>TOTAL SCANS</small><strong id="kpi-scans">N/A</strong><span id="kpi-scans-note">Source not configured</span></div>
+<div class="ops-metric"><small>PARCELS IN TRANSIT</small><strong id="kpi-transit">N/A</strong><span id="kpi-transit-note">Source not configured</span></div>
+<div class="ops-metric"><small>DELIVERED PARCELS</small><strong id="kpi-delivered">N/A</strong><span id="kpi-delivered-note">Source not configured</span></div>
+<div class="ops-metric"><small>LAST SCAN RESULT</small><strong id="kpi-scanresult">N/A</strong><span id="kpi-scanresult-note">Source not connected</span></div>
+<div class="ops-metric"><small>LAST BARCODE</small><strong id="kpi-barcode">N/A</strong><span id="kpi-barcode-note">Source not configured</span></div>
+<div class="ops-metric"><small>SIGNAL QUALITY</small><strong id="kpi-quality">N/A</strong><span id="kpi-quality-note">0 verified mappings</span></div>
+</div>
+</section>
+
+<!-- Standard industrial operator controls. Presentation-only until engineering-
+     approved command nodes, role permissions and write interlocks exist.
+     NEVER confuse STOP with a safety-rated emergency stop. -->
+<section class="operator-command-bar" aria-label="Industrial equipment controls">
+  <div class="operator-command-identity">
+    <strong>Facility controls</strong>
+    <span>Operator commands</span>
+  </div>
+  <div class="operator-command-actions" role="group" aria-label="Facility commands (simulation only when linked)">
+    <button type="button" class="operator-command-button cmd-start" id="op-cmd-start" disabled aria-disabled="true" title="START unavailable: approved PLC command mapping, permission and safety interlocks required">START</button>
+    <button type="button" class="operator-command-button cmd-stop" id="op-cmd-stop" disabled aria-disabled="true" title="STOP unavailable: approved PLC command mapping, permission and safety interlocks required; not an emergency stop">STOP</button>
+    <button type="button" class="operator-command-button cmd-reset" id="op-cmd-reset" disabled aria-disabled="true" title="RESET unavailable: PLC reset command and authorization not configured">RESET</button>
+    <button type="button" class="operator-command-button cmd-ack" id="op-cmd-ack" disabled aria-disabled="true" title="ACK unavailable: authenticated alarm acknowledgment and durable audit trail not configured">ACK</button>
+  </div>
+  <div class="operator-control-lock" role="status" id="operator-authority" title="No approved PLC write authority; alarm acknowledgment is not configured"><span aria-hidden="true">&#128274;</span> CONTROL LOCKED</div>
+</section>
+
+<div class="workspace">
+<section class="viewer-panel"><div class="panel-head"><div><div class="eyebrow">01 / SPATIAL FACILITY MAP</div><h2 id="viewer-title">Spatial material flow</h2><p id="viewer-description">Live equipment overview</p></div></div>
+<div class="viewer-toolbar"><div class="seg"><button class="active" id="view-fit">3D OVERVIEW</button><button id="view-top">TOP</button><button id="view-side">SIDE</button><button id="view-reset">RESET CAMERA</button></div><div class="seg"><label for="floor">FLOOR</label><select id="floor"><option value="all">ALL LEVELS</option></select></div></div>
+<div aria-label="Interactive industrial scene" class="stage" id="view-stage" tabindex="0"><div id="scene-layer"></div><div class="stage-caption"><div class="eyebrow">FACILITY OVERVIEW</div><strong id="scene-label">Spatial layout</strong><small>Drag to orbit · Scroll to zoom · Select belt, label or Equipment list</small></div><div aria-label="Facility floor navigation" class="layer-index" id="layer-index"><div class="eyebrow">3D LAYER INDEX</div><div id="layer-buttons"></div></div><div class="engine-tag" id="scene-engine" role="status">Loading renderer…</div></div>
+</section>
+<aside class="inspector"><div class="panel-head inspector-head"><div><div class="eyebrow">02 / EQUIPMENT INSPECTOR</div><h2>Asset intelligence</h2><p>Select a machine in the spatial viewer</p></div></div><div class="inspector-body"><label for="equipment-jump" class="equipment-jump-label">FIND EQUIPMENT</label><select id="equipment-jump" class="equipment-jump" aria-label="Select equipment by ID"><option value="">Choose equipment…</option></select><div class="eyebrow" id="selected-type">SELECTED EQUIPMENT</div><h2 id="selected-id">—</h2><p id="selected-name">Select a machine for status and signals.</p><div class="small-title">DEVICE COMMANDS</div><div id="device-controls" aria-label="Device control intents (locked)"></div><div class="detail-grid" id="asset-meta"></div><div class="small-title">OPERATING PARAMETERS</div><div class="detail-grid" id="selected-parameters"></div></div></aside>
+</div>
+<dialog aria-labelledby="alerts-title" class="alerts-dialog" id="alerts-dialog">
+<div class="alerts-title"><div><div class="eyebrow">DEVAGENT / OPERATOR AWARENESS</div><h2 id="alerts-title">Alarm &amp; Notification Center</h2><p id="alerts-source">NO LIVE SOURCE — current equipment alarm states unknown</p></div><button id="alerts-close" type="button">CLOSE ×</button></div>
+<div class="alerts-summary"><b id="alerts-active">N/A active alarms</b><span id="alerts-evidence">No recent events</span></div>
+<div aria-live="polite" class="alerts-items" id="alerts-items"><p class="empty-alerts">No alarm history available. This does not mean the equipment is healthy.</p></div>
+<p class="alerts-disclaimer">Alarm acknowledgement and equipment reset are not available from this read-only display.</p>
+</dialog>
+
+<footer>DEVAGENT · INDUSTRIAL OPERATIONS</footer>
+</main>
+</div>
+<script type="application/json" id="project-data">__EMBEDDED_PROJECT__</script>
+<script type="application/json" id="operations-policy">__EMBEDDED_OPERATIONS_POLICY__</script><script type="application/json" id="control-plan">__EMBEDDED_CONTROL_PLAN__</script>
+<script src="./viewer.js" type="module"></script>
+</body></html>
+