feat(desktop): latex support

2 files changed, 5 insertions, 0 deletions

diff --git a/packages/ui/src/context/marked.tsx b/packages/ui/src/context/marked.tsx
index f4d85519d..3bd6cb076 100644
--- a/packages/ui/src/context/marked.tsx
+++ b/packages/ui/src/context/marked.tsx
@@ -1,4 +1,5 @@
 import { marked } from "marked"
+import markedKatex from "marked-katex-extension"
 import markedShiki from "marked-shiki"
 import { bundledLanguages, type BundledLanguage } from "shiki"
 import { createSimpleContext } from "./helper"
@@ -378,6 +379,9 @@ export const { use: useMarked, provider: MarkedProvider } = createSimpleContext(
   name: "Marked",
   init: () => {
     return marked.use(
+      markedKatex({
+        throwOnError: false,
+      }),
       markedShiki({
         async highlight(code, lang) {
           const highlighter = await getSharedHighlighter({ themes: ["OpenCode"], langs: [] })
diff --git a/packages/ui/src/styles/index.css b/packages/ui/src/styles/index.css
index 5782d2a29..9bf3e4f69 100644
--- a/packages/ui/src/styles/index.css
+++ b/packages/ui/src/styles/index.css
@@ -4,6 +4,7 @@
 @import "./theme.css" layer(theme);
 
 @import "./base.css" layer(base);
+@import "katex/dist/katex.min.css" layer(base);
 
 @import "../components/accordion.css" layer(components);
 @import "../components/avatar.css" layer(components);