N8n Chat not showing file upload icon

[CristianG]

Hello n8n-ers

I’m trying to use the “hosted” n8n Chat node to let the user ask some questions that will be answered with AI. However, I also wanted to allow the user to upload files. When setting the Chat trigger node (Chat Trigger | n8n Docs) to allow file uploads I don’t see the file upload icon in the chat. When testing the app using the “Test chat” button, the upload icon is present, but not in my deployed chat window.

Here’s how the Chat winow looks when using the “Test chat” button (with the upload button showing before the ‘send’ one):

And here, when using the Chat URL (the upload button is missing):

What is the error message (if any)?

Please share your workflow

Share the output returned by the last node

Information on your n8n setup

• n8n version: 1.50.1
• Database (default: SQLite):SQLite
• n8n EXECUTIONS_PROCESS setting (default: own, main):main
• Running n8n via (Docker, npm, n8n cloud, desktop app): Docker
• Operating system: Ubuntu Linux

[aya]

Hi @CristianG, thanks for posting. This looks like a bug, so I’ve reported this internally. Thanks for your feedback! Linear

[aya]

Hi @CristianG, there was an issue with the build process and updating the n8n chat package on npm but that should be fixed now with this PR feat: Simplify n8n/chat build process (no-changelog) by alexgrozav · Pull Request #9952 · n8n-io/n8n · GitHub

[CristianG]

Thanks so much for the prompt response and the fix, @aya!
One last question, since I think you’re the best person to answer:
If I want to update the chat’s CSS using the “Customization” section of the documentation, how/where should I add those CSS variables?
I don’t think they can be added directly to the n8n node (in the workflow), so I would have to do it in the node’s code.

Thank you!

[CristianG]

Hi @aya,

I have just installed n8n 1.52.2, which appears to contain the chat fix. Thank you for that!

However, the UI has changed a bit from the previous one, and now the input box is smaller than the wider one we saw before.
Here’s a screenshot of the current chat box:

Is there a way to resize it using CSS or is there an easier way?

Thanks, and sorry for the trouble

EDIT: I’m sorry; it was a user error. Clearing the browser’s cache has solved the issue. Thanks again for the prompt fix!

[aya]

Sorry I didn’t get back to you sooner, glad you managed to find a solution in the meantime though!