@adcops/autocore-react 3.3.19 → 3.3.25

package/dist/components/ResultHistoryTable.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ResultHistoryTableProps {
+    projectId: string;
+    definitionId: string;
+}
+export declare const ResultHistoryTable: React.FC<ResultHistoryTableProps>;
+//# sourceMappingURL=ResultHistoryTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../src/components/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiDhE,CAAC"}

package/dist/components/ResultHistoryTable.js

@@ -0,0 +1 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import{DataTable}from"primereact/datatable";import{Column}from"primereact/column";import{Button}from"primereact/button";import{EventEmitterContext}from"../core/EventEmitterContext";export const ResultHistoryTable=({projectId:t,definitionId:e})=>{const[s,r]=useState([]),[i,o]=useState(!1),{invoke:n}=useContext(EventEmitterContext),a=async()=>{o(!0);try{const s=await n("results.list_tests",{project_id:t,definition_id:e});s.success&&s.data&&s.data.tests&&r(s.data.tests)}catch(t){}o(!1)};useEffect(()=>{a()},[t,e]);return _jsxs("div",{children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem"},children:[_jsxs("h3",{children:["Test History: ",e]}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",onClick:a,disabled:i})]}),_jsxs(DataTable,{value:s,loading:i,paginator:!0,rows:10,emptyMessage:"No tests found.",children:[_jsx(Column,{field:"run_id",header:"Run ID",sortable:!0}),_jsx(Column,{field:"start_time",header:"Date/Time",body:t=>{return(e=t.start_time)?new Date(e).toLocaleString():"";var e},sortable:!0}),_jsx(Column,{header:"Config / Results",body:t=>_jsxs("div",{style:{fontSize:"0.85em",color:"var(--text-secondary-color)"},children:[_jsxs("div",{children:[_jsx("strong",{children:"Config:"})," ",JSON.stringify(t.config)]}),_jsxs("div",{children:[_jsx("strong",{children:"Results:"})," ",JSON.stringify(t.results)]})]})})]})]})};

package/dist/components/TestSetupForm.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface TestFieldDef {
+    name: string;
+    type: string;
+    units?: string;
+    required?: boolean;
+    source?: string;
+}
+export interface TestDefinition {
+    project_fields: TestFieldDef[];
+    config_fields: TestFieldDef[];
+    cycle_fields: TestFieldDef[];
+    results_fields: TestFieldDef[];
+}
+export interface TestSetupFormProps {
+    schema: TestDefinition;
+    defaultProjectId?: string;
+    defaultDefinitionId?: string;
+    onProjectChange?: (projectId: string) => void;
+    onDefinitionChange?: (definitionId: string) => void;
+    onValidationChange?: (isValid: boolean, config: any) => void;
+}
+export declare const TestSetupForm: React.FC<TestSetupFormProps>;
+//# sourceMappingURL=TestSetupForm.d.ts.map

package/dist/components/TestSetupForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestSetupForm.d.ts","sourceRoot":"","sources":["../../src/components/TestSetupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,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,cAAc;IAC3B,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,cAAc,EAAE,YAAY,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgKtD,CAAC"}

