@adcops/autocore-react 3.3.50 → 3.3.57

package/src/components/tis/ResultHistoryTable.tsx

@@ -4,16 +4,29 @@ import { Column } from 'primereact/column';
 import { Button } from 'primereact/button';
 import { EventEmitterContext } from '../../core/EventEmitterContext';
 import { MessageType } from '../../hub/CommandMessage';
+import { useTis } from './TisProvider';
 
 export interface ResultHistoryTableProps {
-    projectId: string;
-    definitionId: string;
+    /**
+     * Override the project scope. When omitted, the table reads from
+     * `useTisSelection().projectId` and follows the active project.
+     */
+    projectId?: string;
+    /**
+     * Optional method-id filter. When omitted, the table aggregates every
+     * run under the project regardless of which method it belongs to —
+     * that's the default the operator wants on the History tab so that
+     * switching the loaded method on the Setup tab doesn't hide
+     * already-recorded data. When supplied, the table is scoped to that
+     * single method.
+     */
+    methodId?: string;
 }
 
 /**
- * Convert a results `raw_data` blob (`{ colA: [...], colB: [...], ... }`) into
- * a CSV string. Keys with scalar (non-array) values are skipped; array lengths
- * are truncated to the shortest column so the grid is rectangular.
+ * Convert a raw_data blob (`{ colA: [...], colB: [...], ... }`) into a CSV
+ * string. Keys with scalar (non-array) values are skipped; array lengths are
+ * truncated to the shortest column so the grid is rectangular.
  *
  * Column order: `t` first if present (it's the canonical x-axis in every
  * current test schema), then the remaining keys in their JSON order. Each
@@ -61,19 +74,30 @@ const downloadCsv = (filename: string, csv: string) => {
     URL.revokeObjectURL(url);
 };
 
-export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectId, definitionId }) => {
+type DownloadKind = 'raw' | 'filtered';
+type InFlight = { runId: string; kind: DownloadKind };
+
+export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = (props) => {
+    const tis = useTis();
+    const projectId = props.projectId ?? tis.selection.projectId;
+    const methodId  = props.methodId; // explicit override only — never auto-bound
+
     const [tests, setTests] = useState<any[]>([]);
     const [loading, setLoading] = useState(false);
-    const [downloadingRunId, setDownloadingRunId] = useState<string | null>(null);
+    const [downloading, setDownloading] = useState<InFlight | null>(null);
     const { invoke } = useContext(EventEmitterContext);
 
     const loadTests = async () => {
+        if (!projectId) { setTests([]); return; }
         setLoading(true);
         try {
-            const resp: any = await invoke('results.list_tests' as any, MessageType.Request, {
-                project_id: projectId,
-                definition_id: definitionId
-            } as any);
+            // When the parent omits methodId, ask the server for all runs
+            // under the project (it walks every method directory). When
+            // methodId is set, the server returns only that method's runs.
+            const payload: any = { project_id: projectId };
+            if (methodId) payload.method_id = methodId;
+
+            const resp: any = await invoke('tis.list_tests' as any, MessageType.Request, payload as any);
             if (resp.success && resp.data && resp.data.tests) {
                 setTests(resp.data.tests);
             }
@@ -85,47 +109,69 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectI
 
     useEffect(() => {
         loadTests();
-    }, [projectId, definitionId]);
+        // The table also wants to refresh when the active test ends —
+        // a finish_test broadcast flips active to false; the easiest
+        // signal is to rerun on activeRunId changes (a fresh test
+        // produces a new run_id, which we want to surface immediately).
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [projectId, methodId, tis.state.activeRunId]);
 
     const formatDate = (dateStr: string) => {
         if (!dateStr) return '';
         return new Date(dateStr).toLocaleString();
     };
 
-    const handleDownload = async (rowData: any) => {
+    const handleDownload = async (rowData: any, kind: DownloadKind) => {
         const runId = rowData?.run_id;
-        if (!runId) return;
-        setDownloadingRunId(runId);
+        const rowMethodId = rowData?.method_id ?? methodId;
+        if (!runId || !rowMethodId) return;
+
+        // raw_data/ and filtered_data/ are symmetric dirs on disk; the same
+        // blob name ("trace") exists in both. Only the IPC topic and filename
+        // suffix change.
+        const topic  = kind === 'raw' ? 'tis.read_raw' : 'tis.read_filtered';
+        const label  = kind === 'raw' ? 'raw trace'   : 'filtered trace';
+        const suffix = kind === 'raw' ? 'raw'         : 'filtered';
+
+        setDownloading({ runId, kind });
         try {
-            const resp: any = await invoke('results.read_raw' as any, MessageType.Request, {
-                project_id:    projectId,
-                definition_id: definitionId,
-                run_id:        runId,
-                name:          'trace',
+            const resp: any = await invoke(topic as any, MessageType.Request, {
+                project_id: projectId,
+                method_id:  rowMethodId,
+                run_id:     runId,
+                name:       'trace',
             } as any);
 
             if (!resp?.success || !resp.data) {
-                console.warn('results.read_raw returned no data for', runId, resp?.error_message);
-                alert(`No raw trace available for ${runId}${resp?.error_message ? `: ${resp.error_message}` : ''}`);
+                console.warn(`${topic} returned no data for`, runId, resp?.error_message);
+                alert(
+                    `No ${label} available for ${runId}` +
+                    (resp?.error_message ? `: ${resp.error_message}` : '')
+                );
                 return;
             }
 
             const csv = rawBlobToCsv(resp.data);
             if (!csv) {
-                alert(`Raw trace for ${runId} is empty or has no array columns.`);
+                alert(`${label} for ${runId} is empty or has no array columns.`);
                 return;
             }
-            downloadCsv(`${projectId}_${definitionId}_${runId}.csv`, csv);
+            downloadCsv(`${projectId}_${rowMethodId}_${runId}_${suffix}.csv`, csv);
         } catch (err) {
-            console.error('Failed to download raw trace', err);
+            console.error(`Failed to download ${label}`, err);
             alert(`Download failed: ${err instanceof Error ? err.message : String(err)}`);
         } finally {
-            setDownloadingRunId(null);
+            setDownloading(null);
         }
     };
 
-    // Cell-level helpers kept outside JSX so they're stable references.
+    // 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;
@@ -140,7 +186,11 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectI
         // own scrollbars instead of blowing out layout.
         <div style={{ width: '100%', maxWidth: '100%', overflow: 'hidden', boxSizing: 'border-box' }}>
             <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
-                <h3 style={{ margin: 0 }}>Test History: {definitionId}</h3>
+                <h3 style={{ margin: 0 }}>
+                    {projectId
+                        ? `Test History: ${projectId}${methodId ? ` / ${methodId}` : ''}`
+                        : 'Test History (no project selected)'}
+                </h3>
                 <Button icon="pi pi-refresh" label="Refresh" onClick={loadTests} disabled={loading} />
             </div>
 
@@ -154,13 +204,25 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectI
                 scrollHeight="flex"
                 tableStyle={{ minWidth: 0 }}
                 style={{ width: '100%' }}
+                selectionMode="single"
+                onSelectionChange={(e: any) => {
+                    const row = e.value;
+                    if (row?.run_id) {
+                        // Pin the run + its (project, method) so the Data
+                        // and Raw Data views jump to the selected row
+                        // when the operator clicks across tabs. Pass the
+                        // method too so a click in the cross-method
+                        // history view still resolves correctly.
+                        tis.setSelection({
+                            projectId: row.project_id ?? null,
+                            methodId:  row.method_id  ?? null,
+                            runId:     row.run_id,
+                        });
+                    }
+                }}
             >
-                <Column field="run_id"    header="Run ID"    sortable style={{ minWidth: '12rem' }} />
-                <Column field="start_time" header="Date/Time" sortable
-                    body={(rowData) => formatDate(rowData.start_time)}
-                    style={{ minWidth: '12rem' }}
-                />
-                <Column field="definition_id" header="Test Name" sortable style={{ minWidth: '10rem' }} />
+                {/* Sample ID is the primary user-visible label — operators
+                    look for "where's sample SAMPLE-0042" before any other axis. */}
                 <Column header="Sample ID" sortable
                     body={sampleIdOf}
                     sortFunction={(e) => {
@@ -170,21 +232,44 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectI
                     }}
                     style={{ minWidth: '8rem' }}
                 />
