@vertesia/ui 1.5.0-dev.20260717.131047Z → 1.5.0-dev.20260725.083715Z

package/lib/widgets/schema-editor/editor/SchemaEditor.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, errorMessage, useToast } from '@vertesia/ui/core';
+import { Button, errorMessage, Switch, useToast } from '@vertesia/ui/core';
 import { useUITranslation } from '@vertesia/ui/i18n';
 import { ChevronDown, ChevronRight, Plus } from 'lucide-react';
 import { useState } from 'react';
@@ -14,20 +14,21 @@ function skipClickOutside(e) {
     return !!target.closest?.('.schema-type-suggest-popup');
 }
 export function SchemaEditor({ schema, readonly = false }) {
-    return (_jsxs("ul", { className: "", children: [schema.children.map((prop) => {
-                return renderProperty(prop, readonly);
-            }), !readonly ? _jsx(AddPropertyButton, { parent: schema.root }) : null] }));
+    const { t } = useUITranslation();
+    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2 px-2 py-1 text-xs font-medium text-muted-foreground border-b border-border", children: [_jsx("div", { className: "flex-1 min-w-0", children: t('widgets.schema.propertyColumn') }), !readonly && (_jsx("div", { className: "shrink-0 w-28 text-end pe-1", title: t('widgets.schema.extractFromDocumentHint'), children: t('widgets.schema.extractFromDocument') })), _jsx("div", { className: "w-8 shrink-0" })] }), _jsxs("ul", { className: "", children: [schema.children.map((prop) => {
+                        return renderProperty(prop, readonly);
+                    }), !readonly ? _jsx(AddPropertyButton, { parent: schema.root }) : null] })] }));
 }
 function renderProperty(node, readonly) {
     return node.isParent ? (_jsx(ParentItem, { property: node, readonly: readonly }, node.name)) : (_jsx(SimpleItem, { node: node, readonly: readonly }, node.name));
 }
 function SimpleItem({ node, readonly }) {
-    return (_jsx("li", { children: _jsx(PropertyTitleBar, { property: node, readonly: readonly }) }));
+    return (_jsx("li", { className: "border-b border-border/40 last:border-0", children: _jsx(PropertyTitleBar, { property: node, readonly: readonly }) }));
 }
 function ParentItem({ property, readonly }) {
     const [isOpen, setOpen] = useState(true);
     const Icon = isOpen ? ChevronDown : ChevronRight;
-    return (_jsxs("li", { children: [_jsxs("div", { className: "flex items-center w-full", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setOpen(!isOpen), "aria-label": isOpen ? `Collapse ${property.name}` : `Expand ${property.name}`, "aria-expanded": isOpen, children: _jsx(Icon, { className: "size-4 cn-rtl-flip" }) }), _jsx("div", { className: "flex-1", children: _jsx(PropertyTitleBar, { property: property, readonly: readonly }) })] }), isOpen && (_jsxs("ul", { className: "ms-4 border-s border-gray-400 border-dashed", children: [(property.children || []).map((prop) => renderProperty(prop, readonly)), !readonly ? _jsx(AddPropertyButton, { parent: property }) : null] }))] }));
+    return (_jsxs("li", { className: "border-b border-border/40 last:border-0", children: [_jsxs("div", { className: "flex items-center w-full gap-1", children: [_jsx("div", { className: "flex-1 min-w-0", children: _jsx(PropertyTitleBar, { property: property, readonly: readonly }) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => setOpen(!isOpen), "aria-label": isOpen ? `Collapse ${property.name}` : `Expand ${property.name}`, "aria-expanded": isOpen, className: "shrink-0", children: _jsx(Icon, { className: "size-4 cn-rtl-flip" }) })] }), isOpen && (_jsxs("ul", { className: "ms-4 border-s border-gray-400 border-dashed", children: [(property.children || []).map((prop) => renderProperty(prop, readonly)), !readonly ? _jsx(AddPropertyButton, { parent: property }) : null] }))] }));
 }
 export function validatePropertyName(propertyName) {
     if (!propertyName) {
@@ -47,7 +48,11 @@ function PropertyTitleBar({ property, readonly }) {
                 value.description = undefined;
             }
             const update = property.getUpdateFromNameAndTypeSignature(value.name, value.type);
-            if (property.update({ ...update, description: value.description })) {
+            if (property.update({
+                ...update,
+                description: value.description,
+                extractable: value.extractable,
+            })) {
                 property.reloadTree();
             }
         }
@@ -62,12 +67,18 @@ function PropertyTitleBar({ property, readonly }) {
         }
         return true;
     };
+    /** Toggle extractability without entering name/type edit mode. */
+    const onExtractableChange = (extractable) => {
+        if (property.update({ extractable })) {
+            property.reloadTree();
+        }
+    };
     const isNew = property.resetIsNew();
     const editableProp = getEditableSchemaProperty(property);
-    return (_jsx(Editable, { value: editableProp, onChange: onChange, onDelete: () => {
-            property.remove();
-            property.reloadTree();
-        }, editor: PropertyEditor, viewer: PropertyViewer, outlineOnHover: true, isEditing: isNew, skipClickOutside: skipClickOutside, readonly: readonly, onValidate: (property) => validatePropertyName(property.name) }));
+    return (_jsxs("div", { className: "flex items-center gap-2 w-full min-w-0 py-0.5", children: [_jsx("div", { className: "flex-1 min-w-0", children: _jsx(Editable, { value: editableProp, onChange: onChange, onDelete: () => {
+                        property.remove();
+                        property.reloadTree();
+                    }, editor: PropertyEditor, viewer: PropertyViewer, outlineOnHover: true, isEditing: isNew, skipClickOutside: skipClickOutside, readonly: readonly, onValidate: (prop) => validatePropertyName(prop.name) }) }), !readonly ? (_jsx("div", { className: "shrink-0 w-28 flex items-center justify-end gap-1.5 pe-1", children: _jsx(Switch, { size: "sm", value: property.extractable, onChange: onExtractableChange, "aria-label": `${t('widgets.schema.extractFromDocument')}: ${property.name}` }) })) : property.extractable === false ? (_jsx("div", { className: "shrink-0 w-28 flex justify-end pe-1", children: _jsx("span", { className: "text-[10px] uppercase tracking-wide text-attention border border-attention/40 bg-attention/10 rounded px-1.5 py-0.5", title: t('widgets.schema.extractFromDocumentHint'), children: t('widgets.schema.noExtract') }) })) : null] }));
 }
 function AddPropertyButton({ parent }) {
     const add = () => {

package/lib/widgets/schema-editor/editor/SchemaEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/SchemaEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAA+B,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,+EAA+E;AAC/E,SAAS,gBAAgB,CAAC,CAAa;IACnC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;IACvC,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,4BAA4B,CAAC,CAAC;AAC5D,CAAC;AAMD,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAmB;IACtE,OAAO,CACH,cAAI,SAAS,EAAC,EAAE,aACX,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,OAAO,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC1C,CAAC,CAAC,EACD,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAC7D,CACR,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,IAAgB,EAAE,QAAiB;IACvD,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,KAAC,UAAU,IAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAA7C,IAAI,CAAC,IAAI,CAAwC,CACrE,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IAAiB,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAzC,IAAI,CAAC,IAAI,CAAoC,CACjE,CAAC;AACN,CAAC;AAMD,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB;IACnD,OAAO,CACH,uBACI,KAAC,gBAAgB,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACR,CAAC;AACN,CAAC;AAMD,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAmB;IACvD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAEjD,OAAO,CACH,yBACI,eAAK,SAAS,EAAC,0BAA0B,aACrC,KAAC,MAAM,IACH,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,gBACnB,MAAM,CAAC,CAAC,CAAC,YAAY,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,IAAI,EAAE,mBAC7D,MAAM,YAErB,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,GAAG,GAClC,EACT,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC1D,IACJ,EACL,MAAM,IAAI,CACP,cAAI,SAAS,EAAC,6CAA6C,aACtD,CAAC,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,EACvE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,iBAAiB,IAAC,MAAM,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,IAC1D,CACR,IACA,CACR,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,YAAoB;IACrD,IAAI,CAAC,YAAY,EAAE,CAAC;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IACD,IAAI,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;QAC3C,OAAO,SAAS,CAAC,CAAC,QAAQ;IAC9B,CAAC;IACD,OAAO,+EAA+E,CAAC;AAC3F,CAAC;AAMD,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAyB;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG,CAAC,KAA6B,EAAE,EAAE;QAC/C,IAAI,CAAC;YACD,IAAI,KAAK,CAAC,WAAW,IAAI,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;gBAC7D,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;YAClC,CAAC;YAED,MAAM,MAAM,GAAG,QAAQ,CAAC,iCAAiC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;YAElF,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;gBACjE,QAAQ,CAAC,UAAU,EAAE,CAAC;YAC1B,CAAC;QACL,CAAC;QAAC,OAAO,GAAY,EAAE,CAAC;YACpB,KAAK,CAAC;gBACF,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,CAAC,CAAC,2CAA2C,CAAC;gBACrD,WAAW,EAAE,YAAY,CAAC,GAAG,CAAC;gBAC9B,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC;YACH,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACH,KAAC,QAAQ,IACL,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE;YACX,QAAQ,CAAC,MAAM,EAAE,CAAC;YAClB,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,EACD,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,cAAc,EACtB,cAAc,QACd,SAAS,EAAE,KAAK,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAC/D,CACL,CAAC;AACN,CAAC;AAKD,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAA0B;IACzD,MAAM,GAAG,GAAG,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,MAAM,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CACzB,IAAI,EACJ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,EAC9E,IAAI,CACP,CAAC;QACF,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACnB,MAAM,CAAC,UAAU,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,CACH,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,aAChC,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,oBAEtB,CACZ,CAAC;AACN,CAAC"}
+{"version":3,"file":"SchemaEditor.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/SchemaEditor.tsx"],"names":[],"mappings":"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"}

package/lib/widgets/xml-viewer/hooks/useXMLViewer.d.ts

@@ -1,3 +1,12 @@
+export declare function parseXML(xml: string): {
+    json: any;
+    valid: boolean;
+    errorMessage?: undefined;
+} | {
+    json: null;
+    valid: boolean;
+    errorMessage: string;
+};
 export default function useXMLViewer(xml: string): {
     json: any;
     valid: boolean;

package/lib/widgets/xml-viewer/hooks/useXMLViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useXMLViewer.d.ts","sourceRoot":"","sources":["../../../../src/widgets/xml-viewer/hooks/useXMLViewer.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,GAAG,EAAE,MAAM;;;;;;;;EAoB/C"}
+{"version":3,"file":"useXMLViewer.d.ts","sourceRoot":"","sources":["../../../../src/widgets/xml-viewer/hooks/useXMLViewer.ts"],"names":[],"mappings":"AAcA,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM;;;;;;;;EAsBnC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,GAAG,EAAE,MAAM;;;;;;;;EAE/C"}

package/lib/widgets/xml-viewer/hooks/useXMLViewer.js

@@ -1,5 +1,4 @@
 import { XMLParser } from 'fast-xml-parser';
-import { SyntaxValidator } from 'fast-xml-validator';
 import { useMemo } from 'react';
 import { ATTRIBUTE_CDATA, ATTRIBUTE_COMMENT } from '../constants';
 const parser = new XMLParser({
@@ -11,23 +10,27 @@ const parser = new XMLParser({
     cdataPropName: ATTRIBUTE_CDATA,
     parseTagValue: false,
 });
-export default function useXMLViewer(xml) {
-    return useMemo(() => {
-        try {
-            const validationResult = SyntaxValidator.validate(xml);
-            if (validationResult !== true) {
-                throw new Error(validationResult.err.msg || 'Invalid XML!');
-            }
-            const json = parser.parse(xml);
-            if (typeof xml === 'string' && xml.trim().length > 0 && json.length === 0) {
-                throw new Error('Invalid XML!');
-            }
-            return { json, valid: true };
+export function parseXML(xml) {
+    try {
+        const validationDocument = new DOMParser().parseFromString(xml, 'application/xml');
+        const parserError = validationDocument.documentElement.localName === 'parsererror'
+            ? validationDocument.documentElement
+            : undefined;
+        if (parserError) {
+            throw new Error(parserError.textContent?.trim() || 'Invalid XML!');
         }
-        catch (e) {
-            const error = e;
-            return { json: null, valid: false, errorMessage: `Fail to parse: ${error.message}` };
+        const json = parser.parse(xml);
+        if (xml.trim().length > 0 && json.length === 0) {
+            throw new Error('Invalid XML!');
         }
-    }, [xml]);
+        return { json, valid: true };
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        return { json: null, valid: false, errorMessage: `Fail to parse: ${message}` };
+    }
+}
+export default function useXMLViewer(xml) {
+    return useMemo(() => parseXML(xml), [xml]);
 }
 //# sourceMappingURL=useXMLViewer.js.map

package/lib/widgets/xml-viewer/hooks/useXMLViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useXMLViewer.js","sourceRoot":"","sources":["../../../../src/widgets/xml-viewer/hooks/useXMLViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC;IACzB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,KAAK;IACvB,mBAAmB,EAAE,EAAE;IACvB,sBAAsB,EAAE,IAAI;IAC5B,eAAe,EAAE,iBAAiB;IAClC,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,KAAK;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,GAAW;IAC5C,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,IAAI,CAAC;YACD,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACvD,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;gBAC5B,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,cAAc,CAAC,CAAC;YAChE,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAE/B,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxE,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;YACpC,CAAC;YAED,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QACjC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,MAAM,KAAK,GAAG,CAAU,CAAC;YACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,kBAAkB,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;QACzF,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACd,CAAC"}
+{"version":3,"file":"useXMLViewer.js","sourceRoot":"","sources":["../../../../src/widgets/xml-viewer/hooks/useXMLViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC;IACzB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,KAAK;IACvB,mBAAmB,EAAE,EAAE;IACvB,sBAAsB,EAAE,IAAI;IAC5B,eAAe,EAAE,iBAAiB;IAClC,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,KAAK;CACvB,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CAAC,GAAW;IAChC,IAAI,CAAC;QACD,MAAM,kBAAkB,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;QACnF,MAAM,WAAW,GACb,kBAAkB,CAAC,eAAe,CAAC,SAAS,KAAK,aAAa;YAC1D,CAAC,CAAC,kBAAkB,CAAC,eAAe;YACpC,CAAC,CAAC,SAAS,CAAC;QACpB,IAAI,WAAW,EAAE,CAAC;YACd,MAAM,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,cAAc,CAAC,CAAC;QACvE,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE/B,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7C,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;QACpC,CAAC;QAED,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACjC,CAAC;IAAC,OAAO,KAAc,EAAE,CAAC;QACtB,MAAM,OAAO,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,kBAAkB,OAAO,EAAE,EAAE,CAAC;IACnF,CAAC;AACL,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,GAAW;IAC5C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertesia/ui",
-  "version": "1.5.0-dev.20260717.131047Z",
+  "version": "1.5.0-dev.20260725.083715Z",
   "description": "Vertesia UI components and and hooks",
   "type": "module",
   "main": "./lib/index.js",
@@ -21,27 +21,27 @@
     "hooks"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.7.6",
-    "@floating-ui/react": "^0.27.19",
+    "@floating-ui/dom": "^1.8.0",
+    "@floating-ui/react": "^0.27.20",
     "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/react-checkbox": "^1.3.6",
-    "@radix-ui/react-collapsible": "^1.1.15",
-    "@radix-ui/react-dialog": "^1.1.18",
+    "@radix-ui/react-checkbox": "^1.3.7",
+    "@radix-ui/react-collapsible": "^1.1.16",
+    "@radix-ui/react-dialog": "^1.1.19",
     "@radix-ui/react-direction": "^1.1.2",
-    "@radix-ui/react-dismissable-layer": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.19",
+    "@radix-ui/react-dismissable-layer": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.20",
     "@radix-ui/react-focus-guards": "^1.1.4",
-    "@radix-ui/react-focus-scope": "^1.1.11",
+    "@radix-ui/react-focus-scope": "^1.1.12",
     "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-popover": "^1.1.18",
+    "@radix-ui/react-popover": "^1.1.19",
     "@radix-ui/react-portal": "^1.1.13",
-    "@radix-ui/react-radio-group": "^1.4.2",
+    "@radix-ui/react-radio-group": "^1.4.3",
     "@radix-ui/react-separator": "^1.1.11",
-    "@radix-ui/react-slider": "^1.4.2",
+    "@radix-ui/react-slider": "^1.4.3",
     "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.2",
-    "@radix-ui/react-tabs": "^1.1.16",
-    "@radix-ui/react-tooltip": "^1.2.11",
+    "@radix-ui/react-switch": "^1.3.3",
+    "@radix-ui/react-tabs": "^1.1.17",
+    "@radix-ui/react-tooltip": "^1.2.12",
     "ajv": "^8.20.0",
     "ajv-formats": "^3.0.1",
     "aria-hidden": "^1.2.6",
@@ -50,16 +50,15 @@
     "cmdk": "^1.1.1",
     "dayjs": "^1.11.21",
     "debounce": "^3.0.0",
-    "dompurify": "^3.4.11",
-    "fast-xml-parser": "^5.9.3",
-    "fast-xml-validator": "^1.1.1",
-    "firebase": "^12.15.0",
+    "dompurify": "^3.4.12",
+    "fast-xml-parser": "^5.10.1",
+    "firebase": "^12.16.0",
     "framer-motion": "^12.42.2",
-    "i18next": "^26.3.4",
+    "i18next": "^26.3.6",
     "jwt-decode": "^4.0.0",
     "katex": "^0.17.0",
     "lodash-es": "^4.18.1",
-    "lucide-react": "^1.23.0",
+    "lucide-react": "^1.24.0",
     "mermaid": "^11.16.0",
     "monaco-editor": "^0.55.1",
     "motion": "^12.42.2",
@@ -69,12 +68,12 @@
     "react-date-picker": "^12.0.2",
     "react-dom": "19.2.7",
     "react-error-boundary": "^6.1.2",
-    "react-i18next": "^17.0.8",
+    "react-i18next": "^17.0.9",
     "react-markdown": "^10.1.0",
     "react-pdf": "^10.4.1",
     "react-remove-scroll": "^2.7.2",
     "react-remove-scroll-bar": "^2.3.8",
-    "react-resizable-panels": "^4.12.1",
+    "react-resizable-panels": "^4.12.2",
     "react-style-singleton": "^2.2.3",
     "react-vega": "^8.0.0",
     "rehype-katex": "^7.0.1",
@@ -90,27 +89,28 @@
     "vega": "^6.2.0",
     "vega-embed": "^7.1.0",
     "vega-lite": "^6.4.3",
-    "@vertesia/client": "1.5.0-dev.20260717.131047Z",
-    "@vertesia/common": "1.5.0-dev.20260717.131047Z",
-    "@vertesia/fusion-ux": "1.5.0-dev.20260717.131047Z",
-    "@vertesia/json": "1.5.0-dev.20260717.131047Z"
+    "@vertesia/client": "1.5.0-dev.20260725.083715Z",
+    "@vertesia/common": "1.5.0-dev.20260725.083715Z",
+    "@vertesia/fusion-ux": "1.5.0-dev.20260725.083715Z",
+    "@vertesia/rich-text": "1.5.0-dev.20260725.083715Z",
+    "@vertesia/json": "1.5.0-dev.20260725.083715Z"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/hast": "^3.0.4",
+    "@types/hast": "^3.0.5",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.13.2",
+    "@types/node": "^24.13.3",
     "@types/papaparse": "^5.5.2",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
     "axe-core": "^4.12.1",
     "culori": "^4.0.2",
-    "i18next-cli": "^1.65.0",
+    "i18next-cli": "^1.66.0",
     "jsdom": "^29.1.1",
-    "rolldown": "1.1.4",
+    "rolldown": "1.2.0",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.9",
+    "vitest": "^4.1.10",
     "vitest-axe": "^0.1.0",
     "wcag-contrast": "^3.0.0",
     "@vertesia/tsconfig": "0.1.0"
@@ -150,6 +150,10 @@
       "types": "./lib/widgets/index.d.ts",
       "default": "./lib/widgets/index.js"
     },
+    "./rich-text": {
+      "types": "./lib/rich-text/index.d.ts",
+      "default": "./lib/rich-text/index.js"
+    },
     "./code": {
       "types": "./lib/code/index.d.ts",
       "default": "./lib/code/index.js"
@@ -180,7 +184,7 @@
     "url": "https://github.com/vertesia/composableai.git",
     "directory": "packages/ui"
   },
-  "gitHead": "8aaad228827b2927db8e6aa75b27bfac90fec36f",
+  "gitHead": "57bcc2f27dd17b3387f27c18e89329c4c37f98ac",
   "scripts": {
     "clean:lib": "rimraf ./lib ./tsconfig.tsbuildinfo",
     "clean": "rimraf ./node_modules ./lib ./tsconfig.tsbuildinfo",

package/src/__tests__/a11y.test.tsx

@@ -53,6 +53,79 @@ describe('@vertesia/ui accessibility (axe)', () => {
         expect(await axe(container)).toHaveNoViolations();
     });
 
+    it('Button.title is forwarded to aria-label so icon-only buttons are labelled', async () => {
+        const { container } = renderWithProviders(
+            <Button onClick={() => undefined} title="Refresh">
+                <span aria-hidden="true">↻</span>
+            </Button>,
+        );
+        const button = container.querySelector('button');
+        expect(button?.getAttribute('aria-label')).toBe('Refresh');
+        // The native title attribute is intentionally not forwarded — it would stack a second
+        // browser tooltip on top of the VTooltip that `title` already renders.
+        expect(button?.hasAttribute('title')).toBe(false);
+        expect(await axe(container)).toHaveNoViolations();
+    });
+
+    it('Button.title does NOT override the name of a button that shows text', async () => {
+        // WCAG 2.5.3 Label in Name: the accessible name must contain the visible label, so a
+        // tooltip must never replace it. Regression test for the Playwright failure where
+        // getByRole('button', { name: 'Installed' }) stopped matching.
+        const { container } = renderWithProviders(
+            <Button onClick={() => undefined} title="Show only installed apps">
+                Installed
+            </Button>,
+        );
+        const button = container.querySelector('button');
+        expect(button?.hasAttribute('aria-label')).toBe(false);
+        expect(button?.textContent).toBe('Installed');
+        expect(await axe(container)).toHaveNoViolations();
+    });
+
+    it('Button.title does not override a nested text label either', async () => {
+        const { container } = renderWithProviders(
+            <Button onClick={() => undefined} title="Open the definition editor">
+                <span aria-hidden="true">📄</span>
+                <span>Definition</span>
+            </Button>,
+        );
+        expect(container.querySelector('button')?.hasAttribute('aria-label')).toBe(false);
+    });
+
+    it('Button.alt keeps overriding the name of a text button (legacy behavior)', async () => {
+        // Unlike `title`, the deprecated `alt` overrides the accessible name even when text is
+        // present. Call sites such as <Button alt="Launch a new agent."><Rocket/> Run</Button>
+        // depend on this, so the WCAG 2.5.3 guard must NOT apply to `alt`.
+        const { container } = renderWithProviders(
+            <Button onClick={() => undefined} alt="Launch a new agent.">
+                Run
+            </Button>,
+        );
+        expect(container.querySelector('button')?.getAttribute('aria-label')).toBe('Launch a new agent.');
+    });
+
+    it('Button.tooltipPlacement does not leak onto the DOM element', async () => {
+        const { container } = renderWithProviders(
+            <Button onClick={() => undefined} title="Zoom in" tooltipPlacement="bottom">
+                <span aria-hidden="true">+</span>
+            </Button>,
+        );
+        const button = container.querySelector('button');
+        expect(button?.getAttribute('aria-label')).toBe('Zoom in');
+        expect(button?.hasAttribute('tooltipPlacement')).toBe(false);
+        expect(button?.hasAttribute('tooltipplacement')).toBe(false);
+        expect(await axe(container)).toHaveNoViolations();
+    });
+
+    it('an explicit aria-label wins over Button.title', async () => {
+        const { container } = renderWithProviders(
+            <Button onClick={() => undefined} title="Refresh" aria-label="Reload the results">
+                <span aria-hidden="true">↻</span>
+            </Button>,
+        );
+        expect(container.querySelector('button')?.getAttribute('aria-label')).toBe('Reload the results');
+    });
+
     it('CopyButton has an accessible name via internal aria-label', async () => {
         const { container } = renderWithProviders(<CopyButton content="example value" />);
         const button = container.querySelector('button');
@@ -247,7 +320,10 @@ describe('@vertesia/ui accessibility (axe)', () => {
         const { baseElement } = renderWithProviders(<Harness />);
         // Radix portals the dialog into document.body, not the render container.
         // noCloseButton avoids the Button.alt -> aria-label gap (deferred to Section 3).
-        expect(await axe(baseElement)).toHaveNoViolations();
+        // Radix focus guards are intentionally focusable, visually hidden sentinels. Newer
+        // axe-core versions flag their tabindex + aria-hidden combination even though they
+        // are infrastructure outside the dialog's accessible content.
+        expect(await axe(baseElement, { exclude: ['[data-radix-focus-guard]'] })).toHaveNoViolations();
     });
 
     it('Table with column headers and sortable button has no violations', async () => {

package/src/__tests__/axe-helper.ts

@@ -1,6 +1,17 @@
-import type { AxeResults } from 'axe-core';
+import axeCore, { type AxeResults, type RunOptions } from 'axe-core';
 import { axe as baseAxe } from 'vitest-axe';
 
+const RUN_OPTIONS: RunOptions = {
+    rules: {
+        'color-contrast': { enabled: false },
+    },
+};
+
+export interface AxeTestOptions {
+    /** Selectors to omit from this specific axe run while testing the rest of the container. */
+    exclude?: string[];
+}
+
 /**
  * Project-wide axe runner.
  *
@@ -14,10 +25,9 @@ import { axe as baseAxe } from 'vitest-axe';
  * Lives in a `.ts` file (not `.tsx`) to keep its module init free of React/JSX
  * resolution concerns.
  */
-export function axe(container: Element | string): Promise<AxeResults> {
-    return baseAxe(container, {
-        rules: {
-            'color-contrast': { enabled: false },
-        },
-    });
+export function axe(container: Element | string, options: AxeTestOptions = {}): Promise<AxeResults> {
+    if (options.exclude?.length && typeof container !== 'string') {
+        return axeCore.run({ include: [container], exclude: options.exclude }, RUN_OPTIONS);
+    }
+    return baseAxe(container, RUN_OPTIONS);
 }

package/src/__tests__/setup.ts

@@ -72,3 +72,28 @@ if (typeof globalThis.ResizeObserver === 'undefined') {
     (globalThis as unknown as { ResizeObserver: typeof ResizeObserverPolyfill }).ResizeObserver =
         ResizeObserverPolyfill;
 }
+
+// Chart and Mermaid modules probe canvas support during import. jsdom's default
+// implementation only logs a noisy "not implemented" error, so return the same
+// unsupported value without polluting otherwise successful UI test output.
+if (typeof HTMLCanvasElement !== 'undefined') {
+    Object.defineProperty(HTMLCanvasElement.prototype, 'getContext', {
+        configurable: true,
+        value: () => null,
+    });
+}
+
+// ProseMirror asks the browser for caret geometry during pointer/keyboard input.
+// jsdom has no layout engine, so provide stable empty geometry for interaction tests.
+if (typeof document !== 'undefined' && typeof document.elementFromPoint !== 'function') {
+    document.elementFromPoint = () => document.querySelector('.ProseMirror') ?? document.body;
+}
+if (typeof Range !== 'undefined') {
+    const emptyRect = () => new DOMRect(0, 0, 0, 0);
+    if (typeof Range.prototype.getBoundingClientRect !== 'function') {
+        Range.prototype.getBoundingClientRect = emptyRect;
+    }
+    if (typeof Range.prototype.getClientRects !== 'function') {
+        Range.prototype.getClientRects = () => [] as unknown as DOMRectList;
+    }
+}

package/src/core/components/SidePanel.tsx

@@ -149,7 +149,7 @@ export function SidePanel({
 
 function CloseButton({ onClose }: { onClose: () => void }) {
     return (
-        <Button alt="Close panel" variant="ghost" onClick={onClose}>
+        <Button title="Close panel" variant="ghost" onClick={onClose}>
             <X className="size-6" aria-hidden="true" />
         </Button>
     );

package/src/core/components/shadcn/button.tsx

@@ -23,6 +23,22 @@ function useDeprecationWarning(propName: string, isUsed: boolean, message: strin
     }, [isUsed, message, propName]);
 }
 
+// Does this subtree contribute any text to the accessible name? Used to decide whether `title`
+// may supply that name. Icons (lucide elements) have no string children and return false, and
+// `aria-hidden` subtrees are skipped because they are excluded from the name computation.
+function hasVisibleText(node: React.ReactNode): boolean {
+    return React.Children.toArray(node).some((child) => {
+        if (typeof child === 'string') return child.trim().length > 0;
+        if (typeof child === 'number') return true;
+        if (React.isValidElement(child)) {
+            const props = child.props as { children?: React.ReactNode; 'aria-hidden'?: boolean | string };
+            if (props['aria-hidden'] === true || props['aria-hidden'] === 'true') return false;
+            return hasVisibleText(props.children);
+        }
+        return false;
+    });
+}
+
 const buttonVariants = cva(
     'hover:cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
     {
@@ -60,35 +76,66 @@ export interface ButtonProps
         VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     /**
-     * @deprecated Use `aria-label` for the accessible name and wrap in `<VTooltip>` for a visual tooltip.
-     * For backward compatibility, `alt` is forwarded to `aria-label` (when not set) AND still
-     * triggers the legacy VTooltip wrap. Slated for removal in the next major.
+     * @deprecated Use `title` instead. `alt` drives the same tooltip but, unlike `title`, it
+     * overrides the accessible name even when the button shows a text label — which usually
+     * violates WCAG 2.5.3 (Label in Name). That legacy behavior is preserved so existing call
+     * sites keep announcing what they always did. Slated for removal in the next major.
      */
     alt?: string;
+    /**
+     * Tooltip text. Renders a `<VTooltip>` around the button and doubles as the accessible name,
+     * so icon-only buttons need nothing else. Pass `aria-label` to override the name independently.
+     */
     title?: string;
+    /** Which side the `title` tooltip opens on. Defaults to `top`. */
+    tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';
     isDisabled?: boolean;
     isLoading?: boolean;
 }
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     (
-        { className, variant, size, asChild = false, alt, isDisabled, isLoading, title, onClick, type, ...props },
+        {
+            className,
+            variant,
+            size,
+            asChild = false,
+            alt,
+            isDisabled,
+            isLoading,
+            title,
+            tooltipPlacement = 'top',
+            onClick,
+            type,
+            ...props
+        },
         ref,
     ) => {
         useDeprecationWarning(
             'Button.alt',
             alt !== undefined,
-            'use aria-label for the accessible name and wrap in <VTooltip> for a visual tooltip. ' +
-                '`alt` is forwarded to both for one release.',
+            'use `title` instead — it drives the same tooltip and the accessible name. ' +
+                '`alt` remains an alias for one release.',
         );
 
         const Comp = asChild ? Slot : 'button';
         // Default type="button" only when rendering an actual <button>. With asChild,
         // the rendered element may be an <a> or other tag where injecting `type` is wrong.
         const resolvedType = asChild ? type : (type ?? 'button');
-        // Back-fill aria-label from alt during the deprecation window so existing call
-        // sites keep their accessible name without code changes.
-        const ariaLabel = props['aria-label'] ?? alt;
+        // `title` (or its deprecated alias `alt`) drives the VTooltip below. `title` also back-fills
+        // the accessible name, so an icon-only <Button title="Refresh"> is labelled without any
+        // extra props or a manual <VTooltip> wrap at the call site.
+        //
+        // That back-fill is skipped when the button already shows text: turning
+        // <Button title="Show only installed apps">Installed</Button> into aria-label="Show only
+        // installed apps" would replace the visible name with the tooltip, which breaks WCAG 2.5.3
+        // (Label in Name) and makes the control unreachable by the label users actually see.
+        //
+        // `alt` deliberately does NOT get that treatment: it has always overridden the name
+        // unconditionally, and callers rely on that. Preserving it keeps every existing call site
+        // announcing exactly what it announced before, and confines the new rule to `title`.
+        const tooltip = title ?? alt;
+        const ariaLabel = props['aria-label'] ?? alt ?? (hasVisibleText(props.children) ? undefined : title);
 
         // asChild renders via Radix Slot, which requires exactly one React child.
         // Skip the loader wrap in that case — Slot would reject the multi-child array.
@@ -116,9 +163,18 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
             </Comp>
         );
 
-        if (alt || title) {
+        // Note: the native `title` attribute is deliberately NOT forwarded to the DOM — it would
+        // stack a second, delayed browser tooltip on top of the VTooltip. `aria-label` above is
+        // what exposes the text to screen readers and to getByRole('button', { name }).
+        if (tooltip) {
             return (
-                <VTooltip description={alt || title} asChild className="cursor-pointer" size="xs" placement="top">
+                <VTooltip
+                    description={tooltip}
+                    asChild
+                    className="cursor-pointer"
+                    size="xs"
+                    placement={tooltipPlacement}
+                >
                     {buttonElement}
                 </VTooltip>
             );
@@ -190,7 +246,6 @@ const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(
                 size={size || 'sm'}
                 onClick={handleCopy}
                 {...props}
-                aria-label={label}
                 title={label}
             >
                 {isCopied ? <Check className="text-success" /> : <CopyIcon className="size-4" />}

package/src/core/components/shadcn/filters/filterBar.tsx

@@ -318,6 +318,7 @@ const FilterBtn = ({ className }: { className?: string }) => {
                     variant="outline"
                     role="combobox"
                     aria-expanded={open}
+                    aria-label={t('filter.filter')}
                     size="md"
                     className={cn('transition group flex gap-1.5', className)}
                 >