@mmlogic/components 0.5.14 → 0.5.16

package/dist/cjs/{mrd-boolean-field_25.cjs.entry.js → mrd-boolean-field_28.cjs.entry.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DVbdkYO3.js');
-var cellRenderer = require('./cell-renderer-mjS630f1.js');
-var clientLayout = require('./client-layout-CqVuJumR.js');
+var cellRenderer = require('./cell-renderer-CLVKTVVQ.js');
+var clientLayout = require('./client-layout-Eg2VwW-7.js');
 
 const mrdBooleanFieldCss = () => `.sc-mrd-boolean-field-h{display:block}.mrd-boolean-field.sc-mrd-boolean-field{display:flex;align-items:center;width:100%}.mrd-boolean-field__toggle-label.sc-mrd-boolean-field{display:flex;align-items:center;gap:var(--mrd-space-3);cursor:pointer;user-select:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field{background-color:var(--mrd-color-primary)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{transform:translateX(20px)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:focus+.mrd-boolean-field__toggle.sc-mrd-boolean-field{box-shadow:var(--mrd-shadow-focus)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:disabled+.mrd-boolean-field__toggle.sc-mrd-boolean-field{opacity:0.5;cursor:not-allowed}.mrd-boolean-field__toggle.sc-mrd-boolean-field{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius-full);transition:background-color var(--mrd-transition);flex-shrink:0}.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--mrd-color-white);border-radius:50%;transition:transform var(--mrd-transition);box-shadow:var(--mrd-shadow-sm)}.mrd-boolean-field__text.sc-mrd-boolean-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-boolean-field__text--required.sc-mrd-boolean-field::after{content:" *";color:var(--mrd-color-danger)}`;
 
@@ -522,6 +522,15 @@ function buildListPath(opts) {
     }
     return `/${(_c = opts.dataClass) !== null && _c !== void 0 ? _c : ''}`;
 }
+/** The `mrdAction` detail for a toolbar "create" action: `parentPath` locates the
+ *  RELATED_VIEW's parent (`/{fromClass}/{parentId}`) so the host can route to
+ *  `.../{parentPath}/{dataClass}/new`; `null` for a top-level VIEW. Shared by
+ *  mrd-table and mrd-memo-container so both toolbars build an identical payload. */
+function buildCreateActionDetail(opts) {
+    var _a, _b;
+    const parentPath = opts.isRelatedView ? `/${(_a = opts.fromClass) !== null && _a !== void 0 ? _a : ''}/${opts.parentId}` : null;
+    return Object.assign({ action: 'create', dataClass: (_b = opts.dataClass) !== null && _b !== void 0 ? _b : '', parentPath }, (opts.basicType ? { basicType: opts.basicType } : {}));
+}
 
 /**
  * Tree model and pure tree logic for mrd-document-list.
@@ -4072,7 +4081,7 @@ const MrdEmailView = class {
 };
 MrdEmailView.style = mrdEmailViewCss();
 
-const mrdFieldCss = () => `.sc-mrd-field-h{display:block}.mrd-field__inner.sc-mrd-field{display:block;width:100%}.mrd-field__history-editor.sc-mrd-field{margin-top:var(--mrd-space-2);display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-field__history-editor-label.sc-mrd-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-row.sc-mrd-field{display:flex;align-items:center;gap:var(--mrd-space-2)}.mrd-field__history-editor-sep.sc-mrd-field{flex-shrink:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-value.sc-mrd-field{flex:1 1 0;min-width:0;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-value.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-until.sc-mrd-field{flex:0 0 10rem;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-until.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-remove.sc-mrd-field{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-field__history-editor-remove.sc-mrd-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-field__history-editor-remove.sc-mrd-field svg.sc-mrd-field{width:1rem;height:1rem}.mrd-field__history-editor-add.sc-mrd-field{align-self:flex-start;padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);background:transparent;border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius-md);cursor:pointer;transition:background-color var(--mrd-transition-fast), color var(--mrd-transition-fast)}.mrd-field__history-editor-add.sc-mrd-field:hover{background-color:var(--mrd-color-primary-light)}`;
+const mrdFieldCss = () => `.sc-mrd-field-h{display:block}.mrd-field__inner.sc-mrd-field{display:block;width:100%}.mrd-field__history-editor.sc-mrd-field{margin-top:var(--mrd-space-2);display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-field__history-editor-label.sc-mrd-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-row.sc-mrd-field{display:flex;align-items:center;gap:var(--mrd-space-2)}.mrd-field__history-editor-sep.sc-mrd-field{flex-shrink:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-value.sc-mrd-field{flex:1 1 0;min-width:0;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-value.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-until.sc-mrd-field{flex:0 0 10rem;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-until.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-remove.sc-mrd-field{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-field__history-editor-remove.sc-mrd-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-field__history-editor-remove.sc-mrd-field svg.sc-mrd-field{width:1rem;height:1rem}.mrd-field__history-editor-add.sc-mrd-field{align-self:flex-start;padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);background:transparent;border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius-md);cursor:pointer;transition:background-color var(--mrd-transition-fast), color var(--mrd-transition-fast)}.mrd-field__history-editor-add.sc-mrd-field:hover{background-color:var(--mrd-color-primary-light)}.mrd-field__multi.sc-mrd-field{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-field__multi__label.sc-mrd-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-field__multi__label--required.sc-mrd-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-field__multi__error.sc-mrd-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-field__multi-row.sc-mrd-field{display:flex;align-items:flex-start;gap:var(--mrd-space-2)}.mrd-field__multi-row-input.sc-mrd-field{flex:1 1 0;min-width:0}.mrd-field__multi-remove.sc-mrd-field{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:var(--mrd-input-height);padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-field__multi-remove.sc-mrd-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-field__multi-remove.sc-mrd-field svg.sc-mrd-field{width:1rem;height:1rem}.mrd-field__multi-add.sc-mrd-field{align-self:flex-start;padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);background:transparent;border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius-md);cursor:pointer;transition:background-color var(--mrd-transition-fast), color var(--mrd-transition-fast)}.mrd-field__multi-add.sc-mrd-field:hover{background-color:var(--mrd-color-primary-light)}`;
 
 const MrdField = class {
     constructor(hostRef) {
@@ -4085,6 +4094,13 @@ const MrdField = class {
         this.locale = navigator.language;
         this.historyEntries = [];
         this.currentValue = undefined;
+        this.multiValues = [];
+        this.multiError = '';
+        this.handleMultiRowBlur = () => {
+            var _a;
+            this.multiError = requiredError(this.multiValues, (_a = this.item.required) !== null && _a !== void 0 ? _a : false, this.locale);
+            this.mrdBlur.emit({ name: this.item.name, value: this.multiValues });
+        };
         this.handleChange = (e) => {
             var _a, _b, _c, _d;
             e.stopPropagation();
@@ -4129,9 +4145,11 @@ const MrdField = class {
     }
     componentWillLoad() {
         this.initHistoryState();
+        this.initMultiState();
     }
     valueChanged() {
         this.initHistoryState();
+        this.initMultiState();
     }
     initHistoryState() {
         var _a, _b, _c, _d, _e;
@@ -4142,6 +4160,43 @@ const MrdField = class {
         this.currentValue = (_e = raw === null || raw === void 0 ? void 0 : raw.current) !== null && _e !== void 0 ? _e : raw;
         this.historyEntries = Array.isArray(raw === null || raw === void 0 ? void 0 : raw.history) ? [...raw.history] : [];
     }
+    /** LIST/FILE/IMAGE already own their multiple-value UI end to end; every
+     *  other scalar dataType routes through the generic repeater below instead
+     *  of each leaf field re-implementing add/remove itself (FINDING-0149). */
+    isMultiScalar() {
+        var _a, _b;
+        if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) !== clientLayout.ClientLayoutItemType.FIELD || !((_b = this.item) === null || _b === void 0 ? void 0 : _b.multiple))
+            return false;
+        const dt = this.item.dataType;
+        return dt !== clientLayout.ClientLayoutItemFieldDataType.LIST
+            && dt !== clientLayout.ClientLayoutItemFieldDataType.FILE
+            && dt !== clientLayout.ClientLayoutItemFieldDataType.IMAGE;
+    }
+    initMultiState() {
+        if (!this.isMultiScalar())
+            return;
+        const v = this.value;
+        this.multiValues = Array.isArray(v) ? [...v] : (v != null && v !== '' ? [v] : []);
+    }
+    emptyRowValue() {
+        var _a;
+        switch (this.item.dataType) {
+            case clientLayout.ClientLayoutItemFieldDataType.INTEGER:
+            case clientLayout.ClientLayoutItemFieldDataType.DECIMAL:
+            case clientLayout.ClientLayoutItemFieldDataType.PERCENTAGE:
+                return null;
+            case clientLayout.ClientLayoutItemFieldDataType.CURRENCY:
+                return { amount: null, currency: (_a = this.item.currencyCode) !== null && _a !== void 0 ? _a : 'EUR' };
+            case clientLayout.ClientLayoutItemFieldDataType.BOOLEAN:
+                return false;
+            default:
+                return '';
+        }
+    }
+    emitMultiChange(values) {
+        this.multiValues = values;
+        this.mrdChange.emit({ name: this.item.name, value: values });
+    }
     getDisplayValue() {
         var _a, _b, _c, _d;
         const hist = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.historyEnabled) !== null && _b !== void 0 ? _b : (_d = (_c = this.item) === null || _c === void 0 ? void 0 : _c.field) === null || _d === void 0 ? void 0 : _d.historyEnabled;
@@ -4170,6 +4225,9 @@ const MrdField = class {
             value: { current: this.currentValue, history: entries },
         });
     }
