if (RED.hooks.isKnownHook?.('debugPostProcessMessage')) {
        RED.hooks.add('debugPostProcessMessage.my-plugin', function (processedMessage) {
            const { message, element, payload } = processedMessage
            let tt = ''
            switch (message?.level) {
            case 20:
                tt = 'This is an error message. Click for details.'
                break
            case 30:
                tt = 'This is a warning message. Click for details.'
                break
            default:
                return // only interest in error and warning level messages
            }
            const metaRowTools = element.find('.red-ui-debug-msg-meta .red-ui-debug-msg-tools')
            if (metaRowTools.length) {
                const buttonEl = $('<button class="my-plugin-tool-button red-ui-button red-ui-button-small"><i class="fa fa-question"></i></button>')
                RED.popover.tooltip(buttonEl, tt)
                buttonEl.data('my-plugin-debug-data', { message, payload }) // for access to debug data in click handler
                buttonEl.on('click', function () {
                    const debugData = buttonEl.data('my-plugin-debug-data')
                    // Do the necessary with the debug data
                    if (debugData.message.level === 20) {
                        alert('Error messages are indicated by the red edges!\n\n' + JSON.stringify(debugData.message, null, 2))
                    } else if (debugData.message.level === 30) {
                        alert('Warning messages are indicated by the yellow edges!\n\n' + JSON.stringify(debugData.message, null, 2))
                    }
                })
                metaRowTools.append(buttonEl)
            }
        })
    }