npm - @adcops/autocore-react - Versions diffs - 3.3.32 → 3.3.36 - Mend

@adcops/autocore-react 3.3.32 → 3.3.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/components/IndicatorButton.d.ts +10 -0
package/dist/components/IndicatorButton.d.ts.map +1 -1
package/dist/components/IndicatorButton.js +1 -1
package/dist/components/TestDataView.d.ts +54 -0
package/dist/components/TestDataView.d.ts.map +1 -0
package/dist/components/TestDataView.js +1 -0
package/dist/components/TestRawDataView.d.ts +14 -0
package/dist/components/TestRawDataView.d.ts.map +1 -0
package/dist/components/TestRawDataView.js +1 -0
package/dist/core/AutoCoreTagContext.d.ts.map +1 -1
package/dist/core/AutoCoreTagContext.js +1 -1
package/dist/core/AutoCoreTagTypes.d.ts +8 -0
package/dist/core/AutoCoreTagTypes.d.ts.map +1 -1
package/dist/hooks/useAutoCoreTag.d.ts +2 -0
package/dist/hooks/useAutoCoreTag.d.ts.map +1 -1
package/dist/hooks/useAutoCoreTag.js +1 -1
package/package.json +4 -1
package/src/components/IndicatorButton.tsx +29 -6
package/src/components/TestDataView.tsx +380 -0
package/src/components/TestRawDataView.tsx +208 -0
package/src/core/AutoCoreTagContext.tsx +41 -5
package/src/core/AutoCoreTagTypes.ts +10 -0
package/src/hooks/useAutoCoreTag.ts +5 -1

package/dist/components/IndicatorButton.d.ts CHANGED Viewed

@@ -43,6 +43,16 @@ export interface IndicatorButtonProps extends Omit<ButtonProps, "value"> {
      * cycle on onColor.
      */
     flash?: boolean;
+    /** Callback fired when the button is pressed (mouse down or touch start). */
+    onPress?: (e: React.MouseEvent | React.TouchEvent) => void;
+    /** Callback fired when the button is released (mouse up, touch end, or mouse leave). */
+    onRelease?: (e: React.MouseEvent | React.TouchEvent) => void;
+    /**
+     * Momentary tag writer. When the button is pressed, this is called with `true`.
+     * When the button is released or the mouse leaves, it is called with `false`.
+     * Pass the `write` function from `useAutoCoreTag` directly to this prop.
+     */
+    momentary?: (value: boolean) => void | Promise<void>;
 }
 export declare const IndicatorButton: React.FC<IndicatorButtonProps>;
 export default IndicatorButton;

package/dist/components/IndicatorButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IndicatorButton.d.ts","sourceRoot":"","sources":["../../src/components/IndicatorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAK7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,OAAO,MAAM,0BAA0B,GAC1C,MAAM,EAAE,GACR,SAAS,EAAE,GACX,SAAS,CAAC;AAEd,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACtE,2GAA2G;IAC3G,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElC,mDAAmD;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,0BAA0B,CAAC;IAErC,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,GAAG,CAAC;IAElB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;~~CACjB~~;AAKD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,~~CAwJ1D~~,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"IndicatorButton.d.ts","sourceRoot":"","sources":["../../src/components/IndicatorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAK7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,OAAO,MAAM,0BAA0B,GAC1C,MAAM,EAAE,GACR,SAAS,EAAE,GACX,SAAS,CAAC;AAEd,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACtE,2GAA2G;IAC3G,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElC,mDAAmD;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,0BAA0B,CAAC;IAErC,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,GAAG,CAAC;IAElB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3D,wFAAwF;IACxF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE7D;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtD;AAKD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkK1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/IndicatorButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as _jsx}from"react/jsx-runtime";import React,{useCallback,useContext,useEffect,useState}from"react";import clsx from"clsx";import{Button}from"primereact/button";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};import{ActionMode}from"../core/ActionMode";export{ActionMode};import"./IndicatorButton.css";const toPrimeIcon=o=>o?o.includes("pi ")?o:`pi ${o}`:void 0;export const IndicatorButton=({topic:o,value:t,onColor:e=IndicatorColor.IndicatorGreen,offColor:n="gray",options:r,icon:i,onIcon:c,offIcon:a,command:s,commandTopic:l,commandArgs:d,actionMode:u,invert:f,className:m,label:p,style:x,disabled:C,hidden:b,flash:I,...h})=>{const{subscribe:v,unsubscribe:g,dispatch:M}=useContext(EventEmitterContext),[E,y]=useState(void 0),[A,S]=useState(!1);useEffect(()=>{if(!o\|\|!v)return;const t=v(o,o=>y(o));return()=>{try{g&&void 0!==t&&g(t)}catch{}}},[o,v,g]);const k=void 0!==t?t:E,B=(()=>{if(!r\|\|0===r.length)return p;if(r.length>2){if("number"==typeof k){const o=Math.trunc(k);if(o>=0&&o<r.length&&null!=r[o])return String(r[o])}else if("string"==typeof k){const o=r.findIndex(o=>o===k);if(o>=0)return String(r[o])}return p}const o=k?r[1]:r[0];return null!=o&&String(o).length>0?String(o):p})(),T=toPrimeIcon((k?c:a)??i);let j=k?e:n;void 0===k&&(j=IndicatorColor.IndicatorInvalid);const P=useCallback(o=>{if(!s\|\|!M)return;const t={topic:l,value:f?!o:o,...d??{}};M({topic:s,payload:t})},[s,M,f,d,l]),w=useCallback(()=>{A\|\|(S(!0),u!==ActionMode.Tap&&u!==ActionMode.Pressed\|\|P(!0))},[A,u,P]),N=useCallback(()=>{A&&(S(!1),u===ActionMode.Tap?P(!1):u===ActionMode.Released&&P(!0))},[A,u,P]),R={color:"white",backgroundColor:I?void 0:j,display:b?"none":void 0,...I?{"--flash-on":e,"--flash-off":n}:{},...x??{}};return _jsx(Button,{...h,label:B,icon:T,className:clsx(m,I&&"indicator-button-flash"),style:R,disabled:!!C,onMouseDown:w,onTouchStart:w,onMouseUp:N,onTouchEnd:N})};export default IndicatorButton;
1	+ import{jsx as _jsx}from"react/jsx-runtime";import React,{useCallback,useContext,useEffect,useState}from"react";import clsx from"clsx";import{Button}from"primereact/button";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};import{ActionMode}from"../core/ActionMode";export{ActionMode};import"./IndicatorButton.css";const toPrimeIcon=o=>o?o.includes("pi ")?o:`pi ${o}`:void 0;export const IndicatorButton=({topic:o,value:t,onColor:e=IndicatorColor.IndicatorGreen,offColor:n="gray",options:r,icon:i,onIcon:c,offIcon:s,command:a,commandTopic:l,commandArgs:d,actionMode:u,invert:f,className:m,label:p,style:x,disabled:C,hidden:b,flash:I,onPress:h,onRelease:v,momentary:g,...M})=>{const{subscribe:y,unsubscribe:E,dispatch:A}=useContext(EventEmitterContext),[S,k]=useState(void 0),[B,T]=useState(!1);useEffect(()=>{if(!o\|\|!y)return;const t=y(o,o=>k(o));return()=>{try{E&&void 0!==t&&E(t)}catch{}}},[o,y,E]);const j=void 0!==t?t:S,P=(()=>{if(!r\|\|0===r.length)return p;if(r.length>2){if("number"==typeof j){const o=Math.trunc(j);if(o>=0&&o<r.length&&null!=r[o])return String(r[o])}else if("string"==typeof j){const o=r.findIndex(o=>o===j);if(o>=0)return String(r[o])}return p}const o=j?r[1]:r[0];return null!=o&&String(o).length>0?String(o):p})(),R=toPrimeIcon((j?c:s)??i);let w=j?e:n;void 0===j&&(w=IndicatorColor.IndicatorInvalid);const N=useCallback(o=>{if(!a\|\|!A)return;const t={topic:l,value:f?!o:o,...d??{}};A({topic:a,payload:t})},[a,A,f,d,l]),_=useCallback(o=>{B\|\|C\|\|(T(!0),g&&g(!0),h&&h(o),u!==ActionMode.Tap&&u!==ActionMode.Pressed\|\|N(!0))},[B,C,u,N,h,g]),D=useCallback(o=>{B&&!C&&(T(!1),g&&g(!1),v&&v(o),u===ActionMode.Tap?N(!1):u===ActionMode.Released&&N(!0))},[B,C,u,N,v,g]),G={color:"white",backgroundColor:I?void 0:w,display:b?"none":void 0,...I?{"--flash-on":e,"--flash-off":n}:{},...x??{}};return _jsx(Button,{...M,label:P,icon:R,className:clsx(m,I&&"indicator-button-flash"),style:G,disabled:!!C,onMouseDown:_,onTouchStart:_,onMouseUp:D,onTouchEnd:D,onMouseLeave:D})};export default IndicatorButton;

package/dist/components/TestDataView.d.ts ADDED Viewed

