@mmlogic/components 0.5.13 → 0.5.15

package/dist/mosterdcomponents/{p-a7e8f6a3.entry.js → p-e68dfbb0.entry.js}

@@ -1 +1 @@
-import{h as r,r as e,c as i,H as o,g as d}from"./p-CDiBvvJU.js";import{a as t}from"./p-Bc42CfJB.js";import{t as a,C as s,a as m}from"./p-D5ZPfX3-.js";function n(r){return r.type===t.FIELD||r.type===t.RELATION&&!r.multiple}function l(r,e){var i,o,d,a,s;const m=null!==(i=r.name)&&void 0!==i?i:"";return r.type===t.RELATION?null!==(a=null===(d=null===(o=null==e?void 0:e._links)||void 0===o?void 0:o[m])||void 0===d?void 0:d.href)&&void 0!==a?a:null:null!==(s=null==e?void 0:e[m])&&void 0!==s?s:null}function c(r,e){return r.historyEnabled&&null!=e&&"object"==typeof e&&!Array.isArray(e)&&"current"in e?e.current:e}function v(r){return void 0===r||""===r?null:r}function g(r,e){const i=v(r),o=v(e);return i===o||null!==i&&null!==o&&JSON.stringify(i)===JSON.stringify(o)}function u(r){return null===v(r)}function h(r,e,i){const o=[],d=[];for(const t of r.filter(n)){const r=l(t,e),a=l(t,i),s=c(t,r),m=c(t,a);g(s,m)||(u(s)&&!u(m)?d.push({item:t,aValue:r,bValue:a}):o.push({item:t,aValue:r,bValue:a}))}return{conflicts:o,autoFilled:d}}function _(r){var e,i,o,d,t;return null!==(t=null!==(i=null!==(e=null==r?void 0:r.name)&&void 0!==e?e:null==r?void 0:r.label)&&void 0!==i?i:null===(d=null===(o=null==r?void 0:r._links)||void 0===o?void 0:o.self)||void 0===d?void 0:d.href)&&void 0!==t?t:""}function w(r,e){var i,o;return r.historyEnabled&&r.name&&null!==(o=null===(i=null==e?void 0:e[r.name])||void 0===i?void 0:i.history)&&void 0!==o?o:[]}const p=({locale:e,history:i,isOpen:o,onToggle:d})=>{if(0===i.length)return null;const t=[...i].sort(((r,e)=>e.until.localeCompare(r.until)));return r("span",{class:"mrd-merge-view__history-wrap"},r("button",{type:"button",class:"mrd-merge-view__history-btn",title:a("history_badge_tooltip",e),"aria-label":a("history_badge_tooltip",e),onClick:r=>{r.stopPropagation(),d()}},r("svg",{class:"mrd-merge-view__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},r("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"}))),o&&r("div",{class:"mrd-merge-view__history-popover",role:"listbox"},t.map(((i,o)=>r("div",{key:String(o),class:"mrd-merge-view__history-entry"},i.value," (",a("history_until",e)," ",m(i.until,e),")")))))},b=({locale:e,searchQuery:i,searchResults:o,isLoading:d,onSearchInput:t,onSelect:s})=>r("div",{class:"mrd-merge-view__search-step"},r("p",{class:"mrd-merge-view__hint"},a("merge_search_hint",e)),r("div",{class:"mrd-merge-view__search-wrapper"},r("input",{class:"mrd-merge-view__search",type:"text",value:i,placeholder:a("search_placeholder",e),onInput:r=>t(r.target.value)}),d&&r("span",{class:"mrd-merge-view__spinner","aria-label":a("loading",e)})),i.trim().length>=2&&!d&&r("div",{class:"mrd-merge-view__results"},0===o.length?r("div",{class:"mrd-merge-view__no-results"},a("no_results",e)):o.map((i=>{var o,d,t;return r("div",{key:null!==(t=null===(d=null===(o=null==i?void 0:i._links)||void 0===o?void 0:o.self)||void 0===d?void 0:d.href)&&void 0!==t?t:_(i),class:"mrd-merge-view__result-item"},r("span",{class:"mrd-merge-view__result-label"},_(i)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:()=>s(i)},a("merge_select",e)))})))),f=({locale:e,currentLabel:i,candidateLabel:o,conflicts:d,autoFilled:t,recordA:m,recordB:n,resolutions:l,openHistoryKey:c,onResolve:v,onToggleHistory:g,onChangeCandidate:u,onContinue:h})=>r("div",{class:"mrd-merge-view__compare-step"},r("h3",{class:"mrd-merge-view__heading"},a("merge_compare_heading",e)),0===d.length?r("p",{class:"mrd-merge-view__no-conflicts"},a("merge_no_conflicts",e)):r("table",{class:"mrd-merge-view__table"},r("thead",null,r("tr",null,r("th",{class:"mrd-merge-view__header"}),r("th",{class:"mrd-merge-view__header"},a("merge_column_a",e),r("span",{class:"mrd-merge-view__header-name"},i)),r("th",{class:"mrd-merge-view__header"},a("merge_column_b",e),r("span",{class:"mrd-merge-view__header-name"},o)))),r("tbody",null,d.map((({item:i})=>{var o,d,t;const a=null!==(o=i.name)&&void 0!==o?o:"",u=null!==(d=l[a])&&void 0!==d?d:"A",h=w(i,m),_=w(i,n),b=`${a}:A`,f=`${a}:B`;return r("tr",{key:a,class:"mrd-merge-view__row"},r("td",{class:"mrd-merge-view__cell mrd-merge-view__cell--label"},null!==(t=i.label)&&void 0!==t?t:a),r("td",{class:"mrd-merge-view__cell"},r("label",{class:"mrd-merge-view__option"},r("input",{type:"radio",name:`merge-${a}`,checked:"A"===u,onChange:()=>v(a,"A")}),r("span",null,s.render(i,m,e)||"—")),r(p,{locale:e,history:h,isOpen:c===b,onToggle:()=>g(c===b?null:b)})),r("td",{class:"mrd-merge-view__cell"},r("label",{class:"mrd-merge-view__option"},r("input",{type:"radio",name:`merge-${a}`,checked:"B"===u,onChange:()=>v(a,"B")}),r("span",null,s.render(i,n,e)||"—")),r(p,{locale:e,history:_,isOpen:c===f,onToggle:()=>g(c===f?null:f)})))})))),t.length>0&&r("div",{class:"mrd-merge-view__auto-note"},r("p",null,a("merge_auto_heading",e)),r("ul",null,t.map((({item:e})=>{var i;return r("li",{key:e.name},null!==(i=e.label)&&void 0!==i?i:e.name)})))),r("div",{class:"mrd-merge-view__actions"},r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:u},a("merge_back",e)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--primary",onClick:h},a("merge_continue",e)))),y=({locale:e,candidateLabel:i,conflicts:o,autoFilled:d,resolutions:t,recordB:m,openHistoryKey:n,onToggleHistory:l,onBack:c,onConfirm:v})=>{const g=[...d,...o.filter((({item:r})=>{var e;return"B"===t[null!==(e=r.name)&&void 0!==e?e:""]}))];return r("div",{class:"mrd-merge-view__confirm-step"},r("h3",{class:"mrd-merge-view__heading"},a("merge_confirm_heading",e)),0===g.length?r("p",{class:"mrd-merge-view__no-conflicts"},a("merge_no_conflicts",e)):r("ul",{class:"mrd-merge-view__summary-list"},g.map((({item:i})=>{var o;const d=`${i.name}:confirm`;return r("li",{key:i.name},null!==(o=i.label)&&void 0!==o?o:i.name,": ",s.render(i,m,e)||"—",r(p,{locale:e,history:w(i,m),isOpen:n===d,onToggle:()=>l(n===d?null:d)}))}))),r("p",{class:"mrd-merge-view__warning"},a("merge_confirm_warning",e)," (",i,")"),r("div",{class:"mrd-merge-view__actions"},r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:c},a("merge_back",e)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--danger",onClick:v},a("merge_confirm_button",e))))},k=class{constructor(r){e(this,r),this.mrdSearch=i(this,"mrdSearch"),this.mrdMerge=i(this,"mrdMerge"),this.locale=navigator.language,this.basicType="",this.mostSignificantClass="",this.fields=[],this.currentHref="",this.currentRecord={},this.currentLabel="",this.step="search",this.searchQuery="",this.searchResults=[],this.isLoading=!1,this.candidate=null,this.resolutions={},this.openHistoryKey=null,this.historyClickOutside=null,this.searchDebounce=null,this.handleSearchInput=r=>{this.searchQuery=r,this.searchDebounce&&clearTimeout(this.searchDebounce),r.trim().length>=2?(this.isLoading=!0,this.searchDebounce=setTimeout((()=>{this.mrdSearch.emit({query:r,basicType:this.basicType,mostSignificantClass:this.mostSignificantClass||void 0})}),300)):(this.searchResults=[],this.isLoading=!1)},this.handleSelect=r=>{this.candidate=r;const{conflicts:e}=h(this.fields,this.currentRecord,r),i={};e.forEach((({item:r})=>{var e;i[null!==(e=r.name)&&void 0!==e?e:""]="A"})),this.resolutions=i,this.openHistoryKey=null,this.step="compare"},this.handleChangeCandidate=()=>{this.candidate=null,this.resolutions={},this.openHistoryKey=null,this.step="search"},this.handleResolve=(r,e)=>{this.resolutions=Object.assign(Object.assign({},this.resolutions),{[r]:e})},this.handleToggleHistory=r=>{this.openHistoryKey=r},this.handleContinue=()=>{this.step="confirm"},this.handleBack=()=>{this.step="compare"},this.handleConfirm=()=>{var r,e,i,o;if(!this.candidate)return;const d=function(r,e){var i,o,d;const t={};for(const{item:e,bValue:o}of r.autoFilled)t[null!==(i=e.name)&&void 0!==i?i:""]=o;for(const{item:i,bValue:a}of r.conflicts)"B"===e[null!==(o=i.name)&&void 0!==o?o:""]&&(t[null!==(d=i.name)&&void 0!==d?d:""]=a);return t}(h(this.fields,this.currentRecord,this.candidate),this.resolutions),t=null!==(o=null===(i=null===(e=null===(r=this.candidate)||void 0===r?void 0:r._links)||void 0===e?void 0:e.self)||void 0===i?void 0:i.href)&&void 0!==o?o:"";this.mrdMerge.emit({winnerHref:this.currentHref,loserHref:t,patch:d})}}connectedCallback(){this.historyClickOutside=r=>{this.el.contains(r.target)||(this.openHistoryKey=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}async setSearchResults(r){this.searchResults=(null!=r?r:[]).filter((r=>{var e,i,o;return(null!==(o=null===(i=null===(e=null==r?void 0:r._links)||void 0===e?void 0:e.self)||void 0===i?void 0:i.href)&&void 0!==o?o:null)!==this.currentHref})),this.isLoading=!1}async setLoading(r){this.isLoading=r}render(){var e,i;let d;if("search"===this.step)d=r(b,{key:"3adb36fb46aa7260641a46a2cf27cc0ef320876f",locale:this.locale,searchQuery:this.searchQuery,searchResults:this.searchResults,isLoading:this.isLoading,onSearchInput:this.handleSearchInput,onSelect:this.handleSelect});else{const o=h(this.fields,this.currentRecord,this.candidate),t=_(this.candidate);d="compare"===this.step?r(f,{locale:this.locale,currentLabel:this.currentLabel,candidateLabel:t,conflicts:o.conflicts,autoFilled:o.autoFilled,recordA:this.currentRecord,recordB:null!==(e=this.candidate)&&void 0!==e?e:{},resolutions:this.resolutions,openHistoryKey:this.openHistoryKey,onResolve:this.handleResolve,onToggleHistory:this.handleToggleHistory,onChangeCandidate:this.handleChangeCandidate,onContinue:this.handleContinue}):r(y,{locale:this.locale,candidateLabel:t,conflicts:o.conflicts,autoFilled:o.autoFilled,resolutions:this.resolutions,recordB:null!==(i=this.candidate)&&void 0!==i?i:{},openHistoryKey:this.openHistoryKey,onToggleHistory:this.handleToggleHistory,onBack:this.handleBack,onConfirm:this.handleConfirm})}return r(o,{key:"e33a6d66a220b28cc9533da78dc274e2d7ec5c4a"},r("div",{key:"b5fb1390d86192f9f6f15e3ccb89e2d21d9c7c8b",class:"mrd-merge-view"},d))}get el(){return d(this)}};k.style=".sc-mrd-merge-view-h{display:block;width:100%}.mrd-merge-view.sc-mrd-merge-view{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-merge-view__hint.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);color:var(--mrd-color-neutral-600)}.mrd-merge-view__heading.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold)}.mrd-merge-view__search-wrapper.sc-mrd-merge-view{position:relative;display:flex;align-items:center}.mrd-merge-view__search.sc-mrd-merge-view{width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);background:var(--mrd-input-bg);color:var(--mrd-input-color);font-size:var(--mrd-font-size-sm)}.mrd-merge-view__search.sc-mrd-merge-view:focus{outline:none;border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-merge-view__spinner.sc-mrd-merge-view{position:absolute;right:var(--mrd-space-3);width:1rem;height:1rem;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:var(--mrd-border-radius-full);animation:mrd-merge-view-spin var(--mrd-transition-slow) linear infinite}.mrd-merge-view__results.sc-mrd-merge-view{margin-top:var(--mrd-space-2);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden}.mrd-merge-view__no-results.sc-mrd-merge-view{padding:var(--mrd-space-3) var(--mrd-space-4);color:var(--mrd-color-neutral-500)}.mrd-merge-view__result-item.sc-mrd-merge-view{display:flex;align-items:center;justify-content:space-between;gap:var(--mrd-space-3);padding:var(--mrd-space-2) var(--mrd-space-4)}.mrd-merge-view__result-item.sc-mrd-merge-view:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-border-color)}.mrd-merge-view__result-label.sc-mrd-merge-view{font-weight:var(--mrd-font-weight-medium)}.mrd-merge-view__no-conflicts.sc-mrd-merge-view{color:var(--mrd-color-neutral-600)}.mrd-merge-view__table.sc-mrd-merge-view{width:100%;border-collapse:collapse;margin-bottom:var(--mrd-space-4)}.mrd-merge-view__header.sc-mrd-merge-view{text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:2px solid var(--mrd-border-color);font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-600)}.mrd-merge-view__header-name.sc-mrd-merge-view{display:block;text-transform:none;letter-spacing:normal;font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-900);margin-top:var(--mrd-space-1)}.mrd-merge-view__row.sc-mrd-merge-view:nth-child(even){background:var(--mrd-color-neutral-50)}.mrd-merge-view__cell.sc-mrd-merge-view{padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);vertical-align:top}.mrd-merge-view__cell--label.sc-mrd-merge-view{font-weight:var(--mrd-font-weight-medium);white-space:nowrap}.mrd-merge-view__option.sc-mrd-merge-view{display:flex;align-items:flex-start;gap:var(--mrd-space-2);cursor:pointer}.mrd-merge-view__option.sc-mrd-merge-view input[type=radio].sc-mrd-merge-view{margin-top:0.2em}.mrd-merge-view__history-wrap.sc-mrd-merge-view{position:relative;display:inline-flex;align-items:center;margin-left:var(--mrd-space-1)}.mrd-merge-view__history-btn.sc-mrd-merge-view{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-merge-view__history-btn.sc-mrd-merge-view:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-merge-view__history-btn.sc-mrd-merge-view:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-merge-view__history-icon.sc-mrd-merge-view{width:0.875rem;height:0.875rem}.mrd-merge-view__history-popover.sc-mrd-merge-view{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:18rem;max-width:18rem;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-merge-view__history-entry.sc-mrd-merge-view{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-merge-view__history-entry.sc-mrd-merge-view:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-merge-view__auto-note.sc-mrd-merge-view{margin-bottom:var(--mrd-space-4);padding:var(--mrd-space-3) var(--mrd-space-4);background:var(--mrd-color-neutral-50);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);color:var(--mrd-color-neutral-700)}.mrd-merge-view__auto-note.sc-mrd-merge-view p.sc-mrd-merge-view{margin:0 0 var(--mrd-space-1);font-weight:var(--mrd-font-weight-medium)}.mrd-merge-view__auto-note.sc-mrd-merge-view ul.sc-mrd-merge-view{margin:0;padding-left:var(--mrd-space-5)}.mrd-merge-view__summary-list.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);padding-left:var(--mrd-space-5)}.mrd-merge-view__warning.sc-mrd-merge-view{padding:var(--mrd-space-3) var(--mrd-space-4);background:var(--mrd-color-danger-light);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);color:var(--mrd-color-danger-dark);margin-bottom:var(--mrd-space-4)}.mrd-merge-view__actions.sc-mrd-merge-view{display:flex;gap:var(--mrd-space-3)}.mrd-merge-view__btn.sc-mrd-merge-view{height:var(--mrd-input-height-sm);padding:0 var(--mrd-space-4);border-radius:var(--mrd-border-radius);border:var(--mrd-border-width) solid transparent;font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition-fast), border-color var(--mrd-transition-fast)}.mrd-merge-view__btn--primary.sc-mrd-merge-view{background:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-merge-view__btn--primary.sc-mrd-merge-view:hover{background:var(--mrd-color-primary-hover)}.mrd-merge-view__btn--secondary.sc-mrd-merge-view{background:var(--mrd-color-white);border-color:var(--mrd-border-color);color:var(--mrd-color-neutral-700)}.mrd-merge-view__btn--secondary.sc-mrd-merge-view:hover{background:var(--mrd-color-neutral-50)}.mrd-merge-view__btn--danger.sc-mrd-merge-view{background:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-merge-view__btn--danger.sc-mrd-merge-view:hover{background:var(--mrd-color-danger-dark)}@keyframes mrd-merge-view-spin{to{transform:rotate(360deg)}}";export{k as mrd_merge_view}
+import{h as r,r as e,c as i,H as o,g as d}from"./p-CDiBvvJU.js";import{a as t}from"./p-BJkVeSq6.js";import{t as a,C as s,a as m}from"./p-BMx6VAJ6.js";function n(r){return r.type===t.FIELD||r.type===t.RELATION&&!r.multiple}function l(r,e){var i,o,d,a,s;const m=null!==(i=r.name)&&void 0!==i?i:"";return r.type===t.RELATION?null!==(a=null===(d=null===(o=null==e?void 0:e._links)||void 0===o?void 0:o[m])||void 0===d?void 0:d.href)&&void 0!==a?a:null:null!==(s=null==e?void 0:e[m])&&void 0!==s?s:null}function c(r,e){return r.historyEnabled&&null!=e&&"object"==typeof e&&!Array.isArray(e)&&"current"in e?e.current:e}function v(r){return void 0===r||""===r?null:r}function g(r,e){const i=v(r),o=v(e);return i===o||null!==i&&null!==o&&JSON.stringify(i)===JSON.stringify(o)}function u(r){return null===v(r)}function h(r,e,i){const o=[],d=[];for(const t of r.filter(n)){const r=l(t,e),a=l(t,i),s=c(t,r),m=c(t,a);g(s,m)||(u(s)&&!u(m)?d.push({item:t,aValue:r,bValue:a}):o.push({item:t,aValue:r,bValue:a}))}return{conflicts:o,autoFilled:d}}function _(r){var e,i,o,d,t;return null!==(t=null!==(i=null!==(e=null==r?void 0:r.name)&&void 0!==e?e:null==r?void 0:r.label)&&void 0!==i?i:null===(d=null===(o=null==r?void 0:r._links)||void 0===o?void 0:o.self)||void 0===d?void 0:d.href)&&void 0!==t?t:""}function w(r,e){var i,o;return r.historyEnabled&&r.name&&null!==(o=null===(i=null==e?void 0:e[r.name])||void 0===i?void 0:i.history)&&void 0!==o?o:[]}const p=({locale:e,history:i,isOpen:o,onToggle:d})=>{if(0===i.length)return null;const t=[...i].sort(((r,e)=>e.until.localeCompare(r.until)));return r("span",{class:"mrd-merge-view__history-wrap"},r("button",{type:"button",class:"mrd-merge-view__history-btn",title:a("history_badge_tooltip",e),"aria-label":a("history_badge_tooltip",e),onClick:r=>{r.stopPropagation(),d()}},r("svg",{class:"mrd-merge-view__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},r("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"}))),o&&r("div",{class:"mrd-merge-view__history-popover",role:"listbox"},t.map(((i,o)=>r("div",{key:String(o),class:"mrd-merge-view__history-entry"},i.value," (",a("history_until",e)," ",m(i.until,e),")")))))},b=({locale:e,searchQuery:i,searchResults:o,isLoading:d,onSearchInput:t,onSelect:s})=>r("div",{class:"mrd-merge-view__search-step"},r("p",{class:"mrd-merge-view__hint"},a("merge_search_hint",e)),r("div",{class:"mrd-merge-view__search-wrapper"},r("input",{class:"mrd-merge-view__search",type:"text",value:i,placeholder:a("search_placeholder",e),onInput:r=>t(r.target.value)}),d&&r("span",{class:"mrd-merge-view__spinner","aria-label":a("loading",e)})),i.trim().length>=2&&!d&&r("div",{class:"mrd-merge-view__results"},0===o.length?r("div",{class:"mrd-merge-view__no-results"},a("no_results",e)):o.map((i=>{var o,d,t;return r("div",{key:null!==(t=null===(d=null===(o=null==i?void 0:i._links)||void 0===o?void 0:o.self)||void 0===d?void 0:d.href)&&void 0!==t?t:_(i),class:"mrd-merge-view__result-item"},r("span",{class:"mrd-merge-view__result-label"},_(i)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:()=>s(i)},a("merge_select",e)))})))),f=({locale:e,currentLabel:i,candidateLabel:o,conflicts:d,autoFilled:t,recordA:m,recordB:n,resolutions:l,openHistoryKey:c,onResolve:v,onToggleHistory:g,onChangeCandidate:u,onContinue:h})=>r("div",{class:"mrd-merge-view__compare-step"},r("h3",{class:"mrd-merge-view__heading"},a("merge_compare_heading",e)),0===d.length?r("p",{class:"mrd-merge-view__no-conflicts"},a("merge_no_conflicts",e)):r("table",{class:"mrd-merge-view__table"},r("thead",null,r("tr",null,r("th",{class:"mrd-merge-view__header"}),r("th",{class:"mrd-merge-view__header"},a("merge_column_a",e),r("span",{class:"mrd-merge-view__header-name"},i)),r("th",{class:"mrd-merge-view__header"},a("merge_column_b",e),r("span",{class:"mrd-merge-view__header-name"},o)))),r("tbody",null,d.map((({item:i})=>{var o,d,t;const a=null!==(o=i.name)&&void 0!==o?o:"",u=null!==(d=l[a])&&void 0!==d?d:"A",h=w(i,m),_=w(i,n),b=`${a}:A`,f=`${a}:B`;return r("tr",{key:a,class:"mrd-merge-view__row"},r("td",{class:"mrd-merge-view__cell mrd-merge-view__cell--label"},null!==(t=i.label)&&void 0!==t?t:a),r("td",{class:"mrd-merge-view__cell"},r("label",{class:"mrd-merge-view__option"},r("input",{type:"radio",name:`merge-${a}`,checked:"A"===u,onChange:()=>v(a,"A")}),r("span",null,s.render(i,m,e)||"—")),r(p,{locale:e,history:h,isOpen:c===b,onToggle:()=>g(c===b?null:b)})),r("td",{class:"mrd-merge-view__cell"},r("label",{class:"mrd-merge-view__option"},r("input",{type:"radio",name:`merge-${a}`,checked:"B"===u,onChange:()=>v(a,"B")}),r("span",null,s.render(i,n,e)||"—")),r(p,{locale:e,history:_,isOpen:c===f,onToggle:()=>g(c===f?null:f)})))})))),t.length>0&&r("div",{class:"mrd-merge-view__auto-note"},r("p",null,a("merge_auto_heading",e)),r("ul",null,t.map((({item:e})=>{var i;return r("li",{key:e.name},null!==(i=e.label)&&void 0!==i?i:e.name)})))),r("div",{class:"mrd-merge-view__actions"},r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:u},a("merge_back",e)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--primary",onClick:h},a("merge_continue",e)))),y=({locale:e,candidateLabel:i,conflicts:o,autoFilled:d,resolutions:t,recordB:m,openHistoryKey:n,onToggleHistory:l,onBack:c,onConfirm:v})=>{const g=[...d,...o.filter((({item:r})=>{var e;return"B"===t[null!==(e=r.name)&&void 0!==e?e:""]}))];return r("div",{class:"mrd-merge-view__confirm-step"},r("h3",{class:"mrd-merge-view__heading"},a("merge_confirm_heading",e)),0===g.length?r("p",{class:"mrd-merge-view__no-conflicts"},a("merge_no_conflicts",e)):r("ul",{class:"mrd-merge-view__summary-list"},g.map((({item:i})=>{var o;const d=`${i.name}:confirm`;return r("li",{key:i.name},null!==(o=i.label)&&void 0!==o?o:i.name,": ",s.render(i,m,e)||"—",r(p,{locale:e,history:w(i,m),isOpen:n===d,onToggle:()=>l(n===d?null:d)}))}))),r("p",{class:"mrd-merge-view__warning"},a("merge_confirm_warning",e)," (",i,")"),r("div",{class:"mrd-merge-view__actions"},r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:c},a("merge_back",e)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--danger",onClick:v},a("merge_confirm_button",e))))},k=class{constructor(r){e(this,r),this.mrdSearch=i(this,"mrdSearch"),this.mrdMerge=i(this,"mrdMerge"),this.locale=navigator.language,this.basicType="",this.mostSignificantClass="",this.fields=[],this.currentHref="",this.currentRecord={},this.currentLabel="",this.step="search",this.searchQuery="",this.searchResults=[],this.isLoading=!1,this.candidate=null,this.resolutions={},this.openHistoryKey=null,this.historyClickOutside=null,this.searchDebounce=null,this.handleSearchInput=r=>{this.searchQuery=r,this.searchDebounce&&clearTimeout(this.searchDebounce),r.trim().length>=2?(this.isLoading=!0,this.searchDebounce=setTimeout((()=>{this.mrdSearch.emit({query:r,basicType:this.basicType,mostSignificantClass:this.mostSignificantClass||void 0})}),300)):(this.searchResults=[],this.isLoading=!1)},this.handleSelect=r=>{this.candidate=r;const{conflicts:e}=h(this.fields,this.currentRecord,r),i={};e.forEach((({item:r})=>{var e;i[null!==(e=r.name)&&void 0!==e?e:""]="A"})),this.resolutions=i,this.openHistoryKey=null,this.step="compare"},this.handleChangeCandidate=()=>{this.candidate=null,this.resolutions={},this.openHistoryKey=null,this.step="search"},this.handleResolve=(r,e)=>{this.resolutions=Object.assign(Object.assign({},this.resolutions),{[r]:e})},this.handleToggleHistory=r=>{this.openHistoryKey=r},this.handleContinue=()=>{this.step="confirm"},this.handleBack=()=>{this.step="compare"},this.handleConfirm=()=>{var r,e,i,o;if(!this.candidate)return;const d=function(r,e){var i,o,d;const t={};for(const{item:e,bValue:o}of r.autoFilled)t[null!==(i=e.name)&&void 0!==i?i:""]=o;for(const{item:i,bValue:a}of r.conflicts)"B"===e[null!==(o=i.name)&&void 0!==o?o:""]&&(t[null!==(d=i.name)&&void 0!==d?d:""]=a);return t}(h(this.fields,this.currentRecord,this.candidate),this.resolutions),t=null!==(o=null===(i=null===(e=null===(r=this.candidate)||void 0===r?void 0:r._links)||void 0===e?void 0:e.self)||void 0===i?void 0:i.href)&&void 0!==o?o:"";this.mrdMerge.emit({winnerHref:this.currentHref,loserHref:t,patch:d})}}connectedCallback(){this.historyClickOutside=r=>{this.el.contains(r.target)||(this.openHistoryKey=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}async setSearchResults(r){this.searchResults=(null!=r?r:[]).filter((r=>{var e,i,o;return(null!==(o=null===(i=null===(e=null==r?void 0:r._links)||void 0===e?void 0:e.self)||void 0===i?void 0:i.href)&&void 0!==o?o:null)!==this.currentHref})),this.isLoading=!1}async setLoading(r){this.isLoading=r}render(){var e,i;let d;if("search"===this.step)d=r(b,{key:"88ddac4f8f60a736bc6bc898b553e24771023b82",locale:this.locale,searchQuery:this.searchQuery,searchResults:this.searchResults,isLoading:this.isLoading,onSearchInput:this.handleSearchInput,onSelect:this.handleSelect});else{const o=h(this.fields,this.currentRecord,this.candidate),t=_(this.candidate);d="compare"===this.step?r(f,{locale:this.locale,currentLabel:this.currentLabel,candidateLabel:t,conflicts:o.conflicts,autoFilled:o.autoFilled,recordA:this.currentRecord,recordB:null!==(e=this.candidate)&&void 0!==e?e:{},resolutions:this.resolutions,openHistoryKey:this.openHistoryKey,onResolve:this.handleResolve,onToggleHistory:this.handleToggleHistory,onChangeCandidate:this.handleChangeCandidate,onContinue:this.handleContinue}):r(y,{locale:this.locale,candidateLabel:t,conflicts:o.conflicts,autoFilled:o.autoFilled,resolutions:this.resolutions,recordB:null!==(i=this.candidate)&&void 0!==i?i:{},openHistoryKey:this.openHistoryKey,onToggleHistory:this.handleToggleHistory,onBack:this.handleBack,onConfirm:this.handleConfirm})}return r(o,{key:"3606faba4c86ae1d981b7c40e4f1cb9cde19cf50"},r("div",{key:"9605009fec0a7c79a5cd32141d930ea04e5efaad",class:"mrd-merge-view"},d))}get el(){return d(this)}};k.style=".sc-mrd-merge-view-h{display:block;width:100%}.mrd-merge-view.sc-mrd-merge-view{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-merge-view__hint.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);color:var(--mrd-color-neutral-600)}.mrd-merge-view__heading.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold)}.mrd-merge-view__search-wrapper.sc-mrd-merge-view{position:relative;display:flex;align-items:center}.mrd-merge-view__search.sc-mrd-merge-view{width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);background:var(--mrd-input-bg);color:var(--mrd-input-color);font-size:var(--mrd-font-size-sm)}.mrd-merge-view__search.sc-mrd-merge-view:focus{outline:none;border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-merge-view__spinner.sc-mrd-merge-view{position:absolute;right:var(--mrd-space-3);width:1rem;height:1rem;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:var(--mrd-border-radius-full);animation:mrd-merge-view-spin var(--mrd-transition-slow) linear infinite}.mrd-merge-view__results.sc-mrd-merge-view{margin-top:var(--mrd-space-2);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden}.mrd-merge-view__no-results.sc-mrd-merge-view{padding:var(--mrd-space-3) var(--mrd-space-4);color:var(--mrd-color-neutral-500)}.mrd-merge-view__result-item.sc-mrd-merge-view{display:flex;align-items:center;justify-content:space-between;gap:var(--mrd-space-3);padding:var(--mrd-space-2) var(--mrd-space-4)}.mrd-merge-view__result-item.sc-mrd-merge-view:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-border-color)}.mrd-merge-view__result-label.sc-mrd-merge-view{font-weight:var(--mrd-font-weight-medium)}.mrd-merge-view__no-conflicts.sc-mrd-merge-view{color:var(--mrd-color-neutral-600)}.mrd-merge-view__table.sc-mrd-merge-view{width:100%;border-collapse:collapse;margin-bottom:var(--mrd-space-4)}.mrd-merge-view__header.sc-mrd-merge-view{text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:2px solid var(--mrd-border-color);font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-600)}.mrd-merge-view__header-name.sc-mrd-merge-view{display:block;text-transform:none;letter-spacing:normal;font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-900);margin-top:var(--mrd-space-1)}.mrd-merge-view__row.sc-mrd-merge-view:nth-child(even){background:var(--mrd-color-neutral-50)}.mrd-merge-view__cell.sc-mrd-merge-view{padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);vertical-align:top}.mrd-merge-view__cell--label.sc-mrd-merge-view{font-weight:var(--mrd-font-weight-medium);white-space:nowrap}.mrd-merge-view__option.sc-mrd-merge-view{display:flex;align-items:flex-start;gap:var(--mrd-space-2);cursor:pointer}.mrd-merge-view__option.sc-mrd-merge-view input[type=radio].sc-mrd-merge-view{margin-top:0.2em}.mrd-merge-view__history-wrap.sc-mrd-merge-view{position:relative;display:inline-flex;align-items:center;margin-left:var(--mrd-space-1)}.mrd-merge-view__history-btn.sc-mrd-merge-view{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-merge-view__history-btn.sc-mrd-merge-view:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-merge-view__history-btn.sc-mrd-merge-view:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-merge-view__history-icon.sc-mrd-merge-view{width:0.875rem;height:0.875rem}.mrd-merge-view__history-popover.sc-mrd-merge-view{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:18rem;max-width:18rem;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-merge-view__history-entry.sc-mrd-merge-view{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-merge-view__history-entry.sc-mrd-merge-view:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-merge-view__auto-note.sc-mrd-merge-view{margin-bottom:var(--mrd-space-4);padding:var(--mrd-space-3) var(--mrd-space-4);background:var(--mrd-color-neutral-50);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);color:var(--mrd-color-neutral-700)}.mrd-merge-view__auto-note.sc-mrd-merge-view p.sc-mrd-merge-view{margin:0 0 var(--mrd-space-1);font-weight:var(--mrd-font-weight-medium)}.mrd-merge-view__auto-note.sc-mrd-merge-view ul.sc-mrd-merge-view{margin:0;padding-left:var(--mrd-space-5)}.mrd-merge-view__summary-list.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);padding-left:var(--mrd-space-5)}.mrd-merge-view__warning.sc-mrd-merge-view{padding:var(--mrd-space-3) var(--mrd-space-4);background:var(--mrd-color-danger-light);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);color:var(--mrd-color-danger-dark);margin-bottom:var(--mrd-space-4)}.mrd-merge-view__actions.sc-mrd-merge-view{display:flex;gap:var(--mrd-space-3)}.mrd-merge-view__btn.sc-mrd-merge-view{height:var(--mrd-input-height-sm);padding:0 var(--mrd-space-4);border-radius:var(--mrd-border-radius);border:var(--mrd-border-width) solid transparent;font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition-fast), border-color var(--mrd-transition-fast)}.mrd-merge-view__btn--primary.sc-mrd-merge-view{background:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-merge-view__btn--primary.sc-mrd-merge-view:hover{background:var(--mrd-color-primary-hover)}.mrd-merge-view__btn--secondary.sc-mrd-merge-view{background:var(--mrd-color-white);border-color:var(--mrd-border-color);color:var(--mrd-color-neutral-700)}.mrd-merge-view__btn--secondary.sc-mrd-merge-view:hover{background:var(--mrd-color-neutral-50)}.mrd-merge-view__btn--danger.sc-mrd-merge-view{background:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-merge-view__btn--danger.sc-mrd-merge-view:hover{background:var(--mrd-color-danger-dark)}@keyframes mrd-merge-view-spin{to{transform:rotate(360deg)}}";export{k as mrd_merge_view}

package/dist/types/components/fields/mrd-textarea-field/mrd-textarea-field.d.ts

@@ -8,6 +8,9 @@ export declare class MrdTextareaField implements ComponentDidLoad {
     required: boolean;
     disabled: boolean;
     locale: string;
+    /** 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. */
+    autofocus: boolean;
     error: string;
     editorReady: boolean;
     mrdChange: EventEmitter<{
@@ -19,7 +22,14 @@ export declare class MrdTextareaField implements ComponentDidLoad {
         value: string;
     }>;
     private editorEl;
+    private quill;
     componentDidLoad(): void;
+    /** 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: string): void;
     private initQuill;
     private getSanitizedHtml;
     render(): any;

package/dist/types/components/form/mrd-form/mrd-form.d.ts

@@ -25,6 +25,11 @@ export declare class MrdForm {
     referenceClass: string;
     /** When true, a cancel button is shown next to the submit button. */
     showCancel: boolean;
+    /** 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. */
+    showDelete: boolean;
     /**
      * The currently logged-in user, resolved by the host via /accounts/me.
      * Used to pre-fill RELATION fields whose defaultValue is "@me".
@@ -37,6 +42,7 @@ export declare class MrdForm {
     private initialValues;
     mrdSubmit: EventEmitter<Record<string, unknown>>;
     mrdCancel: EventEmitter<void>;
+    mrdDelete: EventEmitter<void>;
     mrdSearch: EventEmitter<{
         name: string;
         query: string;

package/dist/types/components/layout/mrd-layout-section/mrd-layout-section.d.ts

@@ -22,6 +22,11 @@ export declare class MrdLayoutSection {
      *  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. */
     readOnly: boolean;
+    /** 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. */
+    me: RelationSearchResult | null;
     private searchQueryMap;
     private searchResultsMap;
     private imagePreviewUrl;
@@ -102,6 +107,11 @@ export declare class MrdLayoutSection {
         href: string;
         values: Record<string, unknown>;
     }>;
+    /** Confirmed delete from an embedded memo dialog. Host DELETEs `href` — fire-
+     *  and-forget, the row is already removed optimistically on the component side. */
+    mrdDeleteObject: EventEmitter<{
+        href: string;
+    }>;
     /** An external file was dropped on a document view; host uploads and calls
      *  setViewFileReference(name, uri). */
     mrdViewUpload: EventEmitter<{
@@ -138,7 +148,9 @@ export declare class MrdLayoutSection {
      *  can request creation of the new document (see mrdViewUpload). */
     setViewFileReference(name: string, uri: string): Promise<void>;
     /** 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. */
     setViewCreatedObject(name: string, href: string): Promise<void>;
     /** Provide a resolved URL for an IMAGE field. Shows as thumbnail; clicking opens the lightbox. */
     setImagePreview(fieldName: string, url: string): Promise<void>;
@@ -156,6 +168,9 @@ export declare class MrdLayoutSection {
      *  swaps between the folder tree and the flat table. Events are re-emitted to
      *  the host with the view key, exactly as the raw list/table events were. */
     private renderDocumentContainer;
+    /** Memo collection view: owns the view-switch + "New memo" and swaps between
+     *  the card list and the flat table, mirroring renderDocumentContainer(). */
+    private renderMemoContainer;
     private renderTable;
     private renderItem;
     private renderImageModal;
@@ -176,5 +191,9 @@ export declare class MrdLayoutSection {
     /** Single-email view: the record's own type carries commons.email. Fully read-only —
      *  emails have no editable child collection, so this mirrors renderDocumentObject. */
     private renderEmailObject;
+    /** 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. */
+    private renderMemoObject;
     render(): any;
 }

package/dist/types/components/memo/mrd-memo-container/mrd-memo-container.d.ts

@@ -0,0 +1,152 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientArchetype, ClientLayoutItem, ClientListValue, RelationSearchResult } from '../../../types/client-layout';
+/**
+ * Owns a memo collection view: a single toolbar (view switch + "New memo") plus
+ * the two interchangeable bodies — the card list (`mrd-memo-list`) and the flat
+ * table (`mrd-table`). Mirrors `mrd-document-container`'s structure.
+ *
+ * There is no memo detail page: both "New memo" and clicking an existing memo
+ * (card or table row) open the same small dialog — just the fields a person
+ * actually fills in (body, and only the optional slots the archetype actually
+ * maps: title/labels/important). date/author/container are already known
+ * context and never shown. Create emits `mrdCreateObject` (same contract
+ * mrd-document-list already uses for its inline file-drop create); editing an
+ * existing memo emits `mrdUpdateObject` (same generic PATCH contract used
+ * elsewhere, e.g. mrd-document-list's drag-move) and optimistically patches the
+ * displayed row/card itself, since that PATCH is fire-and-forget on the host.
+ *
+ * `mrd-layout-section` renders one of these per memo VIEW / RELATED_VIEW and
+ * forwards the re-emitted load/action/create/update events to the host.
+ */
+export declare class MrdMemoContainer {
+    /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+    item: ClientLayoutItem | null;
+    /** Resolved `commons.memo` archetype binding. */
+    archetype: ClientArchetype;
+    /** Parent record id — required for RELATED_VIEW path building. */
+    parentId: string;
+    /** 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. */
+    containerHref: string;
+    /** Lookup key used for the embedded `data-view` attribute. */
+    viewKey: string;
+    locale: string;
+    /** listItems of the FIELD bound to the `labels` slot; forwarded to whichever
+     *  body is mounted and used to render the dialog's label checkboxes. */
+    labelsListItems: ClientListValue[] | 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. */
+    readOnly: boolean;
+    /** 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. */
+    me: RelationSearchResult | null;
+    mrdLoadPage: EventEmitter<{
+        page: number;
+        sort: string;
+        path: string;
+        qs: string;
+    }>;
+    mrdLoadAggregations: EventEmitter<{
+        path: string;
+        qs: string;
+        aggQs: string;
+    }>;
+    /** Only the embedded table's own toolbar (export, etc.) still routes through this. */
+    mrdAction: EventEmitter<{
+        action: string;
+        path?: string;
+        qs?: string;
+        parentPath?: string | null;
+        basicType?: string;
+    }>;
+    /** Quick-create submit. Host POSTs `values` to `path`, same as mrd-document-list's. */
+    mrdCreateObject: EventEmitter<{
+        path: string;
+        values: Record<string, unknown>;
+    }>;
+    /** Quick-edit submit. Host PATCHes `href` with `values`, same as mrd-document-list's drag-move. */
+    mrdUpdateObject: EventEmitter<{
+        href: string;
+        values: Record<string, unknown>;
+    }>;
+    /** Confirmed delete. Host DELETEs `href` — fire-and-forget, same as mrdUpdateObject;
+     *  the row is removed optimistically here rather than waiting on a callback. */
+    mrdDeleteObject: EventEmitter<{
+        href: string;
+    }>;
+    /** Active body: card list or flat table. */
+    private mode;
+    private dialogOpen;
+    /** Href of the memo being edited; null while creating. */
+    private editingHref;
+    private dialogBody;
+    private dialogTitle;
+    private dialogLabels;
+    private dialogImportant;
+    private dialogTouched;
+    /** 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. */
+    private deleteConfirmOpen;
+    private listEl?;
+    private tableEl?;
+    /** Whether the currently mounted body has been init()'d. Reset on every mode switch. */
+    private listInited;
+    private tableInited;
+    private escapeHandler;
+    disconnectedCallback(): void;
+    /** 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: boolean): void;
+    private unbindEscape;
+    /** 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(): void;
+    private setMode;
+    /** 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). */
+    refresh(): Promise<void>;
+    /** `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(). */
+    private meHref;
+    /** Value of a value-slot: reads row[field] via the slot→field map. */
+    private slotValue;
+    private get hasTitleSlot();
+    private get hasImportantSlot();
+    /** 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). */
+    private get effectiveContainerHref();
+    /** 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. */
+    private get canAdd();
+    private openCreate;
+    /** 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. */
+    private openEdit;
+    private closeDialog;
+    private openDeleteConfirm;
+    private cancelDeleteConfirm;
+    private confirmDelete;
+    /** Path for creating a new memo: `/{dataClass}` for a top-level VIEW, or
+     *  `/{fromClass}/{parentId}/{dataClass}` when nested under a parent record. */
+    private buildCreatePath;
+    private submitDialog;
+    private renderToolbar;
+    private renderDeleteConfirm;
+    private renderForm;
+    private renderDialog;
+    private renderCards;
+    private renderTable;
+    render(): any;
+}

package/dist/types/components/memo/mrd-memo-list/mrd-memo-list.d.ts

@@ -0,0 +1,79 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientArchetype, ClientLayoutItem, ClientListValue } from '../../../types/client-layout';
+/**
+ * Card-view body for a `commons.memo` collection — the alternative to the flat
+ * `mrd-table` a `mrd-memo-container` can switch to. Deliberately simpler than
+ * `mrd-table`'s virtual-scroll internals: memo cards accumulate via a plain
+ * "load more" affordance rather than windowed rendering, since a bounded card
+ * list of notes doesn't need that complexity.
+ *
+ * Mirrors `mrd-table`'s external contract for the parts a host / mrd-layout-
+ * section already knows how to drive — `init()`, `setPage()`, the `mrdLoadPage`
+ * event shape `{ page, sort, path, qs }` — so no new host-side wiring is needed
+ * to feed it data.
+ *
+ * There is no separate memo detail page: clicking a card opens mrd-memo-
+ * container's quick-edit dialog directly (mrdEdit), the same dialog "New memo"
+ * uses for creation.
+ */
+export declare class MrdMemoList {
+    /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+    item: ClientLayoutItem | null;
+    /** Resolved `commons.memo` archetype binding. */
+    archetype: ClientArchetype;
+    /** Parent record id — required for RELATED_VIEW path building. */
+    parentId: string;
+    /** Records per page (must match API page size). */
+    pageSize: number;
+    locale: string;
+    /** When true, cards are not clickable (no mrdEdit) — matches mrd-table's own
+     *  readOnly gating on its create action. */
+    readOnly: boolean;
+    /** 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. */
+    labelsListItems: ClientListValue[] | null;
+    /** Fired when a page needs fetching; same shape as mrd-table's mrdLoadPage minus `qs`'s
+     *  column-filter support (cards have no filter UI) — host calls setPage() with the result. */
+    mrdLoadPage: EventEmitter<{
+        page: number;
+        sort: string;
+        path: string;
+        qs: string;
+    }>;
+    /** A card was clicked (and not read-only). mrd-memo-container opens its quick-
+     *  edit dialog pre-filled from `row` — no navigation, no detail page. */
+    mrdEdit: EventEmitter<{
+        row: Record<string, unknown>;
+    }>;
+    private rows;
+    private loading;
+    private exhausted;
+    private started;
+    private expandedHrefs;
+    private nextPage;
+    private buildDataPath;
+    private sortParam;
+    private emitLoadPage;
+    /** Reset and request page 0. Call after setting all props, mirrors mrd-table.init(). */
+    init(): Promise<void>;
+    /** Inject the rows for a page (0-based); page 0 replaces, later pages append. */
+    setPage(pageNumber: number, rows: Record<string, unknown>[], hasNext?: boolean): Promise<void>;
+    /** 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. */
+    patchRow(href: string, values: Record<string, unknown>): Promise<void>;
+    /** Optimistically drop a deleted row — mrdDeleteObject's DELETE is fire-and-
+     *  forget on the host side, same reasoning as patchRow(). */
+    removeRow(href: string): Promise<void>;
+    private loadMore;
+    /** Value of a value-slot: reads row[field] via the slot→field map. */
+    private slotValue;
+    /** Relation link for a relation-slot: reads row._links[field]. */
+    private slotLink;
+    private plainTextLength;
+    private toggleExpanded;
+    private renderLabels;
+    private renderBody;
+    private renderCard;
+    render(): any;
+}

package/dist/types/components/memo/mrd-memo-view/mrd-memo-view.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientArchetype, ClientListValue } from '../../../types/client-layout';
+/**
+ * Archetype-driven single-memo view. Given a `commons.memo` binding and a data
+ * record, renders the memo the way a note should read: the title and body are
+ * the prominent content, author and timestamp sit below as a subtle metadata
+ * line — not the other way around.
+ */
+export declare class MrdMemoView {
+    /** Resolved `commons.memo` binding: slot name → concrete field/relation name. */
+    archetype: ClientArchetype;
+    /** The data record from the /data endpoint. Fields keyed by name; relations under `_links`. */
+    data: Record<string, unknown>;
+    locale: string;
+    /** 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. */
+    labelsListItems: ClientListValue[] | null;
+    /** Navigate to the author or the container. Host resolves the href and routes. */
+    mrdNavigate: EventEmitter<{
+        href?: string;
+        label: string;
+    }>;
+    /** Value of a value-slot: reads data[field] via the slot→field map. */
+    private slotValue;
+    /** Relation link for a relation-slot: reads data._links[field]. */
+    private slotLink;
+    private renderAuthor;
+    private renderContainer;
+    private renderLabels;
+    private renderBody;
+    render(): any;
+}

package/dist/types/components/table/mrd-table/mrd-table.d.ts

@@ -15,6 +15,17 @@ export declare class MrdTable {
     private keydownHandler;
     private createPickerClickHandler;
     private viewPopoverClickHandler;
+    /** Debounce timer for the free-text search box — separate from debounceTimer
+     *  (pending-page requests), since typing and scrolling debounce independently. */
+    private searchDebounceTimer;
+    /** The rendered search <input>, captured so it can be focused the instant it mounts. */
+    private searchInputEl;
+    /** Set by toggleSearch() when the box just expanded; consumed and cleared in componentDidRender(). */
+    private searchNeedsFocus;
+    /** Column filters stashed by stashFiltersForSearch() while the search box is open — the
+     *  backend can't combine `q` with column filters. Restored by restoreFiltersAfterSearch()
+     *  on close, unless the user applied a fresh filter of their own in the meantime. */
+    private stashedFilters;
     /** Watches the host for gaining a box (e.g. its tab pane being shown) — see componentDidLoad. */
     private resizeObserver;
     /** Guards against scheduling more than one column-width measurement per freeze. */
@@ -74,6 +85,10 @@ export declare class MrdTable {
     sortDir: 'asc' | 'desc';
     /** Active filters keyed by field name. */
     activeFilters: Map<string, ColumnFilter>;
+    /** True while the toolbar's magnifying glass is expanded into the search input. */
+    private searchOpen;
+    /** Current free-text search query — sent as `q` on every mrdLoadPage/aggregations request. */
+    private searchQuery;
     /** Field name of the currently open filter popup (null = closed). */
     openFilterCol: string | null;
     /** Filter state being edited in the open popup. */
@@ -258,7 +273,13 @@ export declare class MrdTable {
      *  VIEW:         /{dataClass}
      *  RELATED_VIEW: /{fromClass}/{parentId}/{dataClass}  */
     private buildDataPath;
-    /** Build query params for a page request from current sort, view filters, filterClass and active column filters. */
+    /** Build query params for a page request from current sort, view filters, filterClass and active column filters.
+     *
+     *  `q` and column filters are mutually exclusive on the backend — combining them breaks
+     *  the search. stashFiltersForSearch() already empties activeFilters for the duration of
+     *  a search, but this guard is the actual guarantee: even if a filter is applied through
+     *  a column header while the search box is still open (before the query is cleared),
+     *  activeFilters is dropped from the request rather than sent alongside `q`. */
     private buildQueryParams;
     /** True when the table is in paginated / virtual-scroll mode rather than driven by the
      *  rows prop. Mirrors the branch taken in render().
@@ -306,9 +327,35 @@ export declare class MrdTable {
     private closeJsonModal;
     private setPending;
     private togglePendingValue;
+    /** Common reload after activeFilters or searchQuery changed: drop stale aggregations
+     *  (the next setPage(0) re-requests them, guarded against `q` in setPage() itself) and
+     *  re-fetch page 0. Shared by the filter popup, clear-all, and free-text search. */
+    private reloadAfterQueryChange;
     private applyFilter;
     private clearFilter;
     private clearAllFilters;
+    /** Search is a VIEW-only affordance — a RELATED_VIEW table is already scoped to
+     *  its parent record, so a free-text box there would invite confusion about what
+     *  it searches across. */
+    private get searchEnabled();
+    private toggleSearch;
+    /** Collapses the box back to the icon. Clearing a non-empty query and restoring any
+     *  stashed filters can each independently require a reload — reloadAfterQueryChange()
+     *  is called at most once here regardless of how many of the two actually changed. */
+    private closeSearch;
+    private handleSearchInput;
+    /** Reloads from page 0 with the current searchQuery, same reset as applyFilter(). */
+    private applySearch;
+    /** Column filters and the free-text `q` param are mutually exclusive on the backend —
+     *  sending both breaks the search. Opening the search box stashes any active filters
+     *  and clears them (the header filter icons and the clear-all button disappear along
+     *  with activeFilters, so there is nothing extra to hide) and reloads unfiltered. */
+    private stashFiltersForSearch;
+    /** Restores filters stashed by stashFiltersForSearch(), unless the user applied a fresh
+     *  filter of their own while the search box was open — that explicit choice wins over
+     *  reinstating the old one. Returns whether activeFilters actually changed, so the
+     *  caller can decide whether a reload is needed. */
+    private restoreFiltersAfterSearch;
     private handleViewSwitch;
     private toggleViewPopover;
     private closeViewPopover;

package/dist/types/components/table/mrd-table/table-parts.d.ts

@@ -6,6 +6,9 @@ import { AggregationResult, ClientCreateType } from '../../../types/client-layou
  * component; these components receive plain values and callbacks.
  */
 export declare const FilterIcon: FunctionalComponent;
+export declare const SearchIcon: FunctionalComponent<{
+    class?: string;
+}>;
 export declare const TableCell: FunctionalComponent<{
     col: TableColumn;
     row: Record<string, any>;
@@ -43,6 +46,14 @@ export interface ToolbarCallbacks {
     /** Emit the create action; basicType set when chosen from the create-type picker. */
     onCreate: (basicType?: string) => void;
     onAction: (action: string) => void;
+    /** Expand the collapsed magnifying-glass icon into the search input, or collapse it back. */
+    onToggleSearch: () => void;
+    /** Free-text search input changed; caller debounces before reloading. */
+    onSearchInput: (value: string) => void;
+    /** Clear the query and collapse the search box back to the icon. */
+    onCloseSearch: () => void;
+    /** Captures the rendered <input> so the caller can focus it the instant it mounts. */
+    onSearchInputRef: (el?: HTMLInputElement) => void;
 }
 export declare const Toolbar: FunctionalComponent<{
     locale: string;
@@ -58,5 +69,9 @@ export declare const Toolbar: FunctionalComponent<{
     /** True when a viewer-role user has read-only access: mutating actions are
      *  disabled and their tooltip explains why instead of just repeating the label. */
     readOnly?: boolean;
+    /** True only for a top-level VIEW item — RELATED_VIEW tables never show free-text search. */
+    searchEnabled?: boolean;
+    searchOpen?: boolean;
+    searchQuery?: string;
     cb: ToolbarCallbacks;
 }>;

package/dist/types/components/table/mrd-table/table-query.d.ts

@@ -10,6 +10,10 @@ export declare const DATE_TYPES: Set<string>;
 export declare const NO_FILTER_TYPES: Set<string>;
 /** Column types that cannot be sorted or filtered (not stored in PostgreSQL). */
 export declare const NON_INTERACTIVE_TYPES: Set<string>;
+/** 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. */
+export declare const SEARCH_DEBOUNCE_MS = 400;
 export declare function parseDefaultSort(defaultSort: string): {
     field: string;
     dir: 'asc' | 'desc';
@@ -23,6 +27,8 @@ export declare function buildTableQueryParams(opts: {
     filterClass?: string | null;
     viewFilters?: ViewFilter[] | null;
     activeFilters: Iterable<ColumnFilter>;
+    /** Free-text search query from the toolbar's search box (VIEW only). */
+    query?: string;
 }): string;
 /** Groups aggregate columns by function; null when the view has no aggregates. */
 export declare function buildAggregationParams(columns: TableColumn[]): {