@adcops/autocore-react 3.3.84 → 3.3.87

package/dist/components/ValueInput.css

@@ -1,29 +1,26 @@
 /*
  * ValueInput sizing.
  *
- * Within a .p-inputgroup, PrimeReact gives .p-inputwrapper `flex: 1 1 auto`
- * so the InputNumber stretches to fill all available space. Override that
- * for our sized variants so only the input field is constrained — label,
- * accept/cancel buttons keep their natural size.
+ * NumericFormat with customInput=InputText renders a plain <input class="p-inputtext">
+ * (no .p-inputwrapper span like PrimeReact's InputNumber). In a .p-inputgroup the
+ * input defaults to flex: 1 1 auto; we override that so the field stays at a
+ * fixed width while the label addon and accept/cancel buttons keep their
+ * natural sizes.
  */
 
-.value-input-field.p-inputwrapper {
+.value-input-field.p-inputtext {
     flex: 0 0 auto;
-}
-
-.value-input-field.p-inputwrapper .p-inputtext {
-    width: 100%;
     box-sizing: border-box;
 }
 
-.value-input-field.size-small.p-inputwrapper {
+.value-input-field.size-small.p-inputtext {
     width: 30mm;
 }
 
-.value-input-field.size-normal.p-inputwrapper {
+.value-input-field.size-normal.p-inputtext {
     width: 55mm;
 }
 
-.value-input-field.size-large.p-inputwrapper {
+.value-input-field.size-large.p-inputtext {
     width: 70mm;
 }

package/dist/components/ValueInput.d.ts

@@ -1,167 +1,58 @@
 /** @file
- * `ValueInput` is a React component for number input that encapsulates various features
- * such as custom numeric formatting, optional currency formatting, increment and decrement
- * buttons, and validation. This component uses the PrimeReact `InputNumber` control
- * to provide a rich input experience, including handling both decimal and currency modes,
- * with configurable precision and optional prefix/suffix text.
+ * `ValueInput` is a React component for numeric entry built on top of
+ * `react-number-format`. It wraps a PrimeReact `InputText` so the field
+ * inherits the standard inputgroup styling and integrates with the
+ * accept/cancel button row below.
  *
- * Properties:
- * - `label`: Label text displayed on the input field.
- * - `value`: Current numeric value of the input field.
- * - `min`: Minimum allowable value.
- * - `max`: Maximum allowable value.
- * - `minPrecision`: Minimum number of decimal places to display.
- * - `maxPrecision`: Maximum number of decimal places allowed.
- * - `mode`: Determines whether the input is treated as a plain decimal or currency. Defaults to "decimal".
- * - `currency`: ISO 4217 currency code for formatting the value as currency.
- * - `prefix`: String to display before the value.
- * - `suffix`: String to display after the value.
- * - `showButtons`: Whether to display increment and decrement buttons.
- * - `step`: The amount by which the value should be incremented or decremented.
- * - `locale`: Locale code for formatting the value.
- * - `description`: Additional descriptive text to display below the input.
- * - `disabled`: Whether the input is disabled.
- * - `dispatchTopic`: Event topic to dispatch on value change.
- * - `placeholder`: Placeholder text when the input is empty.
- * - `onValueChanged`: Callback function that is called when the user accepts a new value.
- *
- * Example Usage:
- * ```tsx
- * <ValueInput
- *   label="Quantity"
- *   value={10}
- *   min={1}
- *   max={100}
- *   minPrecision={0}
- *   maxPrecision={2}
- *   mode="decimal"
- *   showButtons={true}
- *   step={1}
- *   locale="en-US"
- *   onValueChanged={(newValue) => console.log("New Value:", newValue)}
- * />
- * ```
+ * Why react-number-format and not PrimeReact's `InputNumber`:
+ *   - `InputNumber` handles the `-` key via `onKeyDown` (sign-toggle action).
+ *     On Wayland on-screen keyboards (Ubuntu 24 virtual keyboard) keydown is
+ *     not always delivered, so negative entry was broken on touch HMIs.
+ *   - `NumericFormat` treats the input as text and validates it against a
+ *     numeric format. The user can simply type `-`, `2`, `0`, `0` to get
+ *     `-200` on every input device.
  *
- * This example creates a `ValueInput` component for entering quantities, with values ranging from 1 to 100,
- * allowing up to 2 decimal places. Increment and decrement buttons are visible, and the new value is logged
- * to the console when accepted.
+ * Properties:
+ * - `label`: Optional label addon shown before the field.
+ * - `value`: Externally controlled value.
+ * - `min` / `max`: Range validation, applied on accept.
+ * - `minPrecision` / `maxPrecision`: Decimal precision. (Aliases
+ *   `minFractionDigits` / `maxFractionDigits` are also accepted for
+ *   compatibility with older call sites.)
+ * - `prefix` / `suffix`: Inline string before/after the number.
+ * - `description`: Small advisory text below the field.
+ * - `disabled`: Disable all interaction.
+ * - `dispatchTopic`: Topic dispatched on accept via the EventEmitter context.
+ * - `placeholder`: Placeholder when empty.
+ * - `onValueChanged`: Called with the new numeric value when the user accepts.
+ * - `size`: Field width — small (30mm), normal (55mm), large (70mm).
  */
 import React from 'react';
-import { type InputNumberProps } from 'primereact/inputnumber';
-import "./ValueInput.css";
+import './ValueInput.css';
 export type ValueInputSize = 'small' | 'normal' | 'large';
-/**
- * Properties of the ValueInput component.
- */
-interface ValueInputProps extends Omit<InputNumberProps, 'value' | 'size'> {
-    /**
-     * The label for the ValueInput field.
-     */
-    label: React.ReactNode | undefined | null;
-    /**
-     * The value for the field.
-     */
+export interface ValueInputProps {
+    label?: React.ReactNode | null;
     value: number | null;
-    /**
-     * Minimum value for the field.
-     */
-    min?: number | undefined;
-    /**
-     * Minimum value for the field.
-     */
-    max?: number | undefined;
-    /**
-     * Minimum number of decimal points. The user will not
-     * be required to type the decimal values, but this minimum
-     * precision will always be displayed.
-     * Must be less than or equal to maxPrecision, or
-     * the component will throw an error.
-     * @default 0
-     */
-    minPrecision?: number | undefined;
-    /**
-     * Maximum number of decimal points.
-     * Set to 0 for integer-only. Must be greater or equal to than minPrecision, or
-     * the component will throw an error.
-     * @default 3
-     */
-    maxPrecision?: number | undefined;
-    /**
-     * Defines the behavior of the component.
-     * If set to "currency", then you need to specify the
-     * currency type using the currency property.
-     * @default "decimal"
-     */
-    mode?: "currency" | "decimal" | undefined;
-    /**
-     * The currency to use in currency formatting. Possible values are the
-     * [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency),
-     * such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB.
-     * If the mode is "currency", the currency property must be provided.
-     *
-     * @default "USD"
-     */
-    currency?: string;
-    /**
-     * An optional prefix before the value of the field.
-     * Unlike the TextInput control, this prefix is internal to the field.
-     */
-    prefix?: string | undefined;
-    /**
-     * An optional suffix after the value of the field.
-     * Unlike the TextInput control, this prefix is internal to the field.
-     */
-    suffix?: string | undefined;
-    /**
-     * Set true to display buttons to increment/decrement the value.
-     * Use the step property to adjust the amount that the value will change.
-     *
-     * @default false
-     */
-    showButtons?: boolean;
-    /**
-     * The amount clicking an increment/decrement buttion will change the value.
-     */
-    step?: number | undefined;
-    /**
-     * Locale to be used in formatting. Changes how the numbers/separators are displayed
-     * for international users. The typical locale codes are used.
-     *
-     * @default "en-US"
-     */
-    locale?: string | undefined;
-    /**
-     * A small, advisory text below the field.
-     */
-    description?: React.ReactNode | undefined;
-    /**
-     * If true, all functions of the field will be disabled.
-     */
-    disabled?: boolean | undefined;
-    /** Topic on which the value will be dispatched through the user interfave on successful data entry. */
-    dispatchTopic?: string | undefined;
-    /**
-     * Placeholder string to display if the value is empty.
-     */
-    placeholder?: string | undefined;
-    /**
-     * The user has accepted a new value.
-     * @param newValue New value accepted by the user.
-     */
+    min?: number;
+    max?: number;
+    /** Minimum decimal places displayed. @default 0 */
+    minPrecision?: number;
+    /** Maximum decimal places allowed. @default 3 */
+    maxPrecision?: number;
+    /** Alias for `minPrecision` (compat with older call sites). */
+    minFractionDigits?: number;
+    /** Alias for `maxPrecision` (compat with older call sites). */
+    maxFractionDigits?: number;
+    prefix?: string;
+    suffix?: string;
+    description?: React.ReactNode;
+    disabled?: boolean;
+    dispatchTopic?: string;
+    placeholder?: string;
     onValueChanged?(newValue: number): void;
-    /**
-     * Width of the InputNumber field. The label addon and accept/cancel buttons
-     * keep their natural size; only the numeric input is constrained.
-     * Widths: small=30mm, normal=55mm, large=70mm.
-     * @default 'normal'
-     */
     size?: ValueInputSize;
+    className?: string;
 }
-/**
- * A convenient field with all the usual features of inputing numbers.
- * Wraps the common features of use of a InputNumber, p-inputgroup, some icon buttons,
- * accepting and rejecting values and keyboard management.
- */
 export declare const ValueInput: React.FC<ValueInputProps>;
 export default ValueInput;
 //# sourceMappingURL=ValueInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ValueInput.d.ts","sourceRoot":"","sources":["../../src/components/ValueInput.tsx"],"names":[],"mappings":"AASA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAGH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI5E,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D;;GAEG;AACH,UAAU,eAAgB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IAEtE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IAG1C;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAGlC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAGlC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAG1C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC;;;OAGG;IACH,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAExC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmLhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ValueInput.d.ts","sourceRoot":"","sources":["../../src/components/ValueInput.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8HhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ValueInput.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useRef,useEffect,useContext}from"react";import clsx from"clsx";import{InputNumber}from"primereact/inputnumber";import{EventEmitterContext}from"../core/EventEmitterContext";import{Button}from"primereact/button";import"./ValueInput.css";export const ValueInput=({label:e,value:t=null,min:s,max:i,minPrecision:n=0,maxPrecision:a=3,mode:o="decimal",currency:u="USD",prefix:l,suffix:r,showButtons:c=!1,step:p=1,locale:m="en-US",description:d,disabled:x=!1,dispatchTopic:f,placeholder:v,onValueChanged:b,size:h="normal",...j})=>{const[C,E]=useState(t),[_,N]=useState(t),[S,g]=useState(t),[y,k]=useState(!1),[B,I]=useState(!1),D=useRef(null),F=useContext(EventEmitterContext);useEffect(()=>{null!==S?(N(S),g(null),I(!1)):t!==_&&(N(t),E(t),k(!1),I(!1))},[t,_]);const V=()=>{var e;y&&null!==C&&(e=C,void 0!==i&&e>i||void 0!==s&&e<s?I(!0):(N(C),k(!1),b?.(C),I(!1),f&&F.dispatch({topic:f,payload:C})))},w=()=>{y&&(E(null),N(null),k(!1),I(!1))};return _jsxs("div",{children:[_jsxs("div",{className:"p-inputgroup",children:[null!=e&&""!==e&&_jsx("span",{className:"p-inputgroup-addon",children:e}),_jsx(InputNumber,{...j,ref:D,className:clsx("value-input-field",`size-${h}`,j.className),invalid:B,min:s,max:i,minFractionDigits:n,maxFractionDigits:a,mode:o,prefix:l,suffix:r,showButtons:c,step:p,placeholder:v,value:_,onChange:e=>{return t=e.value,y||(g(_),k(!0)),void E(t);var t},locale:m,currency:u,onKeyDown:e=>{"Enter"===e.key?V():"Escape"===e.key&&w()},disabled:x}),_jsx(Button,{icon:"pi pi-check",disabled:x||!y,className:"p-button-success",onClick:()=>V(),visible:!0,autoFocus:!1}),_jsx(Button,{icon:"pi pi-times",disabled:x||!y,className:"p-button-danger",onClickCapture:()=>w(),visible:!0,autoFocus:!1})]}),d&&_jsx("small",{children:d})]})};export default ValueInput;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect,useContext}from"react";import clsx from"clsx";import{NumericFormat}from"react-number-format";import{InputText}from"primereact/inputtext";import{Button}from"primereact/button";import{EventEmitterContext}from"../core/EventEmitterContext";import"./ValueInput.css";export const ValueInput=({label:e,value:t=null,min:i,max:a,minPrecision:s,maxPrecision:o,minFractionDigits:n,maxFractionDigits:r,prefix:c,suffix:u,description:l,disabled:m=!1,dispatchTopic:p,placeholder:d,onValueChanged:x,size:f="normal",className:v})=>{const h=s??n??0,j=o??r??3,[N,b]=useState(t),[E,C]=useState(!1),[_,g]=useState(!1),S=useContext(EventEmitterContext);useEffect(()=>{E||(b(t),g(!1))},[t,E]);const F=()=>{if(!E)return;if(null===(e=N)||Number.isNaN(e)||void 0!==i&&e<i||void 0!==a&&e>a)return void g(!0);var e;const t=N;x?.(t),p&&S.dispatch({topic:p,payload:t}),C(!1),g(!1)},I=()=>{b(t),C(!1),g(!1)},V=void 0===i||i<0;return _jsxs("div",{children:[_jsxs("div",{className:"p-inputgroup",children:[null!=e&&""!==e&&_jsx("span",{className:"p-inputgroup-addon",children:e}),_jsx(NumericFormat,{value:N??"",onValueChange:(e,t)=>{"event"===t.source&&(b(e.floatValue??null),C(!0),g(!1))},decimalScale:j,fixedDecimalScale:h>0&&!E,allowNegative:V,decimalSeparator:".",thousandSeparator:!1,prefix:c,suffix:u,placeholder:d,disabled:m,customInput:InputText,className:clsx("value-input-field",`size-${f}`,v),invalid:_||void 0,onKeyDown:e=>{"Enter"===e.key?F():"Escape"===e.key&&I()}}),_jsx(Button,{icon:"pi pi-check",disabled:m||!E,className:"p-button-success",onClick:F,autoFocus:!1}),_jsx(Button,{icon:"pi pi-times",disabled:m||!E,className:"p-button-danger",onClick:I,autoFocus:!1})]}),l&&_jsx("small",{children:l})]})};export default ValueInput;

package/dist/components/ams/AssetEditDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetEditDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ams/AssetEditDialog.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA+BxE,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB;;yDAEqD;IACrD,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA0CD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyW1D,CAAC"}
+{"version":3,"file":"AssetEditDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ams/AssetEditDialog.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAkCxE,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB;;yDAEqD;IACrD,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA8DD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAypB1D,CAAC"}

package/dist/components/ams/AssetEditDialog.js

@@ -1 +1 @@
-import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import React,{useContext,useEffect,useMemo,useState}from"react";import{Button}from"primereact/button";import{Dialog}from"primereact/dialog";import{Dropdown}from"primereact/dropdown";import{InputText}from"primereact/inputtext";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useAms}from"./AmsProvider";const ROLE_OTHER="__other__";function fieldsFor(e,t){const s=e?.[t]?.fields;return Array.isArray(s)?s:[]}function subLocationsFor(e,t){const s=e?.[t]?.sub_locations;return s&&Array.isArray(s.keys)&&Array.isArray(s.fields)?s:null}function coerceField(e,t){if(void 0!==t&&""!==t)switch(e.type){case"f32":case"f64":case"i8":case"i16":case"i32":case"i64":case"u8":case"u16":case"u32":case"u64":{const e=Number(t);return Number.isFinite(e)?e:void 0}case"bool":return"true"===t||"1"===t;default:return t}}function seedFromCustom(e,t){if(!e)return"";const s=e[t];return null==s?"":String(s)}export const AssetEditDialog=({visible:e,asset:t,onHide:s,onSaved:r})=>{const{schemas:o,roles:n}=useAms(),{invoke:a}=useContext(EventEmitterContext),i=t?.asset_type??"",l=useMemo(()=>fieldsFor(o,i),[o,i]),c=useMemo(()=>subLocationsFor(o,i),[o,i]),d=useMemo(()=>i?n[i]??[]:[],[i,n]),m=d.length>0,u=useMemo(()=>{const e=d.map(e=>({label:e.label??e.location,value:e.location}));return e.push({label:"Other (advanced — type a custom role)",value:ROLE_OTHER}),e},[d]),[p,_]=useState(""),[f,h]=useState(""),[x,g]=useState({}),[y,j]=useState({}),[b,v]=useState(!1),[E,C]=useState(null);useEffect(()=>{if(!e||!t)return;C(null),v(!1);const s="string"==typeof t.location?t.location:"",r=d.find(e=>e.location===s);""===s?(_(""),h("")):r?(_(s),h(s)):(_(ROLE_OTHER),h(s));const o={};for(const e of l)o[e.name]=seedFromCustom(t.custom,e.name);g(o);const n={};if(c){const e=t.sub_locations&&"object"==typeof t.sub_locations?t.sub_locations:{};for(const t of c.keys){const s=e[t]&&"object"==typeof e[t]?e[t]:{},r={};for(const e of c.fields){const t=s[e.name];r[e.name]=null==t?"":String(t)}n[t]=r}}j(n)},[e,t,l,c,d]);const S=!t?.asset_id||b||m&&(""===p||p===ROLE_OTHER&&!f.trim())||l.some(e=>e.required&&!x[e.name]?.toString().trim())||(c?.keys.some(e=>c.fields.some(t=>t.required&&!y[e]?.[t.name]?.toString().trim()))??!1);if(!t)return null;const R=o[i]?.label??i;return _jsxs(Dialog,{header:`Edit Asset — ${t.asset_id}`,visible:e,style:{width:"32rem"},onHide:()=>{b||s()},footer:_jsxs(_Fragment,{children:[_jsx(Button,{label:"Cancel",severity:"secondary",onClick:s,disabled:b}),_jsx(Button,{label:"Save",icon:"pi pi-check",onClick:async()=>{if(!t?.asset_id)return;v(!0),C(null);const e={};for(const t of l){const s=coerceField(t,x[t.name]??"");void 0!==s&&(e[t.name]=s)}let o;if(c){o={};for(const e of c.keys){const t={};for(const s of c.fields){const r=coerceField(s,y[e]?.[s.name]??"");void 0!==r&&(t[s.name]=r)}o[e]=t}}const n={asset_id:t.asset_id,location:f,custom:e};o&&(n.sub_locations=o);try{const e=await a("ams.update_asset",MessageType.Request,n);e?.success?(r?.(),s()):C(e?.error_message??"update_asset failed")}catch(e){C(String(e?.message??e))}finally{v(!1)}},loading:b,disabled:S})]}),children:[_jsxs("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"0.25rem 1rem",fontSize:"0.875rem",color:"var(--text-secondary-color)",marginBottom:"0.75rem"},children:[_jsx("span",{children:"Type"}),"          ",_jsx("span",{children:R}),_jsx("span",{children:"Serial"}),"        ",_jsx("span",{children:t.serial||_jsx("em",{children:"(none)"})}),t.install_date&&_jsxs(_Fragment,{children:[_jsx("span",{children:"Installed"}),_jsx("span",{children:new Date(t.install_date).toLocaleString()})]})]}),_jsxs("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"0.5rem 1rem",alignItems:"center"},children:[m&&_jsxs(_Fragment,{children:[_jsx("label",{children:"Role *"}),_jsx(Dropdown,{value:p,options:u,onChange:e=>{var t;(t=e.value)===ROLE_OTHER?_(ROLE_OTHER):(_(t),h(t))},placeholder:"Choose where this asset is mounted"}),p===ROLE_OTHER&&_jsxs(_Fragment,{children:[_jsx("label",{children:"Custom role"}),_jsx(InputText,{value:f,placeholder:"e.g. tsdr_secondary",onChange:e=>h(e.target.value)})]})]}),l.map(e=>{const t=e.label??e.name,s=e.units?`${t} [${e.units}]${e.required?" *":""}`:`${t}${e.required?" *":""}`,r="string"!==e.type&&"bool"!==e.type;return _jsxs(React.Fragment,{children:[_jsx("label",{title:e.description??void 0,children:s}),"bool"===e.type?_jsx(Dropdown,{value:x[e.name]??"",options:[{label:"true",value:"true"},{label:"false",value:"false"}],onChange:t=>g(s=>({...s,[e.name]:t.value})),placeholder:"—"}):_jsx(InputText,{value:x[e.name]??"",keyfilter:r?"num":void 0,placeholder:e.description??void 0,onChange:t=>g(s=>({...s,[e.name]:t.target.value}))})]},e.name)})]}),c&&_jsxs("div",{style:{marginTop:"1.5rem"},children:[_jsx("h4",{style:{margin:"0 0 0.5rem 0"},children:c.label??"Sub-locations"}),_jsx("div",{style:{overflowX:"auto"},children:_jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:[_jsx("thead",{children:_jsxs("tr",{children:[_jsx("th",{style:{textAlign:"left",padding:"0.25rem 0.5rem",borderBottom:"1px solid var(--surface-border)"},children:c.key_label??"Key"}),c.fields.map(e=>_jsxs("th",{title:e.description??void 0,style:{textAlign:"left",padding:"0.25rem 0.5rem",borderBottom:"1px solid var(--surface-border)"},children:[e.label??e.name,e.units?` [${e.units}]`:"",e.required?" *":""]},e.name))]})}),_jsx("tbody",{children:c.keys.map(e=>_jsxs("tr",{children:[_jsx("td",{style:{padding:"0.25rem 0.5rem",fontWeight:600},children:e}),c.fields.map(t=>{const s=y[e]?.[t.name]??"",r="string"!==t.type&&"bool"!==t.type;return _jsx("td",{style:{padding:"0.25rem 0.5rem"},children:_jsx(InputText,{value:s,keyfilter:r?"num":void 0,onChange:s=>{const r=s.target.value;j(s=>({...s,[e]:{...s[e]??{},[t.name]:r}}))},style:{width:"100%"}})},t.name)})]},e))})]})})]}),E&&_jsx("div",{style:{marginTop:"1rem",color:"#ef4444"},children:E})]})};
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import React,{useContext,useEffect,useMemo,useState}from"react";import{Button}from"primereact/button";import{Calendar}from"primereact/calendar";import{Dialog}from"primereact/dialog";import{Dropdown}from"primereact/dropdown";import{InputText}from"primereact/inputtext";import{InputTextarea}from"primereact/inputtextarea";import{TabPanel,TabView}from"primereact/tabview";import{EventEmitterContext}from"../../core/EventEmitterContext";import{MessageType}from"../../hub/CommandMessage";import{useAms}from"./AmsProvider";const ROLE_OTHER="__other__";function fieldsFor(e,t){const r=e?.[t]?.fields;return Array.isArray(r)?r:[]}function subLocationsFor(e,t){const r=e?.[t]?.sub_locations;return r&&Array.isArray(r.keys)&&Array.isArray(r.fields)?r:null}function calibrationFieldsFor(e,t){const r=e?.[t]?.calibration_fields;return Array.isArray(r)?r:[]}function perAxisCalibrationFieldsFor(e){return e?.calibration_fields??[]}function coerceField(e,t){if(void 0!==t&&""!==t)switch(e.type){case"f32":case"f64":case"i8":case"i16":case"i32":case"i64":case"u8":case"u16":case"u32":case"u64":{const e=Number(t);return Number.isFinite(e)?e:void 0}case"bool":return"true"===t||"1"===t;default:return t}}function seedFromCustom(e,t){if(!e)return"";const r=e[t];return null==r?"":String(r)}export const AssetEditDialog=({visible:e,asset:t,onHide:r,onSaved:s})=>{const{schemas:n,roles:a,readCalibration:o}=useAms(),{invoke:i}=useContext(EventEmitterContext),l=t?.asset_type??"",d=useMemo(()=>fieldsFor(n,l),[n,l]),c=useMemo(()=>subLocationsFor(n,l),[n,l]),u=useMemo(()=>calibrationFieldsFor(n,l),[n,l]),m=useMemo(()=>perAxisCalibrationFieldsFor(c),[c]),p=m.length>0,_=p||u.length>0,f=useMemo(()=>l?a[l]??[]:[],[l,a]),x=f.length>0,h=useMemo(()=>{const e=f.map(e=>({label:e.label??e.location,value:e.location}));return e.push({label:"Other (advanced — type a custom role)",value:ROLE_OTHER}),e},[f]),[g,y]=useState(""),[b,v]=useState(""),[j,C]=useState({}),[T,S]=useState({}),[F,E]=useState(!1),[w,A]=useState(null),[R,k]=useState(0),[I,O]=useState(null),[$,L]=useState(""),[M,q]=useState(null),[D,H]=useState(""),[B,P]=useState(""),[z,N]=useState({}),[K,V]=useState({});useEffect(()=>{if(!e||!t)return;A(null),E(!1),k(0);const r="string"==typeof t.location?t.location:"",s=f.find(e=>e.location===r);""===r?(y(""),v("")):s?(y(r),v(r)):(y(ROLE_OTHER),v(r));const n={};for(const e of d)n[e.name]=seedFromCustom(t.custom,e.name);C(n);const a={};if(c){const e=t.sub_locations&&"object"==typeof t.sub_locations?t.sub_locations:{};for(const t of c.keys){const r=e[t]&&"object"==typeof e[t]?e[t]:{},s={};for(const e of c.fields){const t=r[e.name];s[e.name]=null==t?"":String(t)}a[t]=s}}S(a),O(null),L(""),q(null),H(""),P(""),N({}),V({});const i="string"==typeof t.current_calibration_id?t.current_calibration_id:"";if(!i)return;let l=!1;return(async()=>{const e=await o(t.asset_id,i);if(l||!e)return;O(e),L("string"==typeof e.performed_by?e.performed_by:""),H("string"==typeof e.cert_ref?e.cert_ref:""),P("string"==typeof e.notes?e.notes:""),q(e.expires_at?new Date(e.expires_at):null);const r=e.values&&"object"==typeof e.values?e.values:{};if(p&&c){const e={};for(const t of c.keys){const s=r[t]&&"object"==typeof r[t]?r[t]:{},n={};for(const e of m){const t=s[e.name];n[e.name]=null==t?"":String(t)}e[t]=n}V(e)}else{const e={};for(const t of u){const s=r[t.name];e[t.name]=null==s?"":String(s)}N(e)}})(),()=>{l=!0}},[e,t,d,c,f,u,m,p,o]);const W=()=>{if(p&&c){const e={};for(const t of c.keys){const r={};for(const e of m){const s=coerceField(e,K[t]?.[e.name]??"");void 0!==s&&(r[e.name]=s)}e[t]=r}return e}const e={};for(const t of u){const r=coerceField(t,z[t.name]??"");void 0!==r&&(e[t.name]=r)}return e},X=!t?.asset_id||F||x&&(""===g||g===ROLE_OTHER&&!b.trim())||d.some(e=>e.required&&!j[e.name]?.toString().trim())||(c?.keys.some(e=>c.fields.some(t=>t.required&&!T[e]?.[t.name]?.toString().trim()))??!1);if(!t)return null;const G=n[l]?.label??l;return _jsxs(Dialog,{header:`Edit Asset — ${t.asset_id}`,visible:e,style:{width:"32rem"},onHide:()=>{F||r()},footer:_jsxs(_Fragment,{children:[_jsx(Button,{label:"Cancel",severity:"secondary",onClick:r,disabled:F}),_jsx(Button,{label:"Save",icon:"pi pi-check",onClick:async()=>{if(!t?.asset_id)return;E(!0),A(null);const e={};for(const t of d){const r=coerceField(t,j[t.name]??"");void 0!==r&&(e[t.name]=r)}let n;if(c){n={};for(const e of c.keys){const t={};for(const r of c.fields){const s=coerceField(r,T[e]?.[r.name]??"");void 0!==s&&(t[r.name]=s)}n[e]=t}}const a={asset_id:t.asset_id,location:b,custom:e};n&&(a.sub_locations=n);try{const e=await i("ams.update_asset",MessageType.Request,a);if(!e?.success)return void A(e?.error_message??"update_asset failed");if(I){const e={asset_id:t.asset_id,cal_id:I.cal_id,performed_by:$,expires_at:M?M.toISOString():null,cert_ref:D,notes:B,values:W()},r=await i("ams.update_calibration",MessageType.Request,e);if(!r?.success)return A(r?.error_message??"update_calibration failed"),void k(1)}s?.(),r()}catch(e){A(String(e?.message??e))}finally{E(!1)}},loading:F,disabled:X})]}),children:[_jsxs("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"0.25rem 1rem",fontSize:"0.875rem",color:"var(--text-secondary-color)",marginBottom:"0.75rem"},children:[_jsx("span",{children:"Type"}),"          ",_jsx("span",{children:G}),_jsx("span",{children:"Serial"}),"        ",_jsx("span",{children:t.serial||_jsx("em",{children:"(none)"})}),t.install_date&&_jsxs(_Fragment,{children:[_jsx("span",{children:"Installed"}),_jsx("span",{children:new Date(t.install_date).toLocaleString()})]})]}),_jsxs(TabView,{activeIndex:R,onTabChange:e=>k(e.index),children:[_jsxs(TabPanel,{header:"Asset",children:[_jsxs("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"0.5rem 1rem",alignItems:"center"},children:[x&&_jsxs(_Fragment,{children:[_jsx("label",{children:"Role *"}),_jsx(Dropdown,{value:g,options:h,onChange:e=>{var t;(t=e.value)===ROLE_OTHER?y(ROLE_OTHER):(y(t),v(t))},placeholder:"Choose where this asset is mounted"}),g===ROLE_OTHER&&_jsxs(_Fragment,{children:[_jsx("label",{children:"Custom role"}),_jsx(InputText,{value:b,placeholder:"e.g. tsdr_secondary",onChange:e=>v(e.target.value)})]})]}),d.map(e=>{const t=e.label??e.name,r=e.units?`${t} [${e.units}]${e.required?" *":""}`:`${t}${e.required?" *":""}`,s="string"!==e.type&&"bool"!==e.type;return _jsxs(React.Fragment,{children:[_jsx("label",{title:e.description??void 0,children:r}),"bool"===e.type?_jsx(Dropdown,{value:j[e.name]??"",options:[{label:"true",value:"true"},{label:"false",value:"false"}],onChange:t=>C(r=>({...r,[e.name]:t.value})),placeholder:"—"}):_jsx(InputText,{value:j[e.name]??"",keyfilter:s?"num":void 0,placeholder:e.description??void 0,onChange:t=>C(r=>({...r,[e.name]:t.target.value}))})]},e.name)})]}),c&&_jsxs("div",{style:{marginTop:"1.5rem"},children:[_jsx("h4",{style:{margin:"0 0 0.5rem 0"},children:c.label??"Sub-locations"}),_jsx("div",{style:{overflowX:"auto"},children:_jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:[_jsx("thead",{children:_jsxs("tr",{children:[_jsx("th",{style:{textAlign:"left",padding:"0.25rem 0.5rem",borderBottom:"1px solid var(--surface-border)"},children:c.key_label??"Key"}),c.fields.map(e=>_jsxs("th",{title:e.description??void 0,style:{textAlign:"left",padding:"0.25rem 0.5rem",borderBottom:"1px solid var(--surface-border)"},children:[e.label??e.name,e.units?` [${e.units}]`:"",e.required?" *":""]},e.name))]})}),_jsx("tbody",{children:c.keys.map(e=>_jsxs("tr",{children:[_jsx("td",{style:{padding:"0.25rem 0.5rem",fontWeight:600},children:e}),c.fields.map(t=>{const r=T[e]?.[t.name]??"",s="string"!==t.type&&"bool"!==t.type;return _jsx("td",{style:{padding:"0.25rem 0.5rem"},children:_jsx(InputText,{value:r,keyfilter:s?"num":void 0,onChange:r=>{const s=r.target.value;S(r=>({...r,[e]:{...r[e]??{},[t.name]:s}}))},style:{width:"100%"}})},t.name)})]},e))})]})})]})]}),I&&_jsxs(TabPanel,{header:`Calibration (${I.cal_id})`,children:[_jsxs("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"0.5rem 1rem",alignItems:"center"},children:[_jsx("label",{children:"Performed by"}),_jsx(InputText,{value:$,onChange:e=>L(e.target.value)}),_jsx("label",{children:"Expires at"}),_jsx(Calendar,{value:M,onChange:e=>q(e.value??null),showIcon:!0,dateFormat:"yy-mm-dd"}),_jsx("label",{children:"Certificate ref"}),_jsx(InputText,{value:D,onChange:e=>H(e.target.value),placeholder:"e.g. ADC-CAL-2026-1043"}),_jsx("label",{children:"Notes"}),_jsx(InputTextarea,{value:B,rows:3,onChange:e=>P(e.target.value),autoResize:!0})]}),_&&_jsxs("div",{style:{marginTop:"1rem"},children:[_jsx("h4",{style:{margin:"0 0 0.5rem 0"},children:p?c?.label??"Per-axis calibration":"Calibration values"}),_jsx("div",p&&c?{style:{overflowX:"auto"},children:_jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:[_jsx("thead",{children:_jsxs("tr",{children:[_jsx("th",{style:{textAlign:"left",padding:"0.25rem 0.5rem",borderBottom:"1px solid var(--surface-border)"},children:c.key_label??"Key"}),m.map(e=>_jsxs("th",{title:e.description??void 0,style:{textAlign:"left",padding:"0.25rem 0.5rem",borderBottom:"1px solid var(--surface-border)"},children:[e.label??e.name,e.units?` [${e.units}]`:"",e.required?" *":""]},e.name))]})}),_jsx("tbody",{children:c.keys.map(e=>_jsxs("tr",{children:[_jsx("td",{style:{padding:"0.25rem 0.5rem",fontWeight:600},children:e}),m.map(t=>{const r=K[e]?.[t.name]??"",s="string"!==t.type&&"bool"!==t.type;return _jsx("td",{style:{padding:"0.25rem 0.5rem"},children:_jsx(InputText,{value:r,keyfilter:s?"num":void 0,onChange:r=>{const s=r.target.value;V(r=>({...r,[e]:{...r[e]??{},[t.name]:s}}))},style:{width:"100%"}})},t.name)})]},e))})]})}:{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"0.5rem 1rem",alignItems:"center"},children:u.map(e=>{const t=e.label??e.name,r=e.units?`${t} [${e.units}]${e.required?" *":""}`:`${t}${e.required?" *":""}`,s="string"!==e.type&&"bool"!==e.type;return _jsxs(React.Fragment,{children:[_jsx("label",{title:e.description??void 0,children:r}),_jsx(InputText,{value:z[e.name]??"",keyfilter:s?"num":void 0,onChange:t=>N(r=>({...r,[e.name]:t.target.value}))})]},e.name)})})]})]})]}),w&&_jsx("div",{style:{marginTop:"1rem",color:"#ef4444"},children:w})]})};

package/dist/components/forms/FormRow.d.ts

@@ -0,0 +1,20 @@
+/**
+ * FormRow — grid-aligned label/input pair with optional required marker
+ * and inline error text. Drop inside a FormSection.
+ */
+import * as React from 'react';
+import './forms.css';
+export interface FormRowProps {
+    label: React.ReactNode;
+    required?: boolean;
+    /** Optional descriptive hint shown beneath the label. */
+    hint?: React.ReactNode;
+    /** Inline error text shown beneath the input. */
+    error?: React.ReactNode;
+    /** Optional `htmlFor` association on the label tag. */
+    htmlFor?: string;
+    children?: React.ReactNode;
+}
+export declare const FormRow: React.FC<FormRowProps>;
+export default FormRow;
+//# sourceMappingURL=FormRow.d.ts.map

package/dist/components/forms/FormRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormRow.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAc1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/forms/FormRow.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import*as React from"react";import"./forms.css";export const FormRow=({label:r,required:s,hint:a,error:e,htmlFor:o,children:l})=>_jsxs("div",{className:"ac-form-row"+(e?" ac-form-row--error":""),children:[_jsxs("label",{className:"ac-form-row__label",htmlFor:o,children:[r,s&&_jsx("span",{className:"ac-form-row__required","aria-hidden":!0,children:" *"}),a&&_jsx("small",{className:"ac-form-row__hint",children:a})]}),_jsxs("div",{className:"ac-form-row__field",children:[l,e&&_jsx("small",{className:"ac-form-row__error",children:e})]})]});export default FormRow;

package/dist/components/forms/FormSection.d.ts

@@ -0,0 +1,19 @@
+/**
+ * FormSection — labeled bordered region containing a group of FormRow rows.
+ *
+ * Used by the TIS editor subforms and intended for app-level settings
+ * pages. Replaces the ad-hoc `.ac-form-grid` divs scattered across project
+ * settings views.
+ */
+import * as React from 'react';
+import './forms.css';
+export interface FormSectionProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    /** Right-aligned controls (buttons, dirty pill, etc.). */
+    actions?: React.ReactNode;
+}
+export declare const FormSection: React.FC<FormSectionProps>;
+export default FormSection;
+//# sourceMappingURL=FormSection.d.ts.map

package/dist/components/forms/FormSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormSection.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiBlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/forms/FormSection.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import*as React from"react";import"./forms.css";export const FormSection=({title:s,description:c,actions:e,children:a})=>_jsxs("section",{className:"ac-form-section",children:[(s||e)&&_jsxs("header",{className:"ac-form-section__header",children:[_jsxs("div",{children:[s&&_jsx("h3",{className:"ac-form-section__title",children:s}),c&&_jsx("small",{className:"ac-form-section__desc",children:c})]}),e&&_jsx("div",{className:"ac-form-section__actions",children:e})]}),_jsx("div",{className:"ac-form-section__body",children:a})]});export default FormSection;

package/dist/components/forms/forms.css

@@ -0,0 +1,89 @@
+.ac-form-section {
+    border: 1px solid var(--surface-d, #e2e8f0);
+    border-radius: 6px;
+    background: var(--surface-card, #fff);
+    margin-bottom: 1rem;
+}
+
+.ac-form-section__header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: 0.5rem 1rem;
+    border-bottom: 1px solid var(--surface-d, #e2e8f0);
+    background: var(--surface-b, #f8fafc);
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.ac-form-section__title {
+    margin: 0;
+    font-size: 0.95rem;
+    font-weight: 600;
+}
+
+.ac-form-section__desc {
+    color: var(--text-color-secondary, #64748b);
+    display: block;
+    margin-top: 0.15rem;
+}
+
+.ac-form-section__actions {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.ac-form-section__body {
+    padding: 0.75rem 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.ac-form-row {
+    display: grid;
+    grid-template-columns: minmax(8rem, 14rem) 1fr;
+    gap: 0.5rem 1rem;
+    align-items: start;
+}
+
+.ac-form-row--error .ac-form-row__field input,
+.ac-form-row--error .ac-form-row__field .p-inputtext {
+    border-color: #dc2626;
+}
+
+.ac-form-row__label {
+    font-weight: 500;
+    padding-top: 0.4rem;
+    display: flex;
+    flex-direction: column;
+}
+
+.ac-form-row__required {
+    color: #dc2626;
+}
+
+.ac-form-row__hint {
+    color: var(--text-color-secondary, #64748b);
+    font-weight: 400;
+    font-size: 0.75rem;
+    margin-top: 0.15rem;
+}
+
+.ac-form-row__field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.ac-form-row__field > input,
+.ac-form-row__field > .p-inputtext,
+.ac-form-row__field > .p-dropdown,
+.ac-form-row__field > .p-inputtextarea {
+    width: 100%;
+}
+
+.ac-form-row__error {
+    color: #dc2626;
+    font-size: 0.75rem;
+}

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

@@ -0,0 +1,3 @@
+export { FormSection, type FormSectionProps } from './FormSection';
+export { FormRow, type FormRowProps } from './FormRow';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/forms/index.js

@@ -0,0 +1 @@
+export{FormSection}from"./FormSection";export{FormRow}from"./FormRow";

package/dist/components/tis-editor/TisConfigEditor.css

@@ -0,0 +1,121 @@
+.tis-editor {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+
+.tis-editor__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid var(--surface-d, #e2e8f0);
+}
+
+.tis-editor__header h2 {
+    margin: 0;
+    font-size: 1.125rem;
+}
+
+.tis-editor__header-actions {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.tis-editor__dirty-pill {
+    display: inline-block;
+    background: #ea580c;
+    color: white;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    padding: 0.15rem 0.5rem;
+    border-radius: 999px;
+    margin-left: 0.5rem;
+    vertical-align: middle;
+}
+
+.tis-editor__body {
+    flex: 1;
+    display: flex;
+    min-height: 0;
+}
+
+.tis-editor__sidebar {
+    flex: 0 0 320px;
+    border-right: 1px solid var(--surface-d, #e2e8f0);
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.tis-editor__sidebar-actions {
+    display: flex;
+    gap: 0.25rem;
+    padding: 0.5rem;
+    border-bottom: 1px solid var(--surface-d, #e2e8f0);
+    flex-wrap: wrap;
+}
+
+.tis-editor__sidebar-actions .p-button {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+.tis-editor__detail {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+.tis-editor__detail-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.5rem 1rem;
+    border-bottom: 1px solid var(--surface-d, #e2e8f0);
+    background: var(--surface-b, #f8fafc);
+}
+
+.tis-editor__editor-wrap {
+    flex: 1;
+    min-height: 0;
+}
+
+.tis-editor__editor-wrap > * {
+    height: 100%;
+}
+
+.tis-editor__error {
+    background: #fef2f2;
+    color: #991b1b;
+    border-left: 3px solid #dc2626;
+    padding: 0.5rem 1rem;
+    margin: 0.5rem 1rem;
+    font-size: 0.875rem;
+}
+
+.tis-editor__error pre {
+    white-space: pre-wrap;
+    margin: 0.25rem 0 0 0;
+    font-family: ui-monospace, monospace;
+    font-size: 0.8rem;
+}
+
+.tis-editor__empty {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--text-color-secondary, #64748b);
+}
+
+.tis-editor__new-method-label {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    margin-bottom: 0.25rem;
+}

package/dist/components/tis-editor/TisConfigEditor.d.ts

@@ -0,0 +1,28 @@
+/**
+ * TisConfigEditor — master-detail UI for editing TIS test_methods.
+ *
+ * Left: PrimeReact DataTable listing methods (method_id + label).
+ * Right: tabbed editor for the selected method. Phase 1 ships a single
+ *        JSON-via-Monaco tab; Phase 2 layers form editors on top of it.
+ * Action bar: New / Duplicate / Delete / Apply / Save / Revert.
+ *
+ * "Apply" pushes the local Monaco buffer to the server-side stage
+ * (`tis.put_method`). "Save" persists the entire stage to project.json
+ * (`tis.save_config`). "Revert" drops the stage (`tis.discard_config_changes`).
+ *
+ * Save is disabled (with a tooltip) when active tests are open against
+ * any method — the server enforces the same gate, but disabling on the
+ * client gives clearer UX.
+ */
+import { type TisIpcInvoker } from '../../hooks/useTisConfig';
+import './TisConfigEditor.css';
+export interface TisConfigEditorProps {
+    /** Project ID. Today this is informational (the server hosts one
+     *  project) but the wire contract carries it for forward compatibility. */
+    projectId: string;
+    /** Optional invoker override — primarily for the playground / tests. */
+    invoker?: TisIpcInvoker;
+}
+export declare const TisConfigEditor: React.FC<TisConfigEditorProps>;
+export default TisConfigEditor;
+//# sourceMappingURL=TisConfigEditor.d.ts.map

package/dist/components/tis-editor/TisConfigEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TisConfigEditor.d.ts","sourceRoot":"","sources":["../../../src/components/tis-editor/TisConfigEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAWH,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAM5E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,oBAAoB;IACjC;+EAC2E;IAC3E,SAAS,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAkBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoQ1D,CAAC;AAEF,eAAe,eAAe,CAAC"}