@@ -0,0 +1,54 @@
+import React from 'react';
+export interface TestFieldDef {
+    name: string;
+    type: string;
+    units?: string;
+    required?: boolean;
+    source?: string;
+}
+export interface ChartAxis {
+    field?: string;
+    column?: string;
+    label?: string;
+}
+export interface ChartSeries {
+    field?: string;
+    column?: string;
+    label?: string;
+    y_axis?: 'left' | 'right';
+}
+export interface ChartView {
+    title?: string;
+    type: 'cycle_scatter' | 'raw_trace';
+    x: ChartAxis;
+    y: ChartSeries[];
+}
+export interface RawDataShape {
+    blob_name: string;
+    columns: string[];
+    units?: {
+        [col: string]: string;
+    };
+}
+export interface TestDefinition {
+    project_fields: TestFieldDef[];
+    config_fields: TestFieldDef[];
+    cycle_fields: TestFieldDef[];
+    results_fields: TestFieldDef[];
+    raw_data?: RawDataShape | null;
+    views?: {
+        [name: string]: ChartView;
+    };
+}
+export interface TestDataViewProps {
+    projectId: string;
+    definitionId: string;
+    runId: string;
+    schema: TestDefinition;
+    /** Minimum ms between display updates when broadcasts arrive. Default 100. */
+    throttleMs?: number;
+    /** Fixed cycle-table scroll height. Default "400px". */
+    cycleTableHeight?: string;
+}
+export declare const TestDataView: React.FC<TestDataViewProps>;
+//# sourceMappingURL=TestDataView.d.ts.map

package/dist/components/TestDataView.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TestDataView.d.ts","sourceRoot":"","sources":["../../src/components/TestDataView.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA2D,MAAM,OAAO,CAAC;AA4BhF,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IAAI,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CAAE;AAChF,MAAM,WAAW,WAAW;IAAG,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAAE;AAC5G,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,eAAe,GAAG,WAAW,CAAC;IACpC,CAAC,EAAE,SAAS,CAAC;IACb,CAAC,EAAE,WAAW,EAAE,CAAC;CACpB;AACD,MAAM,WAAW,YAAY;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACrC;AACD,MAAM,WAAW,cAAc;IAC3B,cAAc,EAAG,YAAY,EAAE,CAAC;IAChC,aAAa,EAAI,YAAY,EAAE,CAAC;IAChC,YAAY,EAAK,YAAY,EAAE,CAAC;IAChC,cAAc,EAAG,YAAY,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAQ,YAAY,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,EAAW;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;CAClD;AAED,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAK,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAS,MAAM,CAAC;IACrB,MAAM,EAAQ,cAAc,CAAC;IAC7B,8EAA8E;IAC9E,UAAU,CAAC,EAAG,MAAM,CAAC;IACrB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkOpD,CAAC"}

package/dist/components/TestDataView.js ADDED Viewed

@@ -0,0 +1 @@

+ import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import React,{useContext,useEffect,useMemo,useRef,useState}from"react";import{Button}from"primereact/button";import{Column}from"primereact/column";import{DataTable}from"primereact/datatable";import{Dialog}from"primereact/dialog";import{Dropdown}from"primereact/dropdown";import{Chart as ChartJS,CategoryScale,LinearScale,PointElement,LineElement,Title,Tooltip,Legend}from"chart.js";import zoomPlugin from"chartjs-plugin-zoom";import{Line}from"react-chartjs-2";import{EventEmitterContext}from"../core/EventEmitterContext";import{MessageType}from"../hub/CommandMessage";import{TestRawDataView}from"./TestRawDataView";ChartJS.register(CategoryScale,LinearScale,PointElement,LineElement,Title,Tooltip,Legend,zoomPlugin);export const TestDataView=({projectId:e,definitionId:t,runId:i,schema:r,throttleMs:a=100,cycleTableHeight:s="400px"})=>{const{invoke:l,subscribe:n,unsubscribe:o}=useContext(EventEmitterContext),[c,d]=useState(null),[m,u]=useState([]),[p,f]=useState({}),[x,h]=useState(!1),g=useMemo(()=>{const e=[];for(const[t,i]of Object.entries(r.views??{}))"cycle_scatter"===i.type&&e.push({name:t,view:i});return e},[r]),[y,_]=useState(g.length>0?g[0].name:null),j=useRef([]),v=useRef(null),b=useRef(null),w=()=>{b.current||(b.current=setTimeout(()=>{if(b.current=null,j.current.length>0){const e=j.current;j.current=[],u(t=>[...e.slice().reverse(),...t])}v.current&&(f(v.current),v.current=null)},a))};useEffect(()=>{let r=!1;return(async()=>{try{const a=await l("results.read_test",MessageType.Request,{project_id:e,definition_id:t,run_id:i});!r&&a?.success&&(d(a.data),f(a.data.results??{}));const s=await l("results.read_cycles",MessageType.Request,{project_id:e,definition_id:t,run_id:i,offset:0,limit:200,order:"desc"});!r&&s?.success&&u(s.data.cycles??[])}catch(e){}})(),()=>{r=!0}},[e,t,i,l]),useEffect(()=>{const r=r=>r?.project_id===e&&r?.definition_id===t&&r?.run_id===i,a=n("results.cycle_added",e=>{r(e)&&e.cycle&&(j.current.push(e.cycle),w())}),s=n("results.results_updated",e=>{r(e)&&(v.current=e.results??{},w())});return()=>{o(a),o(s),b.current&&(clearTimeout(b.current),b.current=null)}},[e,t,i,a]);const C=useMemo(()=>{if(!y||0===g.length)return null;const e=g.find(e=>e.name===y)?.view;if(!e)return null;const t=e.x.field,i=[...m].reverse();return{labels:i.map(e=>e[t]),datasets:e.y.map((e,t)=>({label:e.label??e.field,data:i.map(t=>t[e.field]),yAxisID:"right"===e.y_axis?"y1":"y",borderColor:palette(t),backgroundColor:palette(t),tension:.1,pointRadius:2}))}},[m,y,g]),R=g.find(e=>e.name===y)?.view,S=R?.y.some(e=>"right"===e.y_axis)??!1,T=useMemo(()=>({responsive:!0,maintainAspectRatio:!1,scales:{x:{title:{display:!!R?.x.label,text:R?.x.label}},y:{position:"left",title:{display:!0,text:leftAxisLabel(R)}},...S?{y1:{position:"right",grid:{drawOnChartArea:!1},title:{display:!0,text:rightAxisLabel(R)}}}:{}},plugins:{legend:{display:!0},zoom:{pan:{enabled:!0,mode:"xy"},zoom:{wheel:{enabled:!0},pinch:{enabled:!0},mode:"xy"}}}}),[R,S]);return _jsxs("div",{className:"vblock",style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[_jsx(Header,{meta:c,config:c?.config,runId:i,projectId:e,definitionId:t,canViewRaw:!!r.raw_data,onViewRaw:()=>h(!0)}),g.length>0&&_jsxs("div",{className:"p-card",style:{padding:"1rem"},children:[_jsxs("div",{className:"flex",style:{gap:"1rem",alignItems:"center",marginBottom:"0.5rem"},children:[_jsx(Dropdown,{value:y,options:g.map(e=>({label:e.view.title??e.name,value:e.name})),onChange:e=>_(e.value),placeholder:"Select a view"}),_jsx("h3",{style:{margin:0},children:R?.title??""})]}),_jsx("div",{style:{height:320},children:C&&_jsx(Line,{data:C,options:T})})]}),_jsxs("div",{className:"p-card",style:{padding:"1rem"},children:[_jsxs("h3",{style:{marginTop:0},children:["Cycle Data (",m.length,")"]}),_jsx(DataTable,{value:m,scrollable:!0,scrollHeight:s,virtualScrollerOptions:{itemSize:38},emptyMessage:"No cycles yet.",children:r.cycle_fields.map(e=>_jsx(Column,{field:e.name,header:e.units?`${e.name} (${e.units})`:e.name,body:t=>formatCell(t[e.name],e.type)},e.name))})]}),_jsxs("div",{className:"p-card",style:{padding:"1rem"},children:[_jsx("h3",{style:{marginTop:0},children:"Results"}),_jsx(ResultsGrid,{schema:r.results_fields,values:p})]}),r.raw_data&&_jsx(Dialog,{visible:x,onHide:()=>h(!1),header:"Raw Data",style:{width:"90vw",height:"80vh"},maximizable:!0,children:_jsx(TestRawDataView,{projectId:e,definitionId:t,runId:i,schema:r})})]})};const Header=({meta:e,config:t,runId:i,projectId:r,definitionId:a,canViewRaw:s,onViewRaw:l})=>_jsxs("div",{className:"p-card",style:{padding:"1rem"},children:[_jsxs("div",{className:"flex",style:{justifyContent:"space-between",alignItems:"flex-start",gap:"1rem"},children:[_jsxs("div",{children:[_jsxs("h2",{style:{margin:0},children:[a," — ",i]}),_jsxs("div",{style:{color:"var(--text-secondary-color)",fontSize:"0.85em"},children:["project: ",r,e?.start_time&&_jsxs(_Fragment,{children:[" · started: ",new Date(e.start_time).toLocaleString()]})]})]}),s&&_jsx(Button,{icon:"pi pi-chart-line",label:"View Raw Data",onClick:l,outlined:!0})]}),t&&Object.keys(t).length>0&&_jsx("div",{style:{marginTop:"0.75rem",display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"0.25rem 1rem",fontSize:"0.9em"},children:Object.entries(t).map(([e,t])=>_jsxs("div",{children:[_jsxs("strong",{children:[e,":"]})," ",formatCell(t,"string")]},e))})]}),ResultsGrid=({schema:e,values:t})=>t&&0!==Object.keys(t).length?_jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"0.5rem 1rem"},children:e.map(e=>_jsxs("div",{children:[_jsxs("div",{style:{fontSize:"0.8em",color:"var(--text-secondary-color)"},children:[e.name,e.units?` (${e.units})`:""]}),_jsx("div",{children:formatCell(t[e.name],e.type)})]},e.name))}):_jsx("div",{style:{color:"var(--text-secondary-color)"},children:"No results yet."}),CHART_COLORS=["#4ea8de","#f59e0b","#22c55e","#a855f7","#ef4444","#14b8a6","#eab308","#ec4899"],palette=e=>CHART_COLORS[e%CHART_COLORS.length],leftAxisLabel=e=>e?.y.filter(e=>"right"!==e.y_axis).map(e=>e.label??e.field).join(" / ")??"",rightAxisLabel=e=>e?.y.filter(e=>"right"===e.y_axis).map(e=>e.label??e.field).join(" / ")??"",formatCell=(e,t)=>null==e?"":"f32"===t||"f64"===t?"number"==typeof e?e.toFixed(4):String(e):"object"==typeof e?JSON.stringify(e):String(e);

