Using a private accessor to workaround the context being missing in renderChatMessageHTML - I do not like it

daggerheart.mjs

@@ -193,11 +193,12 @@ Hooks.on('ready', async () => {
 
 Hooks.once('dicesoniceready', () => {});
 
-Hooks.on('renderChatMessageHTML', (_, element, message) => {
+Hooks.on('renderChatMessageHTML', (app, element, _) => {
     enricherRenderSetup(element);
-    // Despite documentation, message may be empty. For example, a module's chat message.
+    // Despite documentation, the third parameter may be empty as per
-    if (!message) return;
+    // https://github.com/foundryvtt/foundryvtt/issues/11984
-    const cssClass = message.message.flags?.daggerheart?.cssClass;
+    const message = app._source;
+    const cssClass = message.flags?.daggerheart?.cssClass;
     if (cssClass) cssClass.split(' ').forEach(cls => element.classList.add(cls));
 });
 

module/applications/ui/chatLog.mjs

@@ -55,32 +55,33 @@ export default class DhpChatLog extends foundry.applications.sidebar.tabs.ChatLo
         ];
     }
 
-    addChatListeners = async (app, html, data) => {
+    addChatListeners = async (app, html, _) => {
-        html.querySelectorAll('.group-roll-header-expand-section').forEach(element =>
+        // Despite documentation, the third parameter may be empty as per
-            element.addEventListener('click', this.groupRollExpandSection)
+        // https://github.com/foundryvtt/foundryvtt/issues/11984
-        );
+        const message = app._source;
-        // Despite documentation, data may be empty. For example, a module's chat message.
-        if (!data?.message) return;
         html.querySelectorAll('.simple-roll-button').forEach(element =>
-            element.addEventListener('click', event => this.onRollSimple(event, data.message))
+            element.addEventListener('click', event => this.onRollSimple(event, message))
         );
         html.querySelectorAll('.ability-use-button').forEach(element =>
-            element.addEventListener('click', event => this.abilityUseButton(event, data.message))
+            element.addEventListener('click', event => this.abilityUseButton(event, message))
         );
         html.querySelectorAll('.action-use-button').forEach(element =>
-            element.addEventListener('click', event => this.actionUseButton(event, data.message))
+            element.addEventListener('click', event => this.actionUseButton(event, message))
         );
         html.querySelectorAll('.reroll-button').forEach(element =>
-            element.addEventListener('click', event => this.rerollEvent(event, data.message))
+            element.addEventListener('click', event => this.rerollEvent(event, message))
         );
         html.querySelectorAll('.group-roll-button').forEach(element =>
-            element.addEventListener('click', event => this.groupRollButton(event, data.message))
+            element.addEventListener('click', event => this.groupRollButton(event, message))
         );
         html.querySelectorAll('.group-roll-reroll').forEach(element =>
-            element.addEventListener('click', event => this.groupRollReroll(event, data.message))
+            element.addEventListener('click', event => this.groupRollReroll(event, message))
         );
         html.querySelectorAll('.group-roll-success').forEach(element =>
-            element.addEventListener('click', event => this.groupRollSuccessEvent(event, data.message))
+            element.addEventListener('click', event => this.groupRollSuccessEvent(event, message))
+        );
+        html.querySelectorAll('.group-roll-header-expand-section').forEach(element =>
+            element.addEventListener('click', this.groupRollExpandSection)
         );
     };