feat(webui): highlight file previews and diffs

webui/src/components/CodeBlock.tsx

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import { useThemeValue } from "@/hooks/useTheme";
 import { hasAnsi, parseAnsiSegments, stripAnsi } from "@/lib/ansi";
 import { copyTextToClipboard } from "@/lib/clipboard";
+import { normalizeCodeLanguage } from "@/lib/code-language";
 import { cn } from "@/lib/utils";
 
 interface CodeBlockProps {
@@ -191,6 +192,7 @@ export function CodeBlock({
   const isDark = useThemeValue() === "dark";
   const hasChrome = chrome === "default";
   const renderAnsi = shouldRenderAnsi(language, code);
+  const syntaxLanguage = normalizeCodeLanguage(language);
 
   const onCopy = useCallback(() => {
     void copyTextToClipboard(renderAnsi ? stripAnsi(code) : code).then((ok) => {
@@ -261,7 +263,7 @@ export function CodeBlock({
           }
         >
           <LazyHighlightedCode
-            language={language}
+            language={syntaxLanguage}
             code={code}
             isDark={isDark}
             chrome={chrome}