package/dist/components/TestRawDataView.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TestDefinition } from './TestDataView';
+export interface TestRawDataViewProps {
+    projectId: string;
+    definitionId: string;
+    runId: string;
+    schema: TestDefinition;
+    /** Override the blob name (default: schema.raw_data.blob_name). */
+    blobName?: string;
+    /** Fixed chart height. Default "60vh". */
+    chartHeight?: string;
+}
+export declare const TestRawDataView: React.FC<TestRawDataViewProps>;
+//# sourceMappingURL=TestRawDataView.d.ts.map

package/dist/components/TestRawDataView.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TestRawDataView.d.ts","sourceRoot":"","sources":["../../src/components/TestRawDataView.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAahF,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOhE,MAAM,WAAW,oBAAoB;IACjC,SAAS,EAAK,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAS,MAAM,CAAC;IACrB,MAAM,EAAQ,cAAc,CAAC;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,EAAK,MAAM,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2I1D,CAAC"}

package/dist/components/TestRawDataView.js ADDED Viewed

@@ -0,0 +1 @@

+ import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useContext,useEffect,useMemo,useRef,useState}from"react";import{Button}from"primereact/button";import{Dropdown}from"primereact/dropdown";import{Chart as ChartJS,CategoryScale,LinearScale,PointElement,LineElement,Title,Tooltip,Legend}from"chart.js";import zoomPlugin from"chartjs-plugin-zoom";import{Line}from"react-chartjs-2";import{EventEmitterContext}from"../core/EventEmitterContext";import{MessageType}from"../hub/CommandMessage";ChartJS.register(CategoryScale,LinearScale,PointElement,LineElement,Title,Tooltip,Legend,zoomPlugin);export const TestRawDataView=({projectId:e,definitionId:t,runId:a,schema:i,blobName:n,chartHeight:r="60vh"})=>{const{invoke:o}=useContext(EventEmitterContext),[s,l]=useState(null),[m,d]=useState(!0),[c,p]=useState(null),u=useRef(null),x=useMemo(()=>{const e=[];for(const[t,a]of Object.entries(i.views??{}))"raw_trace"===a.type&&e.push({name:t,view:a});return e},[i]),[h,y]=useState(x.length>0?x[0].name:null),f=n??i.raw_data?.blob_name??"trace";useEffect(()=>{let i=!1;return d(!0),p(null),(async()=>{try{const n=await o("results.read_raw",MessageType.Request,{project_id:e,definition_id:t,run_id:a,name:f});if(i)return;n?.success?l(n.data??{}):p(n?.error_message??"Failed to read raw data")}catch(e){i||p(String(e?.message??e))}finally{i||d(!1)}})(),()=>{i=!0}},[e,t,a,f,o]);const g=useMemo(()=>{if(!s||!h)return null;const e=x.find(e=>e.name===h)?.view;if(!e)return null;const t=e.x.column,a=s[t]??[];return{datasets:e.y.map((e,t)=>({label:e.label??e.column,data:(s[e.column]??[]).map((e,t)=>({x:a[t],y:e})),yAxisID:"right"===e.y_axis?"y1":"y",borderColor:palette(t),backgroundColor:palette(t),pointRadius:0,borderWidth:1.5,showLine:!0}))}},[s,h,x]),_=x.find(e=>e.name===h)?.view,v=_?.y.some(e=>"right"===e.y_axis)??!1,b=useMemo(()=>({responsive:!0,maintainAspectRatio:!1,parsing:!1,scales:{x:{type:"linear",title:{display:!!_?.x.label,text:_?.x.label}},y:{position:"left",title:{display:!0,text:axisLabel(_,"left")}},...v?{y1:{position:"right",grid:{drawOnChartArea:!1},title:{display:!0,text:axisLabel(_,"right")}}}:{}},plugins:{legend:{display:!0},zoom:{pan:{enabled:!0,mode:"xy"},zoom:{wheel:{enabled:!0},pinch:{enabled:!0},drag:{enabled:!0,modifierKey:"shift"},mode:"xy"}}}}),[_,v]);return i.raw_data?0===x.length?_jsx(EmptyState,{message:"No raw_trace views declared. Add one to schema.views in project.json."}):_jsxs("div",{className:"vblock",style:{display:"flex",flexDirection:"column",gap:"1rem",height:"100%"},children:[_jsxs("div",{className:"flex",style:{gap:"1rem",alignItems:"center"},children:[_jsx(Dropdown,{value:h,options:x.map(e=>({label:e.view.title??e.name,value:e.name})),onChange:e=>y(e.value),placeholder:"Select a view"}),_jsx("h3",{style:{margin:0},children:_?.title??""}),_jsx("div",{style:{flex:1}}),_jsx(Button,{icon:"pi pi-refresh",label:"Reset Zoom",outlined:!0,onClick:()=>u.current?.resetZoom?.()})]}),_jsxs("div",{style:{flex:1,minHeight:0,height:r,position:"relative"},children:[m&&_jsx(Overlay,{children:"Loading raw data…"}),c&&_jsx(Overlay,{children:c}),g&&!m&&!c&&_jsx(Line,{ref:u,data:g,options:b})]})]}):_jsx(EmptyState,{message:"No raw_data is declared for this test definition."})};const Overlay=({children:e})=>_jsx("div",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--text-secondary-color)",pointerEvents:"none"},children:e}),EmptyState=({message:e})=>_jsx("div",{style:{padding:"1rem",color:"var(--text-secondary-color)"},children:e}),CHART_COLORS=["#4ea8de","#f59e0b","#22c55e","#a855f7","#ef4444","#14b8a6","#eab308","#ec4899"],palette=e=>CHART_COLORS[e%CHART_COLORS.length],axisLabel=(e,t)=>e?.y.filter(e=>(e.y_axis??"left")===t).map(e=>e.label??e.column).join(" / ")??"";