+                <Column field="start_time" header="Date/Time" sortable
+                    body={(rowData) => formatDate(rowData.start_time)}
+                    style={{ minWidth: '12rem' }}
+                />
+                <Column field="method_id" header="Test Method" sortable style={{ minWidth: '10rem' }} />
+                <Column field="run_id"    header="Run ID"      sortable style={{ minWidth: '12rem' }} />
                 <Column
-                    header="Raw Data"
-                    style={{ width: '8rem' }}
-                    body={(rowData) => (
-                        <Button
-                            icon={downloadingRunId === rowData.run_id ? 'pi pi-spin pi-spinner' : 'pi pi-download'}
-                            label="CSV"
-                            size="small"
-                            outlined
-                            disabled={downloadingRunId !== null}
-                            onClick={() => handleDownload(rowData)}
-                            tooltip="Download raw_data/trace.json as CSV"
-                            tooltipOptions={{ position: 'left' }}
-                        />
-                    )}
+                    header="Download"
+                    style={{ width: '14rem' }}
+                    body={(rowData) => {
+                        const isRawBusy      = downloading?.runId === rowData.run_id && downloading?.kind === 'raw';
+                        const isFilteredBusy = downloading?.runId === rowData.run_id && downloading?.kind === 'filtered';
+                        const anyBusy        = downloading !== null;
+                        return (
+                            <div style={{ display: 'flex', gap: '0.4rem' }}>
+                                <Button
+                                    icon={isRawBusy ? 'pi pi-spin pi-spinner' : 'pi pi-download'}
+                                    label="Raw"
+                                    size="small"
+                                    outlined
+                                    disabled={anyBusy}
+                                    onClick={() => handleDownload(rowData, 'raw')}
+                                    tooltip="Download raw_data/trace.json as CSV"
+                                    tooltipOptions={{ position: 'left' }}
+                                />
+                                <Button
+                                    icon={isFilteredBusy ? 'pi pi-spin pi-spinner' : 'pi pi-download'}
+                                    label="Filtered"
+                                    size="small"
+                                    outlined
+                                    disabled={anyBusy}
+                                    onClick={() => handleDownload(rowData, 'filtered')}
+                                    tooltip="Download filtered_data/trace.json as CSV"
+                                    tooltipOptions={{ position: 'left' }}
+                                />
+                            </div>
+                        );
+                    }}
                 />
             </DataTable>
         </div>

