@cratis/components 3.6.1 → 4.0.0

package/dist/esm/Notifications/toast.js

@@ -1,100 +1,106 @@
-import { toast as toast$1 } from 'primereact/toaster';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-const toPrimeReactToast = (options) => {
-    // SAFETY: ToastOptions intentionally mirrors the renderer's value shape while
-    // keeping all public names owned by Cratis.
-    return options;
+const storeKey = Symbol.for('@cratis/components/toast-store/v1');
+const storeHost = globalThis;
+const store = (storeHost[storeKey] ??= { items: [], listeners: new Set(), nextId: 1 });
+const emit = () => store.listeners.forEach((listener) => listener());
+const subscribeToToasts = (listener) => {
+    store.listeners.add(listener);
+    return () => store.listeners.delete(listener);
 };
-const toPrimeReactPromise = (options) => {
-    const success = options.success;
-    const error = options.error;
-    return {
-        loading: toPrimeReactToast(options.loading),
-        success: typeof success === 'function'
-            ? (data) => {
-                const resolved = success(data);
-                return resolved ? toPrimeReactToast(resolved) : undefined;
-            }
-            : success
-                ? toPrimeReactToast(success)
-                : undefined,
-        error: typeof error === 'function'
-            ? (failure) => {
-                const resolved = error(failure);
-                return resolved ? toPrimeReactToast(resolved) : undefined;
-            }
-            : error
-                ? toPrimeReactToast(error)
-                : undefined,
-    };
+const getToastSnapshot = () => store.items;
+const show = (options) => {
+    const id = options.id ?? store.nextId++;
+    const record = { ...options, id };
+    const existing = store.items.findIndex((item) => item.id === id);
+    store.items =
+        existing >= 0
+            ? store.items.map((item) => (item.id === id ? record : item))
+            : [...store.items, record];
+    emit();
+    return id;
+};
+const update = (id, updates) => {
+    store.items = store.items.map((item) => item.id === id ? { ...item, ...updates, id } : item);
+    emit();
+    return id;
+};
+const dismiss = (id) => {
+    const removed = id === undefined ? store.items : store.items.filter((item) => item.id === id);
+    removed.forEach((item) => item.onDismiss?.(item));
+    store.items = id === undefined ? [] : store.items.filter((item) => item.id !== id);
+    emit();
+};
+const promise = async (work, options) => {
+    const id = show({ ...options.loading, loading: true });
+    try {
+        const data = await work;
+        const resolved = typeof options.success === 'function'
+            ? options.success(data)
+            : options.success;
+        if (resolved)
+            update(id, { ...resolved, loading: false });
+        else
+            dismiss(id);
+        return data;
+    }
+    catch (error) {
+        const resolved = typeof options.error === 'function' ? options.error(error) : options.error;
+        if (resolved)
+            update(id, { ...resolved, loading: false });
+        else
+            dismiss(id);
+        throw error;
+    }
 };
-const primeReactToastDispatch = {
-    show: (options) => toast$1(toPrimeReactToast(options)),
-    update: (id, updates) => toast$1.update(id, toPrimeReactToast(updates)),
-    dismiss: (id) => toast$1.dismiss(id),
-    promise: (promise, options) => toast$1.promise(promise, toPrimeReactPromise(options)),
-    success: (options) => toast$1.success(toPrimeReactToast(options)),
-    info: (options) => toast$1.info(toPrimeReactToast(options)),
-    warn: (options) => toast$1.warn(toPrimeReactToast(options)),
-    error: (options) => toast$1.error(toPrimeReactToast(options)),
-    secondary: (options) => toast$1.secondary(toPrimeReactToast(options)),
-    contrast: (options) => toast$1.contrast(toPrimeReactToast(options)),
+const withSeverity = (severity) => (options) => show({ ...options, severity });
+const defaultToastDispatch = {
+    show,
+    update,
+    dismiss,
+    promise,
+    success: withSeverity('success'),
+    info: withSeverity('info'),
+    warn: withSeverity('warn'),
+    error: withSeverity('error'),
+    secondary: withSeverity('secondary'),
+    contrast: withSeverity('contrast'),
 };
-const toastDispatchRegistryKey = Symbol.for('@cratis/components/toast-dispatch/v1');
-// SAFETY: Symbol.for gives every loaded Components copy the same isolated dispatch slot.
-const toastDispatchRegistryHost = globalThis;
-const existingToastDispatchRegistry = toastDispatchRegistryHost[toastDispatchRegistryKey];
-const toastDispatchRegistry = typeof existingToastDispatchRegistry === 'object' &&
-    existingToastDispatchRegistry !== null &&
-    ('active' in existingToastDispatchRegistry ||
-        Object.keys(existingToastDispatchRegistry).length === 0)
-    ? existingToastDispatchRegistry
-    : {};
-toastDispatchRegistryHost[toastDispatchRegistryKey] = toastDispatchRegistry;
+const dispatchRegistryKey = Symbol.for('@cratis/components/toast-dispatch/v1');
+const dispatchHost = globalThis;
+const dispatchRegistry = (dispatchHost[dispatchRegistryKey] ??= {});
 const nearestActiveFrame = (frame) => {
     let current = frame;
     while (current?.removed)
         current = current.previous;
     return current;
 };
-/**
- * Replaces the active toast renderer and returns a scoped restore callback.
- * Applications normally use the default PrimeReact implementation.
- */
 const setToastDispatch = (dispatch) => {
     const frame = {
         dispatch,
-        previous: toastDispatchRegistry.active,
+        previous: dispatchRegistry.active,
         removed: false,
     };
-    toastDispatchRegistry.active = frame;
+    dispatchRegistry.active = frame;
     return () => {
         if (frame.removed)
             return;
         frame.removed = true;
-        if (toastDispatchRegistry.active === frame) {
-            toastDispatchRegistry.active = nearestActiveFrame(frame.previous);
+        if (dispatchRegistry.active === frame) {
+            dispatchRegistry.active = nearestActiveFrame(frame.previous);
         }
     };
 };
-const activeToastDispatch = () => nearestActiveFrame(toastDispatchRegistry.active)?.dispatch ?? primeReactToastDispatch;
+const activeToastDispatch = () => nearestActiveFrame(dispatchRegistry.active)?.dispatch ?? defaultToastDispatch;
 const callableToast = ((options) => activeToastDispatch().show(options));
 callableToast.update = (id, updates) => activeToastDispatch().update(id, updates);
 callableToast.dismiss = (id) => activeToastDispatch().dismiss(id);
-callableToast.promise = (promise, options) => activeToastDispatch().promise(promise, options);
+callableToast.promise = (work, options) => activeToastDispatch().promise(work, options);
 callableToast.success = (options) => activeToastDispatch().success(options);
 callableToast.info = (options) => activeToastDispatch().info(options);
 callableToast.warn = (options) => activeToastDispatch().warn(options);
 callableToast.error = (options) => activeToastDispatch().error(options);
 callableToast.secondary = (options) => activeToastDispatch().secondary(options);
 callableToast.contrast = (options) => activeToastDispatch().contrast(options);
-/**
- * Cratis-owned imperative toast API. Requires a {@link Toaster} for the default
- * renderer, or a custom dispatch installed through {@link setToastDispatch}.
- */
 const toast = callableToast;
 
-export { setToastDispatch, toast };
+export { getToastSnapshot, setToastDispatch, subscribeToToasts, toast };
 //# sourceMappingURL=toast.js.map

package/dist/esm/Notifications/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../Notifications/toast.ts"],"sourcesContent":[null],"names":["primeReactToast"],"mappings":"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"}
+{"version":3,"file":"toast.js","sources":["../../../Notifications/toast.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/Notifications/toastCommandResult.d.ts

@@ -1,11 +1,44 @@
 import type { ICommandResult } from '@cratis/arc/commands';
+/** Options for {@link toastCommandResult}. */
 export interface ToastCommandResultOptions {
+    /** Title for the success toast. Defaults to `'Success'`. */
     successTitle?: string;
+    /** Description for the success toast. */
     successDescription?: string;
+    /** Title when the command was rejected by authorization. Defaults to `'Not authorized'`. */
     unauthorizedTitle?: string;
+    /** Title when the command failed validation. Defaults to `'Validation failed'`. */
     validationTitle?: string;
+    /** Title when the command threw. Defaults to `'Something went wrong'`. */
     exceptionTitle?: string;
+    /** When false, no toast is shown on success. Defaults to `true`. */
     showSuccess?: boolean;
 }
+/**
+ * Surfaces an Arc {@link ICommandResult} as a toast, mapping the granular
+ * result flags to the right severity — the same branching Arc apps do when
+ * executing a command outside a `CommandDialog`:
+ *
+ * - **success** → a success toast (suppress with `showSuccess: false`);
+ * - **not authorized** → a warning toast;
+ * - **invalid** → an error toast listing the per-field validation messages;
+ * - **exceptions** → a generic error toast (stack traces are never shown to
+ *   users — log `result.exceptionMessages` yourself).
+ *
+ * Requires a {@link Toaster} mounted in the tree. Returns `true` on success so
+ * callers can gate follow-up work (close a panel, refresh a query).
+ *
+ * ```tsx
+ * const result = await command.execute();
+ * if (toastCommandResult(result, { successTitle: 'Author registered' })) {
+ *     refresh();
+ * }
+ * ```
+ *
+ * @typeParam TResponse - The command response type.
+ * @param result - The command result to surface.
+ * @param options - {@link ToastCommandResultOptions}.
+ * @returns `true` when the command succeeded, otherwise `false`.
+ */
 export declare function toastCommandResult<TResponse = object>(result: ICommandResult<TResponse>, options?: ToastCommandResultOptions): boolean;
 //# sourceMappingURL=toastCommandResult.d.ts.map

package/dist/esm/Notifications/toastCommandResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toastCommandResult.d.ts","sourceRoot":"","sources":["../../../Notifications/toastCommandResult.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,MAAM,WAAW,yBAAyB;IAEtC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AA4BD,wBAAgB,kBAAkB,CAAC,SAAS,GAAG,MAAM,EACjD,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,EACjC,OAAO,GAAE,yBAA8B,GACxC,OAAO,CAqCT"}
+{"version":3,"file":"toastCommandResult.d.ts","sourceRoot":"","sources":["../../../Notifications/toastCommandResult.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACtC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4FAA4F;IAC5F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,GAAG,MAAM,EACjD,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,EACjC,OAAO,GAAE,yBAA8B,GACxC,OAAO,CAqCT"}

package/dist/esm/Notifications/toastCommandResult.js

@@ -1,33 +1,5 @@
 import { toast } from './toast.js';
 
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Surfaces an Arc {@link ICommandResult} as a toast, mapping the granular
- * result flags to the right severity — the same branching Arc apps do when
- * executing a command outside a `CommandDialog`:
- *
- * - **success** → a success toast (suppress with `showSuccess: false`);
- * - **not authorized** → a warning toast;
- * - **invalid** → an error toast listing the per-field validation messages;
- * - **exceptions** → a generic error toast (stack traces are never shown to
- *   users — log `result.exceptionMessages` yourself).
- *
- * Requires a {@link Toaster} mounted in the tree. Returns `true` on success so
- * callers can gate follow-up work (close a panel, refresh a query).
- *
- * ```tsx
- * const result = await command.execute();
- * if (toastCommandResult(result, { successTitle: 'Author registered' })) {
- *     refresh();
- * }
- * ```
- *
- * @typeParam TResponse - The command response type.
- * @param result - The command result to surface.
- * @param options - {@link ToastCommandResultOptions}.
- * @returns `true` when the command succeeded, otherwise `false`.
- */
 function toastCommandResult(result, options = {}) {
     const { successTitle = 'Success', successDescription, unauthorizedTitle = 'Not authorized', validationTitle = 'Validation failed', exceptionTitle = 'Something went wrong', showSuccess = true, } = options;
     if (result.isSuccess) {

package/dist/esm/Notifications/toastCommandResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastCommandResult.js","sources":["../../../Notifications/toastCommandResult.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAqBA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;SACa,kBAAkB,CAC9B,MAAiC,EACjC,UAAqC,EAAE,EAAA;IAEvC,MAAM,EACF,YAAY,GAAG,SAAS,EACxB,kBAAkB,EAClB,iBAAiB,GAAG,gBAAgB,EACpC,eAAe,GAAG,mBAAmB,EACrC,cAAc,GAAG,sBAAsB,EACvC,WAAW,GAAG,IAAI,GACrB,GAAG,OAAO;AAEX,IAAA,IAAI,MAAM,CAAC,SAAS,EAAE;QAClB,IAAI,WAAW,EAAE;AACb,YAAA,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC;QAC3E;AACA,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;QACtB,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC;AACxC,QAAA,OAAO,KAAK;IAChB;AAEA,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACjB,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC;aACtB,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,OAAO;aAClD,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,IAAI,CAAC;AACf,QAAA,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,IAAI,SAAS,EAAE,CAAC;AAC9E,QAAA,OAAO,KAAK;IAChB;AAEA,IAAA,IAAI,MAAM,CAAC,aAAa,EAAE;QACtB,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACtC,QAAA,OAAO,KAAK;IAChB;AAEA,IAAA,OAAO,KAAK;AAChB;;"}
+{"version":3,"file":"toastCommandResult.js","sources":["../../../Notifications/toastCommandResult.ts"],"sourcesContent":[null],"names":[],"mappings":";;SAgDgB,kBAAkB,CAC9B,MAAiC,EACjC,UAAqC,EAAE,EAAA;IAEvC,MAAM,EACF,YAAY,GAAG,SAAS,EACxB,kBAAkB,EAClB,iBAAiB,GAAG,gBAAgB,EACpC,eAAe,GAAG,mBAAmB,EACrC,cAAc,GAAG,sBAAsB,EACvC,WAAW,GAAG,IAAI,GACrB,GAAG,OAAO;AAEX,IAAA,IAAI,MAAM,CAAC,SAAS,EAAE;QAClB,IAAI,WAAW,EAAE;AACb,YAAA,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC;QAC3E;AACA,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;QACtB,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC;AACxC,QAAA,OAAO,KAAK;IAChB;AAEA,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACjB,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC;aACtB,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,OAAO;aAClD,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,IAAI,CAAC;AACf,QAAA,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,IAAI,SAAS,EAAE,CAAC;AAC9E,QAAA,OAAO,KAAK;IAChB;AAEA,IAAA,IAAI,MAAM,CAAC,aAAa,EAAE;QACtB,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACtC,QAAA,OAAO,KAAK;IAChB;AAEA,IAAA,OAAO,KAAK;AAChB;;"}

package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts

@@ -1,13 +1,54 @@
 import React from 'react';
-import { Json, JsonSchema } from '../types/JsonSchema';
+import type { ChangeHandler } from '../types/ChangeHandler.js';
+import type { Json, JsonSchema } from '../types/JsonSchema.js';
+/**
+ * Props for {@link ObjectContentEditor}.
+ */
 export interface ObjectContentEditorProps {
+    /** The JSON value to display or edit. */
     object: Json;
+    /** Optional snapshot timestamp displayed at the bottom of the editor. */
     timestamp?: Date;
+    /**
+     * JSON Schema describing the structure of {@link object}. Drives field
+     * detection, label rendering, required-field markers, and per-field input
+     * type selection in edit mode.
+     */
     schema: JsonSchema;
+    /**
+     * When true, renders editable input fields for each property respecting
+     * the JSON Schema's `type` and `format` annotations. Defaults to read-only.
+     */
     editMode?: boolean;
-    onChange?: (object: Json) => void;
+    /**
+     * Invoked with the updated object after any field edit. Required to
+     * actually persist user changes when {@link editMode} is true.
+     */
+    onChange?: ChangeHandler<Json>;
+    /**
+     * Invoked whenever the validation state of the editor changes (true when
+     * one or more fields fail their schema check). Useful for disabling a
+     * surrounding Save button while errors are present.
+     */
     onValidationChange?: (hasErrors: boolean) => void;
+    /**
+     * Extra CSS class names appended to the editor root, combined with the
+     * default `order-content` class. For fine-grained styling of the internal
+     * Components inputs, use product tokens and stable Cratis parts.
+     */
     className?: string;
 }
-export declare const ObjectContentEditor: ({ object, timestamp, schema, editMode, onChange, onValidationChange, className }: ObjectContentEditorProps) => React.JSX.Element;
-//# sourceMappingURL=ObjectContentEditor.d.ts.map
+/**
+ * Renders a structured view (or editor) of any JSON object whose shape is
+ * described by a JSON Schema. In view mode it lays out properties as a labeled
+ * table with breadcrumb-style navigation into nested objects and arrays. In
+ * edit mode it switches to the appropriate input type for each property
+ * (`InputText`, `InputNumber`, `Checkbox`, `Calendar`, `InputTextarea`).
+ *
+ * The component composes Cratis-owned controls internally. Restyle it through
+ * semantic tokens, its root `className`, and documented descendant
+ * `data-cratis-part` values rather than a provider-level renderer preset.
+ *
+ * @param props - {@link ObjectContentEditorProps}.
+ */
+export declare const ObjectContentEditor: ({ object, timestamp, schema, editMode, onChange, onValidationChange, className, }: ObjectContentEditorProps) => React.JSX.Element;

package/dist/esm/ObjectContentEditor/ObjectContentEditor.js

@@ -2,27 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Tooltip } from '../Common/Tooltip.js';
 import React, { useState, useCallback, useEffect, useMemo } from 'react';
 import * as faIcons from 'react-icons/fa6';
-import { ObjectNavigationalBar } from '../ObjectNavigationalBar/ObjectNavigationalBar.js';
 import { getValueAtPath } from './objectHelpers.js';
-import { InputText } from 'primereact/inputtext';
-import { InputNumber } from 'primereact/inputnumber';
-import { Checkbox } from 'primereact/checkbox';
-import { Textarea } from 'primereact/textarea';
 import { DatePickerInput } from '../Common/DatePickerInput.js';
+import { ObjectNavigationalBar } from '../ObjectNavigationalBar/ObjectNavigationalBar.js';
 
-/**
- * Renders a structured view (or editor) of any JSON object whose shape is
- * described by a JSON Schema. In view mode it lays out properties as a labeled
- * table with breadcrumb-style navigation into nested objects and arrays. In
- * edit mode it switches to the appropriate input type for each property
- * (`InputText`, `InputNumber`, `Checkbox`, `Calendar`, `InputTextarea`).
- *
- * The component composes many PrimeReact widgets internally; for fine-grained
- * pass-through styling use a global `pt` preset on `CratisComponentsProvider`.
- *
- * @param props - {@link ObjectContentEditorProps}.
- */
-const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onChange, onValidationChange, className }) => {
+const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onChange, onValidationChange, className, }) => {
     const [navigationPath, setNavigationPath] = useState([]);
     const [validationErrors, setValidationErrors] = useState({});
     const validateValue = useCallback((propertyName, value, property) => {
@@ -33,20 +17,28 @@ const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onCh
         }
         else {
             const isRequired = schema.required?.includes(propertyName);
-            if (isRequired && (value === null || value === undefined || value === '')) {
+            if (isRequired &&
+                (value === null || value === undefined || value === '')) {
                 return 'This field is required';
             }
         }
         if (property.type === 'string' && typeof value === 'string') {
-            if (property.format === 'email' && value && !value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
+            if (property.format === 'email' &&
+                value &&
+                !value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
                 return 'Invalid email format';
             }
-            if (property.format === 'uri' && value && !value.match(/^https?:\/\/.+/)) {
+            if (property.format === 'uri' &&
+                value &&
+                !value.match(/^https?:\/\/.+/)) {
                 return 'Invalid URI format';
             }
         }
         if (property.type === 'number' || property.type === 'integer') {
-            if (value !== null && value !== undefined && value !== '' && isNaN(Number(value))) {
+            if (value !== null &&
+                value !== undefined &&
+                value !== '' &&
+                isNaN(Number(value))) {
                 return 'Must be a valid number';
             }
         }
@@ -89,10 +81,10 @@ const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onCh
         }
         const lastKey = navigationPath[navigationPath.length - 1];
         const pathToParent = navigationPath.slice(0, -1);
-        const parentValue = pathToParent.length > 0
-            ? getValueAtPath(object, pathToParent)
-            : object;
-        if (parentValue && typeof parentValue === 'object' && !Array.isArray(parentValue)) {
+        const parentValue = pathToParent.length > 0 ? getValueAtPath(object, pathToParent) : object;
+        if (parentValue &&
+            typeof parentValue === 'object' &&
+            !Array.isArray(parentValue)) {
             const value = parentValue[lastKey];
             if (Array.isArray(value)) {
                 return value;
@@ -141,19 +133,19 @@ const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onCh
         color: 'var(--cratis-red-500)',
         fontSize: '0.75rem',
     };
-    const updateValue = useCallback((propertyName, newValue) => {
+    const updateValue = useCallback((propertyName, newValue, meta) => {
         if (!onChange)
             return;
         const updatedObject = { ...object };
         updatedObject[propertyName] = newValue;
-        onChange(updatedObject);
+        onChange(updatedObject, meta);
     }, [object, onChange]);
     const renderEditField = (propertyName, property, value) => {
         const error = validationErrors[propertyName];
-        const handleChange = (newValue) => {
-            updateValue(propertyName, newValue);
+        const handleChange = (newValue, meta) => {
+            updateValue(propertyName, newValue, meta);
             const validationError = validateValue(propertyName, newValue, property);
-            setValidationErrors(prev => {
+            setValidationErrors((prev) => {
                 const newErrors = { ...prev };
                 if (validationError) {
                     newErrors[propertyName] = validationError;
@@ -165,50 +157,94 @@ const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onCh
             });
         };
         if (property.type === 'boolean') {
-            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(Checkbox.Root, { checked: Boolean(value), onCheckedChange: (e) => handleChange(e.checked ?? false), invalid: !!error, children: jsx(Checkbox.Box, { children: jsx(Checkbox.Indicator, {}) }) }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
+            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx("input", { type: 'checkbox', "aria-label": propertyName, checked: Boolean(value), onChange: (event) => handleChange(event.target.checked, {
+                            source: 'user',
+                            nativeEvent: event.nativeEvent,
+                        }), "aria-invalid": Boolean(error) || undefined, className: 'cratis:size-5 cratis:accent-[var(--cratis-primary-color)]' }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
         }
         if (property.type === 'number' || property.type === 'integer') {
-            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(InputNumber.Root, { value: (value === null || value === undefined) ? null : Number(value), onValueChange: (e) => handleChange(e.value ?? null), useGrouping: false, invalid: !!error, children: jsx(InputNumber.Input, { className: "w-full" }) }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
+            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx("input", { type: 'number', "aria-label": propertyName, value: value === null || value === undefined ? '' : Number(value), onChange: (event) => handleChange(event.target.value === ''
+                            ? null
+                            : event.target.valueAsNumber, {
+                            source: 'user',
+                            nativeEvent: event.nativeEvent,
+                        }), "aria-invalid": Boolean(error) || undefined, className: 'cratis-field-input cratis:w-full' }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
         }
         if (property.type === 'string' && property.format === 'date-time') {
             const dateValue = value ? new Date(value) : null;
-            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(DatePickerInput, { value: dateValue, onChange: (date) => handleChange(date ? date.toISOString() : null), showTime: true, showIcon: true, invalid: !!error }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
+            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(DatePickerInput, { "aria-label": propertyName, value: dateValue, onChange: (date, meta) => handleChange(date ? date.toISOString() : null, meta ?? { source: 'user' }), showTime: true, showIcon: true, invalid: !!error }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
         }
         if (property.type === 'string' && property.format === 'date') {
             const dateValue = value ? new Date(value) : null;
-            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(DatePickerInput, { value: dateValue, onChange: (date) => handleChange(date ? date.toISOString().split('T')[0] : null), showIcon: true, invalid: !!error }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
+            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(DatePickerInput, { "aria-label": propertyName, value: dateValue, onChange: (date, meta) => handleChange(date ? date.toISOString().split('T')[0] : null, meta ?? { source: 'user' }), showIcon: true, invalid: !!error }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
         }
         if (property.type === 'array') {
-            return (jsx("div", { className: "flex items-center gap-2", style: { color: 'var(--cratis-text-color-secondary)', fontStyle: 'italic' }, children: jsx("span", { children: "Array editing not yet supported" }) }));
+            return (jsx("div", { className: 'cratis:flex cratis:items-center cratis:gap-2', style: {
+                    color: 'var(--cratis-text-color-secondary)',
+                    fontStyle: 'italic',
+                }, children: jsx("span", { children: "Array editing not yet supported" }) }));
         }
         if (property.type === 'object') {
-            return (jsx("div", { className: "flex items-center gap-2", style: { color: 'var(--cratis-text-color-secondary)', fontStyle: 'italic' }, children: jsx("span", { children: "Object editing not yet supported" }) }));
+            return (jsx("div", { className: 'cratis:flex cratis:items-center cratis:gap-2', style: {
+                    color: 'var(--cratis-text-color-secondary)',
+                    fontStyle: 'italic',
+                }, children: jsx("span", { children: "Object editing not yet supported" }) }));
         }
         const isLongText = value?.length > 50;
         if (isLongText) {
-            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(Textarea, { value: String(value ?? ''), onChange: (e) => handleChange(e.target.value), rows: 3, invalid: !!error, className: "w-full" }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
+            return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx("textarea", { "aria-label": propertyName, value: String(value ?? ''), onChange: (event) => handleChange(event.target.value, {
+                            source: 'user',
+                            nativeEvent: event.nativeEvent,
+                        }), rows: 3, "aria-invalid": Boolean(error) || undefined, className: 'cratis-field-input cratis-field-textarea cratis:w-full' }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
         }
-        return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx(InputText, { value: String(value ?? ''), onChange: (e) => handleChange(e.target.value), invalid: !!error, className: "w-full" }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
+        return (jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsx("input", { "aria-label": propertyName, value: String(value ?? ''), onChange: (event) => handleChange(event.target.value, {
+                        source: 'user',
+                        nativeEvent: event.nativeEvent,
+                    }), "aria-invalid": Boolean(error) || undefined, className: 'cratis-field-input cratis:w-full' }), error && jsx("small", { style: fieldErrorStyle, children: error })] }));
     };
     const renderValue = (value, propertyName) => {
         if (value === null || value === undefined)
             return '';
         if (Array.isArray(value)) {
-            return (jsxs("div", { className: "flex items-center gap-2 cursor-pointer", onClick: () => navigateToProperty(propertyName), style: { color: 'var(--cratis-primary-color)', display: 'flex', alignItems: 'center' }, children: [jsxs("span", { children: ["Array[", value.length, "]"] }), jsx(faIcons.FaArrowRight, { style: { fontSize: '0.875rem', display: 'inline-flex' } })] }));
+            return (jsxs("button", { type: 'button', className: 'cratis:flex cratis:items-center cratis:gap-2 cratis:cursor-pointer', onClick: () => navigateToProperty(propertyName), style: {
+                    color: 'var(--cratis-primary-color)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: 0,
+                    border: 0,
+                    background: 'transparent',
+                    font: 'inherit',
+                }, "aria-label": `Open ${propertyName}, ${value.length} items`, children: [jsxs("span", { children: ["Array[", value.length, "]"] }), jsx(faIcons.FaArrowRight, { style: { fontSize: '0.875rem', display: 'inline-flex' }, "aria-hidden": 'true' })] }));
         }
         if (typeof value === 'object') {
-            return (jsxs("div", { className: "flex items-center gap-2 cursor-pointer", onClick: () => navigateToProperty(propertyName), style: { color: 'var(--cratis-primary-color)', display: 'flex', alignItems: 'center' }, children: [jsx("span", { children: "Object" }), jsx(faIcons.FaArrowRight, { style: { fontSize: '0.875rem', display: 'inline-flex' } })] }));
+            return (jsxs("button", { type: 'button', className: 'cratis:flex cratis:items-center cratis:gap-2 cratis:cursor-pointer', onClick: () => navigateToProperty(propertyName), style: {
+                    color: 'var(--cratis-primary-color)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: 0,
+                    border: 0,
+                    background: 'transparent',
+                    font: 'inherit',
+                }, "aria-label": `Open ${propertyName}`, children: [jsx("span", { children: "Object" }), jsx(faIcons.FaArrowRight, { style: { fontSize: '0.875rem', display: 'inline-flex' }, "aria-hidden": 'true' })] }));
         }
         return String(value);
     };
     const renderTable = () => {
         if (Array.isArray(currentData)) {
             if (currentData.length === 0)
-                return jsx("div", { style: { padding: '12px', color: 'var(--cratis-text-color-secondary)' }, children: "Empty array" });
+                return (jsx("div", { style: {
+                        padding: '12px',
+                        color: 'var(--cratis-text-color-secondary)',
+                    }, children: "Empty array" }));
             const firstItem = currentData[0];
-            if (typeof firstItem === 'object' && firstItem !== null && !Array.isArray(firstItem)) {
+            if (typeof firstItem === 'object' &&
+                firstItem !== null &&
+                !Array.isArray(firstItem)) {
                 const keys = Object.keys(firstItem);
-                return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: currentData.map((item, index) => (jsxs(React.Fragment, { children: [index > 0 && (jsx("tr", { style: { height: '8px', background: 'var(--cratis-surface-hover)' }, children: jsx("td", { colSpan: 2 }) })), keys.map((key) => (jsxs("tr", { style: rowStyle, children: [jsx("td", { style: labelStyle, children: key }), jsx("td", { style: valueStyle, children: renderValue(item[key], key) })] }, `${index}-${key}`)))] }, index))) }) }));
+                return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: currentData.map((item, index) => (jsxs(React.Fragment, { children: [index > 0 && (jsx("tr", { style: {
+                                        height: '8px',
+                                        background: 'var(--cratis-surface-hover)',
+                                    }, children: jsx("td", { colSpan: 2 }) })), keys.map((key) => (jsxs("tr", { style: rowStyle, children: [jsx("td", { style: labelStyle, children: key }), jsx("td", { style: valueStyle, children: renderValue(item[key], key) })] }, `${index}-${key}`)))] }, index))) }) }));
             }
             else {
                 return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: currentData.map((item, index) => (jsxs("tr", { style: rowStyle, children: [jsxs("td", { style: labelStyle, children: ["[", index, "]"] }), jsx("td", { style: valueStyle, children: renderValue(item, `[${index}]`) })] }, index))) }) }));
@@ -220,11 +256,24 @@ const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onCh
         return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: entries.map(([propertyName, propertyDef]) => {
                     const value = currentData[propertyName];
                     const isSchemaProperty = navigationPath.length === 0;
-                    const property = isSchemaProperty && typeof propertyDef === 'object' && propertyDef !== null && 'type' in propertyDef
+                    const property = isSchemaProperty &&
+                        typeof propertyDef === 'object' &&
+                        propertyDef !== null &&
+                        'type' in propertyDef
                         ? propertyDef
                         : null;
                     const description = property?.description;
-                    return (jsxs("tr", { style: rowStyle, children: [jsx("td", { style: labelStyle, children: jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '6px' }, children: [propertyName, description && (jsx(Tooltip, { content: description, position: "right", children: jsx(faIcons.FaCircleInfo, { className: "property-info-icon", style: infoIconStyle }) }))] }) }), jsx("td", { style: valueStyle, children: editMode && property
+                    return (jsxs("tr", { style: rowStyle, children: [jsx("td", { style: labelStyle, children: jsxs("span", { style: {
+                                        display: 'inline-flex',
+                                        alignItems: 'center',
+                                        gap: '6px',
+                                    }, children: [propertyName, description && (jsx(Tooltip, { content: description, position: 'right', children: jsx("button", { type: 'button', "aria-label": 'Property description', style: {
+                                                    display: 'inline-flex',
+                                                    padding: 0,
+                                                    border: 0,
+                                                    background: 'transparent',
+                                                    color: 'inherit',
+                                                }, children: jsx(faIcons.FaCircleInfo, { "aria-hidden": 'true', className: 'property-info-icon', style: infoIconStyle }) }) }))] }) }), jsx("td", { style: valueStyle, children: editMode && property
                                     ? renderEditField(propertyName, property, value)
                                     : renderValue(value, propertyName) })] }, propertyName));
                 }) }) }));
@@ -235,7 +284,7 @@ const ObjectContentEditor = ({ object, timestamp, schema, editMode = false, onCh
                     background: 'var(--cratis-highlight-bg)',
                     borderRadius: '8px',
                     fontSize: '12px',
-                    color: 'var(--cratis-text-color-secondary)'
+                    color: 'var(--cratis-text-color)',
                 }, children: ["Snapshot captured: ", timestamp.toLocaleString()] }))] }));
 };