From ab8a2b0f7ed91bc2bcd084b9dc94e76a3426da8a Mon Sep 17 00:00:00 2001
From: oleg <me@olegivaniv.com>
Date: Fri, 13 Jun 2025 10:16:18 +0200
Subject: [PATCH] feat(Chat Trigger Node): Fix CSS variable
 `--chat--message--font-size` not applying correctly (#16310)

---
 .../nodes/trigger/ChatTrigger/README.md       | 54 +++++++++++++++++++
 .../@n8n/chat/src/components/Message.vue      |  1 +
 2 files changed, 55 insertions(+)
 create mode 100644 packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md

diff --git a/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md b/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md
new file mode 100644
index 0000000000..e81821e12d
--- /dev/null
+++ b/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md
@@ -0,0 +1,54 @@
+# ChatTrigger Local Development
+
+This guide explains how to set up local development for the ChatTrigger node when working with the chat bundle.
+
+## Prerequisites
+
+Since the chat bundle is loaded via `<script type="module">`, it needs to be served over HTTPS for local development.
+
+## Setup Instructions
+
+### 1. Install HTTP Server
+
+Install the http-server globally:
+
+```bash
+npm install -g http-server
+```
+
+### 2. Generate SSL Certificate
+
+Generate a self-signed certificate for HTTPS:
+
+```bash
+openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -days 365 -nodes
+```
+
+### 3. Build the Chat Bundle
+
+Navigate to the chat package and build it:
+
+```bash
+cd packages/frontend/@n8n/chat && pnpm run build 
+```
+
+### 4. Start HTTPS Server
+
+Run the HTTPS server to serve the chat bundle:
+
+```bash
+http-server packages/frontend/@n8n/chat/dist -g -S -C cert.pem -K key.pem --port 8443 --cors
+```
+
+### 5. Update Import Paths
+
+Modify the import paths in `templates.ts` to point to your local server:
+
+```html
+<script type="module">
+    import { createChat } from 'https://127.0.0.1:8443/chat.bundle.es.js';
+```
+
+```html
+<link href="https://127.0.0.1:8443/chat.css" rel="stylesheet" />
+```
diff --git a/packages/frontend/@n8n/chat/src/components/Message.vue b/packages/frontend/@n8n/chat/src/components/Message.vue
index 0cecd78cfc..7868cd54f6 100644
--- a/packages/frontend/@n8n/chat/src/components/Message.vue
+++ b/packages/frontend/@n8n/chat/src/components/Message.vue
@@ -197,6 +197,7 @@ onMounted(async () => {
 	> .chat-message-markdown {
 		display: block;
 		box-sizing: border-box;
+		font-size: inherit;
 
 		> *:first-child {
 			margin-top: 0;