package/dist/components/TestSetupForm.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import{InputText}from"primereact/inputtext";import{AutoComplete}from"primereact/autocomplete";import{EventEmitterContext}from"../core/EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export const TestSetupForm=({schema:e,defaultProjectId:s="",defaultDefinitionId:a="default",onProjectChange:t,onDefinitionChange:n,onValidationChange:r})=>{const[i,o]=useState({}),[c,p]=useState(s),[l,m]=useState(a);useEffect(()=>{t&&t(c)},[c,t]),useEffect(()=>{n&&n(l)},[l,n]);const[u,d]=useState([]),[f,x]=useState([]),[j,g]=useState(!1),{invoke:h}=useContext(EventEmitterContext);useEffect(()=>{(async()=>{try{const e=await h("results.list_projects",MessageType.Request,{});e.success&&e.data&&e.data.projects&&d(e.data.projects)}catch(e){}})()},[h]);useEffect(()=>{let s=!0;c&&""!==c.trim()||(s=!1),l&&""!==l.trim()||(s=!1);const a=[...e.project_fields,...e.config_fields];for(const e of a)if(e.required&&!e.source&&(void 0===i[e.name]||""===i[e.name])){s=!1;break}g(s),r&&r(s,i)},[i,e,c,l,r]);const _=e=>{if(e.source)return _jsxs("div",{className:"ac-form-span p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:e.name}),_jsx(InputText,{value:`Auto-fetched from ${e.source}`,disabled:!0}),e.units&&_jsx("span",{className:"p-inputgroup-addon",children:e.units}),_jsx("span",{className:"p-inputgroup-addon",style:{color:"var(--green-500)"},children:_jsx("i",{className:"pi pi-check"})})]},e.name);const s=(e=>!(e.required&&!e.source)||void 0!==i[e.name]&&""!==i[e.name])(e);return _jsxs("div",{className:"ac-form-span p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:e.name}),_jsx(InputText,{value:i[e.name]||"",onChange:s=>o({...i,[e.name]:s.target.value}),placeholder:`Enter ${e.name}`,className:s?"":"p-invalid"}),e.units&&_jsx("span",{className:"p-inputgroup-addon",children:e.units}),_jsx("span",{className:"p-inputgroup-addon",style:{color:s?"var(--green-500)":"var(--red-500)"},children:_jsx("i",{className:s?"pi pi-check":"pi pi-times"})})]},e.name)};return _jsxs("div",{className:"ac-form-grid",style:{padding:"1.25rem"},children:[_jsxs("h3",{className:"ac-form-section",style:{display:"flex",alignItems:"center",gap:"10px"},children:["Project & Definition",_jsx("span",{style:{color:j?"var(--green-500)":"var(--red-500)"},children:_jsx("i",{className:j?"pi pi-check-circle":"pi pi-exclamation-circle"})})]}),_jsxs("div",{className:"ac-form-span p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:"Project ID"}),_jsx(AutoComplete,{value:c,suggestions:f,completeMethod:e=>{const s=e.query.toLowerCase();x(u.filter(e=>e.toLowerCase().includes(s)))},onChange:e=>(e=>{const s=e.replace(/[^a-zA-Z0-9_]/g,"");p(s)})(e.value),dropdown:!0,placeholder:"Enter or select Project ID",className:c&&""!==c.trim()?"":"p-invalid"}),_jsx("span",{className:"p-inputgroup-addon",style:{color:c&&""!==c.trim()?"var(--green-500)":"var(--red-500)"},children:_jsx("i",{className:c&&""!==c.trim()?"pi pi-check":"pi pi-times"})})]}),_jsxs("div",{className:"ac-form-span p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:"Definition ID"}),_jsx(InputText,{value:l,onChange:e=>(e=>{const s=e.replace(/[^a-zA-Z0-9_]/g,"");m(s)})(e.target.value),placeholder:"Enter Definition ID",className:l&&""!==l.trim()?"":"p-invalid"}),_jsx("span",{className:"p-inputgroup-addon",style:{color:l&&""!==l.trim()?"var(--green-500)":"var(--red-500)"},children:_jsx("i",{className:l&&""!==l.trim()?"pi pi-check":"pi pi-times"})})]}),_jsx("h3",{className:"ac-form-section",style:{marginTop:"1rem"},children:"Project Information"}),e.project_fields.map(_),_jsx("h3",{className:"ac-form-section",style:{marginTop:"1rem"},children:"Test Configuration"}),e.config_fields.map(_)]})};

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TestSetupForm';
+export * from './ResultHistoryTable';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1 @@
+export*from"./TestSetupForm";export*from"./ResultHistoryTable";

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useAdsRegisterSymbols, useAdsWriteValue, useAdsTapValue } from "./adsHooks";
 export { useScaledValue, kMillimeters2Inches } from './useScaledValue';
+export * from './useServeletData';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAE,cAAc,EAAC,MAAM,YAAY,CAAC;AACnF,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAE,cAAc,EAAC,MAAM,YAAY,CAAC;AACnF,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACtE,cAAc,mBAAmB,CAAC"}

package/dist/hooks/index.js

@@ -1 +1 @@
-export{useAdsRegisterSymbols,useAdsWriteValue,useAdsTapValue}from"./adsHooks";export{useScaledValue,kMillimeters2Inches}from"./useScaledValue";
+export{useAdsRegisterSymbols,useAdsWriteValue,useAdsTapValue}from"./adsHooks";export{useScaledValue,kMillimeters2Inches}from"./useScaledValue";export*from"./useServeletData";

package/dist/hooks/useServeletData.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Hook to read, write, and subscribe to a value in a generic servelet like MemoryStore or GNV.
+ */
+export declare function useServeletData<T = any>(domain: string, key: string, defaultValue?: T): {
+    value: T | undefined;
+    write: (newValue: T) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+/**
+ * Read, write, and subscribe to a non-volatile key in the Global Non-Volatile (GNV) store.
+ * @param group The config group (e.g. "app")
+ * @param key The config key (e.g. "description")
+ * @param defaultValue Optional fallback before load
+ */
+export declare function useGnv<T = any>(group: string, key: string, defaultValue?: T): {
+    value: T | undefined;
+    write: (newValue: T) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+/**
+ * Read, write, and subscribe to a volatile key in the MemoryStore.
+ * @param key The cache key (e.g. "temp_state")
+ * @param defaultValue Optional fallback before load
+ */
+export declare function useMemoryStore<T = any>(key: string, defaultValue?: T): {
+    value: T | undefined;
+    write: (newValue: T) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useServeletData.d.ts.map

package/dist/hooks/useServeletData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServeletData.d.ts","sourceRoot":"","sources":["../../src/hooks/useServeletData.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC;;sBAuDlC,CAAC;;;;EAapD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC;;;;;;EAE3E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC;;;;;;EAEpE"}

package/dist/hooks/useServeletData.js

@@ -0,0 +1 @@
+import{useState,useEffect,useContext,useCallback}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export function useServeletData(e,t,r){const{invoke:s,subscribe:n,unsubscribe:a,isConnected:o}=useContext(EventEmitterContext),[u,c]=useState(r),[l,i]=useState(!0),[m,f]=useState(null),v=`${e}.${t}`,y=useCallback(async()=>{if(o())try{i(!0);const e=await s(v,MessageType.Read,{});e.success?(c(e.data),f(null)):f(e.error_message)}catch(e){f(e.message)}finally{i(!1)}},[v,s,o]);useEffect(()=>{let e=null,t=null,r=!0;const s=()=>{y(),e=n(v,e=>{r&&c(e.data)})};return o()?s():t=n("HUB/connected",()=>{r&&s()}),()=>{r=!1,null!==e&&a(e),null!==t&&a(t)}},[v,y,n,a,o]);return{value:u,write:useCallback(async e=>{try{const t=await s(v,MessageType.Write,e);if(!t.success)throw new Error(t.error_message)}catch(e){throw e}},[v,s]),isLoading:l,error:m,refresh:y}}export function useGnv(e,t,r){return useServeletData("gnv",`${e}.${t}`,r)}export function useMemoryStore(e,t){return useServeletData("memorystore",e,t)}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adcops/autocore-react",
-    "version": "3.3.19",
+    "version": "3.3.25",
     "description": "A React component library for industrial user interfaces.",
     "private": false,
     "type": "module",
@@ -40,7 +40,7 @@
     "homepage": "https://automateddesign.com",
     "peerDependencies": {
         "@types/react": "^18",
-        "primereact": ">=10.6.3",
+        "primereact": ">=10.9.7",
         "react": "^18",
         "react-dom": "^18"
     },

package/src/components/ResultHistoryTable.tsx

@@ -0,0 +1,61 @@
+import React, { useState, useEffect, useContext } from 'react';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { Button } from 'primereact/button';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+
+export interface ResultHistoryTableProps {
+    projectId: string;
+    definitionId: string;
+}
+
+export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectId, definitionId }) => {
+    const [tests, setTests] = useState<any[]>([]);
+    const [loading, setLoading] = useState(false);
+    const { invoke } = useContext(EventEmitterContext);
+
+    const loadTests = async () => {
+        setLoading(true);
+        try {
+            const resp: any = await invoke('results.list_tests' as any, {
+                project_id: projectId,
+                definition_id: definitionId
+            } as any);
+            if (resp.success && resp.data && resp.data.tests) {
+                setTests(resp.data.tests);
+            }
+        } catch (err) {
+            console.error("Failed to load tests", err);
+        }
+        setLoading(false);
+    };
+
+    useEffect(() => {
+        loadTests();
+    }, [projectId, definitionId]);
+
+    const formatDate = (dateStr: string) => {
+        if (!dateStr) return '';
+        return new Date(dateStr).toLocaleString();
+    };
+
+    return (
+        <div>
+            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
+                <h3>Test History: {definitionId}</h3>
+                <Button icon="pi pi-refresh" label="Refresh" onClick={loadTests} disabled={loading} />
+            </div>
+            
+            <DataTable value={tests} loading={loading} paginator rows={10} emptyMessage="No tests found.">
+                <Column field="run_id" header="Run ID" sortable />
+                <Column field="start_time" header="Date/Time" body={(rowData) => formatDate(rowData.start_time)} sortable />
+                <Column header="Config / Results" body={(rowData) => (
+                    <div style={{ fontSize: '0.85em', color: 'var(--text-secondary-color)' }}>
+                        <div><strong>Config:</strong> {JSON.stringify(rowData.config)}</div>
+                        <div><strong>Results:</strong> {JSON.stringify(rowData.results)}</div>
+                    </div>
+                )} />
+            </DataTable>
+        </div>
+    );
+};

package/src/components/TestSetupForm.tsx

@@ -0,0 +1,192 @@
+import React, { useState, useEffect, useContext } from 'react';
+import { InputText } from 'primereact/inputtext';
+import { AutoComplete } from 'primereact/autocomplete';
+import type { AutoCompleteCompleteEvent } from 'primereact/autocomplete';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { MessageType } from '../hub/CommandMessage';
+
+export interface TestFieldDef {
+    name: string;
+    type: string;
+    units?: string;
+    required?: boolean;
+    source?: string;
+}
+
+export interface TestDefinition {
+    project_fields: TestFieldDef[];
+    config_fields: TestFieldDef[];
+    cycle_fields: TestFieldDef[];
+    results_fields: TestFieldDef[];
+}
+
+export interface TestSetupFormProps {
+    schema: TestDefinition;
+    defaultProjectId?: string;
+    defaultDefinitionId?: string;
+    onProjectChange?: (projectId: string) => void;
+    onDefinitionChange?: (definitionId: string) => void;
+    onValidationChange?: (isValid: boolean, config: any) => void;
+}
+
+export const TestSetupForm: React.FC<TestSetupFormProps> = ({ 
+    schema, 
+    defaultProjectId = "", 
+    defaultDefinitionId = "default", 
+    onProjectChange,
+    onDefinitionChange,
+    onValidationChange
+}) => {
+    const [config, setConfig] = useState<any>({});
+    const [projectId, setProjectId] = useState<string>(defaultProjectId);
+    const [definitionId, setDefinitionId] = useState<string>(defaultDefinitionId);
+    
+    // Notify parent when projectId or definitionId changes
+    useEffect(() => {
+        if (onProjectChange) onProjectChange(projectId);
+    }, [projectId, onProjectChange]);
+
+    useEffect(() => {
+        if (onDefinitionChange) onDefinitionChange(definitionId);
+    }, [definitionId, onDefinitionChange]);
+    
+    const [existingProjects, setExistingProjects] = useState<string[]>([]);
+    const [filteredProjects, setFilteredProjects] = useState<string[]>([]);
+    
+    const [isValid, setIsValid] = useState(false);
+    const { invoke } = useContext(EventEmitterContext);
+
+    useEffect(() => {
+        const fetchProjects = async () => {
+            try {
+                const resp: any = await invoke('results.list_projects' as any, MessageType.Request as any, {} as any);
+                if (resp.success && resp.data && resp.data.projects) {
+                    setExistingProjects(resp.data.projects);
+                }
+            } catch (err) {
+                console.error("Failed to list projects", err);
+            }
+        };
+        fetchProjects();
+    }, [invoke]);
+
+    const searchProjects = (event: AutoCompleteCompleteEvent) => {
+        const query = event.query.toLowerCase();
+        setFilteredProjects(existingProjects.filter(p => p.toLowerCase().includes(query)));
+    };
+
+    const handleProjectIdChange = (value: string) => {
+        const sanitized = value.replace(/[^a-zA-Z0-9_]/g, '');
+        setProjectId(sanitized);
+    };
+
+    const handleDefinitionIdChange = (value: string) => {
+        const sanitized = value.replace(/[^a-zA-Z0-9_]/g, '');
+        setDefinitionId(sanitized);
+    };
+
+    useEffect(() => {
+        let valid = true;
+        if (!projectId || projectId.trim() === '') valid = false;
+        if (!definitionId || definitionId.trim() === '') valid = false;
+        
+        const allFields = [...schema.project_fields, ...schema.config_fields];
+        
+        for (const field of allFields) {
+            if (field.required && !field.source) {
+                if (config[field.name] === undefined || config[field.name] === '') {
+                    valid = false;
+                    break;
+                }
+            }
+        }
+        setIsValid(valid);
+        if (onValidationChange) {
+            onValidationChange(valid, config);
+        }
+    }, [config, schema, projectId, definitionId, onValidationChange]);
+
+    const isFieldValid = (field: TestFieldDef) => {
+        if (!field.required || field.source) return true;
+        return config[field.name] !== undefined && config[field.name] !== '';
+    };
+
+    const renderField = (field: TestFieldDef) => {
+        if (field.source) {
+            return (
+                <div key={field.name} className="ac-form-span p-inputgroup">
+                    <span className="p-inputgroup-addon">{field.name}</span>
+                    <InputText value={`Auto-fetched from ${field.source}`} disabled />
+                    {field.units && <span className="p-inputgroup-addon">{field.units}</span>}
+                    <span className="p-inputgroup-addon" style={{ color: 'var(--green-500)' }}>
+                        <i className="pi pi-check"></i>
+                    </span>
+                </div>
+            );
+        }
+
+        const valid = isFieldValid(field);
+
+        return (
+            <div key={field.name} className="ac-form-span p-inputgroup">
+                <span className="p-inputgroup-addon">{field.name}</span>
+                <InputText 
+                    value={config[field.name] || ''} 
+                    onChange={(e) => setConfig({...config, [field.name]: e.target.value})}
+                    placeholder={`Enter ${field.name}`}
+                    className={!valid ? 'p-invalid' : ''}
+                />
+                {field.units && <span className="p-inputgroup-addon">{field.units}</span>}
+                <span className="p-inputgroup-addon" style={{ color: valid ? 'var(--green-500)' : 'var(--red-500)' }}>
+                    <i className={valid ? "pi pi-check" : "pi pi-times"}></i>
+                </span>
+            </div>
+        );
+    };
+
+    return (
+        <div className="ac-form-grid" style={{ padding: '1.25rem' }}>
+            <h3 className="ac-form-section" style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+                Project & Definition 
+                <span style={{ color: isValid ? 'var(--green-500)' : 'var(--red-500)' }}>
+                    <i className={isValid ? "pi pi-check-circle" : "pi pi-exclamation-circle"}></i>
+                </span>
+            </h3>
+            
+            <div className="ac-form-span p-inputgroup">
+                <span className="p-inputgroup-addon">Project ID</span>
+                <AutoComplete 
+                    value={projectId} 
+                    suggestions={filteredProjects} 
+                    completeMethod={searchProjects} 
+                    onChange={(e) => handleProjectIdChange(e.value)} 
+                    dropdown 
+                    placeholder="Enter or select Project ID"
+                    className={!projectId || projectId.trim() === '' ? 'p-invalid' : ''}
+                />
+                <span className="p-inputgroup-addon" style={{ color: projectId && projectId.trim() !== '' ? 'var(--green-500)' : 'var(--red-500)' }}>
+                    <i className={projectId && projectId.trim() !== '' ? "pi pi-check" : "pi pi-times"}></i>
+                </span>
+            </div>
+            
+            <div className="ac-form-span p-inputgroup">
+                <span className="p-inputgroup-addon">Definition ID</span>
+                <InputText 
+                    value={definitionId} 
+                    onChange={(e) => handleDefinitionIdChange(e.target.value)}
+                    placeholder="Enter Definition ID"
+                    className={!definitionId || definitionId.trim() === '' ? 'p-invalid' : ''}
+                />
+                <span className="p-inputgroup-addon" style={{ color: definitionId && definitionId.trim() !== '' ? 'var(--green-500)' : 'var(--red-500)' }}>
+                    <i className={definitionId && definitionId.trim() !== '' ? "pi pi-check" : "pi pi-times"}></i>
+                </span>
+            </div>
+
+            <h3 className="ac-form-section" style={{ marginTop: '1rem' }}>Project Information</h3>
+            {schema.project_fields.map(renderField)}
+            
+            <h3 className="ac-form-section" style={{ marginTop: '1rem' }}>Test Configuration</h3>
+            {schema.config_fields.map(renderField)}
+        </div>
+    );
+};

package/src/components/index.ts

@@ -0,0 +1,2 @@
+export * from './TestSetupForm';
+export * from './ResultHistoryTable';

package/src/hooks/index.ts

@@ -10,3 +10,4 @@
 
 export {useAdsRegisterSymbols, useAdsWriteValue, useAdsTapValue} from "./adsHooks";
 export {useScaledValue, kMillimeters2Inches } from './useScaledValue';
+export * from './useServeletData';

package/src/hooks/useServeletData.ts

@@ -0,0 +1,95 @@
+import { useState, useEffect, useContext, useCallback } from 'react';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { MessageType } from '../hub/CommandMessage';
+
+/**
+ * Hook to read, write, and subscribe to a value in a generic servelet like MemoryStore or GNV.
+ */
+export function useServeletData<T = any>(domain: string, key: string, defaultValue?: T) {
+    const { invoke, subscribe, unsubscribe, isConnected } = useContext(EventEmitterContext);
+    const [value, setValue] = useState<T | undefined>(defaultValue);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+
+    const fqdn = `${domain}.${key}`;
+
+    const fetchValue = useCallback(async () => {
+        if (!isConnected()) return;
+        try {
+            setIsLoading(true);
+            const resp = await invoke(fqdn, MessageType.Read, {});
+            if (resp.success) {
+                setValue(resp.data as T);
+                setError(null);
+            } else {
+                setError(resp.error_message);
+            }
+        } catch (err: any) {
+            setError(err.message);
+        } finally {
+            setIsLoading(false);
+        }
+    }, [fqdn, invoke, isConnected]);
+
+    useEffect(() => {
+        let subId: number | null = null;
+        let connSubId: number | null = null;
+        let isMounted = true;
+
+        const setup = () => {
+            fetchValue();
+            subId = subscribe(fqdn, (msg) => {
+                if (isMounted) {
+                    setValue(msg.data as T);
+                }
+            });
+        };
+
+        if (isConnected()) {
+            setup();
+        } else {
+            connSubId = subscribe("HUB/connected", () => {
+                if (isMounted) setup();
+            });
+        }
+
+        return () => {
+            isMounted = false;
+            if (subId !== null) unsubscribe(subId);
+            if (connSubId !== null) unsubscribe(connSubId);
+        };
+    }, [fqdn, fetchValue, subscribe, unsubscribe, isConnected]);
+
+    const writeValue = useCallback(async (newValue: T) => {
+        try {
+            // Use invoke directly to avoid Hub's default behavior of wrapping the payload in { value: ... }
+            const resp = await invoke(fqdn, MessageType.Write, newValue as any);
+            if (!resp.success) {
+                throw new Error(resp.error_message);
+            }
+        } catch (err: any) {
+            throw err;
+        }
+    }, [fqdn, invoke]);
+
+    return { value, write: writeValue, isLoading, error, refresh: fetchValue };
+}
+
+/**
+ * Read, write, and subscribe to a non-volatile key in the Global Non-Volatile (GNV) store.
+ * @param group The config group (e.g. "app")
+ * @param key The config key (e.g. "description")
+ * @param defaultValue Optional fallback before load
+ */
+export function useGnv<T = any>(group: string, key: string, defaultValue?: T) {
+    return useServeletData<T>('gnv', `${group}.${key}`, defaultValue);
+}
+
+/**
+ * Read, write, and subscribe to a volatile key in the MemoryStore.
+ * @param key The cache key (e.g. "temp_state")
+ * @param defaultValue Optional fallback before load
+ */
+export function useMemoryStore<T = any>(key: string, defaultValue?: T) {
+    return useServeletData<T>('memorystore', key, defaultValue);
+}