package/dist/core/AutoCoreTagContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCoreTagContext.d.ts","sourceRoot":"","sources":["../../src/core/AutoCoreTagContext.tsx"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,OAAO,KAAK,EAAE,EAQV,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACR,gBAAgB,EAChB,SAAS,EACT,WAAW,EACd,MAAM,oBAAoB,CAAC;AAI5B;;;GAGG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,~~8CAQ7B~~,CAAC;AAsBH;;;;GAIG;AAIH;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,SAAS,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,~~CAqdA~~,CAAC"}
1	+ {"version":3,"file":"AutoCoreTagContext.d.ts","sourceRoot":"","sources":["../../src/core/AutoCoreTagContext.tsx"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,OAAO,KAAK,EAAE,EAQV,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACR,gBAAgB,EAChB,SAAS,EACT,WAAW,EACd,MAAM,oBAAoB,CAAC;AAI5B;;;GAGG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,8CAU7B,CAAC;AAsBH;;;;GAIG;AAIH;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,SAAS,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAufA,CAAC"}

package/dist/core/AutoCoreTagContext.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as _jsx}from"react/jsx-runtime";import React,{useRef,createContext,useCallback,useContext,useEffect,useMemo,useState}from"react";import{EventEmitterContext}from"./EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export const AutoCoreTagContext=createContext({values:{},rawValues:{},isLoading:!0,write:async()=>{},tap:async()=>{},scales:{},updateScale:async()=>{}});const sleep=e=>new Promise(t=>setTimeout(t,e));export const AutoCoreTagProvider=({children:e,tags:t,scales:a,eagerRead:s=!0})=>{const n=useRef(!1),c=useMemo(()=>({}),[]),r=a??c,{invoke:o,read:u,write:l,serverSubscribe:i,isConnected:f,subscribe:m,unsubscribe:b}=useContext(EventEmitterContext),[y,g]=useState(()=>{const e={};for(const a of t)void 0!==a.initialValue&&(e[a.tagName]=a.initialValue);return e}),[d,p]=useState({}),[v,C]=useState(r),N=useRef(v),h=useRef(y);useEffect(()=>{N.current=v},[v]),useEffect(()=>{h.current=y},[y]);const[w,T]=useState(!0),x=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("number"===a&&"number"==typeof t&&s){const e=N.current[s];return t(e?.scale??1)}if("json"===a&&n?.fromServer)try{return n.fromServer(t)}catch{}return t},[]),E=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("json"===a&&n?.toServer)try{t=n.toServer(t)}catch{}if("number"===a&&"number"==typeof t&&s){const e=N.current[s];return t/(e?.scale??1)}return t},[]),S=useCallback(e=>{const a=t.filter(t=>t.scale===e);a.length&&p(e=>{const t={...e};for(const e of a){const a=h.current[e.tagName];if("number"!=typeof a)continue;const s=x(e,a);t[e.tagName]!==s&&(t[e.tagName]=s)}return t})},[t,x]),k=useCallback((e,t)=>{g(a=>a[e.tagName]===t?a:{...a,[e.tagName]:t});const a=x(e,t);p(t=>t[e.tagName]===a?t:{...t,[e.tagName]:a})},[x]),M=useCallback(async(e,t,a)=>{const s=a?.concurrency??4,n=a?.minDelayMs??20,c=a?.jitterMs??40;let r=0;const l=Array.from({length:s},()=>(async()=>{for(;;){const a=r++;if(a>=t.length)return;const s=t[a];try{let t=!1;try{await o(s.fqdn,MessageType.Request,{action:"refresh"}),t=!0}catch{}if(!t){const t="GNV"===e.toUpperCase()?{group:"ux"}:{};try{const e=await u(s.fqdn,t);e?.success&&k(s,e.data)}catch(e){}}}catch(e){}finally{const e=Math.floor(Math.random()c);await sleep(n+e)}}})());await Promise.all(l)},[o,u,k]),j=useCallback(async()=>{for(const[e,t]of Object.entries(r)){if(!t.serverTag)continue;const{domain:a,symbolName:s}=t.serverTag;try{const t=await u(`${a}.${s}`,{group:"ux"});if(t.data&&(t.success??1)&&(t.valid??1)){const a=JSON.parse(t.data);if(a&&"number"==typeof a.scale){const{scale:t,label:s}=a;C(a=>({...a,[e]:{...a[e],scale:t,label:s??a[e]?.label??"---"}})),S(e)}}}catch{}}},[u,r,S]);useEffect(()=>{let e=!0;const a=[],c=async()=>{if(e&&!n.current){n.current=!0;try{await(async()=>{try{await j();for(const n of t){await i(n.tagName,n.fqdn,n.subscriptionOptions);const t=m(n.tagName,t=>{e&&k(n,t)});a.push(t),s&&u(n.fqdn).then(t=>{e&&t?.success&&k(n,t.data)}).catch(e=>{})}}finally{e&&setTimeout(()=>e&&T(!1),100)}})()}finally{e&&setTimeout(()=>e&&T(!1),100)}}};if(f())c();else{const e=m("HUB/connected",()=>{b(e),c()});a.push(e)}return()=>{e=!1,a.forEach(b),n.current=!1}},[m,b,f,o,i,s,t,j,M,k]);const q=useMemo(()=>Object.entries(r).filter(([,e])=>e.serverTag).map(([e,t])=>({scaleName:e,domain:t.serverTag.domain,symbolName:t.serverTag.symbolName})),[r]);useEffect(()=>{let e=!0;const t=[];for(const{scaleName:a,domain:s,symbolName:n}of q){const c=m(`${s}.${n}`,t=>{if(!e)return;const s=t?.value;if(s&&"object"==typeof s&&"number"==typeof s.scale){const{scale:e,label:t}=s;C(s=>({...s,[a]:{...s[a],scale:e,label:t??s[a]?.label??"---"}})),S(a)}});t.push(c)}return()=>{e=!1,t.forEach(b)}},[m,b,q,S]);const R=useCallback(async(e,a)=>{const s=t.find(t=>t.tagName===e);if(!s)return;const n=E(s,a);await l(s.fqdn,n)},[t,l,E]),$=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&(~~await l~~(a.fqdn,!0),await sleep(300),~~await l~~(a.fqdn,!1))},[t,l]),V=useCallback(async(e,t,a)=>{const s=v[e];if(s){if(s.serverTag){const n=`${s.serverTag.domain}.${s.serverTag.symbolName}`;await l(n,{name:e,scale:t,label:a})}C(s=>({...s,[e]:{...s[e],scale:t,label:a}})),S(e)}},[v,l,S]);useEffect(()=>{p(e=>{const a={...e};for(const e of t){const t=h.current[e.tagName];if(void 0===t)continue;const s=x(e,t);a[e.tagName]!==s&&(a[e.tagName]=s)}return a})},[t,x,v]);const A=useMemo(()=>({values:d,rawValues:y,isLoading:w,write:R,tap:$,scales:v,updateScale:V}),[d,y,w,R,$,v,V]);return _jsx(AutoCoreTagContext.Provider,{value:A,children:e})};
1	+ import{jsx as _jsx}from"react/jsx-runtime";import React,{useRef,createContext,useCallback,useContext,useEffect,useMemo,useState}from"react";import{EventEmitterContext}from"./EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export const AutoCoreTagContext=createContext({values:{},rawValues:{},isLoading:!0,write:async()=>{},tap:async()=>{},press:async()=>{},release:async()=>{},scales:{},updateScale:async()=>{}});const sleep=e=>new Promise(t=>setTimeout(t,e));export const AutoCoreTagProvider=({children:e,tags:t,scales:a,eagerRead:s=!0})=>{const n=useRef(!1),c=useMemo(()=>({}),[]),r=a??c,{invoke:o,read:l,write:u,serverSubscribe:i,isConnected:f,subscribe:m,unsubscribe:y}=useContext(EventEmitterContext),[b,d]=useState(()=>{const e={};for(const a of t)void 0!==a.initialValue&&(e[a.tagName]=a.initialValue);return e}),[g,p]=useState({}),[v,C]=useState(r),N=useRef(v),h=useRef(b);useEffect(()=>{N.current=v},[v]),useEffect(()=>{h.current=b},[b]);const[T,w]=useState(!0),x=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("number"===a&&"number"==typeof t&&s){const e=N.current[s];return t(e?.scale??1)}if("json"===a&&n?.fromServer)try{return n.fromServer(t)}catch{}return t},[]),E=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("json"===a&&n?.toServer)try{t=n.toServer(t)}catch{}if("number"===a&&"number"==typeof t&&s){const e=N.current[s];return t/(e?.scale??1)}return t},[]),k=useCallback(e=>{const a=t.filter(t=>t.scale===e);a.length&&p(e=>{const t={...e};for(const e of a){const a=h.current[e.tagName];if("number"!=typeof a)continue;const s=x(e,a);t[e.tagName]!==s&&(t[e.tagName]=s)}return t})},[t,x]),S=useCallback((e,t)=>{d(a=>a[e.tagName]===t?a:{...a,[e.tagName]:t});const a=x(e,t);p(t=>t[e.tagName]===a?t:{...t,[e.tagName]:a})},[x]),M=useCallback(async(e,t,a)=>{const s=a?.concurrency??4,n=a?.minDelayMs??20,c=a?.jitterMs??40;let r=0;const u=Array.from({length:s},()=>(async()=>{for(;;){const a=r++;if(a>=t.length)return;const s=t[a];try{let t=!1;try{await o(s.fqdn,MessageType.Request,{action:"refresh"}),t=!0}catch{}if(!t){const t="GNV"===e.toUpperCase()?{group:"ux"}:{};try{const e=await l(s.fqdn,t);e?.success&&S(s,e.data)}catch(e){}}}catch(e){}finally{const e=Math.floor(Math.random()c);await sleep(n+e)}}})());await Promise.all(u)},[o,l,S]),j=useCallback(async()=>{for(const[e,t]of Object.entries(r)){if(!t.serverTag)continue;const{domain:a,symbolName:s}=t.serverTag;try{const t=await l(`${a}.${s}`,{group:"ux"});if(t.data&&(t.success??1)&&(t.valid??1)){const a=JSON.parse(t.data);if(a&&"number"==typeof a.scale){const{scale:t,label:s}=a;C(a=>({...a,[e]:{...a[e],scale:t,label:s??a[e]?.label??"---"}})),k(e)}}}catch{}}},[l,r,k]);useEffect(()=>{let e=!0;const a=[],c=async()=>{if(e&&!n.current){n.current=!0;try{await(async()=>{try{await j();for(const n of t){await i(n.tagName,n.fqdn,n.subscriptionOptions);const t=m(n.tagName,t=>{e&&S(n,t)});a.push(t),s&&l(n.fqdn).then(t=>{e&&t?.success&&S(n,t.data)}).catch(e=>{})}}finally{e&&setTimeout(()=>e&&w(!1),100)}})()}finally{e&&setTimeout(()=>e&&w(!1),100)}}};if(f())c();else{const e=m("HUB/connected",()=>{y(e),c()});a.push(e)}return()=>{e=!1,a.forEach(y),n.current=!1}},[m,y,f,o,i,s,t,j,M,S]);const q=useMemo(()=>Object.entries(r).filter(([,e])=>e.serverTag).map(([e,t])=>({scaleName:e,domain:t.serverTag.domain,symbolName:t.serverTag.symbolName})),[r]);useEffect(()=>{let e=!0;const t=[];for(const{scaleName:a,domain:s,symbolName:n}of q){const c=m(`${s}.${n}`,t=>{if(!e)return;const s=t?.value;if(s&&"object"==typeof s&&"number"==typeof s.scale){const{scale:e,label:t}=s;C(s=>({...s,[a]:{...s[a],scale:e,label:t??s[a]?.label??"---"}})),k(a)}});t.push(c)}return()=>{e=!1,t.forEach(y)}},[m,y,q,k]);const R=useCallback(async(e,a)=>{const s=t.find(t=>t.tagName===e);if(!s)return;const n=E(s,a);await u(s.fqdn,n)},[t,u,E]),$=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&(u(a.fqdn,!0).catch(e=>{}),await sleep(300),u(a.fqdn,!1).catch(e=>{}))},[t,u]),V=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&await u(a.fqdn,!0)},[t,u]),A=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&await u(a.fqdn,!1)},[t,u]),O=useCallback(async(e,t,a)=>{const s=v[e];if(s){if(s.serverTag){const n=`${s.serverTag.domain}.${s.serverTag.symbolName}`;await u(n,{name:e,scale:t,label:a})}C(s=>({...s,[e]:{...s[e],scale:t,label:a}})),k(e)}},[v,u,k]);useEffect(()=>{p(e=>{const a={...e};for(const e of t){const t=h.current[e.tagName];if(void 0===t)continue;const s=x(e,t);a[e.tagName]!==s&&(a[e.tagName]=s)}return a})},[t,x,v]);const P=useMemo(()=>({values:g,rawValues:b,isLoading:T,write:R,tap:$,press:V,release:A,scales:v,updateScale:O}),[g,b,T,R,$,V,A,v,O]);return _jsx(AutoCoreTagContext.Provider,{value:P,children:e})};

package/dist/core/AutoCoreTagTypes.d.ts CHANGED Viewed

@@ -39,6 +39,10 @@ export type TagBinding<T> = Readonly<{
     write: (displayValue: T) => Promise<void>;
     /** Momentary action; typically boolean true→false pulse. */
     tap: () => Promise<void>;
+    /** Sets boolean tag to true. */
+    press: () => Promise<void>;
+    /** Sets boolean tag to false. */
+    release: () => Promise<void>;
     /** True while initial read/bootstrapping is in progress. */
     isLoading: boolean;
 }>;
@@ -268,6 +272,10 @@ export interface BaseContextValue<VMap extends Record<string, any>> {
      * Typically used for boolean "request" bits.
      */
     tap: <K extends keyof VMap & string>(tagName: K) => Promise<void>;
+    /** Sets boolean tag to true. */
+    press: <K extends keyof VMap & string>(tagName: K) => Promise<void>;
+    /** Sets boolean tag to false. */
+    release: <K extends keyof VMap & string>(tagName: K) => Promise<void>;
     /** Current scale configurations by name. */
     scales: Record<string, ScaleConfig>;
     /**

package/dist/core/AutoCoreTagTypes.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCoreTagTypes.d.ts","sourceRoot":"","sources":["../../src/core/AutoCoreTagTypes.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"AutoCoreTagTypes.d.ts","sourceRoot":"","sources":["../../src/core/AutoCoreTagTypes.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useAutoCoreTag.d.ts CHANGED Viewed

@@ -5,6 +5,8 @@ export declare function makeAutoCoreTagHooks<Spec extends readonly TagConfig[]>(
         readonly rawValue: unknown;
         readonly write: (displayValue: TagValueMap<Spec>[K]) => Promise<void>;
         readonly tap: () => Promise<void>;
+        readonly press: () => Promise<void>;
+        readonly release: () => Promise<void>;
         readonly isLoading: boolean;
     };
     readonly useAutoCoreTags: <K extends Spec[number]["tagName"]>(tagNames: readonly K[]) => {

package/dist/hooks/useAutoCoreTag.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAutoCoreTag.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoCoreTag.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEzF,wBAAgB,oBAAoB,CAAC,IAAI,SAAS,SAAS,SAAS,EAAE,EAClE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAC3D,IAAI,EAAE,IAAI;8BAYc,CAAC,2CAA4B,CAAC~~;;;;;;;+BAyB7B~~,CAAC,4CAA6B,SAAS,CAAC,EAAE;4BAO/C,CAAC;;kCAYyB,CAAC;;;iCAUpB,CAAC,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,mBAAM,CAAC,KAAK,CAAC,SAAQ,GAAG,EAAE;;;;;;;uCAW3C,MAAM;;EAKtD"}
1	+ {"version":3,"file":"useAutoCoreTag.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoCoreTag.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEzF,wBAAgB,oBAAoB,CAAC,IAAI,SAAS,SAAS,SAAS,EAAE,EAClE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAC3D,IAAI,EAAE,IAAI;8BAYc,CAAC,2CAA4B,CAAC;;;;;;;;;+BA6B7B,CAAC,4CAA6B,SAAS,CAAC,EAAE;4BAO/C,CAAC;;kCAYyB,CAAC;;;iCAUpB,CAAC,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,mBAAM,CAAC,KAAK,CAAC,SAAQ,GAAG,EAAE;;;;;;;uCAW3C,MAAM;;EAKtD"}

package/dist/hooks/useAutoCoreTag.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useCallback,useContext,useMemo}from"react";export function makeAutoCoreTagHooks(e,a){return{useAutoCoreTag:t=>{const{values:s,rawValues:u,isLoading:o,write:r,tap:n}=useContext(e),l=(e=>a.find(a=>a.tagName===e))(t);if(!l)throw new Error(`useAutoCoreTag: unknown tagName '${String(t)}'`);const i=useCallback(e=>r(t,e),[r,t]),c=useCallback(()=>n?.(t),[n,t]);return{value:s[t],rawValue:u[t],write:i,tap:c,isLoading:o}},useAutoCoreTags:a=>{const{values:t,rawValues:s,isLoading:u,write:o}=useContext(e);return{values:useMemo(()=>Object.fromEntries(a.map(e=>[e,t[e]])),[t,a]),rawValues:useMemo(()=>Object.fromEntries(a.map(e=>[e,s[e]])),[s,a]),write:useCallback(async(e,a)=>{await o(e,a)},[o]),isLoading:u}},useAutoCoreSelect:(a,t=[])=>{const{values:s,isLoading:u}=useContext(e);return{selected:useMemo(()=>a(s),[s~~,...t~~]),isLoading:u}},useScales:()=>{const{scales:a,updateScale:t}=useContext(e),s=useCallback(e=>a[e],[a]);return{scales:a,updateScale:t,getScale:s}}}}
1	+ import{useCallback,useContext,useMemo}from"react";export function makeAutoCoreTagHooks(e,a){return{useAutoCoreTag:s=>{const{values:t,rawValues:u,isLoading:o,write:r,tap:l,press:n,release:c}=useContext(e),i=(e=>a.find(a=>a.tagName===e))(s);if(!i)throw new Error(`useAutoCoreTag: unknown tagName '${String(s)}'`);const C=useCallback(e=>r(s,e),[r,s]),g=useCallback(()=>l?.(s),[l,s]),m=useCallback(()=>n?.(s),[n,s]),w=useCallback(()=>c?.(s),[c,s]);return{value:t[s],rawValue:u[s],write:C,tap:g,press:m,release:w,isLoading:o}},useAutoCoreTags:a=>{const{values:s,rawValues:t,isLoading:u,write:o}=useContext(e);return{values:useMemo(()=>Object.fromEntries(a.map(e=>[e,s[e]])),[s,a]),rawValues:useMemo(()=>Object.fromEntries(a.map(e=>[e,t[e]])),[t,a]),write:useCallback(async(e,a)=>{await o(e,a)},[o]),isLoading:u}},useAutoCoreSelect:(a,s=[])=>{const{values:t,isLoading:u}=useContext(e);return{selected:useMemo(()=>a(t),[t,...s]),isLoading:u}},useScales:()=>{const{scales:a,updateScale:s}=useContext(e),t=useCallback(e=>a[e],[a]);return{scales:a,updateScale:s,getScale:t}}}}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@adcops/autocore-react",
-    "version": "3.3.32",
+    "version": "3.3.36",
     "description": "A React component library for industrial user interfaces.",
     "private": false,
     "type": "module",
@@ -52,9 +52,12 @@
     "dependencies": {
         "@monaco-editor/react": "^4.7.0",
         "@tauri-apps/api": "^2.9.1",
+        "chart.js": "^4.5.1",
+        "chartjs-plugin-zoom": "^2.2.0",
         "clsx": "^2.1.1",
         "numerable": "^0.3.15",
         "react-blockly": "^8.1.2",
+        "react-chartjs-2": "^5.3.0",
         "react-simple-keyboard": "^3.8.120",
         "react-transition-group": "^4.4.5",
         "sass": "^1.92.1",

package/src/components/IndicatorButton.tsx CHANGED Viewed

@@ -69,6 +69,19 @@ export interface IndicatorButtonProps extends Omit<ButtonProps, "value"> {
    * cycle on onColor.
    */
   flash?: boolean;
+  /** Callback fired when the button is pressed (mouse down or touch start). */
+  onPress?: (e: React.MouseEvent | React.TouchEvent) => void;
+  /** Callback fired when the button is released (mouse up, touch end, or mouse leave). */
+  onRelease?: (e: React.MouseEvent | React.TouchEvent) => void;
+  /**
+   * Momentary tag writer. When the button is pressed, this is called with `true`.
+   * When the button is released or the mouse leaves, it is called with `false`.
+   * Pass the `write` function from `useAutoCoreTag` directly to this prop.
+   */
+  momentary?: (value: boolean) => void | Promise<void>;
 }
 const toPrimeIcon = (cls?: string) =>
@@ -94,6 +107,9 @@ export const IndicatorButton: React.FC<IndicatorButtonProps> = ({
   disabled,
   hidden,
   flash,
+  onPress,
+  onRelease,
+  momentary,
   ...restProps
 }) => {
   const { subscribe, unsubscribe, dispatch } = useContext(
@@ -179,25 +195,31 @@ export const IndicatorButton: React.FC<IndicatorButtonProps> = ({
     [command, dispatch, invert, commandArgs, commandTopic]
   );
-  const handleOnPressed = useCallback(() => {
-    if (isPressed) return;
+  const handleOnPressed = useCallback((e: React.MouseEvent | React.TouchEvent) => {
+    if (isPressed || disabled) return;
     setIsPressed(true);
+    if (momentary) momentary(true);
+    if (onPress) onPress(e);
     if (actionMode === ActionMode.Tap || actionMode === ActionMode.Pressed) {
       dispatchCommand(true);
     }
-  }, [isPressed, actionMode, dispatchCommand]);
+  }, [isPressed, disabled, actionMode, dispatchCommand, onPress, momentary]);
-  const handleOnReleased = useCallback(() => {
-    if (!isPressed) return;
+  const handleOnReleased = useCallback((e: React.MouseEvent | React.TouchEvent) => {
+    if (!isPressed || disabled) return;
     setIsPressed(false);
+    if (momentary) momentary(false);
+    if (onRelease) onRelease(e);
     if (actionMode === ActionMode.Tap) {
       dispatchCommand(false);
     } else if (actionMode === ActionMode.Released) {
       dispatchCommand(true);
     }
-  }, [isPressed, actionMode, dispatchCommand]);
+  }, [isPressed, disabled, actionMode, dispatchCommand, onRelease, momentary]);
   const mergedStyle: React.CSSProperties = {
     color: "white",
@@ -224,6 +246,7 @@ export const IndicatorButton: React.FC<IndicatorButtonProps> = ({
       onTouchStart={handleOnPressed}
       onMouseUp={handleOnReleased}
       onTouchEnd={handleOnReleased}
+      onMouseLeave={handleOnReleased} // Safety net for drag-offs
     />
   );
 };

package/src/components/TestDataView.tsx ADDED Viewed

@@ -0,0 +1,380 @@
+/*
+ * Copyright (C) 2026 Automated Design Corp. All Rights Reserved.
+ *
+ * TestDataView — standardized test-detail view for the Results System.
+ * Renders metadata header + cycle-scatter chart + virtual-scroll cycle
+ * table + results table, and subscribes to live `results.cycle_added` /
+ * `results.results_updated` broadcasts so the display updates as the
+ * control program appends cycles.
+ */
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Button } from 'primereact/button';
+import { Column } from 'primereact/column';
+import { DataTable } from 'primereact/datatable';
+import { Dialog } from 'primereact/dialog';
+import { Dropdown } from 'primereact/dropdown';
+import { Chart as ChartJS,
+    CategoryScale, LinearScale, PointElement, LineElement,
+    Title, Tooltip, Legend,
+} from 'chart.js';
+import zoomPlugin from 'chartjs-plugin-zoom';
+import { Line } from 'react-chartjs-2';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { MessageType } from '../hub/CommandMessage';
+import { TestRawDataView } from './TestRawDataView';
+ChartJS.register(
+    CategoryScale, LinearScale, PointElement, LineElement,
+    Title, Tooltip, Legend, zoomPlugin,
+);
+// -------------------------------------------------------------------------
+// Types (mirror codegen/codegen_results.rs — kept local so the component
+// works without a hard dependency on any specific generated results.ts)
+// -------------------------------------------------------------------------
+export interface TestFieldDef {
+    name: string;
+    type: string;
+    units?: string;
+    required?: boolean;
+    source?: string;
+}
+export interface ChartAxis  { field?: string; column?: string; label?: string; }
+export interface ChartSeries { field?: string; column?: string; label?: string; y_axis?: 'left' | 'right'; }
+export interface ChartView  {
+    title?: string;
+    type: 'cycle_scatter' | 'raw_trace';
+    x: ChartAxis;
+    y: ChartSeries[];
+}
+export interface RawDataShape {
+    blob_name: string;
+    columns: string[];
+    units?: { [col: string]: string };
+}
+export interface TestDefinition {
+    project_fields:  TestFieldDef[];
+    config_fields:   TestFieldDef[];
+    cycle_fields:    TestFieldDef[];
+    results_fields:  TestFieldDef[];
+    raw_data?:       RawDataShape | null;
+    views?:          { [name: string]: ChartView };
+}
+export interface TestDataViewProps {
+    projectId:    string;
+    definitionId: string;
+    runId:        string;
+    schema:       TestDefinition;
+    /** Minimum ms between display updates when broadcasts arrive. Default 100. */
+    throttleMs?:  number;
+    /** Fixed cycle-table scroll height. Default "400px". */
+    cycleTableHeight?: string;
+}
+// -------------------------------------------------------------------------
+export const TestDataView: React.FC<TestDataViewProps> = ({
+    projectId, definitionId, runId, schema,
+    throttleMs = 100,
+    cycleTableHeight = '400px',
+}) => {
+    const { invoke, subscribe, unsubscribe } = useContext(EventEmitterContext);
+    const [meta, setMeta]       = useState<any>(null);
+    const [cycles, setCycles]   = useState<any[]>([]);
+    const [results, setResults] = useState<any>({});
+    const [rawOpen, setRawOpen] = useState(false);
+    // Scatter-capable views only — raw_trace lives in <TestRawDataView>.
+    const scatterViews = useMemo(() => {
+        const out: { name: string; view: ChartView }[] = [];
+        for (const [name, v] of Object.entries(schema.views ?? {})) {
+            if (v.type === 'cycle_scatter') out.push({ name, view: v });
+        }
+        return out;
+    }, [schema]);
+    const [selectedView, setSelectedView] = useState<string | null>(
+        scatterViews.length > 0 ? scatterViews[0].name : null,
+    );
+    // Pending updates coalesced by a throttle window — keeps React
+    // re-renders at <= 1 / throttleMs even if cycles stream faster.
+    const pendingCycles = useRef<any[]>([]);
+    const pendingResults = useRef<any | null>(null);
+    const flushTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+    const scheduleFlush = () => {
+        if (flushTimer.current) return;
+        flushTimer.current = setTimeout(() => {
+            flushTimer.current = null;
+            if (pendingCycles.current.length > 0) {
+                const batch = pendingCycles.current;
+                pendingCycles.current = [];
+                setCycles(prev => [...batch.slice().reverse(), ...prev]);  // newest-first
+            }
+            if (pendingResults.current) {
+                setResults(pendingResults.current);
+                pendingResults.current = null;
+            }
+        }, throttleMs);
+    };
+    // -----------------------------------------------------------------
+    // Initial load
+    // -----------------------------------------------------------------
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            try {
+                const testResp: any = await invoke(
+                    'results.read_test' as any, MessageType.Request as any,
+                    { project_id: projectId, definition_id: definitionId, run_id: runId } as any);
+                if (!cancelled && testResp?.success) {
+                    setMeta(testResp.data);
+                    setResults(testResp.data.results ?? {});
+                }
+                const cyResp: any = await invoke(
+                    'results.read_cycles' as any, MessageType.Request as any,
+                    { project_id: projectId, definition_id: definitionId, run_id: runId,
+                      offset: 0, limit: 200, order: 'desc' } as any);
+                if (!cancelled && cyResp?.success) {
+                    setCycles(cyResp.data.cycles ?? []);
+                }
+            } catch (e) {
+                console.error('[TestDataView] initial load failed', e);
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [projectId, definitionId, runId, invoke]);
+    // -----------------------------------------------------------------
+    // Live broadcasts
+    // -----------------------------------------------------------------
+    useEffect(() => {
+        const matches = (payload: any) =>
+            payload?.project_id === projectId
+            && payload?.definition_id === definitionId
+            && payload?.run_id === runId;
+        const onCycle = (payload: any) => {
+            if (!matches(payload) || !payload.cycle) return;
+            pendingCycles.current.push(payload.cycle);
+            scheduleFlush();
+        };
+        const onResults = (payload: any) => {
+            if (!matches(payload)) return;
+            pendingResults.current = payload.results ?? {};
+            scheduleFlush();
+        };
+        const id1 = subscribe('results.cycle_added',     onCycle);
+        const id2 = subscribe('results.results_updated', onResults);
+        return () => {
+            unsubscribe(id1);
+            unsubscribe(id2);
+            if (flushTimer.current) { clearTimeout(flushTimer.current); flushTimer.current = null; }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [projectId, definitionId, runId, throttleMs]);
+    // -----------------------------------------------------------------
+    // Chart data
+    // -----------------------------------------------------------------
+    const chartData = useMemo(() => {
+        if (!selectedView || scatterViews.length === 0) return null;
+        const view = scatterViews.find(v => v.name === selectedView)?.view;
+        if (!view) return null;
+        const xField = view.x.field!;
+        const asc = [...cycles].reverse();  // cycles state is newest-first; charts want oldest-first
+        const xs = asc.map(c => c[xField]);
+        const datasets = view.y.map((s, idx) => ({
+            label: s.label ?? s.field,
+            data: asc.map(c => c[s.field!]),
+            yAxisID: s.y_axis === 'right' ? 'y1' : 'y',
+            borderColor:  palette(idx),
+            backgroundColor: palette(idx),
+            tension: 0.1,
+            pointRadius: 2,
+        }));
+        return { labels: xs, datasets };
+    }, [cycles, selectedView, scatterViews]);
+    const selectedViewDef = scatterViews.find(v => v.name === selectedView)?.view;
+    const usesRightAxis = selectedViewDef?.y.some(s => s.y_axis === 'right') ?? false;
+    const chartOptions = useMemo(() => ({
+        responsive: true,
+        maintainAspectRatio: false,
+        scales: {
+            x:  { title: { display: !!selectedViewDef?.x.label, text: selectedViewDef?.x.label } },
+            y:  { position: 'left' as const,
+                  title: { display: true, text: leftAxisLabel(selectedViewDef) } },
+            ...(usesRightAxis ? {
+                y1: { position: 'right' as const,
+                      grid: { drawOnChartArea: false },
+                      title: { display: true, text: rightAxisLabel(selectedViewDef) } },
+            } : {}),
+        },
+        plugins: {
+            legend: { display: true },
+            zoom: {
+                pan:  { enabled: true, mode: 'xy' as const },
+                zoom: {
+                    wheel: { enabled: true },
+                    pinch: { enabled: true },
+                    mode:  'xy' as const,
+                },
+            },
+        },
+    }), [selectedViewDef, usesRightAxis]);
+    // -----------------------------------------------------------------
+    // Render
+    // -----------------------------------------------------------------
+    return (
+        <div className="vblock" style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+            <Header meta={meta} config={meta?.config} runId={runId}
+                    projectId={projectId} definitionId={definitionId}
+                    canViewRaw={!!schema.raw_data}
+                    onViewRaw={() => setRawOpen(true)} />
+            {scatterViews.length > 0 && (
+                <div className="p-card" style={{ padding: '1rem' }}>
+                    <div className="flex" style={{ gap: '1rem', alignItems: 'center', marginBottom: '0.5rem' }}>
+                        <Dropdown
+                            value={selectedView}
+                            options={scatterViews.map(v => ({ label: v.view.title ?? v.name, value: v.name }))}
+                            onChange={(e) => setSelectedView(e.value)}
+                            placeholder="Select a view"
+                        />
+                        <h3 style={{ margin: 0 }}>{selectedViewDef?.title ?? ''}</h3>
+                    </div>
+                    <div style={{ height: 320 }}>
+                        {chartData && <Line data={chartData} options={chartOptions} />}
+                    </div>
+                </div>
+            )}
+            <div className="p-card" style={{ padding: '1rem' }}>
+                <h3 style={{ marginTop: 0 }}>Cycle Data ({cycles.length})</h3>
+                <DataTable
+                    value={cycles}
+                    scrollable
+                    scrollHeight={cycleTableHeight}
+                    virtualScrollerOptions={{ itemSize: 38 }}
+                    emptyMessage="No cycles yet."
+                >
+                    {schema.cycle_fields.map(f => (
+                        <Column key={f.name} field={f.name}
+                                header={f.units ? `${f.name} (${f.units})` : f.name}
+                                body={(row) => formatCell(row[f.name], f.type)} />
+                    ))}
+                </DataTable>
+            </div>
+            <div className="p-card" style={{ padding: '1rem' }}>
+                <h3 style={{ marginTop: 0 }}>Results</h3>
+                <ResultsGrid schema={schema.results_fields} values={results} />
+            </div>
+            {schema.raw_data && (
+                <Dialog
+                    visible={rawOpen}
+                    onHide={() => setRawOpen(false)}
+                    header="Raw Data"
+                    style={{ width: '90vw', height: '80vh' }}
+                    maximizable
+                >
+                    <TestRawDataView
+                        projectId={projectId}
+                        definitionId={definitionId}
+                        runId={runId}
+                        schema={schema}
+                    />
+                </Dialog>
+            )}
+        </div>
+    );
+};
+// -------------------------------------------------------------------------
+// Sub-components and helpers
+// -------------------------------------------------------------------------
+const Header: React.FC<{
+    meta: any; config: any; runId: string;
+    projectId: string; definitionId: string;
+    canViewRaw: boolean; onViewRaw: () => void;
+}> = ({ meta, config, runId, projectId, definitionId, canViewRaw, onViewRaw }) => (
+    <div className="p-card" style={{ padding: '1rem' }}>
+        <div className="flex" style={{ justifyContent: 'space-between', alignItems: 'flex-start', gap: '1rem' }}>
+            <div>
+                <h2 style={{ margin: 0 }}>{definitionId} — {runId}</h2>
+                <div style={{ color: 'var(--text-secondary-color)', fontSize: '0.85em' }}>
+                    project: {projectId}
+                    {meta?.start_time && <> · started: {new Date(meta.start_time).toLocaleString()}</>}
+                </div>
+            </div>
+            {canViewRaw && (
+                <Button icon="pi pi-chart-line" label="View Raw Data" onClick={onViewRaw} outlined />
+            )}
+        </div>
+        {config && Object.keys(config).length > 0 && (
+            <div style={{ marginTop: '0.75rem', display: 'grid',
+                          gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))',
+                          gap: '0.25rem 1rem', fontSize: '0.9em' }}>
+                {Object.entries(config).map(([k, v]) => (
+                    <div key={k}><strong>{k}:</strong> {formatCell(v, 'string')}</div>
+                ))}
+            </div>
+        )}
+    </div>
+);
+const ResultsGrid: React.FC<{ schema: TestFieldDef[]; values: any }> = ({ schema, values }) => {
+    if (!values || Object.keys(values).length === 0) {
+        return <div style={{ color: 'var(--text-secondary-color)' }}>No results yet.</div>;
+    }
+    return (
+        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))', gap: '0.5rem 1rem' }}>
+            {schema.map(f => (
+                <div key={f.name}>
+                    <div style={{ fontSize: '0.8em', color: 'var(--text-secondary-color)' }}>
+                        {f.name}{f.units ? ` (${f.units})` : ''}
+                    </div>
+                    <div>{formatCell(values[f.name], f.type)}</div>
+                </div>
+            ))}
+        </div>
+    );
+};
+const CHART_COLORS = [
+    '#4ea8de', '#f59e0b', '#22c55e', '#a855f7',
+    '#ef4444', '#14b8a6', '#eab308', '#ec4899',
+];
+const palette = (i: number) => CHART_COLORS[i % CHART_COLORS.length];
+const leftAxisLabel = (v?: ChartView) =>
+    v?.y.filter(s => s.y_axis !== 'right').map(s => s.label ?? s.field).join(' / ') ?? '';
+const rightAxisLabel = (v?: ChartView) =>
+    v?.y.filter(s => s.y_axis === 'right').map(s => s.label ?? s.field).join(' / ') ?? '';
+const formatCell = (v: any, type: string): string => {
+    if (v === null || v === undefined) return '';
+    if (type === 'f32' || type === 'f64') {
+        return typeof v === 'number' ? v.toFixed(4) : String(v);
+    }
+    if (typeof v === 'object') return JSON.stringify(v);
+    return String(v);
+};

package/src/components/TestRawDataView.tsx ADDED Viewed

@@ -0,0 +1,208 @@
+/*
+ * Copyright (C) 2026 Automated Design Corp. All Rights Reserved.
+ *
+ * TestRawDataView — raw-trace viewer for the Results System. Lazy-fetches
+ * the columnar `raw_data/<blob>.json` for a single test and renders it
+ * using any `raw_trace`-type view declared in the test schema. Supports
+ * pinch-zoom, wheel-zoom, and drag-pan.
+ *
+ * Can be used either standalone (e.g. a dedicated route) or from the
+ * built-in dialog inside <TestDataView>.
+ */
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Button } from 'primereact/button';
+import { Dropdown } from 'primereact/dropdown';
+import { Chart as ChartJS,
+    CategoryScale, LinearScale, PointElement, LineElement,
+    Title, Tooltip, Legend,
+} from 'chart.js';
+import zoomPlugin from 'chartjs-plugin-zoom';
+import { Line } from 'react-chartjs-2';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { MessageType } from '../hub/CommandMessage';
+import type { ChartView, TestDefinition } from './TestDataView';
+ChartJS.register(
+    CategoryScale, LinearScale, PointElement, LineElement,
+    Title, Tooltip, Legend, zoomPlugin,
+);
+export interface TestRawDataViewProps {
+    projectId:    string;
+    definitionId: string;
+    runId:        string;
+    schema:       TestDefinition;
+    /** Override the blob name (default: schema.raw_data.blob_name). */
+    blobName?:    string;
+    /** Fixed chart height. Default "60vh". */
+    chartHeight?: string;
+}
+export const TestRawDataView: React.FC<TestRawDataViewProps> = ({
+    projectId, definitionId, runId, schema,
+    blobName,
+    chartHeight = '60vh',
+}) => {
+    const { invoke } = useContext(EventEmitterContext);
+    const [raw, setRaw]         = useState<Record<string, number[]> | null>(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError]     = useState<string | null>(null);
+    const chartRef              = useRef<any>(null);
+    // raw_trace-capable views only — cycle scatter lives in <TestDataView>.
+    const traceViews = useMemo(() => {
+        const out: { name: string; view: ChartView }[] = [];
+        for (const [name, v] of Object.entries(schema.views ?? {})) {
+            if (v.type === 'raw_trace') out.push({ name, view: v });
+        }
+        return out;
+    }, [schema]);
+    const [selectedView, setSelectedView] = useState<string | null>(
+        traceViews.length > 0 ? traceViews[0].name : null,
+    );
+    const effectiveBlobName = blobName ?? schema.raw_data?.blob_name ?? 'trace';
+    // Lazy fetch — only runs on mount / when identifiers change.
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        setError(null);
+        (async () => {
+            try {
+                const resp: any = await invoke(
+                    'results.read_raw' as any, MessageType.Request as any,
+                    { project_id: projectId, definition_id: definitionId,
+                      run_id: runId, name: effectiveBlobName } as any);
+                if (cancelled) return;
+                if (resp?.success) {
+                    setRaw(resp.data ?? {});
+                } else {
+                    setError(resp?.error_message ?? 'Failed to read raw data');
+                }
+            } catch (e: any) {
+                if (!cancelled) setError(String(e?.message ?? e));
+            } finally {
+                if (!cancelled) setLoading(false);
+            }
+        })();
+        return () => { cancelled = true; };
+    }, [projectId, definitionId, runId, effectiveBlobName, invoke]);
+    const chartData = useMemo(() => {
+        if (!raw || !selectedView) return null;
+        const view = traceViews.find(v => v.name === selectedView)?.view;
+        if (!view) return null;
+        const xCol = view.x.column!;
+        const xs = raw[xCol] ?? [];
+        const datasets = view.y.map((s, idx) => ({
+            label: s.label ?? s.column,
+            data: (raw[s.column!] ?? []).map((y, i) => ({ x: xs[i], y })),
+            yAxisID: s.y_axis === 'right' ? 'y1' : 'y',
+            borderColor:  palette(idx),
+            backgroundColor: palette(idx),
+            pointRadius: 0,
+            borderWidth: 1.5,
+            showLine: true,
+        }));
+        return { datasets };
+    }, [raw, selectedView, traceViews]);
+    const selectedViewDef = traceViews.find(v => v.name === selectedView)?.view;
+    const usesRightAxis = selectedViewDef?.y.some(s => s.y_axis === 'right') ?? false;
+    const chartOptions = useMemo(() => ({
+        responsive: true,
+        maintainAspectRatio: false,
+        parsing: false as const,  // raw points are already {x, y}
+        scales: {
+            x: { type: 'linear' as const,
+                 title: { display: !!selectedViewDef?.x.label, text: selectedViewDef?.x.label } },
+            y: { position: 'left' as const,
+                 title: { display: true, text: axisLabel(selectedViewDef, 'left') } },
+            ...(usesRightAxis ? {
+                y1: { position: 'right' as const,
+                      grid: { drawOnChartArea: false },
+                      title: { display: true, text: axisLabel(selectedViewDef, 'right') } },
+            } : {}),
+        },
+        plugins: {
+            legend: { display: true },
+            zoom: {
+                pan:  { enabled: true, mode: 'xy' as const },
+                zoom: {
+                    wheel: { enabled: true },
+                    pinch: { enabled: true },
+                    drag:  { enabled: true, modifierKey: 'shift' as const },
+                    mode:  'xy' as const,
+                },
+            },
+        },
+    }), [selectedViewDef, usesRightAxis]);
+    if (!schema.raw_data) {
+        return <EmptyState message="No raw_data is declared for this test definition." />;
+    }
+    if (traceViews.length === 0) {
+        return <EmptyState message="No raw_trace views declared. Add one to schema.views in project.json." />;
+    }
+    return (
+        <div className="vblock" style={{ display: 'flex', flexDirection: 'column', gap: '1rem', height: '100%' }}>
+            <div className="flex" style={{ gap: '1rem', alignItems: 'center' }}>
+                <Dropdown
+                    value={selectedView}
+                    options={traceViews.map(v => ({ label: v.view.title ?? v.name, value: v.name }))}
+                    onChange={(e) => setSelectedView(e.value)}
+                    placeholder="Select a view"
+                />
+                <h3 style={{ margin: 0 }}>{selectedViewDef?.title ?? ''}</h3>
+                <div style={{ flex: 1 }} />
+                <Button icon="pi pi-refresh" label="Reset Zoom"
+                        outlined
+                        onClick={() => chartRef.current?.resetZoom?.()} />
+            </div>
+            <div style={{ flex: 1, minHeight: 0, height: chartHeight, position: 'relative' }}>
+                {loading && <Overlay>Loading raw data…</Overlay>}
+                {error   && <Overlay>{error}</Overlay>}
+                {chartData && !loading && !error && (
+                    <Line ref={chartRef} data={chartData} options={chartOptions} />
+                )}
+            </div>
+        </div>
+    );
+};
+// -------------------------------------------------------------------------
+// helpers
+// -------------------------------------------------------------------------
+const Overlay: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+    <div style={{ position: 'absolute', inset: 0, display: 'flex',
+                  alignItems: 'center', justifyContent: 'center',
+                  color: 'var(--text-secondary-color)', pointerEvents: 'none' }}>
+        {children}
+    </div>
+);
+const EmptyState: React.FC<{ message: string }> = ({ message }) => (
+    <div style={{ padding: '1rem', color: 'var(--text-secondary-color)' }}>{message}</div>
+);
+const CHART_COLORS = [
+    '#4ea8de', '#f59e0b', '#22c55e', '#a855f7',
+    '#ef4444', '#14b8a6', '#eab308', '#ec4899',
+];
+const palette = (i: number) => CHART_COLORS[i % CHART_COLORS.length];
+const axisLabel = (v: ChartView | undefined, side: 'left' | 'right') =>
+    v?.y.filter(s => (s.y_axis ?? 'left') === side).map(s => s.label ?? s.column).join(' / ') ?? '';

