[GH-ISSUE #15227] issue: Mermaid syntax error only shows up in specific circumstances, fails silently #33032

Closed
opened 2026-04-25 06:53:57 -05:00 by GiteaMirror · 2 comments
Owner

Originally created by @GhostDog98 on GitHub (Jun 23, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/15227

Check Existing Issues

  • I have searched the existing issues and discussions.
  • I am using the latest version of Open WebUI.

Installation Method

Docker

Open WebUI Version

v0.6.15

Ollama Version (if applicable)

N/A

Operating System

Debian Kernel 6.8.12-10-pve

Browser (if applicable)

Firefox

Confirmation

  • I have read and followed all instructions in README.md.
  • I am using the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs.
  • I have provided every relevant configuration, setting, and environment variable used in my setup.
  • I have clearly listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
  • I have documented step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation. My steps:
  • Start with the initial platform/version/OS and dependencies used,
  • Specify exact install/launch/configure commands,
  • List URLs visited, user input (incl. example values/emails/passwords if needed),
  • Describe all options and toggles enabled or changed,
  • Include any files or environmental changes,
  • Identify the expected and actual result at each stage,
  • Ensure any reasonably skilled user can follow and hit the same issue.

Expected Behavior

When a model attempts rendering of an invalid mermaid template it should show the error image 100% of the time, to communicate rendering failed.

Actual Behavior

That does not happen, instead, it only shows in the shared to openwebui community link.

Steps to Reproduce

Ask model to generate a mermaid code block (e.g. Write me a mermaid graph about going outside for exercise.). I used Mistral: Mixtral 8x22B Instruct for this example.
See it complete successfully.
Ask it to add details in brackets (). The exact prompt i used was Add extra details in brackets ()
Watch prompt fail to render, silently.
Click Share to open webui community link
Hit Publish
See that there is still no error.
Press shift+refresh to force refresh.
See that there is now the rendering error.

Logs & Screenshots

Video Demo: https://youtu.be/ABSVIzMF7oQ

Open-Webui dev console:
Image

Share page console:

Loading failed for the <script> with source “https://www.googletagmanager.com/gtag/js?id=G-8P1L0XVCVL”. 96efb462-db9b-46e5-ab6d-42a3bda9cc79:13:80
UserMenu mounted 0.zrnUtRKI.js:1:25212
public-full 6.CdO2DITZ.js:9:2620
Layout mounted in the browser! 0.zrnUtRKI.js:1:87271
codeblock mermaid graph TD
    A[Incident Detected] --> B{{Primary Contact}}
    B --> C[Incident Response Manager<br>Phone: 555-0100]
    C --> D[Activate IRT]
    C --> E[Alert Internal Support]
    subgraph IRT [Incident Response Team]
        D --> F[Red Team Manager<br>Cat: Offensive Analysis<br>Phone: 555-0101]
        D --> G[Blue Team Manager<br>Cat: Defense & Recovery<br>Phone: 555-0102]
        D --> H[Purple Team Manager<br>Cat: Coordination & Feedback<br>Phone: 555-0103]
    end
    subgraph SUPPORT [Internal Support Teams]
        E --> I[Head of HR<br>Phone: 555-0201]
        E --> J[Head of IT Ops<br>Phone: 555-0202]
        E --> K[Legal & Compliance<br>Phone: 555-0203]
        E --> L[Communications Director<br>Phone: 555-0204]
    end
    F & G & H --> M[Incident Response Execution]
    I & J & K & L --> N[Support Actions Initiated]
    M & N --> C
    C --> O[Escalate to Executive Leadership?] CBT-8j_L.js:459:754
codeblock mermaid graph TD
    A[Incident Detected] --> B{{Primary Contact}}
    B --> C[Incident Response Manager<br>Phone: 555-1234]
    C --> D[Activate IRT]
    C --> E[Alert Internal Support]
    subgraph IRT [Incident Response Team]
        D --> F[Red Team Manager<br>Cat: Offensive Analysis<br>Phone: 555-1235]
        D --> G[Blue Team Manager<br>Cat: Defense & Recovery<br>Phone: 555-1236]
        D --> H[Purple Team Manager<br>Cat: Coordination & Feedback<br>Phone: 555-1237]
    end
    subgraph SUPPORT [Internal Support Teams]
        E --> I[Head of HR<br>Phone: 555-2345]
        E --> J[Head of IT Ops<br>Phone: 555-2346]
        E --> K[Legal & Compliance<br>Phone: 555-2347]
        E --> L[Communications Director<br>Phone: 555-2348]
    end
    F & G & H --> M[Incident Response Execution]
    I & J & K & L --> N[Support Actions Initiated]
    M & N --> C
    C --> O[Escalate to Executive Leadership?] CBT-8j_L.js:459:754
codeblock mermaid graph TD
    A[Incident Detected] --> B{{Primary Contact}}
    B --> C[Incident Response Manager<br>(03) 1234 5678]
    C --> D[Activate IRT]
    C --> E[Alert Internal Support]
    subgraph IRT [Incident Response Team]
        D --> F[Red Team Manager<br>Cat: Offensive Analysis<br>(03) 1234 5679]
        D --> G[Blue Team Manager<br>Cat: Defense & Recovery<br>(03) 1234 5680]
        D --> H[Purple Team Manager<br>Cat: Coordination & Feedback<br>(03) 1234 5681]
    end
    subgraph SUPPORT [Internal Support Teams]
        E --> I[Head of HR<br>(03) 2345 6789]
        E --> J[Head of IT Ops<br>(03) 2345 6780]
        E --> K[Legal & Compliance<br>(03) 2345 6781]
        E --> L[Communications Director<br>(03) 2345 6782]
    end
    F & G & H --> M[Incident Response Execution]
    I & J & K & L --> N[Support Actions Initiated]
    M & N --> C
    C --> O[Escalate to Executive Leadership?] CBT-8j_L.js:459:754
Error: Error: Parse error on line 3:
...Response Manager<br>(03) 1234 5678]    
-----------------------^
Expecting 'SQE', 'DOUBLECIRCLEEND', 'PE', '-)', 'STADIUMEND', 'SUBROUTINEEND', 'PIPE', 'CYLINDEREND', 'DIAMOND_STOP', 'TAGEND', 'TRAPEND', 'INVTRAPEND', 'UNICODE_TEXT', 'TEXT', 'TAGSTART', got 'PS'
    Immutable 8
CBT-8j_L.js:459:318
GET
https://openwebui.com/assets/fonts/Archivo-Variable.ttf

Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped. 0.DuEnhIZV.css:1:66343
Error in parsing value for ‘break-after’.  Declaration dropped. 0.DuEnhIZV.css:1:93131
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. 0.DuEnhIZV.css:1:109961
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. 0.DuEnhIZV.css:1:110045
Unknown property ‘a-zA-Z’.  Declaration dropped. 0.DuEnhIZV.css:1:118553
Unknown property ‘a-z’.  Declaration dropped. 0.DuEnhIZV.css:1:118580
Unknown property ‘a-zA-Z’.  Declaration dropped. 0.DuEnhIZV.css:1:118603
GET
https://openwebui.com/assets/fonts/Archivo-Variable.ttf
[HTTP/3 200  0ms]

Additional Information

No response

Originally created by @GhostDog98 on GitHub (Jun 23, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/15227 ### Check Existing Issues - [x] I have searched the existing issues and discussions. - [x] I am using the latest version of Open WebUI. ### Installation Method Docker ### Open WebUI Version v0.6.15 ### Ollama Version (if applicable) N/A ### Operating System Debian Kernel 6.8.12-10-pve ### Browser (if applicable) Firefox ### Confirmation - [x] I have read and followed all instructions in `README.md`. - [x] I am using the latest version of **both** Open WebUI and Ollama. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. - [x] I have **provided every relevant configuration, setting, and environment variable used in my setup.** - [x] I have clearly **listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup** (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc). - [x] I have documented **step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation**. My steps: - Start with the initial platform/version/OS and dependencies used, - Specify exact install/launch/configure commands, - List URLs visited, user input (incl. example values/emails/passwords if needed), - Describe all options and toggles enabled or changed, - Include any files or environmental changes, - Identify the expected and actual result at each stage, - Ensure any reasonably skilled user can follow and hit the same issue. ### Expected Behavior When a model attempts rendering of an invalid mermaid template it should show the error image 100% of the time, to communicate rendering failed. ### Actual Behavior That does not happen, instead, it only shows in the shared to openwebui community link. ### Steps to Reproduce Ask model to generate a mermaid code block (e.g. `Write me a mermaid graph about going outside for exercise.`). I used `Mistral: Mixtral 8x22B Instruct` for this example. See it complete successfully. Ask it to add details in brackets `()`. The exact prompt i used was `Add extra details in brackets () ` Watch prompt fail to render, silently. Click `Share to open webui community` link Hit Publish See that there is still no error. Press shift+refresh to force refresh. See that there is now the rendering error. ### Logs & Screenshots Video Demo: https://youtu.be/ABSVIzMF7oQ Open-Webui dev console: ![Image](https://github.com/user-attachments/assets/31a14ae4-a7fc-476a-80ce-8d00ce2a0365) Share page console: ``` Loading failed for the <script> with source “https://www.googletagmanager.com/gtag/js?id=G-8P1L0XVCVL”. 96efb462-db9b-46e5-ab6d-42a3bda9cc79:13:80 UserMenu mounted 0.zrnUtRKI.js:1:25212 public-full 6.CdO2DITZ.js:9:2620 Layout mounted in the browser! 0.zrnUtRKI.js:1:87271 codeblock mermaid graph TD A[Incident Detected] --> B{{Primary Contact}} B --> C[Incident Response Manager<br>Phone: 555-0100] C --> D[Activate IRT] C --> E[Alert Internal Support] subgraph IRT [Incident Response Team] D --> F[Red Team Manager<br>Cat: Offensive Analysis<br>Phone: 555-0101] D --> G[Blue Team Manager<br>Cat: Defense & Recovery<br>Phone: 555-0102] D --> H[Purple Team Manager<br>Cat: Coordination & Feedback<br>Phone: 555-0103] end subgraph SUPPORT [Internal Support Teams] E --> I[Head of HR<br>Phone: 555-0201] E --> J[Head of IT Ops<br>Phone: 555-0202] E --> K[Legal & Compliance<br>Phone: 555-0203] E --> L[Communications Director<br>Phone: 555-0204] end F & G & H --> M[Incident Response Execution] I & J & K & L --> N[Support Actions Initiated] M & N --> C C --> O[Escalate to Executive Leadership?] CBT-8j_L.js:459:754 codeblock mermaid graph TD A[Incident Detected] --> B{{Primary Contact}} B --> C[Incident Response Manager<br>Phone: 555-1234] C --> D[Activate IRT] C --> E[Alert Internal Support] subgraph IRT [Incident Response Team] D --> F[Red Team Manager<br>Cat: Offensive Analysis<br>Phone: 555-1235] D --> G[Blue Team Manager<br>Cat: Defense & Recovery<br>Phone: 555-1236] D --> H[Purple Team Manager<br>Cat: Coordination & Feedback<br>Phone: 555-1237] end subgraph SUPPORT [Internal Support Teams] E --> I[Head of HR<br>Phone: 555-2345] E --> J[Head of IT Ops<br>Phone: 555-2346] E --> K[Legal & Compliance<br>Phone: 555-2347] E --> L[Communications Director<br>Phone: 555-2348] end F & G & H --> M[Incident Response Execution] I & J & K & L --> N[Support Actions Initiated] M & N --> C C --> O[Escalate to Executive Leadership?] CBT-8j_L.js:459:754 codeblock mermaid graph TD A[Incident Detected] --> B{{Primary Contact}} B --> C[Incident Response Manager<br>(03) 1234 5678] C --> D[Activate IRT] C --> E[Alert Internal Support] subgraph IRT [Incident Response Team] D --> F[Red Team Manager<br>Cat: Offensive Analysis<br>(03) 1234 5679] D --> G[Blue Team Manager<br>Cat: Defense & Recovery<br>(03) 1234 5680] D --> H[Purple Team Manager<br>Cat: Coordination & Feedback<br>(03) 1234 5681] end subgraph SUPPORT [Internal Support Teams] E --> I[Head of HR<br>(03) 2345 6789] E --> J[Head of IT Ops<br>(03) 2345 6780] E --> K[Legal & Compliance<br>(03) 2345 6781] E --> L[Communications Director<br>(03) 2345 6782] end F & G & H --> M[Incident Response Execution] I & J & K & L --> N[Support Actions Initiated] M & N --> C C --> O[Escalate to Executive Leadership?] CBT-8j_L.js:459:754 Error: Error: Parse error on line 3: ...Response Manager<br>(03) 1234 5678] -----------------------^ Expecting 'SQE', 'DOUBLECIRCLEEND', 'PE', '-)', 'STADIUMEND', 'SUBROUTINEEND', 'PIPE', 'CYLINDEREND', 'DIAMOND_STOP', 'TAGEND', 'TRAPEND', 'INVTRAPEND', 'UNICODE_TEXT', 'TEXT', 'TAGSTART', got 'PS' Immutable 8 CBT-8j_L.js:459:318 GET https://openwebui.com/assets/fonts/Archivo-Variable.ttf Error in parsing value for ‘-webkit-text-size-adjust’. Declaration dropped. 0.DuEnhIZV.css:1:66343 Error in parsing value for ‘break-after’. Declaration dropped. 0.DuEnhIZV.css:1:93131 Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. 0.DuEnhIZV.css:1:109961 Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. 0.DuEnhIZV.css:1:110045 Unknown property ‘a-zA-Z’. Declaration dropped. 0.DuEnhIZV.css:1:118553 Unknown property ‘a-z’. Declaration dropped. 0.DuEnhIZV.css:1:118580 Unknown property ‘a-zA-Z’. Declaration dropped. 0.DuEnhIZV.css:1:118603 GET https://openwebui.com/assets/fonts/Archivo-Variable.ttf [HTTP/3 200 0ms] ``` ### Additional Information _No response_
GiteaMirror added the bug label 2026-04-25 06:53:57 -05:00
Author
Owner

@tjbck commented on GitHub (Jun 23, 2025):

Invalid mermaid won't be rendered.

<!-- gh-comment-id:2995107929 --> @tjbck commented on GitHub (Jun 23, 2025): Invalid mermaid won't be rendered.
Author
Owner

@GhostDog98 commented on GitHub (Jun 24, 2025):

Invalid mermaid won't be rendered.

I'm aware of this, however, should the error message not be displayed in all scenarios, not just in the case of sharing it to community? There is no indication that the mermaid is invalid when in a chat window, apart from it not rendering.

<!-- gh-comment-id:2998866564 --> @GhostDog98 commented on GitHub (Jun 24, 2025): > Invalid mermaid won't be rendered. I'm aware of this, however, should the error message not be displayed in all scenarios, not just in the case of sharing it to community? There is no indication that the mermaid is invalid when in a chat window, apart from it not rendering.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#33032