+    renderRemoveIcon() {
+        return (index.h("svg", { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", d: "M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z", "clip-rule": "evenodd" })));
+    }
     renderHistoryEditor() {
         var _a, _b, _c, _d;
         const hist = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.historyEnabled) !== null && _b !== void 0 ? _b : (_d = (_c = this.item) === null || _c === void 0 ? void 0 : _c.field) === null || _d === void 0 ? void 0 : _d.historyEnabled;
@@ -4187,62 +4245,80 @@ const MrdField = class {
         const addEntry = () => {
             this.emitHistoryChange([...this.historyEntries, { value: '', until: '' }]);
         };
-        return (index.h("div", { class: "mrd-field__history-editor" }, this.historyEntries.length > 0 && (index.h("span", { class: "mrd-field__history-editor-label" }, cellRenderer.t('history_badge_tooltip', locale))), this.historyEntries.map((entry, i) => (index.h("div", { key: String(i), class: "mrd-field__history-editor-row" }, index.h("input", { class: "mrd-field__history-editor-value", type: valueType, value: entry.value, onInput: (e) => updateEntry(i, 'value', e.target.value) }), index.h("span", { class: "mrd-field__history-editor-sep" }, cellRenderer.t('history_until', locale)), index.h("input", { class: "mrd-field__history-editor-until", type: "date", value: entry.until, onInput: (e) => updateEntry(i, 'until', e.target.value) }), index.h("button", { type: "button", class: "mrd-field__history-editor-remove", onClick: () => removeEntry(i), "aria-label": cellRenderer.t('remove', locale) }, index.h("svg", { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", d: "M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z", "clip-rule": "evenodd" })))))), index.h("button", { type: "button", class: "mrd-field__history-editor-add", onClick: addEntry }, "+ ", cellRenderer.t('add', locale))));
+        return (index.h("div", { class: "mrd-field__history-editor" }, this.historyEntries.length > 0 && (index.h("span", { class: "mrd-field__history-editor-label" }, cellRenderer.t('history_badge_tooltip', locale))), this.historyEntries.map((entry, i) => (index.h("div", { key: String(i), class: "mrd-field__history-editor-row" }, index.h("input", { class: "mrd-field__history-editor-value", type: valueType, value: entry.value, onInput: (e) => updateEntry(i, 'value', e.target.value) }), index.h("span", { class: "mrd-field__history-editor-sep" }, cellRenderer.t('history_until', locale)), index.h("input", { class: "mrd-field__history-editor-until", type: "date", value: entry.until, onInput: (e) => updateEntry(i, 'until', e.target.value) }), index.h("button", { type: "button", class: "mrd-field__history-editor-remove", onClick: () => removeEntry(i), "aria-label": cellRenderer.t('remove', locale) }, this.renderRemoveIcon())))), index.h("button", { type: "button", class: "mrd-field__history-editor-add", onClick: addEntry }, "+ ", cellRenderer.t('add', locale))));
     }
-    renderLeafField(displayValue) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
+    renderLeafField(displayValue, onChange = this.handleChange, onBlur = this.handleBlur, overrides = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
         const { item, locale } = this;
         const commonProps = {
             name: item.name,
-            label: item.label,
-            required: item.required,
-            disabled: (_a = item.disabled) !== null && _a !== void 0 ? _a : false,
+            label: (_a = overrides.label) !== null && _a !== void 0 ? _a : item.label,
+            required: (_b = overrides.required) !== null && _b !== void 0 ? _b : item.required,
+            disabled: (_c = item.disabled) !== null && _c !== void 0 ? _c : false,
             locale,
-            onMrdChange: this.handleChange,
-            onMrdBlur: this.handleBlur,
+            onMrdChange: onChange,
+            onMrdBlur: onBlur,
         };
         switch (item.dataType) {
             case clientLayout.ClientLayoutItemFieldDataType.TEXT:
-                return (index.h("mrd-text-field", Object.assign({}, commonProps, { value: (_b = displayValue) !== null && _b !== void 0 ? _b : '', placeholder: (_c = item.placeholder) !== null && _c !== void 0 ? _c : '' })));
+                return (index.h("mrd-text-field", Object.assign({}, commonProps, { value: (_d = displayValue) !== null && _d !== void 0 ? _d : '', placeholder: (_e = item.placeholder) !== null && _e !== void 0 ? _e : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.TEXTBLOCK:
-                return (index.h("mrd-textarea-field", Object.assign({}, commonProps, { value: (_d = displayValue) !== null && _d !== void 0 ? _d : '', placeholder: (_e = item.placeholder) !== null && _e !== void 0 ? _e : '' })));
+                return (index.h("mrd-textarea-field", Object.assign({}, commonProps, { value: (_f = displayValue) !== null && _f !== void 0 ? _f : '', placeholder: (_g = item.placeholder) !== null && _g !== void 0 ? _g : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.INTEGER:
             case clientLayout.ClientLayoutItemFieldDataType.DECIMAL:
             case clientLayout.ClientLayoutItemFieldDataType.PERCENTAGE:
-                return (index.h("mrd-number-field", Object.assign({}, commonProps, { value: (_f = displayValue) !== null && _f !== void 0 ? _f : null, dataType: item.dataType, decimalPrecision: (_g = item.decimalPrecision) !== null && _g !== void 0 ? _g : 2, placeholder: (_h = item.placeholder) !== null && _h !== void 0 ? _h : '' })));
+                return (index.h("mrd-number-field", Object.assign({}, commonProps, { value: (_h = displayValue) !== null && _h !== void 0 ? _h : null, dataType: item.dataType, decimalPrecision: (_j = item.decimalPrecision) !== null && _j !== void 0 ? _j : 2, placeholder: (_k = item.placeholder) !== null && _k !== void 0 ? _k : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.CURRENCY:
                 return (index.h("mrd-currency-field", Object.assign({}, commonProps, {
                     // Input-only fallback: it preselects the layout's currencyCode in the dropdown
                     // before an amount exists. The field never emits this shape back — an empty
                     // amount emits null (FINDING-0141).
-                    value: (_j = displayValue) !== null && _j !== void 0 ? _j : { amount: null, currency: (_k = item.currencyCode) !== null && _k !== void 0 ? _k : 'EUR' }
+                    value: (_l = displayValue) !== null && _l !== void 0 ? _l : { amount: null, currency: (_m = item.currencyCode) !== null && _m !== void 0 ? _m : 'EUR' }
                 })));
             case clientLayout.ClientLayoutItemFieldDataType.BOOLEAN:
-                return (index.h("mrd-boolean-field", Object.assign({}, commonProps, { value: (_l = displayValue) !== null && _l !== void 0 ? _l : false })));
+                return (index.h("mrd-boolean-field", Object.assign({}, commonProps, { value: (_o = displayValue) !== null && _o !== void 0 ? _o : false })));
             case clientLayout.ClientLayoutItemFieldDataType.DATE:
-                return (index.h("mrd-date-field", Object.assign({}, commonProps, { value: (_m = displayValue) !== null && _m !== void 0 ? _m : '' })));
+                return (index.h("mrd-date-field", Object.assign({}, commonProps, { value: (_p = displayValue) !== null && _p !== void 0 ? _p : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.DATETIME:
-                return (index.h("mrd-datetime-field", Object.assign({}, commonProps, { value: (_o = displayValue) !== null && _o !== void 0 ? _o : '' })));
+                return (index.h("mrd-datetime-field", Object.assign({}, commonProps, { value: (_q = displayValue) !== null && _q !== void 0 ? _q : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.TIME:
-                return (index.h("mrd-time-field", Object.assign({}, commonProps, { value: (_p = displayValue) !== null && _p !== void 0 ? _p : '' })));
+                return (index.h("mrd-time-field", Object.assign({}, commonProps, { value: (_r = displayValue) !== null && _r !== void 0 ? _r : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.EMAIL:
-                return (index.h("mrd-email-field", Object.assign({}, commonProps, { value: (_q = displayValue) !== null && _q !== void 0 ? _q : '', placeholder: (_r = item.placeholder) !== null && _r !== void 0 ? _r : '' })));
+                return (index.h("mrd-email-field", Object.assign({}, commonProps, { value: (_s = displayValue) !== null && _s !== void 0 ? _s : '', placeholder: (_t = item.placeholder) !== null && _t !== void 0 ? _t : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.HYPERLINK:
-                return (index.h("mrd-hyperlink-field", Object.assign({}, commonProps, { value: (_s = displayValue) !== null && _s !== void 0 ? _s : '', placeholder: (_t = item.placeholder) !== null && _t !== void 0 ? _t : '' })));
+                return (index.h("mrd-hyperlink-field", Object.assign({}, commonProps, { value: (_u = displayValue) !== null && _u !== void 0 ? _u : '', placeholder: (_v = item.placeholder) !== null && _v !== void 0 ? _v : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.LIST:
-                return (index.h("mrd-list-field", Object.assign({}, commonProps, { value: (_u = displayValue) !== null && _u !== void 0 ? _u : '', multiple: (_v = item.multiple) !== null && _v !== void 0 ? _v : false, listItems: (_w = item.listItems) !== null && _w !== void 0 ? _w : [] })));
+                return (index.h("mrd-list-field", Object.assign({}, commonProps, { value: (_w = displayValue) !== null && _w !== void 0 ? _w : '', multiple: (_x = item.multiple) !== null && _x !== void 0 ? _x : false, listItems: (_y = item.listItems) !== null && _y !== void 0 ? _y : [] })));
             case clientLayout.ClientLayoutItemFieldDataType.FILE:
-                return (index.h("mrd-file-field", Object.assign({}, commonProps, { value: displayValue, accept: (_x = item.accept) !== null && _x !== void 0 ? _x : '', maxSize: (_y = item.maxSize) !== null && _y !== void 0 ? _y : 0, multiple: (_z = item.multiple) !== null && _z !== void 0 ? _z : false, onMrdUpload: this.handleUpload })));
+                return (index.h("mrd-file-field", Object.assign({}, commonProps, { value: displayValue, accept: (_z = item.accept) !== null && _z !== void 0 ? _z : '', maxSize: (_0 = item.maxSize) !== null && _0 !== void 0 ? _0 : 0, multiple: (_1 = item.multiple) !== null && _1 !== void 0 ? _1 : false, onMrdUpload: this.handleUpload })));
             case clientLayout.ClientLayoutItemFieldDataType.IMAGE:
-                return (index.h("mrd-image-field", Object.assign({}, commonProps, { value: displayValue, accept: (_0 = item.accept) !== null && _0 !== void 0 ? _0 : 'image/*', maxSize: (_1 = item.maxSize) !== null && _1 !== void 0 ? _1 : 0, multiple: (_2 = item.multiple) !== null && _2 !== void 0 ? _2 : false, onMrdUpload: this.handleUpload })));
+                return (index.h("mrd-image-field", Object.assign({}, commonProps, { value: displayValue, accept: (_2 = item.accept) !== null && _2 !== void 0 ? _2 : 'image/*', maxSize: (_3 = item.maxSize) !== null && _3 !== void 0 ? _3 : 0, multiple: (_4 = item.multiple) !== null && _4 !== void 0 ? _4 : false, onMrdUpload: this.handleUpload })));
             case clientLayout.ClientLayoutItemFieldDataType.LONGTEXT:
-                return (index.h("mrd-longtext-field", Object.assign({}, commonProps, { value: (_3 = displayValue) !== null && _3 !== void 0 ? _3 : '', placeholder: (_4 = item.placeholder) !== null && _4 !== void 0 ? _4 : '' })));
+                return (index.h("mrd-longtext-field", Object.assign({}, commonProps, { value: (_5 = displayValue) !== null && _5 !== void 0 ? _5 : '', placeholder: (_6 = item.placeholder) !== null && _6 !== void 0 ? _6 : '' })));
             case clientLayout.ClientLayoutItemFieldDataType.SECRET:
-                return (index.h("mrd-secret-field", Object.assign({}, commonProps, { value: (_5 = displayValue) !== null && _5 !== void 0 ? _5 : '', placeholder: (_6 = item.placeholder) !== null && _6 !== void 0 ? _6 : '' })));
+                return (index.h("mrd-secret-field", Object.assign({}, commonProps, { value: (_7 = displayValue) !== null && _7 !== void 0 ? _7 : '', placeholder: (_8 = item.placeholder) !== null && _8 !== void 0 ? _8 : '' })));
             default:
                 return null;
         }
     }
+    /** Repeatable-row UI for a scalar dataType with multiple: true — mirrors the
+     *  add/remove pattern already established by renderHistoryEditor(), reusing
+     *  the single-row renderLeafField() per entry instead of duplicating repeat
+     *  UI into every leaf field component (FINDING-0149). */
+    renderMultiScalarField() {
+        var _a, _b;
+        const { item, locale } = this;
+        const updateRow = (i, val) => {
+            this.emitMultiChange(this.multiValues.map((v, idx) => (idx === i ? val : v)));
+        };
+        const removeRow = (i) => {
+            this.emitMultiChange(this.multiValues.filter((_, idx) => idx !== i));
+        };
+        const addRow = () => {
+            this.emitMultiChange([...this.multiValues, this.emptyRowValue()]);
+        };
+        return (index.h("div", { class: "mrd-field__multi" }, index.h(FieldLabel, { base: "mrd-field__multi", label: (_a = item.label) !== null && _a !== void 0 ? _a : '', required: (_b = item.required) !== null && _b !== void 0 ? _b : false }), this.multiValues.map((v, i) => (index.h("div", { key: String(i), class: "mrd-field__multi-row" }, index.h("div", { class: "mrd-field__multi-row-input" }, this.renderLeafField(v, (e) => { e.stopPropagation(); updateRow(i, e.detail.value); }, (e) => { e.stopPropagation(); this.handleMultiRowBlur(); }, { label: '', required: false })), index.h("button", { type: "button", class: "mrd-field__multi-remove", onClick: () => removeRow(i), "aria-label": cellRenderer.t('remove', locale) }, this.renderRemoveIcon())))), index.h("button", { type: "button", class: "mrd-field__multi-add", onClick: addRow }, "+ ", cellRenderer.t('add', locale)), index.h(FieldError, { base: "mrd-field__multi", error: this.multiError })));
+    }
     render() {
         var _a, _b, _c, _d, _e, _f;
         const { item, locale, value } = this;
@@ -4253,7 +4329,7 @@ const MrdField = class {
             return index.h(index.Host, null);
         }
         const displayValue = this.getDisplayValue();
-        return (index.h(index.Host, null, index.h("div", { class: "mrd-field__inner" }, this.renderLeafField(displayValue), this.renderHistoryEditor())));
+        return (index.h(index.Host, null, index.h("div", { class: "mrd-field__inner" }, this.isMultiScalar() ? this.renderMultiScalarField() : this.renderLeafField(displayValue), this.renderHistoryEditor())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -4444,13 +4520,14 @@ const MrdFileField = class {
 };
 MrdFileField.style = mrdFileFieldCss();
 
-const mrdFormCss = () => `.sc-mrd-form-h{display:block}.mrd-form.sc-mrd-form{font-family:var(--mrd-font-family);width:100%}.mrd-form__title.sc-mrd-form{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-6) 0}.mrd-form__body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-5)}.mrd-form__field.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-form__field-error.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-form__section.sc-mrd-form{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-4) var(--mrd-space-5);margin:0}.mrd-form__section-legend.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-700);padding:0 var(--mrd-space-2)}.mrd-form__section-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);margin-top:var(--mrd-space-2)}.mrd-form__group.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-form__group-label.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);text-transform:uppercase;letter-spacing:0.05em}.mrd-form__group-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);padding-left:var(--mrd-space-4);border-left:3px solid var(--mrd-color-neutral-200)}.mrd-form__footer.sc-mrd-form{margin-top:var(--mrd-space-8);padding-top:var(--mrd-space-5);border-top:var(--mrd-border-width) solid var(--mrd-border-color);display:flex;justify-content:flex-end;gap:var(--mrd-space-3)}.mrd-form__submit.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-form__submit.sc-mrd-form:hover{background-color:var(--mrd-color-primary-hover)}.mrd-form__submit.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__submit.sc-mrd-form:active{background-color:var(--mrd-color-primary-dark)}.mrd-form__cancel.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-form__cancel.sc-mrd-form:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-form__cancel.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__cancel.sc-mrd-form:active{background-color:var(--mrd-color-neutral-200)}`;
+const mrdFormCss = () => `.sc-mrd-form-h{display:block}.mrd-form.sc-mrd-form{font-family:var(--mrd-font-family);width:100%}.mrd-form__title.sc-mrd-form{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-6) 0}.mrd-form__body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-5)}.mrd-form__field.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-form__field-error.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-form__section.sc-mrd-form{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-4) var(--mrd-space-5);margin:0}.mrd-form__section-legend.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-700);padding:0 var(--mrd-space-2)}.mrd-form__section-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);margin-top:var(--mrd-space-2)}.mrd-form__group.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-form__group-label.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);text-transform:uppercase;letter-spacing:0.05em}.mrd-form__group-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);padding-left:var(--mrd-space-4);border-left:3px solid var(--mrd-color-neutral-200)}.mrd-form__footer.sc-mrd-form{margin-top:var(--mrd-space-8);padding-top:var(--mrd-space-5);border-top:var(--mrd-border-width) solid var(--mrd-border-color);display:flex;justify-content:flex-end;gap:var(--mrd-space-3)}.mrd-form__submit.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-form__submit.sc-mrd-form:hover{background-color:var(--mrd-color-primary-hover)}.mrd-form__submit.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__submit.sc-mrd-form:active{background-color:var(--mrd-color-primary-dark)}.mrd-form__cancel.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-form__cancel.sc-mrd-form:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-form__cancel.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__cancel.sc-mrd-form:active{background-color:var(--mrd-color-neutral-200)}.mrd-form__delete.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);margin-right:auto;background-color:transparent;color:var(--mrd-color-danger);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-form__delete.sc-mrd-form:hover{background-color:var(--mrd-color-danger-light);color:var(--mrd-color-danger-dark)}.mrd-form__delete.sc-mrd-form:focus{outline:none;box-shadow:0 0 0 3px var(--mrd-color-danger-light)}.mrd-form__delete.sc-mrd-form:active{background-color:var(--mrd-color-danger-light);border-color:var(--mrd-color-danger-dark)}`;
 
 const MrdForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.mrdSubmit = index.createEvent(this, "mrdSubmit");
         this.mrdCancel = index.createEvent(this, "mrdCancel");
+        this.mrdDelete = index.createEvent(this, "mrdDelete");
         this.mrdSearch = index.createEvent(this, "mrdSearch");
         this.mrdFetchAll = index.createEvent(this, "mrdFetchAll");
         this.mrdUpload = index.createEvent(this, "mrdUpload");
@@ -4477,6 +4554,11 @@ const MrdForm = class {
         this.referenceClass = '';
         /** When true, a cancel button is shown next to the submit button. */
         this.showCancel = false;
+        /** When true, a delete button is shown next to the submit button (edit mode only —
+         *  the host decides when a delete affordance makes sense, e.g. only for an existing
+         *  record). Deletion itself (confirmation, the actual API call) is entirely the
+         *  host's responsibility; mrd-form only emits the request via mrdDelete. */
+        this.showDelete = false;
         /**
          * The currently logged-in user, resolved by the host via /accounts/me.
          * Used to pre-fill RELATION fields whose defaultValue is "@me".
@@ -4764,15 +4846,11 @@ const MrdForm = class {
     normalizeRelationValue(value) {
         if (value == null || value === '')
             return null;
-        if (typeof value === 'string')
-            return value || null;
         if (Array.isArray(value)) {
-            return value.map(v => typeof v === 'object' && v !== null && 'id' in v ? v.id : String(v));
-        }
-        if (typeof value === 'object' && 'id' in value) {
-            return value.id || null;
+            const hrefs = value.map(v => this.getHref(v)).filter(v => v !== '');
+            return hrefs.length ? hrefs : null;
         }
-        return null;
+        return this.getHref(value) || null;
     }
     deepEqual(a, b) {
         if (a === b)
@@ -4845,7 +4923,7 @@ const MrdForm = class {
             return index.h(index.Host, null);
         }
         const dir = this.locale.startsWith('ar') ? 'rtl' : 'ltr';
-        return (index.h(index.Host, null, index.h("form", { class: "mrd-form", dir: dir, onSubmit: this.handleSubmit, noValidate: true }, this.layout.title && index.h("h2", { class: "mrd-form__title" }, this.layout.title), index.h("div", { class: "mrd-form__body" }, this.renderItems(this.layout.items)), index.h("div", { class: "mrd-form__footer" }, index.h("button", { type: "submit", class: "mrd-form__submit" }, cellRenderer.t('submit', this.locale)), this.showCancel && (index.h("button", { type: "button", class: "mrd-form__cancel", onClick: () => this.mrdCancel.emit() }, cellRenderer.t('cancel', this.locale)))))));
+        return (index.h(index.Host, null, index.h("form", { class: "mrd-form", dir: dir, onSubmit: this.handleSubmit, noValidate: true }, this.layout.title && index.h("h2", { class: "mrd-form__title" }, this.layout.title), index.h("div", { class: "mrd-form__body" }, this.renderItems(this.layout.items)), index.h("div", { class: "mrd-form__footer" }, this.showDelete && (index.h("button", { type: "button", class: "mrd-form__delete", onClick: () => this.mrdDelete.emit() }, cellRenderer.t('delete', this.locale))), index.h("button", { type: "submit", class: "mrd-form__submit" }, cellRenderer.t('submit', this.locale)), this.showCancel && (index.h("button", { type: "button", class: "mrd-form__cancel", onClick: () => this.mrdCancel.emit() }, cellRenderer.t('cancel', this.locale)))))));
     }
     static get watchers() { return {
         "values": [{
@@ -5190,6 +5268,16 @@ function showsEmpty(item) {
     var _a, _b, _c, _d, _e;
     return (_e = (_c = (_a = item.showEmpty) !== null && _a !== void 0 ? _a : (_b = item.field) === null || _b === void 0 ? void 0 : _b.showEmpty) !== null && _c !== void 0 ? _c : (_d = item.relation) === null || _d === void 0 ? void 0 : _d.showEmpty) !== null && _e !== void 0 ? _e : false;
 }
+/** Whether a RELATION item has a resolvable link value (`_links[item.name]`
+ *  carries either a multi-value `values[]` or a single `name`). */
+function hasRelationValue(item, data) {
+    var _a, _b;
+    if (!item.name)
+        return false;
+    const links = ((_a = data === null || data === void 0 ? void 0 : data._links) !== null && _a !== void 0 ? _a : {});
+    const link = links[item.name];
+    return !!(((_b = link === null || link === void 0 ? void 0 : link.values) === null || _b === void 0 ? void 0 : _b.length) || (link === null || link === void 0 ? void 0 : link.name));
+}
 /** Depth-first flatten of the SECTION/GROUP tree. */
 function flattenItems(items) {
     const result = [];
@@ -5302,7 +5390,7 @@ function renderHistoryBadge(ctx, item, raw) {
             ctx.on.toggleHistory(isOpen ? null : item.name);
         } }, index.h("svg", { class: "mrd-layout-section__history-icon", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z", "clip-rule": "evenodd" }))), isOpen && (index.h("div", { class: "mrd-layout-section__history-popover", role: "listbox" }, sorted.map((entry, i) => (index.h("div", { key: String(i), class: "mrd-layout-section__history-entry" }, entry.value, " (", cellRenderer.t('history_until', ctx.locale), " ", cellRenderer.formatDate(entry.until, ctx.locale), ")")))))));
 }
-function renderField(ctx, item) {
+function fieldRenderState(ctx, item) {
     var _a, _b;
     if (!item.name)
         return null;
@@ -5312,10 +5400,27 @@ function renderField(ctx, item) {
         ? raw.current
         : raw;
     const renderedValue = renderFieldValue(ctx, item, rawValue);
+    return { raw, rawValue, renderedValue, isEmpty: renderedValue == null };
+}
+/** Whether a FIELD item would render anything at all (value, or a showEmpty
+ *  placeholder). A `header` field always renders. Used by mrd-layout-section
+ *  to decide whether a preceding HEADER item's block is entirely empty. */
+function isFieldVisible(ctx, item) {
+    if (item.header)
+        return true;
+    const state = fieldRenderState(ctx, item);
+    if (!state)
+        return false;
+    return !state.isEmpty || showsEmpty(item);
+}
+function renderField(ctx, item) {
+    const state = fieldRenderState(ctx, item);
+    if (!state)
+        return null;
+    const { raw, rawValue, renderedValue, isEmpty } = state;
     if (item.header) {
         return (index.h("h1", { class: "mrd-layout-section__field-header", key: item.name }, typeof renderedValue === 'string' ? renderedValue : rawValue != null ? String(rawValue) : item.label));
     }
-    const isEmpty = renderedValue == null;
     if (isEmpty && !showsEmpty(item))
         return null;
     const isBlock = item.dataType === clientLayout.ClientLayoutItemFieldDataType.TEXTBLOCK
@@ -5324,7 +5429,7 @@ function renderField(ctx, item) {
     return (index.h("div", { class: `mrd-layout-section__field${isBlock ? ' mrd-layout-section__field--block' : ''}${isEmpty ? ' mrd-layout-section__field--empty' : ''}`, key: item.name }, index.h("span", { class: "mrd-layout-section__field-label" }, item.label), index.h("span", { class: "mrd-layout-section__field-value" }, isEmpty ? cellRenderer.t('value_empty', ctx.locale) : renderedValue, renderHistoryBadge(ctx, item, raw))));
 }
 
-const mrdLayoutSectionCss = () => `.sc-mrd-layout-section-h{display:block;width:100%}.mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__field--empty.sc-mrd-layout-section .mrd-layout-section__field-value.sc-mrd-layout-section{color:var(--mrd-color-neutral-400);font-weight:var(--mrd-font-weight-normal)}.mrd-layout-section__history-wrap.sc-mrd-layout-section{position:relative;display:inline-flex;align-items:center}.mrd-layout-section__history-btn.sc-mrd-layout-section{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-layout-section__history-btn.sc-mrd-layout-section:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-layout-section__history-btn.sc-mrd-layout-section:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__history-icon.sc-mrd-layout-section{width:0.875rem;height:0.875rem}.mrd-layout-section__history-popover.sc-mrd-layout-section{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:24rem;max-width:24rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-layout-section__history-entry.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-layout-section__history-entry.sc-mrd-layout-section:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__file-list.sc-mrd-layout-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1)}.mrd-layout-section__file-list-item.sc-mrd-layout-section{min-width:0;max-width:100%}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(15 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:var(--mrd-color-white);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--mrd-color-white);cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}`;
+const mrdLayoutSectionCss = () => `.sc-mrd-layout-section-h{display:block;width:100%}.mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__field--empty.sc-mrd-layout-section .mrd-layout-section__field-value.sc-mrd-layout-section{color:var(--mrd-color-neutral-400);font-weight:var(--mrd-font-weight-normal)}.mrd-layout-section__history-wrap.sc-mrd-layout-section{position:relative;display:inline-flex;align-items:center}.mrd-layout-section__history-btn.sc-mrd-layout-section{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-layout-section__history-btn.sc-mrd-layout-section:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-layout-section__history-btn.sc-mrd-layout-section:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__history-icon.sc-mrd-layout-section{width:0.875rem;height:0.875rem}.mrd-layout-section__history-popover.sc-mrd-layout-section{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:24rem;max-width:24rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-layout-section__history-entry.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-layout-section__history-entry.sc-mrd-layout-section:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);letter-spacing:0.01em;margin:var(--mrd-space-5) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__file-list.sc-mrd-layout-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1)}.mrd-layout-section__file-list-item.sc-mrd-layout-section{min-width:0;max-width:100%}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(15 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:var(--mrd-color-white);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--mrd-color-white);cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}`;
 
 const MrdLayoutSection = class {
     constructor(hostRef) {
@@ -5339,6 +5444,7 @@ const MrdLayoutSection = class {
         this.mrdLoadViewAggregations = index.createEvent(this, "mrdLoadViewAggregations");
         this.mrdLoadViewDistinct = index.createEvent(this, "mrdLoadViewDistinct");
         this.mrdUpdateObject = index.createEvent(this, "mrdUpdateObject");
+        this.mrdDeleteObject = index.createEvent(this, "mrdDeleteObject");
         this.mrdViewUpload = index.createEvent(this, "mrdViewUpload");
         this.mrdCreateObject = index.createEvent(this, "mrdCreateObject");
         /** Items from one layout entry in ClientDashboardMetadata.layouts[]. */
@@ -5357,6 +5463,11 @@ const MrdLayoutSection = class {
          *  create ("+") action and the documents view's New folder / Upload are disabled
          *  with a tooltip explaining why, so it's clear at a glance the user can't mutate data. */
         this.readOnly = false;
+        /** The active account's linked person record (userProfile.links.person), if any.
+         *  Threaded to mrd-memo-container so a top-level memo VIEW (no parent record to
+         *  attach a new memo to) can still offer "New memo" by falling back to the
+         *  account's own record as the container. */
+        this.me = null;
         this.searchQueryMap = {};
         this.searchResultsMap = {};
         this.imagePreviewUrl = null;
@@ -5410,6 +5521,14 @@ const MrdLayoutSection = class {
                 await table.init();
             }
         }
+        // mrd-memo-container's card mode has no <mrd-table> — mrd-memo-list needs the
+        // same init() call to request its first page.
+        const memoLists = this.el.querySelectorAll('mrd-memo-list[data-view]');
+        for (const list of Array.from(memoLists)) {
+            if (typeof list.init === 'function') {
+                await list.init();
+            }
+        }
     }
     emitLoadImages() {
         for (const item of flattenItems(this.items)) {
@@ -5443,12 +5562,18 @@ const MrdLayoutSection = class {
             return;
         }
         const table = this.el.querySelector(`mrd-table[data-view="${name}"]`);
-        if (!table)
+        if (table) {
+            if (totalElements !== undefined) {
+                table.totalElements = totalElements;
+            }
+            await table.setPage(page, rows, hasNext);
             return;
-        if (totalElements !== undefined) {
-            table.totalElements = totalElements;
         }
-        await table.setPage(page, rows, hasNext);
+        // Cards mode: mrd-memo-container mounts mrd-memo-list instead of mrd-table.
+        const memoList = this.el.querySelector(`mrd-memo-list[data-view="${name}"]`);
+        if (memoList) {
+            await memoList.setPage(page, rows, hasNext);
+        }
     }
     /** Inject aggregation totals into an embedded mrd-table for a VIEW or RELATED_VIEW item. */
     async setViewAggregations(name, data) {
@@ -5471,11 +5596,18 @@ const MrdLayoutSection = class {
             await list.setFileReference(uri);
     }
     /** Inject the created document's href after a file-drop create, so the
-     *  optimistic row becomes navigable (see mrdCreateObject). */
+     *  optimistic row becomes navigable (see mrdCreateObject). For a memo
+     *  quick-create there is no optimistic row to resolve — simply reload the
+     *  container's current body so the new memo shows up. */
     async setViewCreatedObject(name, href) {
         const list = this.el.querySelector(`mrd-document-list[data-doclist="${name}"]`);
-        if (list === null || list === void 0 ? void 0 : list.setCreatedHref)
+        if (list === null || list === void 0 ? void 0 : list.setCreatedHref) {
             await list.setCreatedHref(href);
+            return;
+        }
+        const memoContainer = this.el.querySelector(`mrd-memo-container[data-view="${name}"]`);
+        if (memoContainer === null || memoContainer === void 0 ? void 0 : memoContainer.refresh)
+            await memoContainer.refresh();
     }
     /** Provide a resolved URL for an IMAGE field. Shows as thumbnail; clicking opens the lightbox. */
     async setImagePreview(fieldName, url) {
@@ -5522,7 +5654,7 @@ const MrdLayoutSection = class {
         else if (link === null || link === void 0 ? void 0 : link.name) {
             valueContent = makeBtn(link.href, link.name);
         }
-        const isEmpty = !valueContent;
+        const isEmpty = !hasRelationValue(item, this.data);
         if (isEmpty && !showsEmpty(item))
             return null;
         return (index.h("div", { class: `mrd-layout-section__field${isEmpty ? ' mrd-layout-section__field--empty' : ''}`, key: item.name }, index.h("span", { class: "mrd-layout-section__field-label" }, item.label), index.h("span", { class: "mrd-layout-section__field-value" }, isEmpty ? cellRenderer.t('value_empty', this.locale) : valueContent)));
@@ -5537,7 +5669,7 @@ const MrdLayoutSection = class {
         return (index.h("div", { class: "mrd-layout-section__search", key: `search-${dataClass}` }, index.h("div", { class: "mrd-layout-section__search-wrap" }, index.h("svg", { class: "mrd-layout-section__search-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z", "clip-rule": "evenodd" })), index.h("input", { class: "mrd-layout-section__search-input", type: "text", value: query, placeholder: (_c = item.label) !== null && _c !== void 0 ? _c : '', onInput: e => this.handleSearchInput(dataClass, e.target.value) })), results.length > 0 && (index.h("ul", { class: "mrd-layout-section__search-results" }, results.map(r => (index.h("li", { key: r.id, class: "mrd-layout-section__search-result" }, index.h("button", { class: "mrd-layout-section__search-result-btn", onClick: () => this.mrdNavigate.emit({ href: r.id, label: r.label }) }, index.h("span", { class: "mrd-layout-section__search-result-label" }, r.label), r.description && index.h("span", { class: "mrd-layout-section__search-result-desc" }, r.description)))))))));
     }
     renderRelatedView(item) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const key = viewKeyFor(item);
         if (!key)
             return null;
@@ -5550,13 +5682,25 @@ const MrdLayoutSection = class {
         // The API publishes `archetypes` on the VIEW/RELATED_VIEW item itself
         // (sibling of `view`), not inside `view`.
         const docArchetype = clientLayout.resolveArchetype((_g = item.archetypes) !== null && _g !== void 0 ? _g : (_h = item.view) === null || _h === void 0 ? void 0 : _h.archetypes, clientLayout.ARCHETYPE_DOCUMENT);
+        const memoArchetype = !docArchetype ? clientLayout.resolveArchetype((_j = item.archetypes) !== null && _j !== void 0 ? _j : (_k = item.view) === null || _k === void 0 ? void 0 : _k.archetypes, clientLayout.ARCHETYPE_MEMO) : undefined;
         // Canonical parent href for single-container seeding: use the RELATED_VIEW's
         // fromClass (base class) rather than the route class, so polymorphic subtypes
         // resolve to the same container the documents actually reference.
         const containerHref = buildContainerHref(item, selfHref, parentId);
-        return (index.h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && index.h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), docArchetype
-            ? this.renderDocumentContainer(item, key, parentId, docArchetype, containerHref)
-            : this.renderTable(item, key, parentId)));
+        // A memo RELATED_VIEW isn't necessarily scoped by the container relation —
+        // e.g. a person's dashboard can show "memos I authored" via the author
+        // relation instead. inverseRelation names which relation on the memo points
+        // back to this parent; only when it matches the container slot does the
+        // parent's own href double as the memo's container.
+        const memoContainerRelated = item.type !== clientLayout.ClientLayoutItemType.RELATED_VIEW
+            || item.inverseRelation === ((_l = memoArchetype === null || memoArchetype === void 0 ? void 0 : memoArchetype.slots) === null || _l === void 0 ? void 0 : _l.container);
+        const memoContainerHref = memoContainerRelated ? containerHref : '';
+        // Distinct from memoContainerRelated: only a genuine container-scoped
+        // RELATED_VIEW (a company's own memo tab) makes every card's container
+        // obvious from the page itself. A top-level VIEW or an author-scoped
+        // RELATED_VIEW both still need the per-card container link.
+        const memoContainerImplied = item.type === clientLayout.ClientLayoutItemType.RELATED_VIEW && memoContainerRelated;
+        return (index.h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && index.h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), docArchetype && this.renderDocumentContainer(item, key, parentId, docArchetype, containerHref), memoArchetype && this.renderMemoContainer(item, key, parentId, memoArchetype, memoContainerHref, memoContainerRelated, !memoContainerImplied), !docArchetype && !memoArchetype && this.renderTable(item, key, parentId)));
     }
     /** Document collection view: owns the view-switch + collection actions and
      *  swaps between the folder tree and the flat table. Events are re-emitted to
@@ -5594,6 +5738,37 @@ const MrdLayoutSection = class {
                 this.mrdCreateObject.emit(Object.assign({ name: key }, e.detail));
             } }));
     }
+    /** Memo collection view: owns the view-switch + "New memo" and swaps between
+     *  the card list and the flat table, mirroring renderDocumentContainer(). */
+    renderMemoContainer(item, key, parentId, archetype, containerHref, containerRelated, showContainerLink) {
+        var _a, _b, _c, _d;
+        const labelsListItems = (_d = (_c = (_b = (_a = item.view) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.find(v => { var _a; return v.name === ((_a = archetype.slots) === null || _a === void 0 ? void 0 : _a.labels); })) === null || _c === void 0 ? void 0 : _c.listItems) !== null && _d !== void 0 ? _d : null;
+        return (index.h("mrd-memo-container", { "data-view": key, item: item, archetype: archetype, parentId: parentId, containerHref: containerHref, containerRelated: containerRelated, showContainerLink: showContainerLink, viewKey: key, locale: this.locale, readOnly: this.readOnly, me: this.me, labelsListItems: labelsListItems, onMrdNavigate: (e) => {
+                var _a;
+                e.stopPropagation();
+                this.mrdNavigate.emit(Object.assign(Object.assign({}, e.detail), { navigateBehaviour: (_a = item.navigateBehaviour) !== null && _a !== void 0 ? _a : clientLayout.ClientLayoutNavigateBehaviour.PAGE }));
+            }, onMrdLoadPage: (e) => {
+                e.stopPropagation();
+                this.mrdLoadViewPage.emit(Object.assign({ name: key }, e.detail));
+            }, onMrdLoadAggregations: (e) => {
+                var _a;
+                e.stopPropagation();
+                this.mrdLoadViewAggregations.emit(Object.assign({ name: key, dataClass: (_a = item.dataClass) !== null && _a !== void 0 ? _a : key }, e.detail));
+            }, onMrdAction: (e) => {
+                var _a;
+                e.stopPropagation();
+                this.mrdViewAction.emit(Object.assign({ name: key, dataClass: (_a = item.dataClass) !== null && _a !== void 0 ? _a : key }, e.detail));
+            }, onMrdCreateObject: (e) => {
+                e.stopPropagation();
+                this.mrdCreateObject.emit(Object.assign({ name: key }, e.detail));
+            }, onMrdUpdateObject: (e) => {
+                e.stopPropagation();
+                this.mrdUpdateObject.emit(e.detail);
+            }, onMrdDeleteObject: (e) => {
+                e.stopPropagation();
+                this.mrdDeleteObject.emit(e.detail);
+            } }));
+    }
     renderTable(item, key, parentId) {
         return (index.h("mrd-table", { "data-view": key, item: item, parentId: parentId, locale: this.locale, readOnly: this.readOnly, onMrdLoadPage: (e) => this.handleViewLoadPage(e, key), onMrdLoadAggregations: (e) => {
                 var _a;
@@ -5623,7 +5798,26 @@ const MrdLayoutSection = class {
                 });
             } }));
     }
-    renderItem(item) {
+    /** Whether every FIELD/RELATION item following a HEADER (up to the next
+     *  HEADER/SECTION/GROUP or the end of `siblings`) would itself render
+     *  nothing — i.e. the HEADER would introduce an empty block. Other item
+     *  types (VIEW, NAVIGATE, TEXT, ...) always count as visible. */
+    isHeaderBlockEmpty(siblings, index) {
+        const ctx = this.fieldCtx();
+        for (let i = index + 1; i < siblings.length; i++) {
+            const sib = siblings[i];
+            if (sib.type === clientLayout.ClientLayoutItemType.HEADER || sib.type === clientLayout.ClientLayoutItemType.SECTION || sib.type === clientLayout.ClientLayoutItemType.GROUP)
+                break;
+            if (sib.type === clientLayout.ClientLayoutItemType.FIELD && isFieldVisible(ctx, sib))
+                return false;
+            if (sib.type === clientLayout.ClientLayoutItemType.RELATION && (hasRelationValue(sib, this.data) || showsEmpty(sib)))
+                return false;
+            if (sib.type !== clientLayout.ClientLayoutItemType.FIELD && sib.type !== clientLayout.ClientLayoutItemType.RELATION)
+                return false;
+        }
+        return true;
+    }
+    renderItem(item, siblings = this.items, index$1 = -1) {
         var _a, _b;
         switch (item.type) {
             case clientLayout.ClientLayoutItemType.FIELD:
@@ -5631,6 +5825,8 @@ const MrdLayoutSection = class {
             case clientLayout.ClientLayoutItemType.RELATION:
                 return this.renderRelation(item);
             case clientLayout.ClientLayoutItemType.HEADER:
+                if (index$1 >= 0 && this.isHeaderBlockEmpty(siblings, index$1))
+                    return null;
                 return (index.h("h2", { class: "mrd-layout-section__header", key: `header-${item.label}` }, item.label));
             case clientLayout.ClientLayoutItemType.TEXT:
                 return index.h("div", { class: "mrd-layout-section__text", key: `text-${item.label}`, innerHTML: (_a = item.label) !== null && _a !== void 0 ? _a : '' });
@@ -5640,7 +5836,7 @@ const MrdLayoutSection = class {
                 return this.renderSearch(item);
             case clientLayout.ClientLayoutItemType.SECTION:
             case clientLayout.ClientLayoutItemType.GROUP:
-                return (index.h("div", { class: "mrd-layout-section__group", key: `group-${item.label}` }, item.label && index.h("h3", { class: "mrd-layout-section__group-title" }, item.label), ((_b = item.items) !== null && _b !== void 0 ? _b : []).map(child => this.renderItem(child))));
+                return (index.h("div", { class: "mrd-layout-section__group", key: `group-${item.label}` }, item.label && index.h("h3", { class: "mrd-layout-section__group-title" }, item.label), ((_b = item.items) !== null && _b !== void 0 ? _b : []).map((child, i) => { var _a; return this.renderItem(child, (_a = item.items) !== null && _a !== void 0 ? _a : [], i); })));
             case clientLayout.ClientLayoutItemType.RELATED_VIEW:
             case clientLayout.ClientLayoutItemType.VIEW:
                 return this.renderRelatedView(item);
@@ -5695,11 +5891,24 @@ const MrdLayoutSection = class {
             ...this.relatedItems().map(it => this.renderItem(it)),
         ];
     }
+    /** Single-memo view: the record's own type carries commons.memo. Renders a
+     *  recognisable memo (title/body prominent, author/date subtle) instead of
+     *  generic fields, keeping any related views/searches below it. */
+    renderMemoObject(archetype) {
+        var _a, _b;
+        const labelsListItems = (_b = (_a = this.items.find(it => { var _a; return it.name === ((_a = archetype.slots) === null || _a === void 0 ? void 0 : _a.labels); })) === null || _a === void 0 ? void 0 : _a.listItems) !== null && _b !== void 0 ? _b : null;
+        return [
+            index.h("mrd-memo-view", { archetype: archetype, data: this.data, locale: this.locale, labelsListItems: labelsListItems, onMrdNavigate: (e) => { e.stopPropagation(); this.mrdNavigate.emit(e.detail); } }),
+            ...this.relatedItems().map(it => this.renderItem(it)),
+        ];
+    }
     render() {
         const docArchetype = clientLayout.resolveArchetype(this.archetypes, clientLayout.ARCHETYPE_DOCUMENT);
         const invoiceArchetype = !docArchetype ? clientLayout.resolveArchetype(this.archetypes, clientLayout.ARCHETYPE_INVOICE) : undefined;
         const emailArchetype = !docArchetype && !invoiceArchetype ? clientLayout.resolveArchetype(this.archetypes, clientLayout.ARCHETYPE_EMAIL) : undefined;
-        return (index.h(index.Host, { key: '07b1d61b170a5ae971ba54eaf775e1787dea1642' }, index.h("div", { key: 'd146e0542b1de11bd130eb3d36d54e4faf055309', class: "mrd-layout-section" }, docArchetype && this.renderDocumentObject(docArchetype), invoiceArchetype && this.renderInvoiceObject(invoiceArchetype), emailArchetype && this.renderEmailObject(emailArchetype), !docArchetype && !invoiceArchetype && !emailArchetype && this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        const memoArchetype = !docArchetype && !invoiceArchetype && !emailArchetype ? clientLayout.resolveArchetype(this.archetypes, clientLayout.ARCHETYPE_MEMO) : undefined;
+        const anyArchetype = docArchetype || invoiceArchetype || emailArchetype || memoArchetype;
+        return (index.h(index.Host, { key: '057d145da172e68f84b6ff34f71ae649d6d6bf92' }, index.h("div", { key: 'e03a1761dc6bcd9ff54b264fee56130270bddc2f', class: "mrd-layout-section" }, docArchetype && this.renderDocumentObject(docArchetype), invoiceArchetype && this.renderInvoiceObject(invoiceArchetype), emailArchetype && this.renderEmailObject(emailArchetype), memoArchetype && this.renderMemoObject(memoArchetype), !anyArchetype && this.items.map((item, i) => this.renderItem(item, this.items, i))), this.renderImageModal()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -5823,97 +6032,895 @@ const MrdLongtextField = class {
 };
 MrdLongtextField.style = mrdLongtextFieldCss();
 
-const mrdNumberFieldCss = () => `.sc-mrd-number-field-h{display:block}.mrd-number-field.sc-mrd-number-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-number-field__label.sc-mrd-number-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-number-field__label--required.sc-mrd-number-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-number-field__input-wrapper.sc-mrd-number-field{position:relative;display:flex;align-items:center}.mrd-number-field__input.sc-mrd-number-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-number-field__input.sc-mrd-number-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-number-field__input.sc-mrd-number-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-number-field__input.sc-mrd-number-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-number-field__input--error.sc-mrd-number-field{border-color:var(--mrd-border-color-error)}.mrd-number-field__input--error.sc-mrd-number-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-number-field__input.sc-mrd-number-field{text-align:right}.mrd-number-field__input.sc-mrd-number-field::placeholder{text-align:left}.mrd-number-field__error.sc-mrd-number-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
+const mrdMemoContainerCss = () => `.sc-mrd-memo-container-h{display:block}.mrd-memo-container__toolbar.sc-mrd-memo-container{display:flex;align-items:center;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) 0;border-bottom:1px solid var(--mrd-color-neutral-100)}.mrd-memo-container__action.sc-mrd-memo-container{display:inline-flex;align-items:center;gap:var(--mrd-space-2);height:1.625rem;padding:0 var(--mrd-space-3);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background var(--mrd-transition-fast), border-color var(--mrd-transition-fast)}.mrd-memo-container__action.sc-mrd-memo-container svg.sc-mrd-memo-container{width:1rem;height:1rem}.mrd-memo-container__action.sc-mrd-memo-container:hover:not(:disabled){background:var(--mrd-color-neutral-50);border-color:var(--mrd-color-neutral-300)}.mrd-memo-container__action.sc-mrd-memo-container:disabled{opacity:0.5;cursor:not-allowed}.mrd-memo-container__seg.sc-mrd-memo-container{display:inline-flex;gap:2px;padding:2px;background:var(--mrd-color-neutral-100);border-radius:var(--mrd-border-radius)}.mrd-memo-container__seg-btn.sc-mrd-memo-container{width:1.875rem;height:1.625rem;display:grid;place-items:center;border:none;background:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-500);cursor:pointer;transition:color var(--mrd-transition-fast), background var(--mrd-transition-fast)}.mrd-memo-container__seg-btn.sc-mrd-memo-container:hover{color:var(--mrd-color-neutral-800)}.mrd-memo-container__seg-btn[aria-pressed=true].sc-mrd-memo-container{background:var(--mrd-color-white);color:var(--mrd-color-primary-dark);box-shadow:var(--mrd-shadow-sm)}.mrd-memo-container__seg-btn.sc-mrd-memo-container svg.sc-mrd-memo-container{width:1rem;height:1rem}.mrd-memo-container__body.sc-mrd-memo-container{padding-top:var(--mrd-space-3)}.mrd-memo-container__modal-backdrop.sc-mrd-memo-container{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--mrd-space-4)}.mrd-memo-container__modal.sc-mrd-memo-container{width:100%;max-width:960px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mrd-space-4);background:var(--mrd-color-white);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-5);box-shadow:var(--mrd-shadow-lg)}.mrd-memo-container__modal-title.sc-mrd-memo-container{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0}.mrd-memo-container__modal-field.sc-mrd-memo-container{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-memo-container__modal-error.sc-mrd-memo-container{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-memo-container__modal-warning.sc-mrd-memo-container{margin:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-600)}.mrd-memo-container__modal-actions.sc-mrd-memo-container{display:flex;justify-content:flex-end;gap:var(--mrd-space-3);margin-top:var(--mrd-space-2);padding-top:var(--mrd-space-4);border-top:var(--mrd-border-width) solid var(--mrd-border-color)}.mrd-memo-container__modal-delete.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);margin-right:auto;background-color:transparent;color:var(--mrd-color-danger);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-memo-container__modal-delete.sc-mrd-memo-container:hover{background-color:var(--mrd-color-danger-light);color:var(--mrd-color-danger-dark)}.mrd-memo-container__modal-delete-confirm.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-danger);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-container__modal-delete-confirm.sc-mrd-memo-container:hover{background-color:var(--mrd-color-danger-dark)}.mrd-memo-container__modal-cancel.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-memo-container__modal-cancel.sc-mrd-memo-container:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-memo-container__modal-submit.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-container__modal-submit.sc-mrd-memo-container:hover{background-color:var(--mrd-color-primary-hover)}`;
 
-const MrdNumberField = class {
+const MrdMemoContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.mrdChange = index.createEvent(this, "mrdChange");
-        this.mrdBlur = index.createEvent(this, "mrdBlur");
-        this.name = '';
-        this.label = '';
-        this.value = null;
-        this.placeholder = '';
-        this.required = false;
-        this.disabled = false;
+        this.mrdLoadPage = index.createEvent(this, "mrdLoadPage");
+        this.mrdLoadAggregations = index.createEvent(this, "mrdLoadAggregations");
+        this.mrdNavigate = index.createEvent(this, "mrdNavigate");
+        this.mrdAction = index.createEvent(this, "mrdAction");
+        this.mrdCreateObject = index.createEvent(this, "mrdCreateObject");
+        this.mrdUpdateObject = index.createEvent(this, "mrdUpdateObject");
+        this.mrdDeleteObject = index.createEvent(this, "mrdDeleteObject");
+        /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+        this.item = null;
+        /** Parent record id — required for RELATED_VIEW path building. */
+        this.parentId = '';
+        /** Canonical parent href — set when this is a RELATED_VIEW embedded under a
+         *  parent record, which already gives a new memo something to attach to. */
+        this.containerHref = '';
+        /** False when this RELATED_VIEW's parent is related via a relation other than
+         *  the archetype's container slot (e.g. a person's "memos I authored" list,
+         *  related via `author`) — mrd-layout-section resolves this from the item's
+         *  `inverseRelation`. In that case the parent is not a valid container for a
+         *  new memo, and — unlike a top-level VIEW with no context at all — falling
+         *  back to `me` would be wrong too (creating a memo "on myself" from someone
+         *  else's authored-memos list makes no sense), so "New memo" is hidden outright. */
+        this.containerRelated = true;
+        /** True unless this is a container-scoped RELATED_VIEW (a company's own memo
+         *  tab, say) where every card's container is obviously the page you're
+         *  already on — forwarded to mrd-memo-list to show/hide its per-card
+         *  container link. A top-level VIEW or an author-scoped RELATED_VIEW both
+         *  still need it, since the container isn't implied by the page context. */
+        this.showContainerLink = true;
+        /** Lookup key used for the embedded `data-view` attribute. */
+        this.viewKey = '';
         this.locale = navigator.language;
-        this.dataType = clientLayout.ClientLayoutItemFieldDataType.INTEGER;
-        this.decimalPrecision = 2;
-        this.displayValue = '';
-        this.error = '';
-        /** While focused the user owns the text; prop updates must not overwrite it. */
-        this.focused = false;
-        this.handleInput = (e) => {
-            this.displayValue = e.target.value;
+        /** listItems of the FIELD bound to the `labels` slot; forwarded to whichever
+         *  body is mounted and used to render the dialog's label checkboxes. */
+        this.labelsListItems = null;
+        /** When true, this dashboard is read-only: "New memo" is disabled with a
+         *  tooltip, cards/rows are not clickable, and the embedded table's own
+         *  create action is disabled too. */
+        this.readOnly = false;
+        /** The active account's linked person record (userProfile.links.person), if any.
+         *  Used both to gate "New memo" (see effectiveContainerHref) and, on submit, to
+         *  fill the author slot. */
+        this.me = null;
+        /** Active body: card list or flat table. */
+        this.mode = 'cards';
+        this.dialogOpen = false;
+        /** Href of the memo being edited; null while creating. */
+        this.editingHref = null;
+        this.dialogBody = '';
+        this.dialogTitle = '';
+        this.dialogLabels = [];
+        this.dialogImportant = false;
+        this.dialogTouched = false;
+        /** True while the dialog shows the delete confirmation step in place of the
+         *  form fields — mirrors mrd-merge-view's MergeConfirmStep (same panel,
+         *  swapped content) rather than stacking a second modal. */
+        this.deleteConfirmOpen = false;
+        /** Whether the currently mounted body has been init()'d. Reset on every mode switch. */
+        this.listInited = false;
+        this.tableInited = false;
+        this.escapeHandler = null;
+        this.openCreate = () => {
+            if (!this.canAdd)
+                return;
+            this.editingHref = null;
+            this.dialogBody = '';
+            this.dialogTitle = '';
+            this.dialogLabels = [];
+            this.dialogImportant = false;
+            this.dialogTouched = false;
+            this.deleteConfirmOpen = false;
+            this.dialogOpen = true;
         };
-        this.handleBlur = (e) => {
-            this.focused = false;
-            const raw = e.target.value;
-            const parsed = cellRenderer.parseLocalizedNumber(raw, this.locale);
-            if (this.required && (parsed === null || raw === '')) {
-                this.error = cellRenderer.t('required', this.locale);
-            }
-            else if (raw !== '' && !validateNumber(parsed, this.dataType)) {
-                this.error = cellRenderer.t('invalid_number', this.locale);
+        /** Opens the same dialog pre-filled from an existing memo row/record —
+         *  triggered by clicking a card or a table row. No separate detail page. */
+        this.openEdit = (row) => {
+            var _a, _b;
+            if (this.readOnly)
+                return;
+            const href = (_b = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.href;
+            if (!href)
+                return;
+            this.editingHref = href;
+            const bodyRaw = this.slotValue(row, 'body');
+            this.dialogBody = bodyRaw != null ? String(bodyRaw) : '';
+            const titleRaw = this.slotValue(row, 'title');
+            this.dialogTitle = titleRaw != null ? String(titleRaw) : '';
+            const labelsRaw = this.slotValue(row, 'labels');
+            this.dialogLabels = Array.isArray(labelsRaw)
+                ? labelsRaw.map(String)
+                : (labelsRaw != null && labelsRaw !== '' ? [String(labelsRaw)] : []);
+            this.dialogImportant = !!this.slotValue(row, 'important');
+            this.dialogTouched = false;
+            this.deleteConfirmOpen = false;
+            this.dialogOpen = true;
+        };
+        this.closeDialog = () => {
+            this.dialogOpen = false;
+            this.deleteConfirmOpen = false;
+        };
+        this.openDeleteConfirm = () => {
+            this.deleteConfirmOpen = true;
+        };
+        this.cancelDeleteConfirm = () => {
+            this.deleteConfirmOpen = false;
+        };
+        this.confirmDelete = () => {
+            var _a;
+            if (!this.editingHref)
+                return;
+            const href = this.editingHref;
+            this.mrdDeleteObject.emit({ href });
+            if (this.mode === 'cards') {
+                (_a = this.listEl) === null || _a === void 0 ? void 0 : _a.removeRow(href);
             }
             else {
-                this.error = '';
-            }
-            if (parsed !== null && validateRequired(raw)) {
-                this.displayValue = this.formatForDisplay(parsed);
+                this.refresh();
             }
-            this.mrdChange.emit({ name: this.name, value: parsed });
-            this.mrdBlur.emit({ name: this.name, value: parsed });
+            this.deleteConfirmOpen = false;
+            this.dialogOpen = false;
         };
-        this.handleFocus = () => {
-            this.focused = true;
-            // Drop the grouping separators while editing, but keep the locale's decimal
-            // separator: String(1234.56) would be re-read as 123456 where '.' groups.
-            const parsed = cellRenderer.parseLocalizedNumber(this.displayValue, this.locale);
-            if (parsed !== null) {
-                this.displayValue = cellRenderer.formatNumber(parsed, this.locale, { useGrouping: false, maximumFractionDigits: 20 });
+        this.submitDialog = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+            this.dialogTouched = true;
+            if (!this.dialogBody.trim())
+                return;
+            const slots = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) !== null && _b !== void 0 ? _b : {};
+            if (this.editingHref) {
+                // Every shown field is sent explicitly, even when cleared/unchecked —
+                // this is a PATCH, so omitting a field would leave its old value intact.
+                const values = { [(_c = slots.body) !== null && _c !== void 0 ? _c : 'body']: this.dialogBody };
+                if (this.hasTitleSlot)
+                    values[(_d = slots.title) !== null && _d !== void 0 ? _d : 'title'] = this.dialogTitle.trim() || null;
+                if (((_e = this.labelsListItems) !== null && _e !== void 0 ? _e : []).length)
+                    values[(_f = slots.labels) !== null && _f !== void 0 ? _f : 'labels'] = this.dialogLabels;
+                if (this.hasImportantSlot)
+                    values[(_g = slots.important) !== null && _g !== void 0 ? _g : 'important'] = this.dialogImportant;
+                this.mrdUpdateObject.emit({ href: this.editingHref, values });
+                if (this.mode === 'cards') {
+                    (_h = this.listEl) === null || _h === void 0 ? void 0 : _h.patchRow(this.editingHref, values);
+                }
+                else {
+                    this.refresh();
+                }
+            }
+            else {
+                if (!this.canAdd)
+                    return;
+                const values = {
+                    [(_j = slots.body) !== null && _j !== void 0 ? _j : 'body']: this.dialogBody,
+                    // now(), same token/format mrd-form's own defaultValue resolution uses.
+                    [(_k = slots.date) !== null && _k !== void 0 ? _k : 'date']: new Date().toISOString().replace(/\.\d{3}Z$/, 'Z'),
+                };
+                if (this.hasTitleSlot && this.dialogTitle.trim())
+                    values[(_l = slots.title) !== null && _l !== void 0 ? _l : 'title'] = this.dialogTitle.trim();
+                if (((_m = this.labelsListItems) !== null && _m !== void 0 ? _m : []).length && this.dialogLabels.length)
+                    values[(_o = slots.labels) !== null && _o !== void 0 ? _o : 'labels'] = this.dialogLabels;
+                if (this.hasImportantSlot && this.dialogImportant)
+                    values[(_p = slots.important) !== null && _p !== void 0 ? _p : 'important'] = true;
+                if (this.meHref())
+                    values[(_q = slots.author) !== null && _q !== void 0 ? _q : 'author'] = this.meHref();
+                // Always explicit — relation values are never inferred from the URL elsewhere
+                // in this codebase (e.g. mrd-form's own submit payload), so don't assume it here.
+                values[(_r = slots.container) !== null && _r !== void 0 ? _r : 'container'] = this.effectiveContainerHref;
+                this.mrdCreateObject.emit({ path: this.buildCreatePath(), values });
             }
+            this.dialogOpen = false;
         };
     }
-    componentWillLoad() {
-        this.syncFromValue();
-    }
-    /** Edit mode loads the record after mount, so the incoming value must re-sync. */
-    valueChanged() {
-        if (!this.focused)
-            this.syncFromValue();
-    }
-    localeChanged() {
-        if (!this.focused)
-            this.syncFromValue();
+    disconnectedCallback() {
+        this.unbindEscape();
+    }
+    /** Escape backs out of the delete-confirm step first (matches Cancel there),
+     *  or closes the whole dialog. Bound to `document` — bubbling from inside the
+     *  Quill editor is not reliable enough to rely on a local key handler. */
+    dialogOpenChanged(open) {
+        if (open) {
+            this.escapeHandler = (e) => {
+                if (e.key !== 'Escape')
+                    return;
+                if (this.deleteConfirmOpen)
+                    this.cancelDeleteConfirm();
+                else
+                    this.closeDialog();
+            };
+            document.addEventListener('keydown', this.escapeHandler);
+        }
+        else {
+            this.unbindEscape();
+        }
     }
-    syncFromValue() {
-        this.displayValue =
-            this.value !== null && this.value !== undefined ? this.formatForDisplay(this.value) : '';
+    unbindEscape() {
+        if (this.escapeHandler) {
+            document.removeEventListener('keydown', this.escapeHandler);
+            this.escapeHandler = null;
+        }
     }
-    formatForDisplay(val) {
-        if (this.dataType === clientLayout.ClientLayoutItemFieldDataType.PERCENTAGE) {
-            return cellRenderer.formatNumber(val, this.locale, {
-                minimumFractionDigits: 0,
-                maximumFractionDigits: this.decimalPrecision,
-            }) + '%';
+    /** Neither body self-loads: like mrd-table, both wait for init(). mrd-layout-section
+     *  init()s whichever is mounted at load time via its own querySelector pass; when the
+     *  user switches mode here, the freshly mounted body needs the same treatment. */
+    componentDidRender() {
+        var _a, _b;
+        if (this.mode === 'cards' && this.listEl && !this.listInited) {
+            this.listInited = true;
+            const list = this.listEl;
+            Promise.resolve((_a = list.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(list)).then(() => list.init());
         }
-        if (this.dataType === clientLayout.ClientLayoutItemFieldDataType.DECIMAL) {
-            return cellRenderer.formatNumber(val, this.locale, {
-                minimumFractionDigits: this.decimalPrecision,
-                maximumFractionDigits: this.decimalPrecision,
-            });
+        if (this.mode === 'table' && this.tableEl && !this.tableInited) {
+            this.tableInited = true;
+            const table = this.tableEl;
+            Promise.resolve((_b = table.componentOnReady) === null || _b === void 0 ? void 0 : _b.call(table)).then(() => table.init());
         }
-        return cellRenderer.formatNumber(val, this.locale, { maximumFractionDigits: 0 });
+    }
+    setMode(mode) {
+        if (mode === this.mode)
+            return;
+        this.listInited = false;
+        this.tableInited = false;
+        this.mode = mode;
+    }
+    /** Re-request page 0 of whichever body is currently mounted — called by
+     *  mrd-layout-section after a successful mrdCreateObject, and by this
+     *  component itself after an edit to a table row (which has no per-row
+     *  optimistic-patch method the way mrd-memo-list does). */
+    async refresh() {
+        if (this.mode === 'cards' && this.listEl) {
+            await this.listEl.init();
+        }
+        else if (this.mode === 'table' && this.tableEl) {
+            await this.tableEl.init();
+        }
+    }
+    /** `me` is typed as RelationSearchResult ({ id, label }) but hosts differ on
+     *  which shape they actually populate: this repo's own dev preview resolves
+     *  it via /accounts/me as a real { id, label } RelationSearchResult, while
+     *  content-app feeds it from userProfile.links.person, the raw API link shape
+     *  ({ href, name }). Both occur in practice — same dual tolerance as
+     *  mrd-form's own getHref(). */
+    meHref() {
+        var _a, _b;
+        const m = this.me;
+        return (_b = (_a = m === null || m === void 0 ? void 0 : m.id) !== null && _a !== void 0 ? _a : m === null || m === void 0 ? void 0 : m.href) !== null && _b !== void 0 ? _b : '';
+    }
+    /** Value of a value-slot: reads row[field] via the slot→field map. */
+    slotValue(row, slot) {
+        var _a, _b;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        return row[field];
+    }
+    get hasTitleSlot() {
+        var _a, _b;
+        return !!((_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b.title);
+    }
+    get hasImportantSlot() {
+        var _a, _b;
+        return !!((_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b.important);
+    }
+    /** A parent record already gives a new memo somewhere to attach to (RELATED_VIEW);
+     *  otherwise fall back to the account's own linked person (top-level VIEW) — but
+     *  only when containerRelated allows it (see its doc comment). */
+    get effectiveContainerHref() {
+        if (!this.containerRelated)
+            return '';
+        return this.containerHref || this.meHref();
+    }
+    /** The author slot is always filled from `me` (there is no author picker in
+     *  the dialog), so without it there is nothing valid to create — regardless
+     *  of whether a parent record already supplies a container. */
+    get canAdd() {
+        return !this.readOnly && !!this.meHref() && !!this.effectiveContainerHref;
+    }
+    /** Path for creating a new memo: `/{dataClass}` for a top-level VIEW, or
+     *  `/{fromClass}/{parentId}/{dataClass}` when nested under a parent record. */
+    buildCreatePath() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return buildListPath({
+            isRelatedView: ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === clientLayout.ClientLayoutItemType.RELATED_VIEW,
+            fromClass: (_b = this.item) === null || _b === void 0 ? void 0 : _b.fromClass,
+            parentId: this.parentId,
+            dataClass: (_f = (_d = (_c = this.item) === null || _c === void 0 ? void 0 : _c.filterClass) !== null && _d !== void 0 ? _d : (_e = this.item) === null || _e === void 0 ? void 0 : _e.dataClass) !== null && _f !== void 0 ? _f : (_g = this.item) === null || _g === void 0 ? void 0 : _g.relatedClass,
+        });
+    }
+    renderToolbar() {
+        return (index.h("div", { class: "mrd-memo-container__toolbar" }, this.mode === 'cards' && (index.h("button", { type: "button", class: "mrd-memo-container__action", disabled: !this.canAdd, title: this.readOnly ? cellRenderer.t('readonly_access', this.locale) : undefined, onClick: this.openCreate }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { d: "M12 5v14M5 12h14" })), cellRenderer.t('memo_new', this.locale))), index.h("div", { class: "mrd-memo-container__seg", role: "group", "aria-label": cellRenderer.t('doc_view_switch', this.locale) }, index.h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'cards'), title: cellRenderer.t('memo_view_cards', this.locale), "aria-label": cellRenderer.t('memo_view_cards', this.locale), onClick: () => this.setMode('cards') }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("rect", { x: "3", y: "4", width: "7", height: "7", rx: "1" }), index.h("rect", { x: "14", y: "4", width: "7", height: "7", rx: "1" }), index.h("rect", { x: "3", y: "15", width: "7", height: "5", rx: "1" }), index.h("rect", { x: "14", y: "15", width: "7", height: "5", rx: "1" }))), index.h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'table'), title: cellRenderer.t('memo_view_table', this.locale), "aria-label": cellRenderer.t('memo_view_table', this.locale), onClick: () => this.setMode('table') }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }))))));
+    }
+    renderDeleteConfirm() {
+        return (index.h("div", null, index.h("h2", { class: "mrd-memo-container__modal-title" }, cellRenderer.t('memo_delete_confirm_title', this.locale)), index.h("p", { class: "mrd-memo-container__modal-warning" }, cellRenderer.t('memo_delete_confirm_body', this.locale)), index.h("div", { class: "mrd-memo-container__modal-actions" }, index.h("button", { type: "button", class: "mrd-memo-container__modal-cancel", onClick: this.cancelDeleteConfirm }, cellRenderer.t('cancel', this.locale)), index.h("button", { type: "button", class: "mrd-memo-container__modal-delete-confirm", onClick: this.confirmDelete }, cellRenderer.t('delete', this.locale)))));
+    }
+    renderForm() {
+        var _a, _b, _c;
+        const bodyMissing = this.dialogTouched && !this.dialogBody.trim();
+        return [
+            index.h("h2", { class: "mrd-memo-container__modal-title" }, cellRenderer.t(this.editingHref ? 'memo_edit' : 'memo_new', this.locale)),
+            index.h("div", { class: "mrd-memo-container__modal-field" }, index.h("mrd-textarea-field", { key: (_a = this.editingHref) !== null && _a !== void 0 ? _a : 'new', name: "body", value: this.dialogBody, required: true, autofocus: true, locale: this.locale, onMrdChange: (e) => { this.dialogBody = e.detail.value; } }), bodyMissing && index.h("span", { class: "mrd-memo-container__modal-error" }, cellRenderer.t('required', this.locale))),
+            this.hasTitleSlot && (index.h("div", { class: "mrd-memo-container__modal-field" }, index.h("mrd-text-field", { name: "title", label: cellRenderer.t('memo_field_title', this.locale), value: this.dialogTitle, locale: this.locale, onMrdChange: (e) => { this.dialogTitle = e.detail.value; } }))),
+            !!((_b = this.labelsListItems) !== null && _b !== void 0 ? _b : []).length && (index.h("div", { class: "mrd-memo-container__modal-field" }, index.h("mrd-list-field", { name: "labels", label: cellRenderer.t('memo_field_labels', this.locale), value: this.dialogLabels, multiple: true, listItems: (_c = this.labelsListItems) !== null && _c !== void 0 ? _c : [], locale: this.locale, onMrdChange: (e) => {
+                    this.dialogLabels = Array.isArray(e.detail.value) ? e.detail.value : [e.detail.value].filter(Boolean);
+                } }))),
+            this.hasImportantSlot && (index.h("div", { class: "mrd-memo-container__modal-field" }, index.h("mrd-boolean-field", { name: "important", label: cellRenderer.t('memo_important', this.locale), value: this.dialogImportant, locale: this.locale, onMrdChange: (e) => { this.dialogImportant = e.detail.value; } }))),
+            index.h("div", { class: "mrd-memo-container__modal-actions" }, this.editingHref && (index.h("button", { type: "button", class: "mrd-memo-container__modal-delete", onClick: this.openDeleteConfirm }, cellRenderer.t('delete', this.locale))), index.h("button", { type: "button", class: "mrd-memo-container__modal-cancel", onClick: this.closeDialog }, cellRenderer.t('cancel', this.locale)), index.h("button", { type: "button", class: "mrd-memo-container__modal-submit", onClick: this.submitDialog }, cellRenderer.t('submit', this.locale))),
+        ];
+    }
+    renderDialog() {
+        if (!this.dialogOpen)
+            return null;
+        return (index.h("div", { class: "mrd-memo-container__modal-backdrop", onClick: this.closeDialog }, index.h("div", { class: "mrd-memo-container__modal", onClick: (e) => e.stopPropagation() }, this.deleteConfirmOpen ? this.renderDeleteConfirm() : this.renderForm())));
+    }
+    renderCards() {
+        return (index.h("mrd-memo-list", { "data-view": this.viewKey, ref: el => (this.listEl = el), item: this.item, archetype: this.archetype, parentId: this.parentId, locale: this.locale, readOnly: this.readOnly, labelsListItems: this.labelsListItems, showContainerLink: this.showContainerLink, onMrdLoadPage: (e) => {
+                e.stopPropagation();
+                this.mrdLoadPage.emit(e.detail);
+            }, onMrdEdit: (e) => {
+                e.stopPropagation();
+                this.openEdit(e.detail.row);
+            }, onMrdNavigate: (e) => {
+                e.stopPropagation();
+                this.mrdNavigate.emit(e.detail);
+            } }));
+    }
+    renderTable() {
+        return (index.h("mrd-table", { "data-view": this.viewKey, ref: el => (this.tableEl = el), item: this.item, parentId: this.parentId, locale: this.locale, readOnly: this.readOnly, onMrdLoadPage: (e) => {
+                e.stopPropagation();
+                this.mrdLoadPage.emit(e.detail);
+            }, onMrdLoadAggregations: (e) => {
+                e.stopPropagation();
+                this.mrdLoadAggregations.emit(e.detail);
+            }, onMrdRowClick: (e) => {
+                e.stopPropagation();
+                this.openEdit(e.detail.row);
+            }, onMrdAction: (e) => {
+                e.stopPropagation();
+                this.mrdAction.emit(e.detail);
+            } }));
     }
     render() {
-        const hasError = !!this.error;
-        const suffix = this.dataType === clientLayout.ClientLayoutItemFieldDataType.PERCENTAGE ? '%' :
-            this.dataType === clientLayout.ClientLayoutItemFieldDataType.DECIMAL ? '' : '';
-        return (index.h(index.Host, { key: '7343dbca882b5054f22de17672ac748a8e3eca11' }, index.h("div", { key: 'cef10b39515b48fc9c44e651910c6a0c2a847628', class: "mrd-number-field" }, index.h(FieldLabel, { key: '66f178cf20f1f2f0587bd9614db150d6ae63023e', base: "mrd-number-field", label: this.label, required: this.required }), index.h("div", { key: 'c57c22e663a570f6e5a70b07b817970f135e850c', class: "mrd-number-field__input-wrapper" }, index.h("input", { key: '388b20ac11fa4aaf78df124c858b579e12f53619', class: controlClass('mrd-number-field', hasError), type: "text", inputMode: "decimal", name: this.name, value: this.displayValue, placeholder: this.placeholder || (suffix ? `0${suffix}` : '0'), required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus })), index.h(FieldError, { key: 'f99bb85668b047a97162ffee2582eb45dc0589ae', base: "mrd-number-field", error: this.error }))));
+        return (index.h(index.Host, { key: 'a000221db6b1ba12351f38619f319b277b791f68' }, this.renderToolbar(), index.h("div", { key: '712951c8e391ed693bf6e4263c4f1076172b0451', class: "mrd-memo-container__body" }, this.mode === 'cards' ? this.renderCards() : this.renderTable()), this.renderDialog()));
     }
     static get watchers() { return {
-        "value": [{
+        "dialogOpen": [{
+                "dialogOpenChanged": 0
+            }]
+    }; }
+};
+MrdMemoContainer.style = mrdMemoContainerCss();
+
+/**
+ * Pure sort/filter/aggregation query logic for mrd-table.
+ * No component state — everything is passed in.
+ */
+const TEXT_TYPES = new Set(['TEXT', 'TEXTBLOCK', 'EMAIL', 'HYPERLINK']);
+const NUMERIC_TYPES = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
+const DATE_TYPES = new Set(['DATE', 'DATETIME', 'TIME']);
+const NO_FILTER_TYPES = new Set(['FILE', 'IMAGE']);
+/** Column types that cannot be sorted or filtered (not stored in PostgreSQL). */
+const NON_INTERACTIVE_TYPES = new Set(['LONGTEXT', 'JSON', 'FILE', 'IMAGE']);
+/** Wait this long (ms) after the user stops typing in the free-text search box
+ *  before firing the search request — mirrors REQUEST_DEBOUNCE_MS's purpose
+ *  (skip intermediate keystrokes) but is tuned for typing, not scrolling. */
+const SEARCH_DEBOUNCE_MS = 400;
+function parseDefaultSort(defaultSort) {
+    var _a;
+    if (!defaultSort)
+        return { field: '', dir: 'asc' };
+    const parts = defaultSort.split(',');
+    return { field: parts[0].trim(), dir: ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.trim()) === 'desc' ? 'desc' : 'asc' };
+}
+/** Raw sort query-param value, e.g. "name" or "name,desc". */
+function buildSortParam(field, dir) {
+    if (!field)
+        return '';
+    return dir === 'desc' ? `${field},desc` : field;
+}
+/** Query params for a page request: page + sort + filterClass + view filters + active column filters. */
+function buildTableQueryParams(opts) {
+    var _a, _b;
+    const p = new URLSearchParams();
+    if (opts.page > 0)
+        p.set('page', String(opts.page));
+    if (opts.sort)
+        p.set('sort', opts.sort);
+    if (opts.filterClass)
+        p.set('type', opts.filterClass);
+    applyViewFilters(p, opts.viewFilters);
+    if (opts.query)
+        p.set('q', opts.query);
+    for (const f of opts.activeFilters) {
+        if (f.operator === 'isEmpty') {
+            p.set(f.field, '');
+            continue;
+        }
+        if (f.operator === 'isNotEmpty') {
+            p.set(f.field + '_notempty', 'true');
+            continue;
+        }
+        if (f.operator === 'startsWith') {
+            p.set(f.field + '_startswith', String((_a = f.value) !== null && _a !== void 0 ? _a : ''));
+            continue;
+        }
+        if ((_b = f.values) === null || _b === void 0 ? void 0 : _b.length) {
+            p.set(f.field, f.values.join(','));
+            continue;
+        }
+        if (f.value != null)
+            p.set(f.field, String(f.value));
+        if (f.from != null)
+            p.set(f.field + '_from', String(f.from));
+        if (f.to != null)
+            p.set(f.field + '_to', String(f.to));
+    }
+    return p.toString();
+}
+/** Groups aggregate columns by function; null when the view has no aggregates. */
+function buildAggregationParams(columns) {
+    var _a;
+    const groups = { sum: [], avg: [], count: [] };
+    for (const col of columns) {
+        if (col.type !== 'FIELD' || !col.aggregate)
+            continue;
+        const fn = col.aggregate.toLowerCase();
+        if (fn in groups)
+            groups[fn].push((_a = col.name) !== null && _a !== void 0 ? _a : '');
+    }
+    const params = {};
+    if (groups.sum.length)
+        params.sum = groups.sum;
+    if (groups.avg.length)
+        params.avg = groups.avg;
+    if (groups.count.length)
+        params.count = groups.count;
+    return Object.keys(params).length > 0 ? params : null;
+}
+/** Aggregation query string: the page-0 query params without page/sort, plus sum/avg/count. */
+function buildAggregationQs(basePageQs, columns) {
+    var _a, _b, _c;
+    const p = new URLSearchParams(basePageQs);
+    p.delete('page');
+    p.delete('sort');
+    const groups = buildAggregationParams(columns);
+    if ((_a = groups === null || groups === void 0 ? void 0 : groups.sum) === null || _a === void 0 ? void 0 : _a.length)
+        p.set('sum', groups.sum.join(','));
+    if ((_b = groups === null || groups === void 0 ? void 0 : groups.avg) === null || _b === void 0 ? void 0 : _b.length)
+        p.set('avg', groups.avg.join(','));
+    if ((_c = groups === null || groups === void 0 ? void 0 : groups.count) === null || _c === void 0 ? void 0 : _c.length)
+        p.set('count', groups.count.join(','));
+    return p.toString();
+}
+/** True when the pending filter actually constrains anything. */
+function filterHasValue(f) {
+    if (f.operator === 'isEmpty' || f.operator === 'isNotEmpty')
+        return true;
+    if (f.values !== undefined && f.values.length > 0)
+        return true;
+    if (f.value != null && f.value !== '')
+        return true;
+    if (typeof f.value === 'boolean')
+        return true;
+    if (f.from != null && f.from !== '')
+        return true;
+    if (f.to != null && f.to !== '')
+        return true;
+    return false;
+}
+// ── DATETIME filters: the user edits local "YYYY-MM-DD" dates, the API stores UTC ISO ──
+/** UTC ISO string at the start (midnight) of the given local day. */
+function dateLocalToUTCStart(dateStr) {
+    if (!dateStr)
+        return dateStr;
+    const [year, month, day] = dateStr.split('-').map(Number);
+    return new Date(year, month - 1, day).toISOString().replace(/\.\d{3}Z$/, 'Z');
+}
+/** Start of the day AFTER the given local date (exclusive range end). */
+function dateLocalToUTCEndExclusive(dateStr) {
+    if (!dateStr)
+        return dateStr;
+    const [year, month, day] = dateStr.split('-').map(Number);
+    return new Date(year, month - 1, day + 1).toISOString().replace(/\.\d{3}Z$/, 'Z');
+}
+/** Stored UTC ISO string back to the local "YYYY-MM-DD" date. */
+function utcISOToLocalDate(utcStr) {
+    if (!utcStr)
+        return utcStr;
+    const d = new Date(utcStr);
+    if (isNaN(d.getTime()))
+        return utcStr;
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+/** The stored "to" is the exclusive end (next midnight); subtract a day to recover the entered date. */
+function utcISOToLocalDateExclusiveEnd(utcStr) {
+    if (!utcStr)
+        return utcStr;
+    const d = new Date(utcStr);
+    if (isNaN(d.getTime()))
+        return utcStr;
+    d.setDate(d.getDate() - 1);
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+/** Applies the local→UTC conversion when a DATETIME filter is submitted.
+ *  Exact date → range covering the full local day. */
+function normalizeDatetimeFilter(f) {
+    const normalized = Object.assign({}, f);
+    if (f.dataType === 'DATETIME' && f.operator !== 'isEmpty' && f.operator !== 'isNotEmpty') {
+        if (typeof normalized.value === 'string' && normalized.value) {
+            normalized.from = dateLocalToUTCStart(normalized.value);
+            normalized.to = dateLocalToUTCEndExclusive(normalized.value);
+            normalized.value = undefined;
+        }
+        else {
+            if (typeof normalized.from === 'string' && normalized.from)
+                normalized.from = dateLocalToUTCStart(normalized.from);
+            if (typeof normalized.to === 'string' && normalized.to)
+                normalized.to = dateLocalToUTCEndExclusive(normalized.to);
+        }
+    }
+    return normalized;
+}
+/** Converts a stored DATETIME filter back to local dates for the popup.
+ *  A range covering a single local day is restored to exact-date mode. */
+function datetimeFilterToDisplay(existing) {
+    const display = Object.assign({}, existing);
+    if (typeof display.from === 'string' && display.from)
+        display.from = utcISOToLocalDate(display.from);
+    if (typeof display.to === 'string' && display.to)
+        display.to = utcISOToLocalDateExclusiveEnd(display.to);
+    if (display.from && display.to && display.from === display.to) {
+        return Object.assign(Object.assign({}, display), { value: display.from, from: undefined, to: undefined });
+    }
+    return display;
+}
+
+const mrdMemoListCss = () => `@charset "UTF-8";.sc-mrd-memo-list-h{display:block}.mrd-memo-list.sc-mrd-memo-list{display:flex;flex-direction:column;gap:var(--mrd-space-3)}.mrd-memo-list__card.sc-mrd-memo-list{display:flex;flex-direction:column;gap:var(--mrd-space-2);width:100%;padding:var(--mrd-space-4);background:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);font-family:var(--mrd-font-family);text-align:left;cursor:pointer;transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition)}.mrd-memo-list__card.sc-mrd-memo-list:hover{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06))}.mrd-memo-list__card.sc-mrd-memo-list:focus-visible{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-memo-list__card--readonly.sc-mrd-memo-list{cursor:default}.mrd-memo-list__card--readonly.sc-mrd-memo-list:hover{border-color:var(--mrd-border-color);box-shadow:none}.mrd-memo-list__card-header.sc-mrd-memo-list{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mrd-space-2)}.mrd-memo-list__card-title.sc-mrd-memo-list{font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-900)}.mrd-memo-list__card-important.sc-mrd-memo-list{display:inline-flex;flex-shrink:0;color:var(--mrd-color-warning)}.mrd-memo-list__card-important.sc-mrd-memo-list svg.sc-mrd-memo-list{width:1rem;height:1rem}.mrd-memo-list__card-body-wrap.sc-mrd-memo-list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1)}.mrd-memo-list__card-body.sc-mrd-memo-list{margin:0;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-600);line-height:var(--mrd-line-height-relaxed);word-break:break-word}.mrd-memo-list__card-body.sc-mrd-memo-list p.sc-mrd-memo-list,.mrd-memo-list__card-body.sc-mrd-memo-list ul.sc-mrd-memo-list,.mrd-memo-list__card-body.sc-mrd-memo-list ol.sc-mrd-memo-list{margin:0 0 var(--mrd-space-1) 0}.mrd-memo-list__card-body--clamped.sc-mrd-memo-list{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mrd-memo-list__card-toggle.sc-mrd-memo-list{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);cursor:pointer}.mrd-memo-list__card-toggle.sc-mrd-memo-list:hover{text-decoration:underline}.mrd-memo-list__labels.sc-mrd-memo-list{display:flex;flex-wrap:wrap;gap:var(--mrd-space-2)}.mrd-memo-list__badge.sc-mrd-memo-list{display:inline-flex;align-items:center;height:1.25rem;padding:0 var(--mrd-space-2);border-radius:var(--mrd-border-radius-full, 999px);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium)}.mrd-memo-list__badge--plain.sc-mrd-memo-list{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-600)}.mrd-memo-list__card-meta.sc-mrd-memo-list{display:flex;align-items:center;gap:var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400)}.mrd-memo-list__card-author.sc-mrd-memo-list+.mrd-memo-list__card-date.sc-mrd-memo-list::before{content:"·";margin-right:var(--mrd-space-2)}.mrd-memo-list__card-container.sc-mrd-memo-list{align-self:flex-start;background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer}.mrd-memo-list__card-container.sc-mrd-memo-list:hover{text-decoration:underline}.mrd-memo-list__empty.sc-mrd-memo-list{padding:var(--mrd-space-6);text-align:center;color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm)}.mrd-memo-list__load-more.sc-mrd-memo-list{align-self:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-list__load-more.sc-mrd-memo-list:hover:not(:disabled){background-color:var(--mrd-color-neutral-100)}.mrd-memo-list__load-more.sc-mrd-memo-list:disabled{opacity:0.6;cursor:default}`;
+
+/** Plain-text length above which a card's body is clamped with a show-more toggle. */
+const BODY_PREVIEW_THRESHOLD = 220;
+const MrdMemoList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.mrdLoadPage = index.createEvent(this, "mrdLoadPage");
+        this.mrdEdit = index.createEvent(this, "mrdEdit");
+        this.mrdNavigate = index.createEvent(this, "mrdNavigate");
+        /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+        this.item = null;
+        /** Parent record id — required for RELATED_VIEW path building. */
+        this.parentId = '';
+        /** Records per page (must match API page size). */
+        this.pageSize = 20;
+        this.locale = navigator.language;
+        /** When true, cards are not clickable (no mrdEdit) — matches mrd-table's own
+         *  readOnly gating on its create action. */
+        this.readOnly = false;
+        /** listItems of the FIELD bound to the `labels` slot, resolved by mrd-layout-section
+         *  from its own items array, same reason mrd-memo-view needs it. */
+        this.labelsListItems = null;
+        /** False when the list is already scoped to its own container (a company's own
+         *  memo tab) — showing "belongs to: <this same company>" on every card there
+         *  would be redundant. True everywhere else (top-level VIEW, or a RELATED_VIEW
+         *  scoped by a different relation, e.g. a person's authored-memos list). */
+        this.showContainerLink = true;
+        this.rows = [];
+        this.loading = false;
+        this.exhausted = false;
+        this.started = false;
+        this.expandedHrefs = new Set();
+        this.nextPage = 0;
+        this.loadMore = () => {
+            if (this.loading || this.exhausted)
+                return;
+            this.emitLoadPage(this.nextPage);
+        };
+        this.toggleExpanded = (e, href) => {
+            e.stopPropagation();
+            const next = new Set(this.expandedHrefs);
+            if (next.has(href))
+                next.delete(href);
+            else
+                next.add(href);
+            this.expandedHrefs = next;
+        };
+    }
+    buildDataPath() {
+        var _a, _b, _c, _d, _e;
+        return buildListPath({
+            isRelatedView: ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW',
+            fromClass: (_b = this.item) === null || _b === void 0 ? void 0 : _b.fromClass,
+            parentId: this.parentId,
+            dataClass: (_d = (_c = this.item) === null || _c === void 0 ? void 0 : _c.dataClass) !== null && _d !== void 0 ? _d : (_e = this.item) === null || _e === void 0 ? void 0 : _e.relatedClass,
+        });
+    }
+    sortParam() {
+        var _a, _b, _c;
+        const { field, dir } = parseDefaultSort((_c = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.defaultSort) !== null && _c !== void 0 ? _c : '');
+        return buildSortParam(field, dir);
+    }
+    emitLoadPage(page) {
+        var _a, _b, _c;
+        this.loading = true;
+        this.mrdLoadPage.emit({
+            page,
+            sort: this.sortParam(),
+            path: this.buildDataPath(),
+            qs: buildTableQueryParams({
+                page,
+                sort: this.sortParam(),
+                filterClass: (_a = this.item) === null || _a === void 0 ? void 0 : _a.filterClass,
+                viewFilters: (_c = (_b = this.item) === null || _b === void 0 ? void 0 : _b.view) === null || _c === void 0 ? void 0 : _c.filter,
+                activeFilters: [],
+            }),
+        });
+    }
+    /** Reset and request page 0. Call after setting all props, mirrors mrd-table.init(). */
+    async init() {
+        this.rows = [];
+        this.loading = false;
+        this.exhausted = false;
+        this.started = true;
+        this.nextPage = 0;
+        this.emitLoadPage(0);
+    }
+    /** Inject the rows for a page (0-based); page 0 replaces, later pages append. */
+    async setPage(pageNumber, rows, hasNext) {
+        this.loading = false;
+        this.rows = pageNumber === 0 ? rows : [...this.rows, ...rows];
+        this.nextPage = pageNumber + 1;
+        this.exhausted = hasNext !== undefined ? !hasNext : rows.length < this.pageSize;
+    }
+    /** Optimistically merge an edit into the matching row — mrdUpdateObject's PATCH
+     *  is fire-and-forget on the host side, so this is what makes an edit visible
+     *  immediately rather than only after the next full reload. */
+    async patchRow(href, values) {
+        this.rows = this.rows.map(row => { var _a, _b; return ((_b = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.href) === href ? Object.assign(Object.assign({}, row), values) : row; });
+    }
+    /** Optimistically drop a deleted row — mrdDeleteObject's DELETE is fire-and-
+     *  forget on the host side, same reasoning as patchRow(). */
+    async removeRow(href) {
+        this.rows = this.rows.filter(row => { var _a, _b; return ((_b = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.href) !== href; });
+    }
+    /** Value of a value-slot: reads row[field] via the slot→field map. */
+    slotValue(row, slot) {
+        var _a, _b;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        return row[field];
+    }
+    /** Relation link for a relation-slot: reads row._links[field]. */
+    slotLink(row, slot) {
+        var _a, _b, _c;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        const links = ((_c = row === null || row === void 0 ? void 0 : row._links) !== null && _c !== void 0 ? _c : {});
+        return links[field];
+    }
+    plainTextLength(row) {
+        const raw = this.slotValue(row, 'body');
+        if (raw == null || raw === '')
+            return 0;
+        return String(raw).replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim().length;
+    }
+    renderContainer(row) {
+        if (!this.showContainerLink)
+            return null;
+        const link = this.slotLink(row, 'container');
+        if (!(link === null || link === void 0 ? void 0 : link.href) || !link.name)
+            return null;
+        return (index.h("button", { type: "button", class: "mrd-memo-list__card-container", onClick: e => { e.stopPropagation(); this.mrdNavigate.emit({ href: link.href, label: link.name }); } }, link.name));
+    }
+    renderLabels(row) {
+        const raw = this.slotValue(row, 'labels');
+        const keys = Array.isArray(raw) ? raw.map(String) : (raw != null && raw !== '' ? [String(raw)] : []);
+        if (!keys.length)
+            return null;
+        return (index.h("div", { class: "mrd-memo-list__labels" }, keys.map(key => {
+            var _a, _b;
+            const listItem = ((_a = this.labelsListItems) !== null && _a !== void 0 ? _a : []).find(li => li.key === key);
+            const label = (_b = listItem === null || listItem === void 0 ? void 0 : listItem.label) !== null && _b !== void 0 ? _b : key;
+            if ((listItem === null || listItem === void 0 ? void 0 : listItem.color) && (listItem === null || listItem === void 0 ? void 0 : listItem.backgroundColor)) {
+                return (index.h("span", { key: key, class: "mrd-memo-list__badge", style: { color: listItem.color, backgroundColor: listItem.backgroundColor } }, label));
+            }
+            return index.h("span", { key: key, class: "mrd-memo-list__badge mrd-memo-list__badge--plain" }, label);
+        })));
+    }
+    renderBody(row, href) {
+        const raw = this.slotValue(row, 'body');
+        if (raw == null || raw === '')
+            return null;
+        const expanded = this.expandedHrefs.has(href);
+        const needsToggle = this.plainTextLength(row) > BODY_PREVIEW_THRESHOLD;
+        return (index.h("div", { class: "mrd-memo-list__card-body-wrap" }, index.h("div", { class: {
+                'mrd-memo-list__card-body': true,
+                'mrd-memo-list__card-body--clamped': needsToggle && !expanded,
+            }, innerHTML: purify.sanitize(String(raw)) }), needsToggle && (index.h("button", { type: "button", class: "mrd-memo-list__card-toggle", onClick: e => this.toggleExpanded(e, href) }, cellRenderer.t(expanded ? 'textblock_show_less' : 'textblock_show_more', this.locale)))));
+    }
+    renderCard(row, index$1) {
+        var _a, _b, _c;
+        const titleRaw = this.slotValue(row, 'title');
+        const title = titleRaw != null && titleRaw !== '' ? String(titleRaw) : null;
+        const dateRaw = this.slotValue(row, 'date');
+        const author = this.slotLink(row, 'author');
+        const important = !!this.slotValue(row, 'important');
+        const href = (_c = (_b = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '';
+        return (index.h("div", { key: href || index$1, class: { 'mrd-memo-list__card': true, 'mrd-memo-list__card--readonly': this.readOnly }, role: this.readOnly ? undefined : 'button', tabIndex: this.readOnly ? undefined : 0, onClick: () => {
+                if (!this.readOnly)
+                    this.mrdEdit.emit({ row });
+            }, onKeyDown: e => {
+                if (this.readOnly)
+                    return;
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    this.mrdEdit.emit({ row });
+                }
+            } }, index.h("div", { class: "mrd-memo-list__card-header" }, title && index.h("span", { class: "mrd-memo-list__card-title" }, title), important && (index.h("span", { class: "mrd-memo-list__card-important", title: cellRenderer.t('memo_important', this.locale) }, index.h("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { d: "M12 2l2.9 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14l-5-4.87 7.1-1.01z" }))))), this.renderBody(row, href), this.renderLabels(row), index.h("div", { class: "mrd-memo-list__card-meta" }, (author === null || author === void 0 ? void 0 : author.name) && index.h("span", { class: "mrd-memo-list__card-author" }, author.name), dateRaw != null && dateRaw !== '' && (index.h("span", { class: "mrd-memo-list__card-date" }, cellRenderer.formatDateTime(dateRaw, this.locale)))), this.renderContainer(row)));
+    }
+    render() {
+        return (index.h(index.Host, { key: '18294fc609b741d38f9933d3ae01d20d6dda5ec5' }, index.h("div", { key: 'ac6c1adc6575ae1edb2cd507c8ac31b1f28ea35c', class: "mrd-memo-list" }, this.rows.map((row, i) => this.renderCard(row, i)), this.started && !this.loading && this.rows.length === 0 && (index.h("div", { key: '271281b2e087f8fd55dc51b32b1fe4cce387cdcb', class: "mrd-memo-list__empty" }, cellRenderer.t('no_results', this.locale))), !this.exhausted && this.rows.length > 0 && (index.h("button", { key: '24861c35323d759d69bfd4f358657fe201ca7727', type: "button", class: "mrd-memo-list__load-more", disabled: this.loading, onClick: this.loadMore }, cellRenderer.t('load_more', this.locale))))));
+    }
+};
+MrdMemoList.style = mrdMemoListCss();
+
+const mrdMemoViewCss = () => `@charset "UTF-8";.sc-mrd-memo-view-h{display:block}.mrd-memo-view.sc-mrd-memo-view{max-width:720px;display:flex;flex-direction:column;gap:var(--mrd-space-3)}.mrd-memo-view__header.sc-mrd-memo-view{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--mrd-space-3)}.mrd-memo-view__title.sc-mrd-memo-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0}.mrd-memo-view__important.sc-mrd-memo-view{display:inline-flex;align-items:center;gap:var(--mrd-space-1);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-warning);text-transform:uppercase;letter-spacing:0.04em}.mrd-memo-view__important.sc-mrd-memo-view svg.sc-mrd-memo-view{width:0.875rem;height:0.875rem}.mrd-memo-view__meta.sc-mrd-memo-view{display:flex;align-items:center;gap:var(--mrd-space-2);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-400)}.mrd-memo-view__meta-author.sc-mrd-memo-view{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:inherit;font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-500);cursor:pointer}.mrd-memo-view__meta-author.sc-mrd-memo-view:hover{color:var(--mrd-color-primary);text-decoration:underline}.mrd-memo-view__meta-date.sc-mrd-memo-view::before{content:"·";margin-right:var(--mrd-space-2)}.mrd-memo-view__meta-author.sc-mrd-memo-view+.mrd-memo-view__meta-date.sc-mrd-memo-view::before{content:"·"}.mrd-memo-view__labels.sc-mrd-memo-view{display:flex;flex-wrap:wrap;gap:var(--mrd-space-2)}.mrd-memo-view__badge.sc-mrd-memo-view{display:inline-flex;align-items:center;height:1.375rem;padding:0 var(--mrd-space-2);border-radius:var(--mrd-border-radius-full, 999px);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium)}.mrd-memo-view__badge--plain.sc-mrd-memo-view{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-600)}.mrd-memo-view__container-link.sc-mrd-memo-view{align-self:flex-start;background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer}.mrd-memo-view__container-link.sc-mrd-memo-view:hover{text-decoration:underline}.mrd-memo-view__divider.sc-mrd-memo-view{height:var(--mrd-border-width);background:var(--mrd-color-neutral-200)}.mrd-memo-view__body.sc-mrd-memo-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800);line-height:var(--mrd-line-height-relaxed);word-break:break-word}`;
+
+const MrdMemoView = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.mrdNavigate = index.createEvent(this, "mrdNavigate");
+        /** The data record from the /data endpoint. Fields keyed by name; relations under `_links`. */
+        this.data = {};
+        this.locale = navigator.language;
+        /** listItems of the FIELD bound to the `labels` slot, resolved by mrd-layout-section
+         *  from its own items array (archetype metadata does not publish listItems), so the
+         *  label badges get a real label/color instead of the raw stored key. */
+        this.labelsListItems = null;
+    }
+    /** Value of a value-slot: reads data[field] via the slot→field map. */
+    slotValue(slot) {
+        var _a, _b;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        return this.data[field];
+    }
+    /** Relation link for a relation-slot: reads data._links[field]. */
+    slotLink(slot) {
+        var _a, _b, _c, _d;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        const links = ((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c._links) !== null && _d !== void 0 ? _d : {});
+        return links[field];
+    }
+    renderAuthor() {
+        const link = this.slotLink('author');
+        if (!(link === null || link === void 0 ? void 0 : link.href) || !link.name)
+            return null;
+        return (index.h("button", { type: "button", class: "mrd-memo-view__meta-author", onClick: () => this.mrdNavigate.emit({ href: link.href, label: link.name }) }, link.name));
+    }
+    renderContainer() {
+        const link = this.slotLink('container');
+        if (!(link === null || link === void 0 ? void 0 : link.href) || !link.name)
+            return null;
+        return (index.h("button", { type: "button", class: "mrd-memo-view__container-link", onClick: () => this.mrdNavigate.emit({ href: link.href, label: link.name }) }, link.name));
+    }
+    renderLabels() {
+        const raw = this.slotValue('labels');
+        const keys = Array.isArray(raw) ? raw.map(String) : (raw != null && raw !== '' ? [String(raw)] : []);
+        if (!keys.length)
+            return null;
+        return (index.h("div", { class: "mrd-memo-view__labels" }, keys.map(key => {
+            var _a, _b;
+            const listItem = ((_a = this.labelsListItems) !== null && _a !== void 0 ? _a : []).find(li => li.key === key);
+            const label = (_b = listItem === null || listItem === void 0 ? void 0 : listItem.label) !== null && _b !== void 0 ? _b : key;
+            if ((listItem === null || listItem === void 0 ? void 0 : listItem.color) && (listItem === null || listItem === void 0 ? void 0 : listItem.backgroundColor)) {
+                return (index.h("span", { key: key, class: "mrd-memo-view__badge", style: { color: listItem.color, backgroundColor: listItem.backgroundColor } }, label));
+            }
+            return index.h("span", { key: key, class: "mrd-memo-view__badge mrd-memo-view__badge--plain" }, label);
+        })));
+    }
+    renderBody() {
+        const bodyRaw = this.slotValue('body');
+        if (bodyRaw == null || bodyRaw === '')
+            return null;
+        return index.h("div", { class: "mrd-memo-view__body", innerHTML: purify.sanitize(String(bodyRaw)) });
+    }
+    render() {
+        const titleRaw = this.slotValue('title');
+        const title = titleRaw != null && titleRaw !== '' ? String(titleRaw) : null;
+        const dateRaw = this.slotValue('date');
+        const important = !!this.slotValue('important');
+        return (index.h(index.Host, { key: '4d8ed14c54449fbcfddc94a34dcfb220338f8bba' }, index.h("div", { key: '0e0456277715607580e5373ada10706db1067c7d', class: "mrd-memo-view" }, index.h("div", { key: 'd5c548617eca9a99eb34409b2082be025cfce2f4', class: "mrd-memo-view__header" }, title && index.h("h1", { key: '2ecd2eae3f8fdba310679515aa2fe76e02f0c2b2', class: "mrd-memo-view__title" }, title), important && (index.h("span", { key: 'e5e8284310ab6040f1677bc1241d04d65784c2da', class: "mrd-memo-view__important", title: cellRenderer.t('memo_important', this.locale) }, index.h("svg", { key: 'babe987244b384330533721276b5392c9fe72c5a', viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { key: '511956710ae8e440328f9e477551ba1c2d478f1a', d: "M12 2l2.9 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14l-5-4.87 7.1-1.01z" })), cellRenderer.t('memo_important', this.locale)))), index.h("div", { key: '41c25e5376d94078debaf62121b8bdf400511d16', class: "mrd-memo-view__meta" }, this.renderAuthor(), dateRaw != null && dateRaw !== '' && (index.h("span", { key: 'caff8047249745ca98da77b374438e58d150ad7f', class: "mrd-memo-view__meta-date" }, cellRenderer.formatDateTime(dateRaw, this.locale)))), this.renderLabels(), this.renderContainer(), index.h("div", { key: 'bfa4c55458ea19fb920338df9478006b1883e606', class: "mrd-memo-view__divider" }), this.renderBody())));
+    }
+};
+MrdMemoView.style = mrdMemoViewCss();
+
+const mrdNumberFieldCss = () => `.sc-mrd-number-field-h{display:block}.mrd-number-field.sc-mrd-number-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-number-field__label.sc-mrd-number-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-number-field__label--required.sc-mrd-number-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-number-field__input-wrapper.sc-mrd-number-field{position:relative;display:flex;align-items:center}.mrd-number-field__input.sc-mrd-number-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-number-field__input.sc-mrd-number-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-number-field__input.sc-mrd-number-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-number-field__input.sc-mrd-number-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-number-field__input--error.sc-mrd-number-field{border-color:var(--mrd-border-color-error)}.mrd-number-field__input--error.sc-mrd-number-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-number-field__input.sc-mrd-number-field{text-align:right}.mrd-number-field__input.sc-mrd-number-field::placeholder{text-align:left}.mrd-number-field__error.sc-mrd-number-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
+
+const MrdNumberField = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.mrdChange = index.createEvent(this, "mrdChange");
+        this.mrdBlur = index.createEvent(this, "mrdBlur");
+        this.name = '';
+        this.label = '';
+        this.value = null;
+        this.placeholder = '';
+        this.required = false;
+        this.disabled = false;
+        this.locale = navigator.language;
+        this.dataType = clientLayout.ClientLayoutItemFieldDataType.INTEGER;
+        this.decimalPrecision = 2;
+        this.displayValue = '';
+        this.error = '';
+        /** While focused the user owns the text; prop updates must not overwrite it. */
+        this.focused = false;
+        this.handleInput = (e) => {
+            this.displayValue = e.target.value;
+        };
+        this.handleBlur = (e) => {
+            this.focused = false;
+            const raw = e.target.value;
+            const parsed = cellRenderer.parseLocalizedNumber(raw, this.locale);
+            if (this.required && (parsed === null || raw === '')) {
+                this.error = cellRenderer.t('required', this.locale);
+            }
+            else if (raw !== '' && !validateNumber(parsed, this.dataType)) {
+                this.error = cellRenderer.t('invalid_number', this.locale);
+            }
+            else {
+                this.error = '';
+            }
+            if (parsed !== null && validateRequired(raw)) {
+                this.displayValue = this.formatForDisplay(parsed);
+            }
+            this.mrdChange.emit({ name: this.name, value: parsed });
+            this.mrdBlur.emit({ name: this.name, value: parsed });
+        };
+        this.handleFocus = () => {
+            this.focused = true;
+            // Drop the grouping separators while editing, but keep the locale's decimal
+            // separator: String(1234.56) would be re-read as 123456 where '.' groups.
+            const parsed = cellRenderer.parseLocalizedNumber(this.displayValue, this.locale);
+            if (parsed !== null) {
+                this.displayValue = cellRenderer.formatNumber(parsed, this.locale, { useGrouping: false, maximumFractionDigits: 20 });
+            }
+        };
+    }
+    componentWillLoad() {
+        this.syncFromValue();
+    }
+    /** Edit mode loads the record after mount, so the incoming value must re-sync. */
+    valueChanged() {
+        if (!this.focused)
+            this.syncFromValue();
+    }
+    localeChanged() {
+        if (!this.focused)
+            this.syncFromValue();
+    }
+    syncFromValue() {
+        this.displayValue =
+            this.value !== null && this.value !== undefined ? this.formatForDisplay(this.value) : '';
+    }
+    formatForDisplay(val) {
+        if (this.dataType === clientLayout.ClientLayoutItemFieldDataType.PERCENTAGE) {
+            return cellRenderer.formatNumber(val, this.locale, {
+                minimumFractionDigits: 0,
+                maximumFractionDigits: this.decimalPrecision,
+            }) + '%';
+        }
+        if (this.dataType === clientLayout.ClientLayoutItemFieldDataType.DECIMAL) {
+            return cellRenderer.formatNumber(val, this.locale, {
+                minimumFractionDigits: this.decimalPrecision,
+                maximumFractionDigits: this.decimalPrecision,
+            });
+        }
+        return cellRenderer.formatNumber(val, this.locale, { maximumFractionDigits: 0 });
+    }
+    render() {
+        const hasError = !!this.error;
+        const suffix = this.dataType === clientLayout.ClientLayoutItemFieldDataType.PERCENTAGE ? '%' :
+            this.dataType === clientLayout.ClientLayoutItemFieldDataType.DECIMAL ? '' : '';
+        return (index.h(index.Host, { key: '7343dbca882b5054f22de17672ac748a8e3eca11' }, index.h("div", { key: 'cef10b39515b48fc9c44e651910c6a0c2a847628', class: "mrd-number-field" }, index.h(FieldLabel, { key: '66f178cf20f1f2f0587bd9614db150d6ae63023e', base: "mrd-number-field", label: this.label, required: this.required }), index.h("div", { key: 'c57c22e663a570f6e5a70b07b817970f135e850c', class: "mrd-number-field__input-wrapper" }, index.h("input", { key: '388b20ac11fa4aaf78df124c858b579e12f53619', class: controlClass('mrd-number-field', hasError), type: "text", inputMode: "decimal", name: this.name, value: this.displayValue, placeholder: this.placeholder || (suffix ? `0${suffix}` : '0'), required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus })), index.h(FieldError, { key: 'f99bb85668b047a97162ffee2582eb45dc0589ae', base: "mrd-number-field", error: this.error }))));
+    }
+    static get watchers() { return {
+        "value": [{
                 "valueChanged": 0
             }],
         "locale": [{
@@ -6213,190 +7220,6 @@ const MrdSecretField = class {
 };
 MrdSecretField.style = mrdSecretFieldCss();
 
-/**
- * Pure sort/filter/aggregation query logic for mrd-table.
- * No component state — everything is passed in.
- */
-const TEXT_TYPES = new Set(['TEXT', 'TEXTBLOCK', 'EMAIL', 'HYPERLINK']);
-const NUMERIC_TYPES = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
-const DATE_TYPES = new Set(['DATE', 'DATETIME', 'TIME']);
-const NO_FILTER_TYPES = new Set(['FILE', 'IMAGE']);
-/** Column types that cannot be sorted or filtered (not stored in PostgreSQL). */
-const NON_INTERACTIVE_TYPES = new Set(['LONGTEXT', 'JSON', 'FILE', 'IMAGE']);
-/** Wait this long (ms) after the user stops typing in the free-text search box
- *  before firing the search request — mirrors REQUEST_DEBOUNCE_MS's purpose
- *  (skip intermediate keystrokes) but is tuned for typing, not scrolling. */
-const SEARCH_DEBOUNCE_MS = 400;
-function parseDefaultSort(defaultSort) {
-    var _a;
-    if (!defaultSort)
-        return { field: '', dir: 'asc' };
-    const parts = defaultSort.split(',');
-    return { field: parts[0].trim(), dir: ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.trim()) === 'desc' ? 'desc' : 'asc' };
-}
-/** Raw sort query-param value, e.g. "name" or "name,desc". */
-function buildSortParam(field, dir) {
-    if (!field)
-        return '';
-    return dir === 'desc' ? `${field},desc` : field;
-}
-/** Query params for a page request: page + sort + filterClass + view filters + active column filters. */
-function buildTableQueryParams(opts) {
-    var _a, _b;
-    const p = new URLSearchParams();
-    if (opts.page > 0)
-        p.set('page', String(opts.page));
-    if (opts.sort)
-        p.set('sort', opts.sort);
-    if (opts.filterClass)
-        p.set('type', opts.filterClass);
-    applyViewFilters(p, opts.viewFilters);
-    if (opts.query)
-        p.set('q', opts.query);
-    for (const f of opts.activeFilters) {
-        if (f.operator === 'isEmpty') {
-            p.set(f.field, '');
-            continue;
-        }
-        if (f.operator === 'isNotEmpty') {
-            p.set(f.field + '_notempty', 'true');
-            continue;
-        }
-        if (f.operator === 'startsWith') {
-            p.set(f.field + '_startswith', String((_a = f.value) !== null && _a !== void 0 ? _a : ''));
-            continue;
-        }
-        if ((_b = f.values) === null || _b === void 0 ? void 0 : _b.length) {
-            p.set(f.field, f.values.join(','));
-            continue;
-        }
-        if (f.value != null)
-            p.set(f.field, String(f.value));
-        if (f.from != null)
-            p.set(f.field + '_from', String(f.from));
-        if (f.to != null)
-            p.set(f.field + '_to', String(f.to));
-    }
-    return p.toString();
-}
-/** Groups aggregate columns by function; null when the view has no aggregates. */
-function buildAggregationParams(columns) {
-    var _a;
-    const groups = { sum: [], avg: [], count: [] };
-    for (const col of columns) {
-        if (col.type !== 'FIELD' || !col.aggregate)
-            continue;
-        const fn = col.aggregate.toLowerCase();
-        if (fn in groups)
-            groups[fn].push((_a = col.name) !== null && _a !== void 0 ? _a : '');
-    }
-    const params = {};
-    if (groups.sum.length)
-        params.sum = groups.sum;
-    if (groups.avg.length)
-        params.avg = groups.avg;
-    if (groups.count.length)
-        params.count = groups.count;
-    return Object.keys(params).length > 0 ? params : null;
-}
-/** Aggregation query string: the page-0 query params without page/sort, plus sum/avg/count. */
-function buildAggregationQs(basePageQs, columns) {
-    var _a, _b, _c;
-    const p = new URLSearchParams(basePageQs);
-    p.delete('page');
-    p.delete('sort');
-    const groups = buildAggregationParams(columns);
-    if ((_a = groups === null || groups === void 0 ? void 0 : groups.sum) === null || _a === void 0 ? void 0 : _a.length)
-        p.set('sum', groups.sum.join(','));
-    if ((_b = groups === null || groups === void 0 ? void 0 : groups.avg) === null || _b === void 0 ? void 0 : _b.length)
-        p.set('avg', groups.avg.join(','));
-    if ((_c = groups === null || groups === void 0 ? void 0 : groups.count) === null || _c === void 0 ? void 0 : _c.length)
-        p.set('count', groups.count.join(','));
-    return p.toString();
-}
-/** True when the pending filter actually constrains anything. */
-function filterHasValue(f) {
-    if (f.operator === 'isEmpty' || f.operator === 'isNotEmpty')
-        return true;
-    if (f.values !== undefined && f.values.length > 0)
-        return true;
-    if (f.value != null && f.value !== '')
-        return true;
-    if (typeof f.value === 'boolean')
-        return true;
-    if (f.from != null && f.from !== '')
-        return true;
-    if (f.to != null && f.to !== '')
-        return true;
-    return false;
-}
-// ── DATETIME filters: the user edits local "YYYY-MM-DD" dates, the API stores UTC ISO ──
-/** UTC ISO string at the start (midnight) of the given local day. */
-function dateLocalToUTCStart(dateStr) {
-    if (!dateStr)
-        return dateStr;
-    const [year, month, day] = dateStr.split('-').map(Number);
-    return new Date(year, month - 1, day).toISOString().replace(/\.\d{3}Z$/, 'Z');
-}
-/** Start of the day AFTER the given local date (exclusive range end). */
-function dateLocalToUTCEndExclusive(dateStr) {
-    if (!dateStr)
-        return dateStr;
-    const [year, month, day] = dateStr.split('-').map(Number);
-    return new Date(year, month - 1, day + 1).toISOString().replace(/\.\d{3}Z$/, 'Z');
-}
-/** Stored UTC ISO string back to the local "YYYY-MM-DD" date. */
-function utcISOToLocalDate(utcStr) {
-    if (!utcStr)
-        return utcStr;
-    const d = new Date(utcStr);
-    if (isNaN(d.getTime()))
-        return utcStr;
-    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
-}
-/** The stored "to" is the exclusive end (next midnight); subtract a day to recover the entered date. */
-function utcISOToLocalDateExclusiveEnd(utcStr) {
-    if (!utcStr)
-        return utcStr;
-    const d = new Date(utcStr);
-    if (isNaN(d.getTime()))
-        return utcStr;
-    d.setDate(d.getDate() - 1);
-    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
-}
-/** Applies the local→UTC conversion when a DATETIME filter is submitted.
- *  Exact date → range covering the full local day. */
-function normalizeDatetimeFilter(f) {
-    const normalized = Object.assign({}, f);
-    if (f.dataType === 'DATETIME' && f.operator !== 'isEmpty' && f.operator !== 'isNotEmpty') {
-        if (typeof normalized.value === 'string' && normalized.value) {
-            normalized.from = dateLocalToUTCStart(normalized.value);
-            normalized.to = dateLocalToUTCEndExclusive(normalized.value);
-            normalized.value = undefined;
-        }
-        else {
-            if (typeof normalized.from === 'string' && normalized.from)
-                normalized.from = dateLocalToUTCStart(normalized.from);
-            if (typeof normalized.to === 'string' && normalized.to)
-                normalized.to = dateLocalToUTCEndExclusive(normalized.to);
-        }
-    }
-    return normalized;
-}
-/** Converts a stored DATETIME filter back to local dates for the popup.
- *  A range covering a single local day is restored to exact-date mode. */
-function datetimeFilterToDisplay(existing) {
-    const display = Object.assign({}, existing);
-    if (typeof display.from === 'string' && display.from)
-        display.from = utcISOToLocalDate(display.from);
-    if (typeof display.to === 'string' && display.to)
-        display.to = utcISOToLocalDateExclusiveEnd(display.to);
-    if (display.from && display.to && display.from === display.to) {
-        return Object.assign(Object.assign({}, display), { value: display.from, from: undefined, to: undefined });
-    }
-    return display;
-}
-
 /**
  * Stateless render parts of mrd-table. All state and handlers stay in the
  * component; these components receive plain values and callbacks.
@@ -7274,16 +8097,19 @@ const MrdTable = class {
         });
     }
     buildActionDetail(action, basicType) {
-        var _a, _b, _c;
+        var _a;
         if (action === 'export') {
             return { action, path: this.buildExcelPath(), qs: this.buildQueryParams(0) };
         }
         if (action === 'create') {
             const v = this.allViews[this.activeViewIdx];
-            const parentPath = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW'
-                ? `/${(_b = v === null || v === void 0 ? void 0 : v.fromClass) !== null && _b !== void 0 ? _b : ''}/${this.parentId}`
-                : null;
-            return Object.assign({ action, dataClass: (_c = v === null || v === void 0 ? void 0 : v.dataClass) !== null && _c !== void 0 ? _c : '', parentPath }, (basicType ? { basicType } : {}));
+            return buildCreateActionDetail({
+                isRelatedView: ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW',
+                fromClass: v === null || v === void 0 ? void 0 : v.fromClass,
+                parentId: this.parentId,
+                dataClass: v === null || v === void 0 ? void 0 : v.dataClass,
+                basicType,
+            });
         }
         return { action };
     }
@@ -7975,12 +8801,29 @@ const MrdTextareaField = class {
         this.required = false;
         this.disabled = false;
         this.locale = navigator.language;
+        /** Focus the editor as soon as it's ready — opt-in, since auto-focusing every
+         *  textarea field on mount would be wrong for a regular multi-field form. */
+        this.autofocus = false;
         this.error = '';
         this.editorReady = false;
     }
     componentDidLoad() {
         this.initQuill();
     }
+    /** The host may reuse the same element for a different record (e.g. mrd-memo-
+     *  container's quick-create/edit dialog editing a second memo without the
+     *  dialog itself remounting) — Quill only reads `value` once at construction,
+     *  so re-apply it here when it changes to something the editor doesn't already
+     *  hold. Guarded against our own emitted mrdChange feeding back in as a no-op. */
+    valueChanged(newValue) {
+        if (!this.editorReady || !this.quill)
+            return;
+        if (newValue === this.getSanitizedHtml())
+            return;
+        this.quill.setText('');
+        if (newValue)
+            this.quill.clipboard.dangerouslyPasteHTML(newValue);
+    }
     async initQuill() {
         try {
             // Dynamically import Quill
@@ -8002,6 +8845,7 @@ const MrdTextareaField = class {
                     ],
                 },
             });
+            this.quill = quill;
             if (this.value) {
                 quill.clipboard.dangerouslyPasteHTML(this.value);
             }
@@ -8017,6 +8861,8 @@ const MrdTextareaField = class {
                 }
             });
             this.editorReady = true;
+            if (this.autofocus)
+                quill.focus();
         }
         catch (err) {
             console.error('Failed to load Quill editor:', err);
@@ -8028,9 +8874,14 @@ const MrdTextareaField = class {
         return purify.sanitize(html);
     }
     render() {
-        return (index.h(index.Host, { key: 'e132531881f68f373e700617aac8033c8ebccb47' }, index.h("div", { key: 'fec0cf56cd7868d3fcd5a4e8a382b2dcdb6e5c50', class: "mrd-textarea-field" }, index.h(FieldLabel, { key: '333aa2ff57cce9e3178f0c4be4a1df1077884248', base: "mrd-textarea-field", label: this.label, required: this.required }), index.h("div", { key: '40025207580eb5768981b85aaa0a8ff95fce7234', class: controlClass('mrd-textarea-field', !!this.error, 'container') }, index.h("div", { key: '621987b3b2b1d8b4836bff065075ba527a82db81', class: "mrd-textarea-field__editor" })), index.h(FieldError, { key: 'ac2d8de22f008cd1c91842137ccd0cd36eb9ce19', base: "mrd-textarea-field", error: this.error }))));
+        return (index.h(index.Host, { key: '5dad54667601fce064107311e741e4e0dad94298' }, index.h("div", { key: 'bd7bd538155ec3172fa8cc1cf4cf66ad23d07a3b', class: "mrd-textarea-field" }, index.h(FieldLabel, { key: 'a3fe2c714340bbdcd3521e9782f87f3773c65e62', base: "mrd-textarea-field", label: this.label, required: this.required }), index.h("div", { key: 'a7a628f94bc628fd358c7fc876ee1bdd2c7ef520', class: controlClass('mrd-textarea-field', !!this.error, 'container') }, index.h("div", { key: '30ecd27d9e928094178f8f011524ff5633cb875e', class: "mrd-textarea-field__editor" })), index.h(FieldError, { key: '589d5cbf28c3ae1bdbe5f663aaf6cae840bdcffe', base: "mrd-textarea-field", error: this.error }))));
     }
     get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": [{
+                "valueChanged": 0
+            }]
+    }; }
 };
 MrdTextareaField.style = mrdTextareaFieldCss();
 
@@ -8082,6 +8933,9 @@ exports.mrd_invoice_view = MrdInvoiceView;
 exports.mrd_layout_section = MrdLayoutSection;
 exports.mrd_list_field = MrdListField;
 exports.mrd_longtext_field = MrdLongtextField;
+exports.mrd_memo_container = MrdMemoContainer;
+exports.mrd_memo_list = MrdMemoList;
+exports.mrd_memo_view = MrdMemoView;
 exports.mrd_number_field = MrdNumberField;
 exports.mrd_relation_field = MrdRelationField;
 exports.mrd_secret_field = MrdSecretField;