@adcops/autocore-react 3.3.75 → 3.3.79

package/dist/components/tis/ProjectManager.js

@@ -0,0 +1 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import React,{useCallback,useContext,useEffect,useState}from"react";import{Button}from"primereact/button";import{DataTable}from"primereact/datatable";import{Column}from"primereact/column";import{confirmDialog}from"primereact/confirmdialog";import{ProgressBar}from"primereact/progressbar";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useTis}from"./TisProvider";const formatBytes=e=>{if(!Number.isFinite(e)||e<=0)return"0 B";const t=["B","KiB","MiB","GiB","TiB","PiB"];let r=0,s=e;for(;s>=1024&&r<t.length-1;)s/=1024,r++;return`${s.toFixed(s>=100?0:s>=10?1:2)} ${t[r]}`},formatDate=e=>{if(!e)return"";const t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleString()};export const ProjectManager=e=>{const t=useTis(),r=e.projectId??t.selection.projectId,{invoke:s}=useContext(EventEmitterContext),[a,i]=useState([]),[o,n]=useState(!1),[l,c]=useState(null),[d,m]=useState(!1),[p,u]=useState(!1),[f,h]=useState(null),[g,_]=useState(""),y=useCallback(async()=>{if(r){n(!0);try{const e=await s("tis.list_tests",MessageType.Request,{project_id:r});e?.success&&e.data?.tests?i(e.data.tests):i([])}catch(e){i([])}finally{n(!1)}}else i([])},[r,s]),j=useCallback(async()=>{try{const e=await s("tis.disk_usage",MessageType.Request,{});e?.success&&e.data?(h(e.data),_("")):(h(null),_(e?.error_message??"disk_usage failed"))}catch(e){h(null),_(e instanceof Error?e.message:String(e))}},[s]);useEffect(()=>{y()},[y,t.state.activeRunId]),useEffect(()=>{j()},[j]);const b=e=>{const a=e?.run_id??"",i=e?.sample_id??"";confirmDialog({header:"Delete test",icon:"pi pi-exclamation-triangle",acceptLabel:"Delete",rejectLabel:"Cancel",acceptClassName:"p-button-danger",message:_jsxs("div",{children:[_jsxs("p",{style:{marginTop:0},children:["Permanently delete run ",_jsx("code",{children:a}),i?_jsxs(_Fragment,{children:[" (sample ",_jsx("code",{children:i}),")"]}):null,"?"]}),_jsxs("p",{style:{marginBottom:0,fontSize:"0.875rem",color:"#9ca3af"},children:["Removes ",_jsx("code",{children:"test.json"}),", cycles, raw and filtered data for this run. This action cannot be undone."]})]}),accept:()=>{(async e=>{const a=e?.run_id,i=e?.method_id;if(r&&i&&a){c(a);try{const e=await s("tis.delete_test",MessageType.Request,{project_id:r,method_id:i,run_id:a});if(!e?.success)return void alert(`Failed to delete test ${a}`+(e?.error_message?`: ${e.error_message}`:""));await y(),t.selection.runId===a&&t.setSelection({runId:null})}catch(e){alert(`Delete failed: ${e instanceof Error?e.message:String(e)}`)}finally{c(null)}}})(e)}})},x=e=>{const t="string"==typeof e?.sample_id?e.sample_id:"";if(t)return t;const r=e?.config;return r&&"object"==typeof r&&"string"==typeof r.sample_id?r.sample_id:""},v=f&&f.total_bytes>0?Math.min(100,Math.round(f.used_bytes/f.total_bytes*100)):0;return _jsxs("div",{style:{width:"100%",maxWidth:"100%",boxSizing:"border-box"},children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem",gap:"0.5rem",flexWrap:"wrap"},children:[_jsx("h3",{style:{margin:0},children:r?`Project Manager: ${r}`:"Project Manager (no project selected)"}),_jsxs("div",{style:{display:"flex",gap:"0.4rem",alignItems:"center",flexWrap:"wrap"},children:[_jsx(Button,{icon:p?"pi pi-spin pi-spinner":"pi pi-box",label:"Download Archive",size:"small",outlined:!0,disabled:!r||p||d,onClick:async()=>{if(r){u(!0);try{const e=await s("tis.export_project_zip",MessageType.Request,{project_id:r});if(!e?.success)return void alert("Failed to build project archive"+(e?.error_message?`: ${e.error_message}`:""));const t="string"==typeof e.data?.download_url?e.data.download_url:"";if(!t)return void alert("Server did not return a download URL for the archive.");const a=document.createElement("a");a.href=t,a.download="string"==typeof e.data?.filename?e.data.filename:`${r}_project_archive.zip`,document.body.appendChild(a),a.click(),a.remove()}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{u(!1)}}},tooltip:"Download a ZIP of the entire project directory",tooltipOptions:{position:"bottom"}}),_jsx(Button,{icon:d?"pi pi-spin pi-spinner":"pi pi-trash",label:"Delete Project",size:"small",severity:"danger",disabled:!r||d||p,onClick:()=>{if(!r)return;const e=a.length;confirmDialog({header:"Delete project",icon:"pi pi-exclamation-triangle",acceptLabel:"Delete Project",rejectLabel:"Cancel",acceptClassName:"p-button-danger",message:_jsxs("div",{children:[_jsxs("p",{style:{marginTop:0},children:["Permanently delete project ",_jsx("code",{children:r})," and all ",_jsx("strong",{children:e})," test",1===e?"":"s"," inside it?"]}),_jsx("p",{style:{marginBottom:0,fontSize:"0.875rem",color:"#9ca3af"},children:"This removes every method, run, cycle, and raw/filtered blob under the project. Consider downloading the archive first. This action cannot be undone."})]}),accept:()=>{(async()=>{if(r){m(!0);try{const e=await s("tis.delete_project",MessageType.Request,{project_id:r});if(!e?.success)return void alert(`Failed to delete project ${r}`+(e?.error_message?`: ${e.error_message}`:""));t.setSelection({projectId:null,methodId:null,sampleId:null,runId:null}),await t.refreshProjects(),await j(),i([])}catch(e){alert(`Delete failed: ${e instanceof Error?e.message:String(e)}`)}finally{m(!1)}}})()}})},tooltip:"Permanently delete the project and every test inside it",tooltipOptions:{position:"bottom"}}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",size:"small",onClick:()=>{y(),j()},disabled:o})]})]}),_jsxs("div",{style:{marginBottom:"1rem",padding:"0.75rem 1rem",border:"1px solid #2a2a2a",borderRadius:4,background:"#161616"},children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",flexWrap:"wrap",gap:"0.5rem"},children:[_jsx("strong",{children:"Server Disk Space"}),f?_jsxs("span",{style:{fontSize:"0.875rem",color:"#9ca3af"},children:[formatBytes(f.available_bytes)," free of ",formatBytes(f.total_bytes)," ","(",100-v,"% available)"]}):_jsx("span",g?{style:{fontSize:"0.875rem",color:"#f87171"},children:g}:{style:{fontSize:"0.875rem",color:"#9ca3af"},children:"Loading…"})]}),f&&_jsxs(_Fragment,{children:[_jsx(ProgressBar,{value:v,showValue:!1,style:{height:"0.5rem",marginTop:"0.5rem"},color:v>=90?"#dc2626":v>=75?"#f59e0b":void 0}),_jsx("div",{style:{fontSize:"0.75rem",color:"#6b7280",marginTop:"0.4rem"},children:_jsx("code",{children:f.base_directory})})]})]}),_jsxs(DataTable,{value:a,loading:o,paginator:!0,rows:10,emptyMessage:r?"No tests in this project.":"Select a project to manage.",scrollable:!0,scrollHeight:"flex",tableStyle:{minWidth:0},style:{width:"100%"},children:[_jsx(Column,{header:"Sample ID",body:x,sortable:!0,sortFunction:e=>{const t=[...e.data];return t.sort((t,r)=>x(t).localeCompare(x(r))*(e.order??1)),t},style:{minWidth:"8rem"}}),_jsx(Column,{field:"start_time",header:"Date/Time",sortable:!0,body:e=>formatDate(e.start_time),style:{minWidth:"12rem"}}),_jsx(Column,{field:"method_id",header:"Test Method",sortable:!0,style:{minWidth:"10rem"}}),_jsx(Column,{field:"run_id",header:"Run ID",sortable:!0,style:{minWidth:"12rem"}}),_jsx(Column,{header:"Action",style:{width:"8rem"},body:e=>{const t=l===e.run_id;return _jsx(Button,{icon:t?"pi pi-spin pi-spinner":"pi pi-trash",label:"Delete",size:"small",severity:"danger",outlined:!0,disabled:null!==l||d,onClick:()=>b(e),tooltip:"Permanently delete this test",tooltipOptions:{position:"left"}})}})]})]})};

package/dist/components/tis/ResultHistoryTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../../src/components/tis/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,WAAW,uBAAuB;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAkHD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4PhE,CAAC"}
+{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../../src/components/tis/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,WAAW,uBAAuB;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAwBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwRhE,CAAC"}

package/dist/components/tis/ResultHistoryTable.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import{DataTable}from"primereact/datatable";import{Column}from"primereact/column";import{Button}from"primereact/button";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useTis}from"./TisProvider";const unwrapEnvelope=e=>e&&"object"==typeof e?"data"in e&&e.data&&"object"==typeof e.data&&Object.values(e.data).some(e=>Array.isArray(e))?e.data:e:{},escapeCsv=e=>{if(null==e)return"";const t=String(e);return/[",\n\r]/.test(t)?`"${t.replace(/"/g,'""')}"`:t},unifyColumns=e=>{const t=new Set,r=[];for(const s of e)for(const[e,o]of Object.entries(s))Array.isArray(o)&&!t.has(e)&&(t.add(e),r.push(e));return r.sort((e,t)=>"t"===e?-1:"t"===t?1:0),r},cyclesToCsv=e=>{if(0===e.length)return"";const t=e.map(e=>({cycleIndex:e.cycleIndex,blob:unwrapEnvelope(e.blob)})),r=unifyColumns(t.map(e=>e.blob));if(0===r.length)return"";const s=[["cycle_index",...r].join(",")];for(const{cycleIndex:e,blob:o}of t){const t=r.reduce((e,t)=>Array.isArray(o[t])?Math.min(e,o[t].length):e,1/0),a=Number.isFinite(t)?t:0;for(let t=0;t<a;t++){const a=[escapeCsv(e)];for(const e of r){const r=o[e];a.push(escapeCsv(Array.isArray(r)?r[t]:""))}s.push(a.join(","))}}return s.join("\n")},rawBlobToCsv=e=>{const t=unwrapEnvelope(e);return cyclesToCsv([{cycleIndex:0,blob:t}]).split("\n").map(e=>{const t=e.indexOf(",");return t>=0?e.slice(t+1):""}).join("\n")},downloadCsv=(e,t)=>{const r=new Blob([t],{type:"text/csv;charset=utf-8;"}),s=URL.createObjectURL(r),o=document.createElement("a");o.href=s,o.download=e,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(s)};export const ResultHistoryTable=e=>{const t=useTis(),r=e.projectId??t.selection.projectId,s=e.methodId,[o,a]=useState([]),[n,i]=useState(!1),[l,d]=useState(null),{invoke:c}=useContext(EventEmitterContext),u=async()=>{if(r){i(!0);try{const e={project_id:r};s&&(e.method_id=s);const t=await c("tis.list_tests",MessageType.Request,e);t.success&&t.data&&t.data.tests&&a(t.data.tests)}catch(e){}i(!1)}else a([])};useEffect(()=>{u()},[r,s,t.state.activeRunId]);const m=async(e,t)=>{const o=e?.run_id,a=e?.method_id??s;if(!o||!a)return;const n="raw"===t?"tis.read_raw":"tis.read_filtered",i="raw"===t?"raw trace":"filtered trace",l="raw"===t?"raw":"filtered";d({runId:o,kind:t});try{let s="";if("raw"===t){const e=await c("tis.list_raw",MessageType.Request,{project_id:r,method_id:a,run_id:o}),t=(e?.data?.cycles??[]).filter(e=>"trace"===e?.name&&"number"==typeof e?.cycle_index).map(e=>e.cycle_index).sort((e,t)=>e-t);if(0===t.length){const e=await c(n,MessageType.Request,{project_id:r,method_id:a,run_id:o,name:"trace"});if(!e?.success||!e.data)return void alert(`No ${i} available for ${o}`+(e?.error_message?`: ${e.error_message}`:""));s=rawBlobToCsv(e.data)}else{const e=(await Promise.all(t.map(async e=>{const t=await c("tis.read_raw",MessageType.Request,{project_id:r,method_id:a,run_id:o,name:"trace",cycle_index:e});return t?.success?{cycleIndex:e,blob:t.data}:null}))).filter(e=>null!==e);if(0===e.length)return void alert(`No ${i} cycles readable for ${o}.`);s=cyclesToCsv(e)}}else{const e=await c(n,MessageType.Request,{project_id:r,method_id:a,run_id:o,name:"trace"});if(!e?.success||!e.data)return void alert(`No ${i} available for ${o}`+(e?.error_message?`: ${e.error_message}`:""));s=rawBlobToCsv(e.data)}if(!s)return void alert(`${i} for ${o} is empty or has no array columns.`);const d=f(p(e));downloadCsv(`${r}_${a}_${d?`${d}_`:""}${o}_${l}.csv`,s)}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{d(null)}},p=e=>{const t="string"==typeof e?.sample_id?e.sample_id:"";if(t)return t;const r=e?.config;return r&&"object"==typeof r&&"string"==typeof r.sample_id?r.sample_id:""},f=e=>e.replace(/[\/\\:*?"<>|\0\x00-\x1f]/g,"_");return _jsxs("div",{style:{width:"100%",maxWidth:"100%",overflow:"hidden",boxSizing:"border-box"},children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem"},children:[_jsx("h3",{style:{margin:0},children:r?`Test History: ${r}${s?` / ${s}`:""}`:"Test History (no project selected)"}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",onClick:u,disabled:n})]}),_jsxs(DataTable,{value:o,loading:n,paginator:!0,rows:10,emptyMessage:"No tests found.",scrollable:!0,scrollHeight:"flex",tableStyle:{minWidth:0},style:{width:"100%"},selectionMode:"single",onSelectionChange:e=>{const r=e.value;r?.run_id&&t.setSelection({projectId:r.project_id??null,methodId:r.method_id??null,runId:r.run_id})},children:[_jsx(Column,{header:"Sample ID",sortable:!0,body:p,sortFunction:e=>{const t=[...e.data];return t.sort((t,r)=>p(t).localeCompare(p(r))*(e.order??1)),t},style:{minWidth:"8rem"}}),_jsx(Column,{field:"start_time",header:"Date/Time",sortable:!0,body:e=>{return(t=e.start_time)?new Date(t).toLocaleString():"";var t},style:{minWidth:"12rem"}}),_jsx(Column,{field:"method_id",header:"Test Method",sortable:!0,style:{minWidth:"10rem"}}),_jsx(Column,{field:"run_id",header:"Run ID",sortable:!0,style:{minWidth:"12rem"}}),_jsx(Column,{header:"Download",style:{width:"14rem"},body:e=>{const t=l?.runId===e.run_id&&"raw"===l?.kind,r=l?.runId===e.run_id&&"filtered"===l?.kind,s=null!==l;return _jsxs("div",{style:{display:"flex",gap:"0.4rem"},children:[_jsx(Button,{icon:t?"pi pi-spin pi-spinner":"pi pi-download",label:"Raw",size:"small",outlined:!0,disabled:s,onClick:()=>m(e,"raw"),tooltip:"Download raw_data/trace.json as CSV",tooltipOptions:{position:"left"}}),_jsx(Button,{icon:r?"pi pi-spin pi-spinner":"pi pi-download",label:"Filtered",size:"small",outlined:!0,disabled:s,onClick:()=>m(e,"filtered"),tooltip:"Download filtered_data/trace.json as CSV",tooltipOptions:{position:"left"}})]})}})]})]})};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import{DataTable}from"primereact/datatable";import{Column}from"primereact/column";import{Button}from"primereact/button";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useTis}from"./TisProvider";const downloadCsvBlob=(e,t)=>{const o=new Blob([t],{type:"text/csv;charset=utf-8;"}),r=URL.createObjectURL(o),i=document.createElement("a");i.href=r,i.download=e,document.body.appendChild(i),i.click(),i.remove(),URL.revokeObjectURL(r)};export const ResultHistoryTable=e=>{const t=useTis(),o=e.projectId??t.selection.projectId,r=e.methodId,[i,s]=useState([]),[a,n]=useState(!1),[l,d]=useState(null),[c,p]=useState(null),{invoke:m}=useContext(EventEmitterContext),u=async()=>{if(o){n(!0);try{const e={project_id:o};r&&(e.method_id=r);const t=await m("tis.list_tests",MessageType.Request,e);t.success&&t.data&&t.data.tests&&s(t.data.tests)}catch(e){}n(!1)}else s([])};useEffect(()=>{u()},[o,r,t.state.activeRunId]);const f=async(e,t)=>{const i=e?.run_id,s=e?.method_id??r;if(!i||!s||!o)return;const a="report"===t?"tis.export_test_csv":"tis.export_test_data_csv",n="report"===t?"test report":"test data";d({runId:i,kind:t});try{const e=await m(a,MessageType.Request,{project_id:o,method_id:s,run_id:i});if(!e?.success)return void alert(`Failed to build ${n} for ${i}`+(e?.error_message?`: ${e.error_message}`:""));const r="string"==typeof e.data?.csv?e.data.csv:"";if(!r)return void alert(`${n} for ${i} is empty.`);const l="string"==typeof e.data?.filename&&e.data.filename?e.data.filename:`${o}_${s}_${i}_${t}.csv`;downloadCsvBlob(l,r)}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{d(null)}},_=async e=>{if(!o)return;const t="report"===e?"tis.export_project_csv":"tis.export_project_zip",r="report"===e?"project report":"project archive";p(e);try{const i=await m(t,MessageType.Request,{project_id:o});if(!i?.success)return void alert(`Failed to build ${r}`+(i?.error_message?`: ${i.error_message}`:""));if("report"===e){const e="string"==typeof i.data?.csv?i.data.csv:"";if(!e)return void alert(`Project ${o} has no tests to report.`);const t="string"==typeof i.data?.filename&&i.data.filename?i.data.filename:`${o}_project_report.csv`;downloadCsvBlob(t,e)}else{const e="string"==typeof i.data?.download_url?i.data.download_url:"";if(!e)return void alert(`Server did not return a download URL for ${r}.`);const t=document.createElement("a");t.href=e,t.download="string"==typeof i.data?.filename?i.data.filename:`${o}_project_archive.zip`,document.body.appendChild(t),t.click(),t.remove()}}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{p(null)}},h=e=>{const t="string"==typeof e?.sample_id?e.sample_id:"";if(t)return t;const o=e?.config;return o&&"object"==typeof o&&"string"==typeof o.sample_id?o.sample_id:""};return _jsxs("div",{style:{width:"100%",maxWidth:"100%",overflow:"hidden",boxSizing:"border-box"},children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem",gap:"0.5rem",flexWrap:"wrap"},children:[_jsx("h3",{style:{margin:0},children:o?`Test History: ${o}${r?` / ${r}`:""}`:"Test History (no project selected)"}),_jsxs("div",{style:{display:"flex",gap:"0.4rem",alignItems:"center"},children:[_jsx(Button,{icon:"report"===c?"pi pi-spin pi-spinner":"pi pi-file",label:"Download Report",size:"small",outlined:!0,disabled:!o||null!==c,onClick:()=>_("report"),tooltip:"Download a CSV report of every test in this project",tooltipOptions:{position:"bottom"}}),_jsx(Button,{icon:"archive"===c?"pi pi-spin pi-spinner":"pi pi-box",label:"Download Archive",size:"small",outlined:!0,disabled:!o||null!==c,onClick:()=>_("archive"),tooltip:"Download a ZIP of the entire project directory (all tests, raw data, configs)",tooltipOptions:{position:"bottom"}}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",size:"small",onClick:u,disabled:a})]})]}),_jsxs(DataTable,{value:i,loading:a,paginator:!0,rows:10,emptyMessage:"No tests found.",scrollable:!0,scrollHeight:"flex",tableStyle:{minWidth:0},style:{width:"100%"},selectionMode:"single",onSelectionChange:e=>{const o=e.value;o?.run_id&&t.setSelection({projectId:o.project_id??null,methodId:o.method_id??null,runId:o.run_id})},children:[_jsx(Column,{header:"Sample ID",sortable:!0,body:h,sortFunction:e=>{const t=[...e.data];return t.sort((t,o)=>h(t).localeCompare(h(o))*(e.order??1)),t},style:{minWidth:"8rem"}}),_jsx(Column,{field:"start_time",header:"Date/Time",sortable:!0,body:e=>{return(t=e.start_time)?new Date(t).toLocaleString():"";var t},style:{minWidth:"12rem"}}),_jsx(Column,{field:"method_id",header:"Test Method",sortable:!0,style:{minWidth:"10rem"}}),_jsx(Column,{field:"run_id",header:"Run ID",sortable:!0,style:{minWidth:"12rem"}}),_jsx(Column,{header:"Download",style:{width:"14rem"},body:e=>{const t=l?.runId===e.run_id&&"data"===l?.kind,o=l?.runId===e.run_id&&"report"===l?.kind,r=null!==l;return _jsxs("div",{style:{display:"flex",gap:"0.4rem"},children:[_jsx(Button,{icon:t?"pi pi-spin pi-spinner":"pi pi-download",label:"Data",size:"small",outlined:!0,disabled:r,onClick:()=>f(e,"data"),tooltip:"Download raw + filtered trace data as one CSV",tooltipOptions:{position:"left"}}),_jsx(Button,{icon:o?"pi pi-spin pi-spinner":"pi pi-file",label:"Report",size:"small",outlined:!0,disabled:r,onClick:()=>f(e,"report"),tooltip:"Download a CSV report (metadata + cycles + results) for this test",tooltipOptions:{position:"left"}})]})}})]})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adcops/autocore-react",
-    "version": "3.3.75",
+    "version": "3.3.79",
     "description": "A React component library for industrial user interfaces.",
     "private": false,
     "type": "module",

package/src/components/Indicator.tsx

@@ -1,194 +1,209 @@
 /*
  * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-16 14:39:41
- * -----
- * Last Modified: 2025-09-05 14:52:12
- * -----
- * 
+ *
+ * <Indicator> — non-interactive visual state lamp.
+ *
+ * Two usage shapes are supported:
+ *
+ *   1. Icon / children mode (matches <IndicatorButton>):
+ *
+ *        <Indicator
+ *          className="ac-toolbar-icon-btn"
+ *          onColor={IndicatorColor.IndicatorGreen}
+ *          offColor={IndicatorColor.IndicatorRed}
+ *          value={controlPowerOk}
+ *        >
+ *          <i className="pi pi-power-off" />
+ *        </Indicator>
+ *
+ *      Renders a square (non-rounded) box whose background is driven by
+ *      `value` (and `onColor` / `offColor`). The children are layered on
+ *      top — typically an icon — and the box gets a subtle inset shadow
+ *      so it visually reads as a passive indicator rather than a button.
+ *
+ *   2. Legacy label mode:
+ *
+ *        <Indicator label="Pump Running" value={pumpOk} />
+ *
+ *      A small color swatch followed by a text label. Kept for callers
+ *      that pre-date the icon form.
+ *
+ * State source priority: explicit `value` prop > subscribed `topic` value.
+ * `undefined` displays as `invalidColor` (default black) — meaning "not
+ * available," not "off."
  */
 
-
-import React, { Component } from 'react';
-//import clsx from 'clsx';
+import React, { useContext, useEffect, useState } from 'react';
+import clsx from 'clsx';
 import { EventEmitterContext, type EventEmitterContextType } from '../core/EventEmitterContext';
-//import { IPositionContext } from '../core/PositionContext';
-import {IndicatorColor} from "../core/IndicatorColor";
-export {IndicatorColor}
-
-//import {Lamp} from "./Lamp";
-
-
-
-
-interface IndicatorProps {
-
+import { IndicatorColor } from '../core/IndicatorColor';
+export { IndicatorColor };
 
+export interface IndicatorProps {
     /**
-     * Label of the group/row. Can be any element.
-     * 
-     * ## Examples
-     * ```
-     * <Indicator label="Simple Text" />
-     * <Indicator label={<span><i className="pi pi-check"></i> Icon and Text</span>} />
-     * <Indicator label={<YourCustomIconComponent />} />
-     * ```
-     */
-    label? : React.ReactNode;
-
-
-    /**
-     * State to be displayed<br/>
-     *
-     * Available states: **on**, **off** and **not available**:
+     * State to be displayed.
      *
-     * * `true` is treated as **on**
-     * * `false` is treated as **off**
-     * * `undefined` is treated as **not available**
-     */
-    value?: boolean | undefined;
-    /**
-     * CSS color for **enabled** state
+     *   * `true`      → on
+     *   * `false`     → off
+     *   * `undefined` → not available (invalid color)
      */
+    value?: boolean;
+
+    /** CSS color when value is true. Defaults to IndicatorColor.IndicatorGreen. */
     onColor?: string;
-    /**
-     * CSS color for **disabled** state
-     */
+    /** CSS color when value is false. Defaults to IndicatorColor.IndicatorOff (gray). */
     offColor?: string;
-    /**
-     * CSS color for **not available** state
-     */
+    /** CSS color when value is undefined. Defaults to IndicatorColor.IndicatorInvalid (black). */
     invalidColor?: string;
-    /**
-     * Custom class name to be attached
-     */
-    className?: string;
 
     /**
-     * The topic to monitor to display. Optional. 
+     * Optional broadcast topic to subscribe to. The latest broadcast value
+     * is used when `value` is left undefined; an explicit `value` always
+     * wins so callers can drive the indicator from React state instead.
      */
     topic?: string;
 
+    /** Additional CSS class names applied to the outer box. */
+    className?: string;
 
-}
+    /** Inline style overrides for the outer box. */
+    style?: React.CSSProperties;
 
+    /**
+     * Legacy text label rendered next to a small color swatch. Mutually
+     * exclusive with `children` — pass one or the other. Plain strings or
+     * React nodes both work.
+     */
+    label?: React.ReactNode;
 
-interface IndicatorState {
-    subscribedValue?: boolean | null;
-    fontSize?: string;
+    /**
+     * Icon (or any node) to display on top of the colored backdrop.
+     * Use this for the modern square-button-shaped indicator, e.g.
+     * `<Indicator ...><i className="pi pi-power-off" /></Indicator>`.
+     */
+    children?: React.ReactNode;
 }
 
-
-export class Indicator extends Component<IndicatorProps, IndicatorState> {
-    static contextType = EventEmitterContext;
-    protected unsubscribeTopicId: number | null = null;
-
-    // Define default properties
-    static defaultProps = {
-        onColor: "green",
-        offColor: "gray",
-        invalidColor: "black"
-    };
-
-    constructor(props: IndicatorProps) {
-        super(props);
-        this.state = {
-            subscribedValue: props.value,
-            fontSize: "100%"
+/**
+ * Pick the color to paint based on the displayed state. Kept outside the
+ * component so the rendering logic is trivial to read.
+ */
+const pickColor = (
+    displayValue: boolean | undefined,
+    onColor: string,
+    offColor: string,
+    invalidColor: string,
+): string => {
+    if (displayValue === true) return onColor;
+    if (displayValue === false) return offColor;
+    return invalidColor;
+};
+
+export const Indicator: React.FC<IndicatorProps> = ({
+    value,
+    onColor = IndicatorColor.IndicatorGreen,
+    offColor = IndicatorColor.IndicatorOff,
+    invalidColor = IndicatorColor.IndicatorInvalid,
+    topic,
+    className,
+    style,
+    label,
+    children,
+}) => {
+    const { subscribe, unsubscribe } = useContext(EventEmitterContext) as EventEmitterContextType;
+
+    const [subscribedValue, setSubscribedValue] = useState<boolean | undefined>(undefined);
+
+    useEffect(() => {
+        if (!topic || !subscribe) return;
+        const token = subscribe(topic, (v: any) => {
+            // The Hub publishes any payload; coerce to boolean for boolean
+            // indicators. Non-boolean topics should use IndicatorRect instead.
+            setSubscribedValue(v === undefined || v === null ? undefined : !!v);
+        });
+        return () => {
+            try {
+                if (unsubscribe && token !== undefined) unsubscribe(token);
+            } catch {
+                /* no-op */
+            }
         };
-    }
-
-    componentDidMount() {
-        const { topic } = this.props;
-        if (topic && this.unsubscribeTopicId === null) {
-            const { subscribe } = this.context as EventEmitterContextType;
-            this.unsubscribeTopicId = subscribe(topic, (value: any) => {
-                this.setState({ subscribedValue: value });
-            });
-        }
-    }
-
-    componentDidUpdate(prevProps: IndicatorProps) {
-        if (prevProps.value !== this.props.value) {
-            this.setState({ subscribedValue: this.props.value });
-        }
-    }
-
-    componentWillUnmount() {
-        if (this.unsubscribeTopicId !== null) {
-            const { unsubscribe } = this.context as EventEmitterContextType;
-            unsubscribe(this.unsubscribeTopicId);
-            this.unsubscribeTopicId = null;
-        }
-    }
+    }, [topic, subscribe, unsubscribe]);
 
-    render() {
-        const { label, value, onColor, offColor, invalidColor } = this.props;
-        const { subscribedValue } = this.state;
-
-        //
-        // Load the value from the proper source.
-        // If the `value` property is undefined, that takes precedence.
-        // 
-        let displayValue = subscribedValue;
-        if (value !== undefined) {
-            displayValue = value;
-        }      
-
-        let color;
-        switch (displayValue) {
-            case true:
-                color = onColor;
-                break;
-            case false:
-                color = offColor;
-                break;
-            default:
-                color = invalidColor;
-                break;
-        }
-
-        // const style: React.CSSProperties = {
-        //     position: useAbsolutePositioning ? 'absolute' : 'relative',
-        //     display: useAbsolutePositioning ? "" : "inline-block",
-        //     verticalAlign: 'middle',
-        //     top: useAbsolutePositioning && y ? `${yOffset + adjScale * y}px` : undefined,
-        //     left: useAbsolutePositioning && x ? `${xOffset + adjScale * x}px` : undefined,
-        //     width: adjWidth ? `${adjWidth * adjScale}px` : undefined,
-        //     height: adjHeight ? `${adjHeight * adjScale}px` : undefined,
-        //     lineHeight: adjHeight ? `${adjHeight * adjScale}px` : undefined,
-        //     backgroundColor: color,
-        //     borderRadius: "20px"
-        // };
-
-
-        const groupStyle : React.CSSProperties = {
-            alignItems: "center",
-            // PrimeReact injects `.p-inputgroup { width: 100% }`, which makes
-            // this Indicator hog its parent flex row and squeeze siblings
-            // (e.g. an adjacent ToggleGroup's buttons wrap vertically).
-            // Size to content instead.
-            width: "auto",
-            flex: "0 0 auto",
-        };
+    // Explicit value prop wins over the subscription.
+    const displayValue = value !== undefined ? value : subscribedValue;
+    const color = pickColor(displayValue, onColor, offColor, invalidColor);
 
-        const lampDivStyle : React.CSSProperties = {
+    // Children mode: square, filled, sunken look. Sized by the caller's
+    // className (e.g. `ac-toolbar-icon-btn`) so it lines up with sibling
+    // IndicatorButtons in the same toolbar.
+    if (children !== undefined && children !== null) {
+        const boxStyle: React.CSSProperties = {
             backgroundColor: color,
-            width: "22px"
+            color: 'white',
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            // Square corners distinguish a passive indicator from an
+            // interactive button (PrimeReact buttons round to ~6px).
+            borderRadius: 0,
+            // Classic Win95-style chiseled-in bevel: dark shadow on
+            // the top + left (the "wall" above the recess casts a
+            // shadow into it) plus a lighter highlight on the bottom +
+            // right (light bouncing back out). The previous single
+            // top-only shadow read as raised because the bottom edge
+            // had nothing to contrast it. The shadow opacities are
+            // chosen to remain legible against every IndicatorColor
+            // — green, red, orange, blue, gray, black.
+            boxShadow:
+                'inset 2px 2px 3px rgba(0, 0, 0, 0.55), ' +
+                'inset -1px -1px 2px rgba(255, 255, 255, 0.20)',
+            boxSizing: 'border-box',
+            ...style,
         };
-
         return (
-
-            <div className="p-inputgroup" style={groupStyle} >
-                <span className="p-inputgroup-addon" style={lampDivStyle} >
-                    &nbsp;
-                </span>
-                <span className="p-inputgroup-addon">
-                    {label}
-                </span>
-            </div>
-
+            <span
+                className={clsx('indicator', className)}
+                style={boxStyle}
+                role="status"
+                aria-label={typeof label === 'string' ? label : undefined}
+            >
+                {children}
+            </span>
         );
     }
-}
+
+    // Legacy label mode: small color swatch + text. Kept so existing
+    // <Indicator label="..." /> callers don't have to migrate. The
+    // `p-inputgroup` width:auto guard prevents PrimeReact from stretching
+    // this to fill its parent flex row.
+    const groupStyle: React.CSSProperties = {
+        alignItems: 'center',
+        width: 'auto',
+        flex: '0 0 auto',
+        ...style,
+    };
+    const lampStyle: React.CSSProperties = {
+        backgroundColor: color,
+        width: '22px',
+        borderRadius: 0,
+        // Same Win95-sunken treatment as the children-mode box, dialed
+        // down a touch since the swatch is only 22px wide.
+        boxShadow:
+            'inset 1px 1px 2px rgba(0, 0, 0, 0.5), ' +
+            'inset -1px -1px 1px rgba(255, 255, 255, 0.18)',
+    };
+
+    return (
+        <div className={clsx('p-inputgroup indicator', className)} style={groupStyle} role="status">
+            <span className="p-inputgroup-addon" style={lampStyle}>
+                &nbsp;
+            </span>
+            {label !== undefined && (
+                <span className="p-inputgroup-addon">{label}</span>
+            )}
+        </div>
+    );
+};
 
 export default Indicator;

package/src/components/ams/AmsProvider.tsx

@@ -48,6 +48,13 @@ export interface AmsRole {
     description: string | null;
     /** Test method IDs whose start_test will pick up an asset in this role. */
     used_by: string[];
+    /** Module names whose configs reference this role via
+     *  `${ams.by_location.<location>.*}` placeholders. Surfaces in the
+     *  AIS Role dropdown so the operator can see *why* a role exists
+     *  even when no test method directly resolves it (e.g., a load_cell
+     *  feeding NI bridge channel calibration). Empty for purely
+     *  test-method-driven roles. */
+    used_by_modules: string[];
 }
 export type AmsRoleRegistry = { [assetType: string]: AmsRole[] };