feat : add support for math / science symbology via katex #5773
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Signed-off-by: Abhijay007 <[email protected]>
Contributor
There was a problem hiding this comment.
Pull Request Overview
This PR adds LaTeX math rendering support to the desktop UI using KaTeX, enabling proper display of mathematical and scientific expressions in markdown messages. Previously, LaTeX expressions were shown as raw text (e.g., \frac, \sqrt), but now they render as proper mathematical symbols with support for both inline ($...$) and block ($$...$$) math syntax.
Key Changes
- Integrated KaTeX rendering into the markdown pipeline using
remark-mathandrehype-katexplugins - Added custom styling for math expressions with theme-aware colors and proper layout
- Added three new dependencies:
katex,remark-math, andrehype-katex
Reviewed Changes
Copilot reviewed 3 out of 4 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| ui/desktop/src/components/MarkdownContent.tsx | Added KaTeX plugins to the ReactMarkdown component with error handling configuration |
| ui/desktop/src/styles/main.css | Added CSS styling for math expressions with proper theme support for light and dark modes |
| ui/desktop/package.json | Added three new dependencies for KaTeX rendering support |
| ui/desktop/package-lock.json | Lock file updates for new dependencies and their transitive dependencies |
Files not reviewed (1)
- ui/desktop/package-lock.json: Language not supported
Collaborator
|
I like this - tagging @zanesq who may have thoughts as well. Only possible downside are those new dependencies but they seem pretty well maintained and nice, kudos @Abhijay007 ! |
michaelneale
added a commit
that referenced
this pull request
Nov 25, 2025
* main: docs: add DataHub MCP server extension documentation (#5769) docs: lowercase goose in remaining topics (#5861) docs: lowercase goose in getting-started and guides topics (#5857) Fix multi tool calling (#5855) fix(#5626 #5832): handle multiple content chunks & images better (#5839) chore: some old code hanging around, and mention configure cli (#5822) feat : add support for math / science symbology via katex (#5773) feat : add ability to see error message in toast (#5851)
kskarthik
pushed a commit
to kskarthik/goose
that referenced
this pull request
Nov 25, 2025
Signed-off-by: Abhijay007 <[email protected]>
kskarthik
pushed a commit
to kskarthik/goose
that referenced
this pull request
Nov 26, 2025
Signed-off-by: Abhijay007 <[email protected]> Signed-off-by: Sai Karthik <[email protected]>
BlairAllan
pushed a commit
to BlairAllan/goose
that referenced
this pull request
Nov 29, 2025
Signed-off-by: Abhijay007 <[email protected]> Signed-off-by: Blair Allan <[email protected]>
alex-ameen
added a commit
to alex-ameen/goose
that referenced
this pull request
Dec 17, 2025
Fixes issue where underscores and dollar signs in plain text were being interpreted as LaTeX/KaTeX syntax, causing rendering issues in the UI. The problem was introduced in PR block#5773 which added KaTeX support via remarkMath and rehypeKatex plugins. These plugins interpret: - `_` as subscript markers - `$...$` as inline math delimiters This caused issues with: - Shell commands like: cmd "$FOO" --opt="$BAR" - Variable names: variable_name, another_variable - File paths: /path/to/my_file_name.txt - Log output with underscores and dollar signs Solution: - Added escapeLatexOutsideCode() function that identifies code blocks and inline code sections - Escapes `_` to `\_` and `$` to `\$` only in plain text - Preserves original characters inside code blocks and inline code - Also escapes backslashes to prevent double-escaping issues Added comprehensive tests covering: - Underscores in plain text vs code - Dollar signs in shell commands vs code blocks - Mixed content scenarios - File paths and environment variables - Log output with special characters
10 tasks
Collaborator
|
@Abhijay007 we've had some reports internally about LaTeX text rendering issues. Do you want to look into it or revert this for now? 
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Related Issue : #3858 and Discussion : #5737
PR Description
This PR adds LaTeX math rendering to markdown messages using KaTeX. It supports inline math (
$...$) and block math ($$...$$) with proper styling for both light and dark themes. It also fixes the issue where math and scientific expressions were shown as raw LaTeX (e.g.,\frac,\sqrt) instead of rendered symbols.Changes Made
In
ui/desktop/src/components/MarkdownContent.tsxfileremark-math,rehype-katex, and KaTeX CSSremarkMathtoremarkPluginsrehypeKatextorehypePluginswith error handlingIn
ui/desktop/src/styles/main.cssfileIn
ui/desktop/package.jsonfile : Addedkatex@^0.16.25, Addedremark-math@^6.0.0, Addedrehype-katex@^7.0.1Type of Change
AI Assistance
Testing
Tested in the desktop UI with multiple test messages, both with and without math blocks, in dark and light modes.
Screenshots / Demos (for UX changes)
Before:
After: