@adcops/autocore-react 3.6.6 → 3.6.8

package/dist/components/tis/ResultHistoryTable.css

@@ -1,12 +1,25 @@
-/* Runs excluded from cross-test aggregation are kept visible but dimmed and
-   struck through, so an operator can see at a glance which rows don't feed
-   the avg/min/max/stddev/count results for their sample group. */
+/* Runs excluded from cross-test aggregation are kept visible but dimmed, so an
+   operator can see at a glance which rows don't feed the avg/min/max/stddev/
+   count results for their sample group. The row's Status column says the word
+   "Excluded" outright, and its Details dialog says what that means — the dim
+   is a scanning aid, never the only signal.
+
+   NO line-through. It used to be here and it read as "deleted": an excluded
+   run is intact, still downloadable, and one click from being counted again.
+
+   Nor is there an exception rule for the action buttons. There was one —
+   `.tis-row-excluded > td .p-button { opacity: 1; text-decoration: none }` —
+   and neither half of it could ever have worked, because both properties come
+   from the ancestor `td`:
+
+     • `opacity` on the td composites its whole subtree as one group. A
+       descendant's `opacity: 1` cannot escape an ancestor's 0.55.
+     • `text-decoration` propagates from an ancestor to its in-flow
+       descendants and cannot be cancelled by a descendant at all.
+
+   So anything that must be exempt has to be exempt at the td: put the effect
+   on the text cells, not on every cell. Kept as one rule here because 0.55
+   leaves the buttons legible and they are what the operator reaches for. */
 .tis-row-excluded > td {
     opacity: 0.55;
-    text-decoration: line-through;
-}
-/* Keep the action buttons (Include / Download) legible and clickable. */
-.tis-row-excluded > td .p-button {
-    opacity: 1;
-    text-decoration: none;
 }

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

@@ -16,5 +16,11 @@ export interface ResultHistoryTableProps {
      */
     methodId?: string;
 }
+type ChipSeverity = 'success' | 'info' | 'warning' | 'danger' | 'secondary' | undefined;
+export interface StateChip {
+    label: string;
+    severity: ChipSeverity;
+}
 export declare const ResultHistoryTable: React.FC<ResultHistoryTableProps>;
+export {};
 //# sourceMappingURL=ResultHistoryTable.d.ts.map

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,KAAkD,MAAM,OAAO,CAAC;AAWvE,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAyCD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8lBhE,CAAC"}
+{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../../src/components/tis/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAavE,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA8DD,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAC;AACxF,MAAM,WAAW,SAAS;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE;AAkNpE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyoBhE,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,useRef}from"react";import{DataTable}from"primereact/datatable";import{Column}from"primereact/column";import{Button}from"primereact/button";import{Badge}from"primereact/badge";import{Menu}from"primereact/menu";import{confirmDialog}from"primereact/confirmdialog";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useTis}from"./TisProvider";import{SampleSummaryPanel}from"./SampleSummaryPanel";import"./ResultHistoryTable.css";const downloadCsvBlob=(e,t)=>{const o=new Blob([t],{type:"text/csv;charset=utf-8;"}),i=URL.createObjectURL(o),s=document.createElement("a");s.href=i,s.download=e,document.body.appendChild(s),s.click(),s.remove(),URL.revokeObjectURL(i)},downloadViaUrl=(e,t)=>{const o=document.createElement("a");o.href=e,o.download=t,document.body.appendChild(o),o.click(),o.remove()};export const ResultHistoryTable=e=>{const t=useTis(),o=e.projectId??t.selection.projectId,i=e.methodId,[s,r]=useState([]),[a,n]=useState(!1),[l,d]=useState(null),[c,p]=useState(null),[u,m]=useState(null),f=useRef(null),[_,h]=useState(null),b=useRef(0),[g,y]=useState(null),{invoke:x}=useContext(EventEmitterContext),w=async()=>{if(o){n(!0);try{const e={project_id:o};i&&(e.method_id=i);const t=await x("tis.list_tests",MessageType.Request,e);t.success&&t.data&&t.data.tests&&r(t.data.tests)}catch(e){}n(!1)}else r([])};useEffect(()=>{w()},[o,i,t.state.activeRunId,t.state.active]),useEffect(()=>{_&&f.current?.show({currentTarget:_.anchor})},[_]);const v=async(e,t)=>{const s=e?.run_id,r=e?.method_id??i;if(!s||!r||!o)return;const a="report"===t?"tis.export_test_csv":"tis.export_test_data_csv",n="report"===t?"test report":"test data";d({runId:s,kind:t});try{const e=await x(a,MessageType.Request,{project_id:o,method_id:r,run_id:s});if(!e?.success)return void alert(`Failed to build ${n} for ${s}`+(e?.error_message?`: ${e.error_message}`:""));const i="string"==typeof e.data?.filename&&e.data.filename?e.data.filename:`${o}_${r}_${s}_${t}.csv`;if("report"===t){const t="string"==typeof e.data?.csv?e.data.csv:"";if(!t)return void alert(`${n} for ${s} is empty.`);downloadCsvBlob(i,t)}else{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 ${n}.`);downloadViaUrl(t,i)}}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{d(null)}},j=async(e,t)=>{const s=e?.run_id,r=e?.method_id??i;if(!s||!r||!o)return;const a="complete"===t?"tis.finish_test":"abandon"===t?"tis.reset_test":"tis.resume_test";y(s);try{const e=await x(a,MessageType.Request,{project_id:o,method_id:r,run_id:s});if(!e?.success)return void alert(`Could not ${t} ${s}`+(e?.error_message?`:\n\n${e.error_message}`:""));await w()}catch(e){alert(`${t} failed: ${e instanceof Error?e.message:String(e)}`)}finally{y(null)}},C=async e=>{if(!o)return;const t="report"===e?"tis.export_project_csv":"tis.export_project_zip",i="report"===e?"project report":"project archive";p(e);try{const s=await x(t,MessageType.Request,{project_id:o});if(!s?.success)return void alert(`Failed to build ${i}`+(s?.error_message?`: ${s.error_message}`:""));const r="string"==typeof s.data?.download_url?s.data.download_url:"";if(!r)return void alert(`Server did not return a download URL for ${i}.`);const a="report"===e?`${o}_project_report.csv`:`${o}_project_archive.zip`,n="string"==typeof s.data?.filename&&s.data.filename?s.data.filename:a;downloadViaUrl(r,n)}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{p(null)}},T=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}${i?` / ${i}`:""}`:"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:()=>C("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:()=>C("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:w,disabled:a})]})]}),_jsx(SampleSummaryPanel,{projectId:o,methodId:i}),_jsxs(DataTable,{value:s,loading:a,paginator:!0,rows:10,emptyMessage:"No tests found.",scrollable:!0,scrollHeight:"flex",tableStyle:{minWidth:0},style:{width:"100%"},rowClassName:e=>!0===e?.excluded?"tis-row-excluded":"",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:T,sortFunction:e=>{const t=[...e.data];return t.sort((t,o)=>T(t).localeCompare(T(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,{header:"Status",field:"status",sortable:!0,body:e=>{const t=(e=>{if(!0===e?.finalized)return{label:"Abandoned",severity:"danger"};const t="string"==typeof e?.status?e.status:"completed";if("completed"===t&&!0===e?.auto_closed)return{label:"Interrupted",severity:"warning"};switch(t){case"in_progress":return{label:"In Progress",severity:"info"};case"paused":return{label:"Paused",severity:"warning"};case"completed":return{label:"Completed",severity:"success"};default:return{label:t,severity:void 0}}})(e);return _jsx(Badge,{value:t.label,severity:t.severity})},style:{minWidth:"6rem"}}),_jsx(Column,{header:"Incl.",align:"center",alignHeader:"center",style:{width:"4.5rem"},body:e=>{const t=!0===e?.excluded,s=u===e.run_id;return _jsx(Button,{icon:s?"pi pi-spin pi-spinner":t?"pi pi-eye-slash":"pi pi-check",rounded:!0,text:!0,size:"small",severity:t?"warning":"success",disabled:null!==u,onClick:()=>(async e=>{const t=e?.run_id,s=e?.method_id??i;if(!t||!s||!o)return;const r=!0!==e?.excluded;m(t);try{const e=await x("tis.set_test_excluded",MessageType.Request,{project_id:o,method_id:s,run_id:t,excluded:r});if(!e?.success)return void alert(`Failed to ${r?"exclude":"include"} ${t}`+(e?.error_message?`: ${e.error_message}`:""));await w()}catch(e){alert(`Exclude toggle failed: ${e instanceof Error?e.message:String(e)}`)}finally{m(null)}})(e),"aria-label":t?"Excluded — click to include":"Included — click to exclude",tooltip:t?"Excluded from cross-test results — click to include":"Included in cross-test results — click to exclude",tooltipOptions:{position:"left"}})}}),_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,i=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:i,onClick:()=>v(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:"Results",size:"small",outlined:!0,disabled:i,onClick:()=>v(e,"report"),tooltip:"Download a CSV report (metadata + cycles + results) for this test",tooltipOptions:{position:"left"}})]})}}),_jsx(Column,{header:"",style:{width:"3rem"},body:e=>_jsx(Button,{icon:g===e.run_id?"pi pi-spin pi-spinner":"pi pi-ellipsis-v",text:!0,rounded:!0,size:"small",disabled:null!==g,"aria-label":"Test actions",tooltip:"Complete / abandon / reopen this test",tooltipOptions:{position:"left"},onClick:t=>{b.current+=1,h({row:e,anchor:t.currentTarget,seq:b.current})}})})]}),_jsx(Menu,{model:_?(e=>{const t=e?.status,o=!0===e?.finalized,i="in_progress"===t||"paused"===t,s="completed"===t&&!0===e?.auto_closed&&!o,r=[];return i?(r.push({label:"Complete Test",icon:"pi pi-check-circle",command:()=>j(e,"complete")}),r.push({label:"Abandon Test",icon:"pi pi-ban",command:()=>confirmDialog({header:"Abandon Test",message:`Mark ${e?.sample_id||e?.run_id} as abandoned? Recorded data is kept, but the test can no longer be reopened.`,icon:"pi pi-exclamation-triangle",acceptClassName:"p-button-danger",acceptLabel:"Abandon",accept:()=>j(e,"abandon")})})):s?(r.push({label:"Close Test",icon:"pi pi-check-circle",command:()=>confirmDialog({header:"Close Interrupted Test",message:`Close ${e?.sample_id||e?.run_id}? It was closed automatically when the software restarted mid-test. Closing it marks it Completed and keeps the recorded end time. Recorded data is not changed, and the test can still be reopened later.`,icon:"pi pi-check-circle",acceptLabel:"Close Test",accept:()=>j(e,"complete")})}),r.push({label:"Reopen Test",icon:"pi pi-replay",command:()=>confirmDialog({header:"Reopen Test",message:`Reopen ${e?.sample_id||e?.run_id} so new cycles are added to it? Cycle numbering continues from where it stopped. This changes where data is recorded — it does not start the machine.`,icon:"pi pi-replay",acceptLabel:"Reopen",accept:()=>j(e,"reopen")})}),r.push({label:"Abandon Test",icon:"pi pi-ban",command:()=>confirmDialog({header:"Abandon Test",message:`Mark ${e?.sample_id||e?.run_id} as abandoned? Recorded data is kept, but the test can no longer be reopened.`,icon:"pi pi-exclamation-triangle",acceptClassName:"p-button-danger",acceptLabel:"Abandon",accept:()=>j(e,"abandon")})})):"completed"!==t||o?r.push({label:o?"Abandoned — cannot reopen":"No actions available",icon:"pi pi-info-circle",disabled:!0}):r.push({label:"Reopen Test",icon:"pi pi-replay",command:()=>confirmDialog({header:"Reopen Test",message:`Reopen ${e?.sample_id||e?.run_id} so new cycles are added to it? Cycle numbering continues from where it stopped. This changes where data is recorded — it does not start the machine.`,icon:"pi pi-replay",acceptLabel:"Reopen",accept:()=>j(e,"reopen")})}),r})(_.row):[],popup:!0,ref:f})]})};
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext,useRef}from"react";import{DataTable}from"primereact/datatable";import{Column}from"primereact/column";import{Button}from"primereact/button";import{Badge}from"primereact/badge";import{Menu}from"primereact/menu";import{Toast}from"primereact/toast";import{Dialog}from"primereact/dialog";import{confirmDialog}from"primereact/confirmdialog";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useTis}from"./TisProvider";import{SampleSummaryPanel}from"./SampleSummaryPanel";import"./ResultHistoryTable.css";const downloadCsvBlob=(e,t)=>{const a=new Blob([t],{type:"text/csv;charset=utf-8;"}),i=URL.createObjectURL(a),s=document.createElement("a");s.href=i,s.download=e,document.body.appendChild(s),s.click(),s.remove(),URL.revokeObjectURL(i)},downloadViaUrl=(e,t)=>{const a=document.createElement("a");a.href=e,a.download=t,document.body.appendChild(a),a.click(),a.remove()},LIFECYCLE_DONE={complete:{summary:"Test closed",detail:e=>`${e} is now Completed. It can still be reopened.`},abandon:{summary:"Test abandoned",detail:e=>`${e} is out of the history and out of the sample averages. Its data is still on disk — use Show abandoned to see it.`},reopen:{summary:"Test reopened",detail:e=>`${e} is open again — new cycles are added to it.`}},stateOf=e=>{const t="string"==typeof e?.status?e.status:"completed",a=!0===e?.finalized,i="completed"===t&&!0===e?.auto_closed,s="in_progress"===t||"paused"===t,o="completed"===t&&!i&&!a;return{lifecycle:a?{label:"Abandoned",severity:"danger"}:"in_progress"===t?{label:"In Progress",severity:"info"}:"paused"===t?{label:"Paused",severity:"warning"}:i?{label:"Interrupted",severity:"warning"}:"completed"===t?{label:"Completed",severity:"success"}:{label:t,severity:void 0},excluded:!0===e?.excluded?{label:"Excluded",severity:"secondary"}:null,live:s,abandoned:a,interrupted:i,settled:o}},stateChipsOf=e=>{const{lifecycle:t,excluded:a}=stateOf(e);return a?[t,a]:[t]},statusOf=e=>{const{lifecycle:t,excluded:a,settled:i}=stateOf(e);return a&&i?a:t},sampleIdOf=e=>{const t="string"==typeof e?.sample_id?e.sample_id:"";if(t)return t;const a=e?.config;return a&&"object"==typeof a&&"string"==typeof a.sample_id?a.sample_id:""},formatDate=e=>e?new Date(e).toLocaleString():"",DetailRow=({label:e,value:t,mono:a})=>null==t||""===t?null:_jsxs(_Fragment,{children:[_jsx("dt",{style:{color:"var(--text-color-secondary)",fontSize:"0.9em"},children:e}),_jsx("dd",{style:{margin:0,fontFamily:a?"monospace":void 0},children:t})]}),DetailGrid=({title:e,children:t})=>_jsxs("section",{style:{marginTop:"1rem"},children:[_jsx("h4",{style:{margin:"0 0 0.4rem",fontSize:"0.95em"},children:e}),_jsx("dl",{style:{display:"grid",gridTemplateColumns:"minmax(9rem, max-content) 1fr",gap:"0.3rem 1rem",margin:0},children:t})]}),configValueText=e=>null==e?"—":"number"==typeof e?Number.isFinite(e)?String(Number.parseFloat(e.toPrecision(6))):String(e):"boolean"==typeof e?e?"Yes":"No":"object"==typeof e?JSON.stringify(e):String(e),TestDetails=({row:e})=>{const t=stateChipsOf(e),{abandoned:a}=stateOf(e),i=e?.config&&"object"==typeof e.config?e.config:{},s=Object.entries(i).filter(([e])=>"sample_id"!==e);return _jsxs("div",{children:[_jsx("div",{style:{display:"flex",gap:"0.4rem",flexWrap:"wrap"},children:t.map(e=>_jsx(Badge,{value:e.label,severity:e.severity},e.label))}),_jsxs(DetailGrid,{title:"Identity",children:[_jsx(DetailRow,{label:"Sample ID",value:sampleIdOf(e)}),_jsx(DetailRow,{label:"Test Method",value:e?.method_id}),_jsx(DetailRow,{label:"Project",value:e?.project_id}),_jsx(DetailRow,{label:"Test ID",value:e?.run_id,mono:!0})]}),_jsxs(DetailGrid,{title:"Timing",children:[_jsx(DetailRow,{label:"Started",value:formatDate(e?.start_time)}),_jsx(DetailRow,{label:"Ended",value:formatDate(e?.end_time)}),_jsx(DetailRow,{label:"Paused",value:formatDate(e?.paused_time)}),_jsx(DetailRow,{label:"Resumed",value:formatDate(e?.resumed_time)})]}),(e?.close_reason||!0===e?.excluded||a)&&_jsxs(DetailGrid,{title:"State",children:[_jsx(DetailRow,{label:"Interrupted",value:e?.close_reason}),_jsx(DetailRow,{label:"Excluded",value:!0===e?.excluded?`Not counted in the ${sampleIdOf(e)||"sample"} results`+(e?.excluded_at?` · since ${formatDate(e.excluded_at)}`:"")+". Use the Incl. column to put it back.":void 0}),_jsx(DetailRow,{label:"Abandoned",value:a?"Kept on disk, out of the results, and cannot be reopened.":void 0})]}),s.length>0&&_jsx(DetailGrid,{title:"Configuration as recorded",children:s.map(([e,t])=>_jsx(DetailRow,{label:e,value:configValueText(t)},e))})]})};export const ResultHistoryTable=e=>{const t=useTis(),a=e.projectId??t.selection.projectId,i=e.methodId,[s,o]=useState([]),[r,l]=useState(!1),[n,d]=useState(null),[c,p]=useState(null),[m,u]=useState(null),f=useRef(null),[_,b]=useState(null),h=useRef(0),[y,g]=useState(null),[x,j]=useState(!1),[v,w]=useState(null),C=useRef(null),{invoke:D}=useContext(EventEmitterContext),R=useRef(0),T=async()=>{if(!a)return void o([]);const e=++R.current;l(!0);try{const t={project_id:a};i&&(t.method_id=i);const s=await D("tis.list_tests",MessageType.Request,t);if(e!==R.current)return;s.success&&s.data&&s.data.tests&&o(s.data.tests)}catch(e){}e===R.current&&l(!1)};useEffect(()=>{T()},[a,i,t.state.activeRunId,t.state.active]),useEffect(()=>{_&&f.current?.show({currentTarget:_.anchor})},[_]);const S=async(e,t)=>{const s=e?.run_id,o=e?.method_id??i;if(!s||!o||!a)return;const r="report"===t?"tis.export_test_csv":"tis.export_test_data_csv",l="report"===t?"test report":"test data";d({runId:s,kind:t});try{const e=await D(r,MessageType.Request,{project_id:a,method_id:o,run_id:s});if(!e?.success)return void alert(`Failed to build ${l} for ${s}`+(e?.error_message?`: ${e.error_message}`:""));const i="string"==typeof e.data?.filename&&e.data.filename?e.data.filename:`${a}_${o}_${s}_${t}.csv`;if("report"===t){const t="string"==typeof e.data?.csv?e.data.csv:"";if(!t)return void alert(`${l} for ${s} is empty.`);downloadCsvBlob(i,t)}else{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 ${l}.`);downloadViaUrl(t,i)}}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{d(null)}},$=async(e,t)=>{const s=e?.run_id,o=e?.method_id??i;if(!s||!o||!a)return;const r="complete"===t?"tis.finish_test":"abandon"===t?"tis.reset_test":"tis.resume_test",l=e?.sample_id||s;g(s);try{const e=await D(r,MessageType.Request,{project_id:a,method_id:o,run_id:s});if(!e?.success)return void alert(`Could not ${t} ${s}`+(e?.error_message?`:\n\n${e.error_message}`:""));await T(),C.current?.show({severity:"abandon"===t?"warn":"success",summary:LIFECYCLE_DONE[t].summary,detail:LIFECYCLE_DONE[t].detail(l),life:4e3})}catch(e){alert(`${t} failed: ${e instanceof Error?e.message:String(e)}`)}finally{g(null)}},I=async e=>{if(!a)return;const t="report"===e?"tis.export_project_csv":"tis.export_project_zip",i="report"===e?"project report":"project archive";p(e);try{const s=await D(t,MessageType.Request,{project_id:a});if(!s?.success)return void alert(`Failed to build ${i}`+(s?.error_message?`: ${s.error_message}`:""));const o="string"==typeof s.data?.download_url?s.data.download_url:"";if(!o)return void alert(`Server did not return a download URL for ${i}.`);const r="report"===e?`${a}_project_report.csv`:`${a}_project_archive.zip`,l="string"==typeof s.data?.filename&&s.data.filename?s.data.filename:r;downloadViaUrl(o,l)}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{p(null)}},k=s.filter(e=>!0===e?.finalized).length,E=x?s:s.filter(e=>!0!==e?.finalized);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:a?`Test History: ${a}${i?` / ${i}`:""}`:"Test History (no project selected)"}),_jsxs("div",{style:{display:"flex",gap:"0.4rem",alignItems:"center"},children:[k>0&&_jsx(Button,{icon:x?"pi pi-eye-slash":"pi pi-eye",label:x?"Hide abandoned":`Show abandoned (${k})`,size:"small",outlined:!0,severity:"secondary",onClick:()=>j(e=>!e)}),_jsx(Button,{icon:"report"===c?"pi pi-spin pi-spinner":"pi pi-file",label:"Download Report",size:"small",outlined:!0,disabled:!a||null!==c,onClick:()=>I("report")}),_jsx(Button,{icon:"archive"===c?"pi pi-spin pi-spinner":"pi pi-box",label:"Download Archive",size:"small",outlined:!0,disabled:!a||null!==c,onClick:()=>I("archive")}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",size:"small",onClick:T,disabled:r})]})]}),_jsx(SampleSummaryPanel,{projectId:a,methodId:i}),_jsxs(DataTable,{value:E,loading:r,paginator:!0,rows:10,emptyMessage:"No tests found.",scrollable:!0,scrollHeight:"flex",tableStyle:{minWidth:0},style:{width:"100%"},rowClassName:e=>!0===e?.excluded?"tis-row-excluded":"",selectionMode:"single",onSelectionChange:e=>{const a=e.value;a?.run_id&&t.setSelection({projectId:a.project_id??null,methodId:a.method_id??null,runId:a.run_id})},children:[_jsx(Column,{header:"Sample ID",sortable:!0,body:sampleIdOf,sortFunction:e=>{const t=[...e.data];return t.sort((t,a)=>sampleIdOf(t).localeCompare(sampleIdOf(a))*(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,{header:"Status",field:"status",sortable:!0,body:e=>{const t=statusOf(e);return _jsx(Badge,{value:t.label,severity:t.severity})},style:{minWidth:"6rem"}}),_jsx(Column,{header:"Incl.",align:"center",alignHeader:"center",style:{width:"4.5rem"},body:e=>{const t=!0===e?.excluded,s=m===e.run_id;return _jsx(Button,{icon:s?"pi pi-spin pi-spinner":t?"pi pi-eye-slash":"pi pi-check",rounded:!0,text:!0,size:"small",severity:t?"warning":"success",disabled:null!==m,onClick:()=>(async e=>{const t=e?.run_id,s=e?.method_id??i;if(!t||!s||!a)return;const o=!0!==e?.excluded;u(t);try{const e=await D("tis.set_test_excluded",MessageType.Request,{project_id:a,method_id:s,run_id:t,excluded:o});if(!e?.success)return void alert(`Failed to ${o?"exclude":"include"} ${t}`+(e?.error_message?`: ${e.error_message}`:""));await T()}catch(e){alert(`Exclude toggle failed: ${e instanceof Error?e.message:String(e)}`)}finally{u(null)}})(e),"aria-label":t?"Excluded — click to include":"Included — click to exclude"})}}),_jsx(Column,{header:"Download",style:{width:"14rem"},body:e=>{const t=n?.runId===e.run_id&&"data"===n?.kind,a=n?.runId===e.run_id&&"report"===n?.kind,i=null!==n;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:i,onClick:()=>S(e,"data")}),_jsx(Button,{icon:a?"pi pi-spin pi-spinner":"pi pi-file",label:"Results",size:"small",outlined:!0,disabled:i,onClick:()=>S(e,"report")})]})}}),_jsx(Column,{header:"",style:{width:"3rem"},body:e=>_jsx(Button,{icon:y===e.run_id?"pi pi-spin pi-spinner":"pi pi-ellipsis-v",text:!0,rounded:!0,size:"small",disabled:null!==y,"aria-label":"Test actions",onClick:t=>{h.current+=1,b({row:e,anchor:t.currentTarget,seq:h.current})}})})]}),_jsx(Menu,{model:_?(e=>{const t=e?.status,a=!0===e?.finalized,i="in_progress"===t||"paused"===t,s="completed"===t&&!0===e?.auto_closed&&!a,o=[{label:"Details",icon:"pi pi-info-circle",command:()=>w(e)},{separator:!0}];return i?(o.push({label:"Complete Test",icon:"pi pi-check-circle",command:()=>$(e,"complete")}),o.push({label:"Abandon Test",icon:"pi pi-ban",command:()=>confirmDialog({header:"Abandon Test",message:`Mark ${e?.sample_id||e?.run_id} as abandoned? Recorded data is kept, but the test can no longer be reopened.`,icon:"pi pi-exclamation-triangle",acceptClassName:"p-button-danger",acceptLabel:"Abandon",accept:()=>$(e,"abandon")})})):s?(o.push({label:"Close Test",icon:"pi pi-check-circle",command:()=>confirmDialog({header:"Close Interrupted Test",message:`Close ${e?.sample_id||e?.run_id}? It was closed automatically when the software restarted mid-test. Closing it marks it Completed and keeps the recorded end time. Recorded data is not changed, and the test can still be reopened later.`,icon:"pi pi-check-circle",acceptLabel:"Close Test",accept:()=>$(e,"complete")})}),o.push({label:"Reopen Test",icon:"pi pi-replay",command:()=>confirmDialog({header:"Reopen Test",message:`Reopen ${e?.sample_id||e?.run_id} so new cycles are added to it? Cycle numbering continues from where it stopped. This changes where data is recorded — it does not start the machine.`,icon:"pi pi-replay",acceptLabel:"Reopen",accept:()=>$(e,"reopen")})}),o.push({label:"Abandon Test",icon:"pi pi-ban",command:()=>confirmDialog({header:"Abandon Test",message:`Mark ${e?.sample_id||e?.run_id} as abandoned? Recorded data is kept, but the test can no longer be reopened.`,icon:"pi pi-exclamation-triangle",acceptClassName:"p-button-danger",acceptLabel:"Abandon",accept:()=>$(e,"abandon")})})):"completed"!==t||a?a&&o.push({label:"Abandoned — cannot reopen",icon:"pi pi-ban",disabled:!0}):o.push({label:"Reopen Test",icon:"pi pi-replay",command:()=>confirmDialog({header:"Reopen Test",message:`Reopen ${e?.sample_id||e?.run_id} so new cycles are added to it? Cycle numbering continues from where it stopped. This changes where data is recorded — it does not start the machine.`,icon:"pi pi-replay",acceptLabel:"Reopen",accept:()=>$(e,"reopen")})}),o})(_.row):[],popup:!0,ref:f}),_jsx(Toast,{ref:C,position:"top-right"}),_jsx(Dialog,{header:"Test Details",visible:null!==v,onHide:()=>w(null),style:{width:"min(44rem, 94vw)"},dismissableMask:!0,children:v&&_jsx(TestDetails,{row:v})})]})};

package/package.json

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

package/src/components/tis/ResultHistoryTable.css

@@ -1,12 +1,25 @@
-/* Runs excluded from cross-test aggregation are kept visible but dimmed and
-   struck through, so an operator can see at a glance which rows don't feed
-   the avg/min/max/stddev/count results for their sample group. */
+/* Runs excluded from cross-test aggregation are kept visible but dimmed, so an
+   operator can see at a glance which rows don't feed the avg/min/max/stddev/
+   count results for their sample group. The row's Status column says the word
+   "Excluded" outright, and its Details dialog says what that means — the dim
+   is a scanning aid, never the only signal.
+
+   NO line-through. It used to be here and it read as "deleted": an excluded
+   run is intact, still downloadable, and one click from being counted again.
+
+   Nor is there an exception rule for the action buttons. There was one —
+   `.tis-row-excluded > td .p-button { opacity: 1; text-decoration: none }` —
+   and neither half of it could ever have worked, because both properties come
+   from the ancestor `td`:
+
+     • `opacity` on the td composites its whole subtree as one group. A
+       descendant's `opacity: 1` cannot escape an ancestor's 0.55.
+     • `text-decoration` propagates from an ancestor to its in-flow
+       descendants and cannot be cancelled by a descendant at all.
+
+   So anything that must be exempt has to be exempt at the td: put the effect
+   on the text cells, not on every cell. Kept as one rule here because 0.55
+   leaves the buttons legible and they are what the operator reaches for. */
 .tis-row-excluded > td {
     opacity: 0.55;
-    text-decoration: line-through;
-}
-/* Keep the action buttons (Include / Download) legible and clickable. */
-.tis-row-excluded > td .p-button {
-    opacity: 1;
-    text-decoration: none;
 }

package/src/components/tis/ResultHistoryTable.tsx

@@ -4,6 +4,8 @@ import { Column } from 'primereact/column';
 import { Button } from 'primereact/button';
 import { Badge } from 'primereact/badge';
 import { Menu } from 'primereact/menu';
+import { Toast } from 'primereact/toast';
+import { Dialog } from 'primereact/dialog';
 import { confirmDialog } from 'primereact/confirmdialog';
 import { EventEmitterContext } from '../../core/EventEmitterContext';
 import { MessageType } from '../../hub/CommandMessage';
@@ -63,10 +65,242 @@ const downloadViaUrl = (url: string, filename: string) => {
     a.remove();
 };
 
+/**
+ * What each lifecycle action tells the operator once the server has agreed.
+ * A table rather than a switch so the wording for an action lives in exactly
+ * one place, next to the other two it has to read consistently with.
+ */
+const LIFECYCLE_DONE: Record<
+    'complete' | 'abandon' | 'reopen',
+    { summary: string; detail: (label: string) => string }
+> = {
+    complete: {
+        summary: 'Test closed',
+        detail: (l) => `${l} is now Completed. It can still be reopened.`,
+    },
+    abandon: {
+        summary: 'Test abandoned',
+        detail: (l) =>
+            `${l} is out of the history and out of the sample averages. ` +
+            `Its data is still on disk — use Show abandoned to see it.`,
+    },
+    reopen: {
+        summary: 'Test reopened',
+        detail: (l) => `${l} is open again — new cycles are added to it.`,
+    },
+};
+
+type ChipSeverity = 'success' | 'info' | 'warning' | 'danger' | 'secondary' | undefined;
+export interface StateChip { label: string; severity: ChipSeverity }
+
+/**
+ * A run's state on its two independent axes.
+ *
+ * `lifecycle` is what happened to the run — written by the TIS servelet
+ * (start_test → in_progress, pause_test → paused, finish_test → completed,
+ * reset_test → finalized, and `auto_closed` by the startup sweep). Runs
+ * recorded before those fields existed carry neither; treat them as completed,
+ * since they are long since done.
+ *
+ * `excluded` is a separate judgement about the DATA, set only by the Incl.
+ * toggle, and it does not replace the lifecycle — a run can be Completed and
+ * Excluded at once. Which of the two the narrow Status column shows is
+ * [`statusOf`]'s decision; the Details dialog shows both.
+ */
+const stateOf = (rowData: any) => {
+    const status = typeof rowData?.status === 'string' ? rowData.status : 'completed';
+    const abandoned = rowData?.finalized === true;
+    const interrupted = status === 'completed' && rowData?.auto_closed === true;
+    // Open right now, so nothing may hide it.
+    const live = status === 'in_progress' || status === 'paused';
+    // Finished, and nobody is waiting on the operator for anything. The only
+    // lifecycle state that has nothing left to say.
+    const settled = status === 'completed' && !interrupted && !abandoned;
+
+    const lifecycle: StateChip =
+        abandoned                  ? { label: 'Abandoned',   severity: 'danger' }
+      : status === 'in_progress'   ? { label: 'In Progress', severity: 'info' }
+      : status === 'paused'        ? { label: 'Paused',      severity: 'warning' }
+        // Closed by the startup sweep because the previous process stopped
+        // mid-test. It IS closed, but the operator never finished it, so
+        // "Completed" would overstate what happened. Still reopenable —
+        // `finalized` is deliberately not set by that sweep.
+      : interrupted                ? { label: 'Interrupted', severity: 'warning' }
+      : status === 'completed'     ? { label: 'Completed',   severity: 'success' }
+      :                              { label: status,        severity: undefined };
+
+    const excluded: StateChip | null = rowData?.excluded === true
+        ? { label: 'Excluded', severity: 'secondary' }
+        : null;
+
+    return { lifecycle, excluded, live, abandoned, interrupted, settled };
+};
+
+/** Every chip that applies to a run, in reading order. Used by the dialog. */
+const stateChipsOf = (rowData: any): StateChip[] => {
+    const { lifecycle, excluded } = stateOf(rowData);
+    return excluded ? [lifecycle, excluded] : [lifecycle];
+};
+
+/**
+ * The one chip the Status column has room for.
+ *
+ * Excluded takes the column from a **settled** run: it is out of the results,
+ * nothing is owed to it, and "Completed" is no longer the thing the operator
+ * needs to read off the row — so the narrow column spends its one chip on the
+ * state that still means something.
+ *
+ * A lifecycle state that is WAITING ON SOMEONE keeps the column instead, even
+ * when the run is excluded: In Progress and Paused because nothing may mask
+ * what the machine is doing right now, Interrupted because it is a request to
+ * close the run out and hiding it is how a run stays interrupted forever, and
+ * Abandoned because it is the reason the row is hidden at all and
+ * "Show abandoned" has to explain itself.
+ *
+ * Whatever loses the column is still on the row's Details dialog, which is
+ * where both chips always appear together.
+ */
+const statusOf = (rowData: any): StateChip => {
+    const { lifecycle, excluded, settled } = stateOf(rowData);
+    return excluded && settled ? excluded : lifecycle;
+};
+
+/**
+ * A run's effective sample_id: top-level wins, falling back to the deprecated
+ * nested `config.sample_id` so runs recorded by an older server still show a
+ * label. Mirrors the server's `sample_id_of`.
+ */
+const sampleIdOf = (rowData: any): string => {
+    const top = typeof rowData?.sample_id === 'string' ? rowData.sample_id : '';
+    if (top) return top;
+    const cfg = rowData?.config;
+    if (cfg && typeof cfg === 'object' && typeof cfg.sample_id === 'string') {
+        return cfg.sample_id;
+    }
+    return '';
+};
+
+/** Local date/time, or an empty string for an absent stamp. */
+const formatDate = (dateStr: string) => {
+    if (!dateStr) return '';
+    return new Date(dateStr).toLocaleString();
+};
+
 type DownloadKind = 'data' | 'report';
 type InFlight = { runId: string; kind: DownloadKind };
 type ProjectDownloadKind = 'report' | 'archive';
 
+/** One label/value line in the details dialog. Absent values are omitted. */
+const DetailRow: React.FC<{ label: string; value?: React.ReactNode; mono?: boolean }> =
+    ({ label, value, mono }) => {
+        if (value === undefined || value === null || value === '') return null;
+        return (
+            <>
+                <dt style={{ color: 'var(--text-color-secondary)', fontSize: '0.9em' }}>{label}</dt>
+                <dd style={{ margin: 0, fontFamily: mono ? 'monospace' : undefined }}>{value}</dd>
+            </>
+        );
+    };
+
+/** Label/value block. `dl` grid so the values line up down the column. */
+const DetailGrid: React.FC<{ title: string; children: React.ReactNode }> =
+    ({ title, children }) => (
+        <section style={{ marginTop: '1rem' }}>
+            <h4 style={{ margin: '0 0 0.4rem', fontSize: '0.95em' }}>{title}</h4>
+            <dl style={{
+                display: 'grid',
+                gridTemplateColumns: 'minmax(9rem, max-content) 1fr',
+                gap: '0.3rem 1rem',
+                margin: 0,
+            }}>
+                {children}
+            </dl>
+        </section>
+    );
+
+/**
+ * Render one recorded configuration value. These are stored in the method's
+ * backend units — the dialog reports what is on the record rather than
+ * converting, because the record is what it exists to show. Long floats are
+ * trimmed to six significant figures so a column of them stays readable.
+ */
+const configValueText = (v: unknown): string => {
+    if (v === null || v === undefined) return '—';
+    if (typeof v === 'number') {
+        return Number.isFinite(v) ? String(Number.parseFloat(v.toPrecision(6))) : String(v);
+    }
+    if (typeof v === 'boolean') return v ? 'Yes' : 'No';
+    if (typeof v === 'object') return JSON.stringify(v);
+    return String(v);
+};
+
+/**
+ * The body of the Details dialog: state, identity, timing, and the recorded
+ * configuration. Split out so the state chips and the table's Status column
+ * are demonstrably reading the same `stateOf`.
+ */
+const TestDetails: React.FC<{ row: any }> = ({ row }) => {
+    const chips = stateChipsOf(row);
+    const { abandoned } = stateOf(row);
+    const config = (row?.config && typeof row.config === 'object') ? row.config : {};
+    // sample_id lives at the top level now; an older record kept it in config,
+    // where it is identity rather than a setting.
+    const configEntries = Object.entries(config).filter(([k]) => k !== 'sample_id');
+
+    return (
+        <div>
+            <div style={{ display: 'flex', gap: '0.4rem', flexWrap: 'wrap' }}>
+                {chips.map((c) => <Badge key={c.label} value={c.label} severity={c.severity} />)}
+            </div>
+
+            <DetailGrid title="Identity">
+                <DetailRow label="Sample ID"   value={sampleIdOf(row)} />
+                <DetailRow label="Test Method" value={row?.method_id} />
+                <DetailRow label="Project"     value={row?.project_id} />
+                <DetailRow label="Test ID"     value={row?.run_id} mono />
+            </DetailGrid>
+
+            <DetailGrid title="Timing">
+                <DetailRow label="Started" value={formatDate(row?.start_time)} />
+                <DetailRow label="Ended"   value={formatDate(row?.end_time)} />
+                <DetailRow label="Paused"  value={formatDate(row?.paused_time)} />
+                <DetailRow label="Resumed" value={formatDate(row?.resumed_time)} />
+            </DetailGrid>
+
+            {/* Only rendered when one of these actually applies, so an ordinary
+                completed run shows no section at all rather than a row of
+                dashes explaining nothing. */}
+            {(row?.close_reason || row?.excluded === true || abandoned) && (
+                <DetailGrid title="State">
+                    <DetailRow label="Interrupted" value={row?.close_reason} />
+                    <DetailRow
+                        label="Excluded"
+                        value={row?.excluded === true
+                            ? `Not counted in the ${sampleIdOf(row) || 'sample'} results` +
+                              (row?.excluded_at ? ` · since ${formatDate(row.excluded_at)}` : '') +
+                              '. Use the Incl. column to put it back.'
+                            : undefined}
+                    />
+                    <DetailRow
+                        label="Abandoned"
+                        value={abandoned
+                            ? 'Kept on disk, out of the results, and cannot be reopened.'
+                            : undefined}
+                    />
+                </DetailGrid>
+            )}
+
+            {configEntries.length > 0 && (
+                <DetailGrid title="Configuration as recorded">
+                    {configEntries.map(([k, v]) => (
+                        <DetailRow key={k} label={k} value={configValueText(v)} />
+                    ))}
+                </DetailGrid>
+            )}
+        </div>
+    );
+};
+
 export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) => {
     const tis = useTis();
     const projectId = props.projectId ?? tis.selection.projectId;
@@ -92,10 +326,27 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
         useState<{ row: any; anchor: HTMLElement; seq: number } | null>(null);
     const menuSeqRef = useRef(0);
     const [lifecycleBusy, setLifecycleBusy] = useState<string | null>(null);
+    // Abandoned runs are hidden by default — see `visibleTests`. The toggle
+    // is how they stay auditable without cluttering the operator's list.
+    const [showAbandoned, setShowAbandoned] = useState(false);
+    // The row whose Details dialog is open, captured from the menu. A snapshot
+    // rather than a run_id lookup: the dialog describes the row the operator
+    // opened it from, and closes long before the next refetch matters.
+    const [detailsRow, setDetailsRow] = useState<any>(null);
+    const toastRef = useRef<Toast>(null);
     const { invoke } = useContext(EventEmitterContext);
 
+    // Guards `setTests` against a stale response. `loadTests` is called both
+    // directly (Refresh, and after a lifecycle action) and from an effect that
+    // re-fires on every active-run change, so two fetches are routinely in
+    // flight at once. Without this the OLDER response can land last and put
+    // the row the operator just closed back to "Interrupted" — which reads,
+    // correctly, as "the button did nothing".
+    const loadSeqRef = useRef(0);
+
     const loadTests = async () => {
         if (!projectId) { setTests([]); return; }
+        const seq = ++loadSeqRef.current;
         setLoading(true);
         try {
             // When the parent omits methodId, ask the server for all runs
@@ -105,13 +356,16 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
             if (methodId) payload.method_id = methodId;
 
             const resp: any = await invoke('tis.list_tests' as any, MessageType.Request, payload as any);
+            // A newer fetch has already been issued (or has already landed):
+            // this answer is history, and applying it would undo the newer one.
+            if (seq !== loadSeqRef.current) return;
             if (resp.success && resp.data && resp.data.tests) {
                 setTests(resp.data.tests);
             }
         } catch (err) {
             console.error("Failed to load tests", err);
         }
-        setLoading(false);
+        if (seq === loadSeqRef.current) setLoading(false);
     };
 
     useEffect(() => {
@@ -137,11 +391,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [menuRequest]);
 
-    const formatDate = (dateStr: string) => {
-        if (!dateStr) return '';
-        return new Date(dateStr).toLocaleString();
-    };
-
     const handleDownload = async (rowData: any, kind: DownloadKind) => {
         const runId = rowData?.run_id;
         const rowMethodId = rowData?.method_id ?? methodId;
@@ -227,6 +476,7 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
             action === 'complete' ? 'tis.finish_test'
             : action === 'abandon' ? 'tis.reset_test'
             : 'tis.resume_test';
+        const label = rowData?.sample_id || runId;
         setLifecycleBusy(runId);
         try {
             const resp: any = await invoke(topic as any, MessageType.Request, {
@@ -241,6 +491,16 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                 return;
             }
             await loadTests();
+            // Say what happened. Close and Abandon both leave the run on disk
+            // and change only a badge — one of them then hides the row — so
+            // without an acknowledgement the operator has no way to tell a
+            // successful action from a dead button, and reports the second.
+            toastRef.current?.show({
+                severity: action === 'abandon' ? 'warn' : 'success',
+                summary: LIFECYCLE_DONE[action].summary,
+                detail: LIFECYCLE_DONE[action].detail(label),
+                life: 4000,
+            });
         } catch (err) {
             console.error(`Failed to ${action} test`, err);
             alert(`${action} failed: ${err instanceof Error ? err.message : String(err)}`);
@@ -259,7 +519,13 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
      *  - completed but not finalized → Reopen (add more cycles under the same
      *    Test ID — the multi-specimen case where a set turned out to be bigger)
      *  - finalized (abandoned)       → nothing; `finalized` exists precisely to
-     *    stop a deliberately-abandoned run being resurrected.
+     *    stop a deliberately-abandoned run being resurrected. Only reachable
+     *    at all with `Show abandoned` on.
+     *
+     * Details is offered on EVERY row, first, and is the one item that is
+     * never gated: it is where the full state, the run's own identity and the
+     * recorded configuration are legible, and it is what the narrow Status
+     * column defers to.
      */
     const rowMenuItems = (rowData: any) => {
         const status = rowData?.status;
@@ -270,7 +536,11 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
         // still reads as Interrupted until someone closes it.
         const isInterrupted =
             status === 'completed' && rowData?.auto_closed === true && !finalized;
-        const items: any[] = [];
+        const items: any[] = [{
+            label: 'Details',
+            icon: 'pi pi-info-circle',
+            command: () => setDetailsRow(rowData),
+        }, { separator: true }];
 
         if (isOpen) {
             items.push({
@@ -351,10 +621,13 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                     accept: () => handleLifecycle(rowData, 'reopen'),
                 }),
             });
-        } else {
+        } else if (finalized) {
+            // Nothing to offer, but say why rather than leaving the operator to
+            // infer it from an absence. A run with no lifecycle action at all
+            // still has Details above.
             items.push({
-                label: finalized ? 'Abandoned — cannot reopen' : 'No actions available',
-                icon: 'pi pi-info-circle',
+                label: 'Abandoned — cannot reopen',
+                icon: 'pi pi-ban',
                 disabled: true,
             });
         }
@@ -428,41 +701,19 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
         }
     };
 
-    // sample_id is now a top-level field on test.json. Older test.json
-    // files (written before the rename) carry it nested in `config`; fall
-    // back to the nested form so we can still display the column for runs
-    // recorded by an older server.
-    const sampleIdOf = (rowData: any) => {
-        const top = typeof rowData?.sample_id === 'string' ? rowData.sample_id : '';
-        if (top) return top;
-        const cfg = rowData?.config;
-        if (cfg && typeof cfg === 'object' && typeof cfg.sample_id === 'string') {
-            return cfg.sample_id;
-        }
-        return '';
-    };
+    /**
+     * Abandoning a run is the operator saying "this one never happened":
+     * TIS drops it from the sample aggregates, and it drops out of this list
+     * too. Nothing is deleted — `Show abandoned` brings the rows back with an
+     * "Abandoned" badge — but the default view is the set of runs that still
+     * count for something, which is what an operator scanning the history is
+     * actually looking for.
+     */
+    const abandonedCount = tests.filter((t) => t?.finalized === true).length;
+    const visibleTests = showAbandoned
+        ? tests
+        : tests.filter((t) => t?.finalized !== true);
 
-    // Lifecycle status badge. `status`/`finalized` are written by the TIS
-    // servelet (start_test → in_progress, pause_test → paused, finish_test →
-    // completed, reset_test → finalized). Runs recorded before this field
-    // existed have neither; treat them as completed (they're long since done).
-    const statusOf = (rowData: any): { label: string; severity: 'success' | 'info' | 'warning' | 'danger' | undefined } => {
-        if (rowData?.finalized === true) return { label: 'Abandoned', severity: 'danger' };
-        const status = typeof rowData?.status === 'string' ? rowData.status : 'completed';
-        // A run TIS closed at startup because the previous process stopped
-        // mid-test. It is closed (not "In Progress"), but the operator never
-        // finished it, so calling it "Completed" would overstate what happened.
-        // Still reopenable — `finalized` is deliberately not set by that sweep.
-        if (status === 'completed' && rowData?.auto_closed === true) {
-            return { label: 'Interrupted', severity: 'warning' };
-        }
-        switch (status) {
-            case 'in_progress': return { label: 'In Progress', severity: 'info' };
-            case 'paused':      return { label: 'Paused', severity: 'warning' };
-            case 'completed':   return { label: 'Completed', severity: 'success' };
-            default:            return { label: status, severity: undefined };
-        }
-    };
 
     return (
         // Outer wrapper pins the whole component to its container's width.
@@ -477,6 +728,23 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                         : 'Test History (no project selected)'}
                 </h3>
                 <div style={{ display: 'flex', gap: '0.4rem', alignItems: 'center' }}>
+                    {/* Only offered when there is something to reveal, so the
+                        ordinary machine never shows a control for a state it
+                        has never been in. */}
+                    {abandonedCount > 0 && (
+                        <Button
+                            icon={showAbandoned ? 'pi pi-eye-slash' : 'pi pi-eye'}
+                            label={
+                                showAbandoned
+                                    ? 'Hide abandoned'
+                                    : `Show abandoned (${abandonedCount})`
+                            }
+                            size="small"
+                            outlined
+                            severity="secondary"
+                            onClick={() => setShowAbandoned((v) => !v)}
+                        />
+                    )}
                     <Button
                         icon={projectBusy === 'report' ? 'pi pi-spin pi-spinner' : 'pi pi-file'}
                         label="Download Report"
@@ -484,8 +752,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                         outlined
                         disabled={!projectId || projectBusy !== null}
                         onClick={() => handleProjectDownload('report')}
-                        tooltip="Download a CSV report of every test in this project"
-                        tooltipOptions={{ position: 'bottom' }}
                     />
                     <Button
                         icon={projectBusy === 'archive' ? 'pi pi-spin pi-spinner' : 'pi pi-box'}
@@ -494,8 +760,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                         outlined
                         disabled={!projectId || projectBusy !== null}
                         onClick={() => handleProjectDownload('archive')}
-                        tooltip="Download a ZIP of the entire project directory (all tests, raw data, configs)"
-                        tooltipOptions={{ position: 'bottom' }}
                     />
                     <Button
                         icon="pi pi-refresh"
@@ -513,7 +777,7 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
             <SampleSummaryPanel projectId={projectId} methodId={methodId} />
 
             <DataTable
-                value={tests}
+                value={visibleTests}
                 loading={loading}
                 paginator
                 rows={10}
@@ -591,10 +855,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                                 onClick={() => handleToggleExclude(rowData)}
                                 aria-label={isExcluded ? 'Excluded — click to include'
                                                        : 'Included — click to exclude'}
-                                tooltip={isExcluded
-                                    ? 'Excluded from cross-test results — click to include'
-                                    : 'Included in cross-test results — click to exclude'}
-                                tooltipOptions={{ position: 'left' }}
                             />
                         );
                     }}
@@ -615,8 +875,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                                     outlined
                                     disabled={anyBusy}
                                     onClick={() => handleDownload(rowData, 'data')}
-                                    tooltip="Download raw + filtered trace data as one CSV"
-                                    tooltipOptions={{ position: 'left' }}
                                 />
                                 <Button
                                     icon={isReportBusy ? 'pi pi-spin pi-spinner' : 'pi pi-file'}
@@ -625,8 +883,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                                     outlined
                                     disabled={anyBusy}
                                     onClick={() => handleDownload(rowData, 'report')}
-                                    tooltip="Download a CSV report (metadata + cycles + results) for this test"
-                                    tooltipOptions={{ position: 'left' }}
                                 />
                             </div>
                         );
@@ -649,8 +905,6 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                             size="small"
                             disabled={lifecycleBusy !== null}
                             aria-label="Test actions"
-                            tooltip="Complete / abandon / reopen this test"
-                            tooltipOptions={{ position: 'left' }}
                             onClick={(e) => {
                                 // Capture the DOM anchor now: React clears
                                 // currentTarget once the handler returns, and the
@@ -671,6 +925,29 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) =>
                 popup
                 ref={rowMenuRef}
             />
+            {/* Owned by this component rather than the host app: the library
+                cannot assume a consumer has a global message host, and the
+                acknowledgement has to appear wherever the table is used.
+                Top-right, not bottom: on a machine HMI the bottom strip is the
+                control bar, and a message that covers Start/Stop for four
+                seconds is worse than no message at all. */}
+            <Toast ref={toastRef} position="top-right" />
+
+            {/* Per-run detail. This is where everything the table has no room
+                for is legible: the full state (a Completed run that is also
+                Excluded shows both chips), the run's own identity, and the
+                configuration it was recorded under. It replaces the tooltips
+                this component used to explain itself with — a hover hint is
+                unreachable on the touchscreen these machines ship with. */}
+            <Dialog
+                header="Test Details"
+                visible={detailsRow !== null}
+                onHide={() => setDetailsRow(null)}
+                style={{ width: 'min(44rem, 94vw)' }}
+                dismissableMask
+            >
+                {detailsRow && <TestDetails row={detailsRow} />}
+            </Dialog>
         </div>
     );
 };