package/src/core/AutoCoreTagContext.tsx CHANGED Viewed

@@ -104,6 +104,8 @@ export const AutoCoreTagContext = createContext<BaseContextValue<VMapRuntime>>({
     isLoading: true,
     write: async () => { },
     tap: async () => { },
+    press: async () => { },
+    release: async () => { },
     scales: {},
     updateScale: async () => { },
 });
@@ -538,6 +540,8 @@ export const AutoCoreTagProvider: React.FC<{
     /**
      * Momentary pulse for boolean tags (True -> Wait 300ms -> False).
+     * Now uses try...finally to ensure the tag is always reset to false
+     * even if the connection is lost or an error occurs during the pulse.
      */
     const tap = useCallback(
         async (tagName: string) => {
@@ -551,9 +555,40 @@ export const AutoCoreTagProvider: React.FC<{
                 return;
             }
-            await hubWrite(cfg.fqdn, true);
+            // Fire and forget the writes. WebSockets guarantee ordered delivery.
+            // We don't await them here so that the pulse is responsive and
+            // doesn't hang if the server is slow to acknowledge the first write.
+            hubWrite(cfg.fqdn, true).catch(e => console.error(`tap(): write true failed`, e));
             await sleep(300);
-            await hubWrite(cfg.fqdn, false);
+            hubWrite(cfg.fqdn, false).catch(e => console.error(`tap(): write false failed`, e));
+        },
+        [tags, hubWrite]
+    );
+    /**
+     * Sets a boolean tag to TRUE.
+     */
+    const press = useCallback(
+        async (tagName: string) => {
+            const cfg = tags.find((t) => t.tagName === tagName);
+            if (cfg && cfg.valueType === "boolean") {
+                await hubWrite(cfg.fqdn, true);
+            }
+        },
+        [tags, hubWrite]
+    );
+    /**
+     * Sets a boolean tag to FALSE.
+     */
+    const release = useCallback(
+        async (tagName: string) => {
+            const cfg = tags.find((t) => t.tagName === tagName);
+            if (cfg && cfg.valueType === "boolean") {
+                await hubWrite(cfg.fqdn, false);
+            }
         },
         [tags, hubWrite]
     );
@@ -612,11 +647,12 @@ export const AutoCoreTagProvider: React.FC<{
             isLoading,
             write,
             tap,
+            press,
+            release,
             scales: scaleValues,
             updateScale,
-        }),
-        [values, rawValues, isLoading, write, tap, scaleValues, updateScale]
-    );
+            }), [values, rawValues, isLoading, write, tap, press, release, scaleValues, updateScale]);
     return (
         <AutoCoreTagContext.Provider value={ctxValue}>

package/src/core/AutoCoreTagTypes.ts CHANGED Viewed

@@ -58,6 +58,10 @@ export type TagBinding<T> = Readonly<{
     write: (displayValue: T) => Promise<void>;
     /** Momentary action; typically boolean true→false pulse. */
     tap: () => Promise<void>;
+    /** Sets boolean tag to true. */
+    press: () => Promise<void>;
+    /** Sets boolean tag to false. */
+    release: () => Promise<void>;
     /** True while initial read/bootstrapping is in progress. */
     isLoading: boolean;
 }>;
@@ -320,6 +324,12 @@ export interface BaseContextValue<VMap extends Record<string, any>> {
      */
     tap: <K extends keyof VMap & string>(tagName: K) => Promise<void>;
+    /** Sets boolean tag to true. */
+    press: <K extends keyof VMap & string>(tagName: K) => Promise<void>;
+    /** Sets boolean tag to false. */
+    release: <K extends keyof VMap & string>(tagName: K) => Promise<void>;
     /** Current scale configurations by name. */
     scales: Record<string, ScaleConfig>;

package/src/hooks/useAutoCoreTag.ts CHANGED Viewed

@@ -31,7 +31,7 @@ export function makeAutoCoreTagHooks<Spec extends readonly TagConfig[]>(
      * Returns current value, raw value, direct server writer, and tap helper.
      */
     const useAutoCoreTag = <K extends TagNames>(tagName: K) => {
-        const { values, rawValues, isLoading, write: ctxWrite, tap: ctxTap } = useContext(Context);
+        const { values, rawValues, isLoading, write: ctxWrite, tap: ctxTap, press: ctxPress, release: ctxRelease } = useContext(Context);
         const cfg = findCfg(tagName as string);
         if (!cfg) throw new Error(`useAutoCoreTag: unknown tagName '${String(tagName)}'`);
@@ -42,12 +42,16 @@ export function makeAutoCoreTagHooks<Spec extends readonly TagConfig[]>(
         );
         const tap = useCallback(() => ctxTap?.(tagName), [ctxTap, tagName]);
+        const press = useCallback(() => ctxPress?.(tagName), [ctxPress, tagName]);
+        const release = useCallback(() => ctxRelease?.(tagName), [ctxRelease, tagName]);
         return {
             value: values[tagName] as VMap[K],
             rawValue: rawValues[tagName as string],
             write,
             tap,
+            press,
+            release,
             isLoading,
         } as const;
     };