package/src/components/tis/TestDataView.tsx

@@ -1,10 +1,10 @@
 /*
  * 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
+ * TestDataView — standardized test-detail view for the Test Information
+ * System. Renders metadata header + cycle-scatter chart + virtual-scroll
+ * cycle table + results table, and subscribes to live `tis.cycle_added`
+ * and `tis.results_updated` broadcasts so the display updates as the
  * control program appends cycles.
  */
 
@@ -25,6 +25,7 @@ import { Line } from 'react-chartjs-2';
 import { EventEmitterContext } from '../../core/EventEmitterContext';
 import { MessageType } from '../../hub/CommandMessage';
 import { TestRawDataView } from './TestRawDataView';
+import { useTis } from './TisProvider';
 
 ChartJS.register(
     CategoryScale, LinearScale, PointElement, LineElement,
@@ -32,8 +33,8 @@ ChartJS.register(
 );
 
 // -------------------------------------------------------------------------
-// Types (mirror codegen/codegen_results.rs — kept local so the component
-// works without a hard dependency on any specific generated results.ts)
+// Types (mirror codegen/codegen_tis.rs — kept local so the component works
+// without a hard dependency on any specific generated tis.ts)
 // -------------------------------------------------------------------------
 
 export interface TestFieldDef {
@@ -57,7 +58,7 @@ export interface RawDataShape {
     columns: string[];
     units?: { [col: string]: string };
 }
-export interface TestDefinition {
+export interface TestMethod {
     project_fields:  TestFieldDef[];
     config_fields:   TestFieldDef[];
     cycle_fields:    TestFieldDef[];
@@ -67,10 +68,14 @@ export interface TestDefinition {
 }
 
 export interface TestDataViewProps {
-    projectId:    string;
-    definitionId: string;
-    runId:        string;
-    schema:       TestDefinition;
+    /** Optional override; defaults to `useTisSelection().projectId`. */
+    projectId?: string;
+    /** Optional override; defaults to `useTisSelection().methodId`. */
+    methodId?:  string;
+    /** Optional override; defaults to `useTisSelection().runId`. */
+    runId?:     string;
+    /** Optional override; defaults to `useTisSchemas()[methodId]`. */
+    schema?:    TestMethod;
     /** Minimum ms between display updates when broadcasts arrive. Default 100. */
     throttleMs?:  number;
     /** Fixed cycle-table scroll height. Default "400px". */
@@ -79,11 +84,13 @@ export interface TestDataViewProps {
 
 // -------------------------------------------------------------------------
 
-export const TestDataView: React.FC<TestDataViewProps> = ({
-    projectId, definitionId, runId, schema,
-    throttleMs = 100,
-    cycleTableHeight = '400px',
-}) => {
+export const TestDataView: React.FC<TestDataViewProps> = (props) => {
+    const tis = useTis();
+    const projectId = props.projectId ?? tis.selection.projectId;
+    const methodId  = props.methodId  ?? tis.selection.methodId;
+    const runId     = props.runId     ?? tis.selection.runId;
+    const schema    = props.schema    ?? (methodId ? (tis.schemas[methodId] as TestMethod) : undefined);
+    const { throttleMs = 100, cycleTableHeight = '400px' } = props;
     const { invoke, subscribe, unsubscribe } = useContext(EventEmitterContext);
 
     const [meta, setMeta]       = useState<any>(null);
@@ -94,8 +101,8 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
     // 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 });
+        for (const [name, v] of Object.entries(schema?.views ?? {})) {
+            if ((v as ChartView).type === 'cycle_scatter') out.push({ name, view: v as ChartView });
         }
         return out;
     }, [schema]);
@@ -130,19 +137,23 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
     // Initial load
     // -----------------------------------------------------------------
     useEffect(() => {
+        if (!projectId || !methodId || !runId) {
+            setMeta(null); setCycles([]); setResults({});
+            return;
+        }
         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);
+                    'tis.read_test' as any, MessageType.Request as any,
+                    { project_id: projectId, method_id: methodId, 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,
+                    'tis.read_cycles' as any, MessageType.Request as any,
+                    { project_id: projectId, method_id: methodId, run_id: runId,
                       offset: 0, limit: 200, order: 'desc' } as any);
                 if (!cancelled && cyResp?.success) {
                     setCycles(cyResp.data.cycles ?? []);
@@ -152,7 +163,7 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
             }
         })();
         return () => { cancelled = true; };
-    }, [projectId, definitionId, runId, invoke]);
+    }, [projectId, methodId, runId, invoke]);
 
     // -----------------------------------------------------------------
     // Live broadcasts
@@ -160,7 +171,7 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
     useEffect(() => {
         const matches = (payload: any) =>
             payload?.project_id === projectId
-            && payload?.definition_id === definitionId
+            && payload?.method_id === methodId
             && payload?.run_id === runId;
 
         const onCycle = (payload: any) => {
@@ -174,15 +185,15 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
             scheduleFlush();
         };
 
-        const id1 = subscribe('results.cycle_added',     onCycle);
-        const id2 = subscribe('results.results_updated', onResults);
+        const id1 = subscribe('tis.cycle_added',     onCycle);
+        const id2 = subscribe('tis.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]);
+    }, [projectId, methodId, runId, throttleMs]);
 
     // -----------------------------------------------------------------
     // Chart data
@@ -241,10 +252,18 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
     // -----------------------------------------------------------------
     // Render
     // -----------------------------------------------------------------
+    if (!projectId || !methodId || !runId || !schema) {
+        return (
+            <div className="p-card" style={{ padding: '1rem', color: 'var(--text-secondary-color)' }}>
+                No test selected. Pick a row from the History tab or start a run.
+            </div>
+        );
+    }
+
     return (
         <div className="vblock" style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
             <Header meta={meta} config={meta?.config} runId={runId}
-                    projectId={projectId} definitionId={definitionId}
+                    projectId={projectId} methodId={methodId}
                     canViewRaw={!!schema.raw_data}
                     onViewRaw={() => setRawOpen(true)} />
 
@@ -297,7 +316,7 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
                 >
                     <TestRawDataView
                         projectId={projectId}
-                        definitionId={definitionId}
+                        methodId={methodId}
                         runId={runId}
                         schema={schema}
                     />
@@ -313,15 +332,29 @@ export const TestDataView: React.FC<TestDataViewProps> = ({
 
 const Header: React.FC<{
     meta: any; config: any; runId: string;
-    projectId: string; definitionId: string;
+    projectId: string; methodId: string;
     canViewRaw: boolean; onViewRaw: () => void;
-}> = ({ meta, config, runId, projectId, definitionId, canViewRaw, onViewRaw }) => (
+}> = ({ meta, config, runId, projectId, methodId, canViewRaw, onViewRaw }) => {
+    // Sample ID is the field operators look for first; pull it from the
+    // top-level test.json field, falling back to the legacy nested location.
+    const sampleId =
+        (typeof meta?.sample_id === 'string' && meta.sample_id) ||
+        (typeof meta?.config?.sample_id === 'string' && meta.config.sample_id) ||
+        '';
+
+    // The body of the user-facing config grid should not surface the
+    // sample_id again — it's already in the header.
+    const configWithoutSampleId = config && typeof config === 'object'
+        ? Object.fromEntries(Object.entries(config).filter(([k]) => k !== 'sample_id'))
+        : {};
+
+    return (
     <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>
+                <h2 style={{ margin: 0 }}>{sampleId || runId}</h2>
                 <div style={{ color: 'var(--text-secondary-color)', fontSize: '0.85em' }}>
-                    project: {projectId}
+                    project: {projectId} · method: {methodId} · run: {runId}
                     {meta?.start_time && <> · started: {new Date(meta.start_time).toLocaleString()}</>}
                 </div>
             </div>
@@ -329,17 +362,18 @@ const Header: React.FC<{
                 <Button icon="pi pi-chart-line" label="View Raw Data" onClick={onViewRaw} outlined />
             )}
         </div>
-        {config && Object.keys(config).length > 0 && (
+        {Object.keys(configWithoutSampleId).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]) => (
+                {Object.entries(configWithoutSampleId).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) {

package/src/components/tis/TestRawDataView.tsx

@@ -1,10 +1,10 @@
 /*
  * 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.
+ * TestRawDataView — raw-trace viewer for the Test Information 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>.
@@ -23,7 +23,8 @@ import { Line } from 'react-chartjs-2';
 
 import { EventEmitterContext } from '../../core/EventEmitterContext';
 import { MessageType } from '../../hub/CommandMessage';
-import type { ChartView, TestDefinition } from './TestDataView';
+import type { ChartView, TestMethod } from './TestDataView';
+import { useTis } from './TisProvider';
 
 ChartJS.register(
     CategoryScale, LinearScale, PointElement, LineElement,
@@ -31,21 +32,27 @@ ChartJS.register(
 );
 
 export interface TestRawDataViewProps {
-    projectId:    string;
-    definitionId: string;
-    runId:        string;
-    schema:       TestDefinition;
+    /** Optional override; defaults to `useTisSelection().projectId`. */
+    projectId?: string;
+    /** Optional override; defaults to `useTisSelection().methodId`. */
+    methodId?:  string;
+    /** Optional override; defaults to `useTisSelection().runId`. */
+    runId?:     string;
+    /** Optional override; defaults to `useTisSchemas()[methodId]`. */
+    schema?:    TestMethod;
     /** Override the blob name (default: schema.raw_data.blob_name). */
-    blobName?:    string;
+    blobName?: string;
     /** Fixed chart height. Default "60vh". */
     chartHeight?: string;
 }
 
-export const TestRawDataView: React.FC<TestRawDataViewProps> = ({
-    projectId, definitionId, runId, schema,
-    blobName,
-    chartHeight = '60vh',
-}) => {
+export const TestRawDataView: React.FC<TestRawDataViewProps> = (props) => {
+    const tis = useTis();
+    const projectId = props.projectId ?? tis.selection.projectId;
+    const methodId  = props.methodId  ?? tis.selection.methodId;
+    const runId     = props.runId     ?? tis.selection.runId;
+    const schema    = props.schema    ?? (methodId ? (tis.schemas[methodId] as TestMethod) : undefined);
+    const { blobName, chartHeight = '60vh' } = props;
     const { invoke } = useContext(EventEmitterContext);
 
     const [raw, setRaw]         = useState<Record<string, number[]> | null>(null);
@@ -56,8 +63,8 @@ export const TestRawDataView: React.FC<TestRawDataViewProps> = ({
     // 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 });
+        for (const [name, v] of Object.entries(schema?.views ?? {})) {
+            if ((v as ChartView).type === 'raw_trace') out.push({ name, view: v as ChartView });
         }
         return out;
     }, [schema]);
@@ -66,18 +73,22 @@ export const TestRawDataView: React.FC<TestRawDataViewProps> = ({
         traceViews.length > 0 ? traceViews[0].name : null,
     );
 
-    const effectiveBlobName = blobName ?? schema.raw_data?.blob_name ?? 'trace';
+    const effectiveBlobName = blobName ?? schema?.raw_data?.blob_name ?? 'trace';
 
     // Lazy fetch — only runs on mount / when identifiers change.
     useEffect(() => {
+        if (!projectId || !methodId || !runId) {
+            setRaw(null); setLoading(false); setError(null);
+            return;
+        }
         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,
+                    'tis.read_raw' as any, MessageType.Request as any,
+                    { project_id: projectId, method_id: methodId,
                       run_id: runId, name: effectiveBlobName } as any);
                 if (cancelled) return;
                 if (resp?.success) {
@@ -92,7 +103,7 @@ export const TestRawDataView: React.FC<TestRawDataViewProps> = ({
             }
         })();
         return () => { cancelled = true; };
-    }, [projectId, definitionId, runId, effectiveBlobName, invoke]);
+    }, [projectId, methodId, runId, effectiveBlobName, invoke]);
 
     const chartData = useMemo(() => {
         if (!raw || !selectedView) return null;
@@ -148,8 +159,14 @@ export const TestRawDataView: React.FC<TestRawDataViewProps> = ({
         },
     }), [selectedViewDef, usesRightAxis]);
 
+    if (!projectId || !methodId || !runId) {
+        return <EmptyState message="No test selected." />;
+    }
+    if (!schema) {
+        return <EmptyState message="Schema not loaded yet." />;
+    }
     if (!schema.raw_data) {
-        return <EmptyState message="No raw_data is declared for this test definition." />;
+        return <EmptyState message="No raw_data is declared for this test method." />;
     }
     if (traceViews.length === 0) {
         return <EmptyState message="No raw_trace views declared. Add one to schema.views in project.json." />;