@mmlogic/components 0.5.15 → 0.5.17

package/dist/collection/components/layout/mrd-layout-section/mrd-layout-section.js

@@ -1,8 +1,8 @@
 import { Host, h } from "@stencil/core";
 import { ClientLayoutItemType, ClientLayoutItemFieldDataType, ClientLayoutNavigateBehaviour, resolveArchetype, ARCHETYPE_DOCUMENT, ARCHETYPE_INVOICE, ARCHETYPE_EMAIL, ARCHETYPE_INVOICE_LINE, ARCHETYPE_MEMO, } from "../../../types/client-layout";
 import { t } from "../../../utils/i18n";
-import { viewKeyFor, flattenItems, buildContainerHref, showsEmpty } from "./layout-helpers";
-import { renderField } from "./field-value";
+import { viewKeyFor, flattenItems, buildContainerHref, showsEmpty, hasRelationValue } from "./layout-helpers";
+import { renderField, isFieldVisible } from "./field-value";
 export class MrdLayoutSection {
     constructor() {
         /** Items from one layout entry in ClientDashboardMetadata.layouts[]. */
@@ -31,7 +31,16 @@ export class MrdLayoutSection {
         this.imagePreviewUrl = null;
         this.imagePreviews = {};
         this.openHistoryField = null;
+        /** Answers to mrdViewCheckCapabilities, keyed by view key — see emitCapabilitiesChecks().
+         *  Passed straight down as a `canCreate`/`mayCreate` prop to whichever body (mrd-table,
+         *  mrd-memo-container, mrd-document-container) is mounted for that key; a missing entry
+         *  means "not answered yet" and is treated as false (hidden), same default as mrd-table's
+         *  own standalone behaviour (TASK-0299). */
+        this.canCreateMap = {};
         this.historyClickOutside = null;
+        /** Signature last asked per view key (see emitCapabilitiesChecks()) — avoids re-emitting
+         *  mrdViewCheckCapabilities on every data/items update when the binding hasn't changed. */
+        this.capabilitiesAsked = new Map();
         this.searchTimers = {};
         this.handleViewLoadPage = (e, name) => {
             e.stopPropagation();
@@ -51,6 +60,10 @@ export class MrdLayoutSection {
         };
     }
     componentDidLoad() {
+        // No DOM/child-hydration dependency, unlike initEmbeddedTables()/emitLoadImages() below —
+        // run it immediately rather than deferring, so the host's answer (setViewCanCreate) can
+        // land before the child bodies even mount.
+        this.emitCapabilitiesChecks();
         setTimeout(() => {
             this.initEmbeddedTables();
             this.emitLoadImages();
@@ -69,9 +82,15 @@ export class MrdLayoutSection {
     }
     dataChanged(newVal) {
         if (newVal && Object.keys(newVal).length > 0) {
+            this.emitCapabilitiesChecks();
             setTimeout(() => this.initEmbeddedTables(), 0);
         }
     }
+    /** A host can swap `items` (e.g. a different dashboard layout) without `data` changing —
+     *  dataChanged() alone would miss that binding change. */
+    itemsChanged() {
+        this.emitCapabilitiesChecks();
+    }
     async initEmbeddedTables() {
         const tables = this.el.querySelectorAll('mrd-table[data-view]');
         for (const table of Array.from(tables)) {
@@ -99,6 +118,53 @@ export class MrdLayoutSection {
             }
         }
     }
+    /** Parent record id extracted from `data._links.self.href` — the same value every
+     *  VIEW/RELATED_VIEW item on this record shares, used for RELATED_VIEW path construction
+     *  (renderRelatedView) and capability checks (emitCapabilitiesChecks). */
+    computeParentId() {
+        var _a, _b, _c, _d, _e;
+        const selfHref = (_d = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) === null || _b === void 0 ? void 0 : _b.self) === null || _c === void 0 ? void 0 : _c.href) !== null && _d !== void 0 ? _d : '';
+        return (_e = selfHref.split('/').filter(Boolean).pop()) !== null && _e !== void 0 ? _e : '';
+    }
+    /** Asks, once per VIEW/RELATED_VIEW binding, whether the current user may create a record
+     *  there — the single generic place for this check (TASK-0299/FINDING-0155), so mrd-table,
+     *  mrd-memo-container and mrd-document-container all get the answer the same way: as a plain
+     *  `canCreate`/`mayCreate` prop from this component, computed here and handed down in
+     *  renderTable()/renderMemoContainer()/renderDocumentContainer() — none of the three leaf
+     *  components need to ask on their own when rendered through mrd-layout-section (mrd-table's
+     *  own self-ask only kicks in for standalone use, i.e. its `canCreate` prop left undefined).
+     *
+     *  The route/path variables mirror what each renderer already uses for its own rows —
+     *  `type` = `dataClass`, `refType`/`refId` = `fromClass`/parentId for a RELATED_VIEW, and
+     *  `filterClass` when the view is scoped to one subtype (the same value sent as `?type=` on
+     *  the row fetch). A signature (not just the key) is tracked per binding so a genuine route
+     *  change re-asks and hides again, without re-asking on every unrelated data/items update. */
+    emitCapabilitiesChecks() {
+        var _a, _b, _c, _d;
+        const parentId = this.computeParentId();
+        for (const item of flattenItems(this.items)) {
+            if (item.type !== ClientLayoutItemType.VIEW && item.type !== ClientLayoutItemType.RELATED_VIEW)
+                continue;
+            const key = viewKeyFor(item);
+            if (!key || !item.view)
+                continue;
+            const isRelatedView = item.type === ClientLayoutItemType.RELATED_VIEW;
+            const type = (_b = (_a = item.dataClass) !== null && _a !== void 0 ? _a : item.relatedClass) !== null && _b !== void 0 ? _b : key;
+            const refType = isRelatedView ? ((_c = item.fromClass) !== null && _c !== void 0 ? _c : '') : undefined;
+            const refId = isRelatedView ? parentId : undefined;
+            const filterClass = (_d = item.filterClass) !== null && _d !== void 0 ? _d : undefined;
+            const signature = JSON.stringify([type, refType, refId, filterClass]);
+            if (this.capabilitiesAsked.get(key) === signature)
+                continue;
+            this.capabilitiesAsked.set(key, signature);
+            if (key in this.canCreateMap) {
+                const next = Object.assign({}, this.canCreateMap);
+                delete next[key];
+                this.canCreateMap = next;
+            }
+            this.mrdViewCheckCapabilities.emit(Object.assign(Object.assign({ name: key, type }, (refType !== undefined ? { refType, refId } : {})), (filterClass ? { filterClass } : {})));
+        }
+    }
     /** Inject search results. Pass dataClass to target a specific SEARCH item; omit when there is only one. */
     async setSearchResults(results, dataClass) {
         const key = dataClass !== null && dataClass !== void 0 ? dataClass : this.resolveSearchKey();
@@ -140,6 +206,14 @@ export class MrdLayoutSection {
             return;
         await table.setAggregations(data);
     }
+    /** Host answer to mrdViewCheckCapabilities — whether the current user may create a record
+     *  for the given view's bound route. `name` is the view key from the event detail. Stored in
+     *  canCreateMap and passed down as a plain prop to whichever body is mounted for that key
+     *  (mrd-table, mrd-memo-container or mrd-document-container) — no DOM lookup needed, unlike
+     *  setViewPage/setViewAggregations, since the prop flows through the next render. */
+    async setViewCanCreate(name, value) {
+        this.canCreateMap = Object.assign(Object.assign({}, this.canCreateMap), { [name]: value });
+    }
     /** Inject distinct values into an embedded mrd-document-list for a document view. */
     async setViewDistinct(name, nodeId, values) {
         const list = this.el.querySelector(`mrd-document-list[data-doclist="${name}"]`);
@@ -212,7 +286,7 @@ export class MrdLayoutSection {
         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 (h("div", { class: `mrd-layout-section__field${isEmpty ? ' mrd-layout-section__field--empty' : ''}`, key: item.name }, h("span", { class: "mrd-layout-section__field-label" }, item.label), h("span", { class: "mrd-layout-section__field-value" }, isEmpty ? t('value_empty', this.locale) : valueContent)));
@@ -234,24 +308,37 @@ export class MrdLayoutSection {
         if (!item.view)
             return null;
         const showTitle = (_a = item.showTitle) !== null && _a !== void 0 ? _a : false;
-        // Extract parentId from data._links.self.href for RELATED_VIEW path construction
         const selfHref = (_e = (_d = (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b._links) === null || _c === void 0 ? void 0 : _c.self) === null || _d === void 0 ? void 0 : _d.href) !== null && _e !== void 0 ? _e : '';
-        const parentId = (_f = selfHref.split('/').filter(Boolean).pop()) !== null && _f !== void 0 ? _f : '';
+        const parentId = this.computeParentId();
         // The API publishes `archetypes` on the VIEW/RELATED_VIEW item itself
         // (sibling of `view`), not inside `view`.
-        const docArchetype = resolveArchetype((_g = item.archetypes) !== null && _g !== void 0 ? _g : (_h = item.view) === null || _h === void 0 ? void 0 : _h.archetypes, ARCHETYPE_DOCUMENT);
-        const memoArchetype = !docArchetype ? resolveArchetype((_j = item.archetypes) !== null && _j !== void 0 ? _j : (_k = item.view) === null || _k === void 0 ? void 0 : _k.archetypes, ARCHETYPE_MEMO) : undefined;
+        const docArchetype = resolveArchetype((_f = item.archetypes) !== null && _f !== void 0 ? _f : (_g = item.view) === null || _g === void 0 ? void 0 : _g.archetypes, ARCHETYPE_DOCUMENT);
+        const memoArchetype = !docArchetype ? resolveArchetype((_h = item.archetypes) !== null && _h !== void 0 ? _h : (_j = item.view) === null || _j === void 0 ? void 0 : _j.archetypes, 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 (h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && 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, containerHref), !docArchetype && !memoArchetype && 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 !== ClientLayoutItemType.RELATED_VIEW
+            || item.inverseRelation === ((_k = memoArchetype === null || memoArchetype === void 0 ? void 0 : memoArchetype.slots) === null || _k === void 0 ? void 0 : _k.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 === ClientLayoutItemType.RELATED_VIEW && memoContainerRelated;
+        return (h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && 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
      *  the host with the view key, exactly as the raw list/table events were. */
     renderDocumentContainer(item, key, parentId, archetype, containerHref) {
-        return (h("mrd-document-container", { item: item, archetype: archetype, parentId: parentId, containerHref: containerHref, viewKey: key, locale: this.locale, readOnly: this.readOnly, onMrdLoadDistinct: (e) => {
+        var _a;
+        return (h("mrd-document-container", { item: item, archetype: archetype, parentId: parentId, containerHref: containerHref, viewKey: key, locale: this.locale, readOnly: this.readOnly, mayCreate: (_a = this.canCreateMap[key]) !== null && _a !== void 0 ? _a : false, onMrdLoadDistinct: (e) => {
                 e.stopPropagation();
                 this.mrdLoadViewDistinct.emit(Object.assign({ name: key }, e.detail));
             }, onMrdLoadPage: (e) => {
@@ -285,10 +372,14 @@ export class MrdLayoutSection {
     }
     /** 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) {
-        var _a, _b, _c, _d;
+    renderMemoContainer(item, key, parentId, archetype, containerHref, containerRelated, showContainerLink) {
+        var _a, _b, _c, _d, _e;
         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 (h("mrd-memo-container", { "data-view": key, item: item, archetype: archetype, parentId: parentId, containerHref: containerHref, viewKey: key, locale: this.locale, readOnly: this.readOnly, me: this.me, labelsListItems: labelsListItems, onMrdLoadPage: (e) => {
+        return (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, canCreate: (_e = this.canCreateMap[key]) !== null && _e !== void 0 ? _e : false, 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 : ClientLayoutNavigateBehaviour.PAGE }));
+            }, onMrdLoadPage: (e) => {
                 e.stopPropagation();
                 this.mrdLoadViewPage.emit(Object.assign({ name: key }, e.detail));
             }, onMrdLoadAggregations: (e) => {
@@ -311,7 +402,8 @@ export class MrdLayoutSection {
             } }));
     }
     renderTable(item, key, parentId) {
-        return (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;
+        return (h("mrd-table", { "data-view": key, item: item, parentId: parentId, locale: this.locale, readOnly: this.readOnly, canCreate: (_a = this.canCreateMap[key]) !== null && _a !== void 0 ? _a : false, onMrdLoadPage: (e) => this.handleViewLoadPage(e, key), 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));
@@ -339,7 +431,26 @@ export class MrdLayoutSection {
                 });
             } }));
     }
-    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 === ClientLayoutItemType.HEADER || sib.type === ClientLayoutItemType.SECTION || sib.type === ClientLayoutItemType.GROUP)
+                break;
+            if (sib.type === ClientLayoutItemType.FIELD && isFieldVisible(ctx, sib))
+                return false;
+            if (sib.type === ClientLayoutItemType.RELATION && (hasRelationValue(sib, this.data) || showsEmpty(sib)))
+                return false;
+            if (sib.type !== ClientLayoutItemType.FIELD && sib.type !== ClientLayoutItemType.RELATION)
+                return false;
+        }
+        return true;
+    }
+    renderItem(item, siblings = this.items, index = -1) {
         var _a, _b;
         switch (item.type) {
             case ClientLayoutItemType.FIELD:
@@ -347,6 +458,8 @@ export class MrdLayoutSection {
             case ClientLayoutItemType.RELATION:
                 return this.renderRelation(item);
             case ClientLayoutItemType.HEADER:
+                if (index >= 0 && this.isHeaderBlockEmpty(siblings, index))
+                    return null;
                 return (h("h2", { class: "mrd-layout-section__header", key: `header-${item.label}` }, item.label));
             case ClientLayoutItemType.TEXT:
                 return h("div", { class: "mrd-layout-section__text", key: `text-${item.label}`, innerHTML: (_a = item.label) !== null && _a !== void 0 ? _a : '' });
@@ -356,7 +469,7 @@ export class MrdLayoutSection {
                 return this.renderSearch(item);
             case ClientLayoutItemType.SECTION:
             case ClientLayoutItemType.GROUP:
-                return (h("div", { class: "mrd-layout-section__group", key: `group-${item.label}` }, item.label && h("h3", { class: "mrd-layout-section__group-title" }, item.label), ((_b = item.items) !== null && _b !== void 0 ? _b : []).map(child => this.renderItem(child))));
+                return (h("div", { class: "mrd-layout-section__group", key: `group-${item.label}` }, item.label && 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 ClientLayoutItemType.RELATED_VIEW:
             case ClientLayoutItemType.VIEW:
                 return this.renderRelatedView(item);
@@ -428,7 +541,7 @@ export class MrdLayoutSection {
         const emailArchetype = !docArchetype && !invoiceArchetype ? resolveArchetype(this.archetypes, ARCHETYPE_EMAIL) : undefined;
         const memoArchetype = !docArchetype && !invoiceArchetype && !emailArchetype ? resolveArchetype(this.archetypes, ARCHETYPE_MEMO) : undefined;
         const anyArchetype = docArchetype || invoiceArchetype || emailArchetype || memoArchetype;
-        return (h(Host, { key: '730654d745992b9607f15fcaf2bb54a725429e4d' }, h("div", { key: '72a2e7bb767992aa6f206a10f8b2a3a572e86115', 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 => this.renderItem(item))), this.renderImageModal()));
+        return (h(Host, { key: '508ca481c777d65d1739f7b5f30f5f3ad8722655' }, h("div", { key: 'c02630235a2a21511b391ff7b5bebeca1bcc6903', 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()));
     }
     static get is() { return "mrd-layout-section"; }
     static get encapsulation() { return "scoped"; }
@@ -642,7 +755,8 @@ export class MrdLayoutSection {
             "searchResultsMap": {},
             "imagePreviewUrl": {},
             "imagePreviews": {},
-            "openHistoryField": {}
+            "openHistoryField": {},
+            "canCreateMap": {}
         };
     }
     static get events() {
@@ -813,6 +927,21 @@ export class MrdLayoutSection {
                     "resolved": "{ name: string; nodeId: string; distinct: string; path: string; qs: string; }",
                     "references": {}
                 }
+            }, {
+                "method": "mrdViewCheckCapabilities",
+                "name": "mrdViewCheckCapabilities",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted once per VIEW/RELATED_VIEW binding \u2014 computed here directly, not relayed from a\nchild (see emitCapabilitiesChecks()), so it covers mrd-table, mrd-memo-container and\nmrd-document-container uniformly. `name` is the view key (viewKeyFor(item)) \u2014 pass it\nback to setViewCanCreate() to answer it."
+                },
+                "complexType": {
+                    "original": "{ name: string; type: string; refType?: string; refId?: string; filterClass?: string }",
+                    "resolved": "{ name: string; type: string; refType?: string | undefined; refId?: string | undefined; filterClass?: string | undefined; }",
+                    "references": {}
+                }
             }, {
                 "method": "mrdUpdateObject",
                 "name": "mrdUpdateObject",
@@ -1005,6 +1134,31 @@ export class MrdLayoutSection {
                     "tags": []
                 }
             },
+            "setViewCanCreate": {
+                "complexType": {
+                    "signature": "(name: string, value: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "name",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "value",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Host answer to mrdViewCheckCapabilities \u2014 whether the current user may create a record\nfor the given view's bound route. `name` is the view key from the event detail. Stored in\ncanCreateMap and passed down as a plain prop to whichever body is mounted for that key\n(mrd-table, mrd-memo-container or mrd-document-container) \u2014 no DOM lookup needed, unlike\nsetViewPage/setViewAggregations, since the prop flows through the next render.",
+                    "tags": []
+                }
+            },
             "setViewDistinct": {
                 "complexType": {
                     "signature": "(name: string, nodeId: string, values: DistinctValue[]) => Promise<void>",
@@ -1159,6 +1313,9 @@ export class MrdLayoutSection {
         return [{
                 "propName": "data",
                 "methodName": "dataChanged"
+            }, {
+                "propName": "items",
+                "methodName": "itemsChanged"
             }];
     }
 }

package/dist/collection/components/memo/mrd-memo-container/mrd-memo-container.js

@@ -29,6 +29,20 @@ export class MrdMemoContainer {
         /** 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;
@@ -39,6 +53,10 @@ export class MrdMemoContainer {
          *  tooltip, cards/rows are not clickable, and the embedded table's own
          *  create action is disabled too. */
         this.readOnly = false;
+        /** Whether the current user may create a memo here — set by mrd-layout-section from its
+         *  generic capability check (TASK-0299/FINDING-0155), the same answer the embedded table
+         *  gets in table mode. Defaults to false (hidden) until confirmed, same as mrd-table. */
+        this.canCreate = 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. */
@@ -260,15 +278,18 @@ export class MrdMemoContainer {
         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). */
+     *  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;
+        return this.canCreate && !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. */
@@ -282,7 +303,7 @@ export class MrdMemoContainer {
         });
     }
     renderToolbar() {
-        return (h("div", { class: "mrd-memo-container__toolbar" }, this.mode === 'cards' && (h("button", { type: "button", class: "mrd-memo-container__action", disabled: !this.canAdd, title: this.readOnly ? t('readonly_access', this.locale) : undefined, onClick: this.openCreate }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M12 5v14M5 12h14" })), t('memo_new', this.locale))), h("div", { class: "mrd-memo-container__seg", role: "group", "aria-label": t('doc_view_switch', this.locale) }, h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'cards'), title: t('memo_view_cards', this.locale), "aria-label": t('memo_view_cards', this.locale), onClick: () => this.setMode('cards') }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("rect", { x: "3", y: "4", width: "7", height: "7", rx: "1" }), h("rect", { x: "14", y: "4", width: "7", height: "7", rx: "1" }), h("rect", { x: "3", y: "15", width: "7", height: "5", rx: "1" }), h("rect", { x: "14", y: "15", width: "7", height: "5", rx: "1" }))), h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'table'), title: t('memo_view_table', this.locale), "aria-label": t('memo_view_table', this.locale), onClick: () => this.setMode('table') }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }))))));
+        return (h("div", { class: "mrd-memo-container__toolbar" }, this.mode === 'cards' && this.canCreate && (h("button", { type: "button", class: "mrd-memo-container__action", disabled: !this.canAdd, title: this.readOnly ? t('readonly_access', this.locale) : undefined, onClick: this.openCreate }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M12 5v14M5 12h14" })), t('memo_new', this.locale))), h("div", { class: "mrd-memo-container__seg", role: "group", "aria-label": t('doc_view_switch', this.locale) }, h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'cards'), title: t('memo_view_cards', this.locale), "aria-label": t('memo_view_cards', this.locale), onClick: () => this.setMode('cards') }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("rect", { x: "3", y: "4", width: "7", height: "7", rx: "1" }), h("rect", { x: "14", y: "4", width: "7", height: "7", rx: "1" }), h("rect", { x: "3", y: "15", width: "7", height: "5", rx: "1" }), h("rect", { x: "14", y: "15", width: "7", height: "5", rx: "1" }))), h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'table'), title: t('memo_view_table', this.locale), "aria-label": t('memo_view_table', this.locale), onClick: () => this.setMode('table') }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }))))));
     }
     renderDeleteConfirm() {
         return (h("div", null, h("h2", { class: "mrd-memo-container__modal-title" }, t('memo_delete_confirm_title', this.locale)), h("p", { class: "mrd-memo-container__modal-warning" }, t('memo_delete_confirm_body', this.locale)), h("div", { class: "mrd-memo-container__modal-actions" }, h("button", { type: "button", class: "mrd-memo-container__modal-cancel", onClick: this.cancelDeleteConfirm }, t('cancel', this.locale)), h("button", { type: "button", class: "mrd-memo-container__modal-delete-confirm", onClick: this.confirmDelete }, t('delete', this.locale)))));
@@ -307,16 +328,19 @@ export class MrdMemoContainer {
         return (h("div", { class: "mrd-memo-container__modal-backdrop", onClick: this.closeDialog }, h("div", { class: "mrd-memo-container__modal", onClick: (e) => e.stopPropagation() }, this.deleteConfirmOpen ? this.renderDeleteConfirm() : this.renderForm())));
     }
     renderCards() {
-        return (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, onMrdLoadPage: (e) => {
+        return (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 (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) => {
+        return (h("mrd-table", { "data-view": this.viewKey, ref: el => (this.tableEl = el), item: this.item, parentId: this.parentId, locale: this.locale, readOnly: this.readOnly, canCreate: this.canCreate, onMrdLoadPage: (e) => {
                 e.stopPropagation();
                 this.mrdLoadPage.emit(e.detail);
             }, onMrdLoadAggregations: (e) => {
@@ -331,7 +355,7 @@ export class MrdMemoContainer {
             } }));
     }
     render() {
-        return (h(Host, { key: 'cf5e9a23e1e8496d061c00218029ec49d92700fe' }, this.renderToolbar(), h("div", { key: '5a15a60ea4cc68c77a8928068f7d6d6c3cb91434', class: "mrd-memo-container__body" }, this.mode === 'cards' ? this.renderCards() : this.renderTable()), this.renderDialog()));
+        return (h(Host, { key: 'b0479aad6dc49935442183fcbdf30c07c2c490ff' }, this.renderToolbar(), h("div", { key: '40d0fb882186001ad4984c1ba64c5a5c529f4d76', class: "mrd-memo-container__body" }, this.mode === 'cards' ? this.renderCards() : this.renderTable()), this.renderDialog()));
     }
     static get is() { return "mrd-memo-container"; }
     static get encapsulation() { return "scoped"; }
@@ -436,6 +460,46 @@ export class MrdMemoContainer {
                 "attribute": "container-href",
                 "defaultValue": "''"
             },
+            "containerRelated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "False when this RELATED_VIEW's parent is related via a relation other than\nthe archetype's container slot (e.g. a person's \"memos I authored\" list,\nrelated via `author`) \u2014 mrd-layout-section resolves this from the item's\n`inverseRelation`. In that case the parent is not a valid container for a\nnew memo, and \u2014 unlike a top-level VIEW with no context at all \u2014 falling\nback to `me` would be wrong too (creating a memo \"on myself\" from someone\nelse's authored-memos list makes no sense), so \"New memo\" is hidden outright."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container-related",
+                "defaultValue": "true"
+            },
+            "showContainerLink": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "True unless this is a container-scoped RELATED_VIEW (a company's own memo\ntab, say) where every card's container is obviously the page you're\nalready on \u2014 forwarded to mrd-memo-list to show/hide its per-card\ncontainer link. A top-level VIEW or an author-scoped RELATED_VIEW both\nstill need it, since the container isn't implied by the page context."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-container-link",
+                "defaultValue": "true"
+            },
             "viewKey": {
                 "type": "string",
                 "mutable": false,
@@ -521,6 +585,26 @@ export class MrdMemoContainer {
                 "attribute": "read-only",
                 "defaultValue": "false"
             },
+            "canCreate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the current user may create a memo here \u2014 set by mrd-layout-section from its\ngeneric capability check (TASK-0299/FINDING-0155), the same answer the embedded table\ngets in table mode. Defaults to false (hidden) until confirmed, same as mrd-table."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "can-create",
+                "defaultValue": "false"
+            },
             "me": {
                 "type": "unknown",
                 "mutable": false,
@@ -592,6 +676,21 @@ export class MrdMemoContainer {
                     "resolved": "{ path: string; qs: string; aggQs: string; }",
                     "references": {}
                 }
+            }, {
+                "method": "mrdNavigate",
+                "name": "mrdNavigate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "A card's container link was clicked \u2014 real navigation, unrelated to the\nquick-edit dialog (mrdEdit is internal, handled by this component itself)."
+                },
+                "complexType": {
+                    "original": "{ href?: string; label: string }",
+                    "resolved": "{ href?: string | undefined; label: string; }",
+                    "references": {}
+                }
             }, {
                 "method": "mrdAction",
                 "name": "mrdAction",

package/dist/collection/components/memo/mrd-memo-list/mrd-memo-list.css

@@ -121,6 +121,20 @@
   content: "·";
   margin-right: var(--mrd-space-2);
 }
+.mrd-memo-list__card-container {
+  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:hover {
+  text-decoration: underline;
+}
 .mrd-memo-list__empty {
   padding: var(--mrd-space-6);
   text-align: center;