From b5921bf1399559c31c3a10afc03ba61af49b5fbf Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Thu, 23 Apr 2026 20:47:00 +0530
Subject: [PATCH] feat(markdown): enhance code block rendering for local web
 files and improve inline code styling

---
 .../components/assistant-ui/markdown-text.tsx | 23 +++++++++++++++++--
 .../components/editor-panel/editor-panel.tsx  |  2 +-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/surfsense_web/components/assistant-ui/markdown-text.tsx b/surfsense_web/components/assistant-ui/markdown-text.tsx
index a2ce30111..8f2184bd3 100644
--- a/surfsense_web/components/assistant-ui/markdown-text.tsx
+++ b/surfsense_web/components/assistant-ui/markdown-text.tsx
@@ -405,6 +405,14 @@ const defaultComponents = memoizeMarkdownComponents({
 		const openEditorPanel = useSetAtom(openEditorPanelAtom);
 		const params = useParams();
 		const electronAPI = useElectronAPI();
+		const language = /language-(\w+)/.exec(className || "")?.[1] ?? "text";
+		const codeString = String(children).replace(/\n$/, "");
+		const isWebLocalFileCodeBlock =
+			isCodeBlock &&
+			!electronAPI &&
+			isVirtualFilePathToken(codeString.trim()) &&
+			!codeString.trim().startsWith("//") &&
+			!codeString.includes("\n");
 		if (!isCodeBlock) {
 			const inlineValue = String(children ?? "").trim();
 			const isLocalPath =
@@ -451,8 +459,19 @@ const defaultComponents = memoizeMarkdownComponents({
 				</code>
 			);
 		}
-		const language = /language-(\w+)/.exec(className || "")?.[1] ?? "text";
-		const codeString = String(children).replace(/\n$/, "");
+		if (isWebLocalFileCodeBlock) {
+			return (
+				<code
+					className={cn(
+						"aui-md-inline-code rounded-md border bg-muted px-1.5 py-0.5 font-mono text-[0.9em] font-normal",
+						className
+					)}
+					{...props}
+				>
+					{codeString.trim()}
+				</code>
+			);
+		}
 		return (
 			<LazyMarkdownCodeBlock
 				className={className}
diff --git a/surfsense_web/components/editor-panel/editor-panel.tsx b/surfsense_web/components/editor-panel/editor-panel.tsx
index d125ec143..3a522d374 100644
--- a/surfsense_web/components/editor-panel/editor-panel.tsx
+++ b/surfsense_web/components/editor-panel/editor-panel.tsx
@@ -312,7 +312,7 @@ export function EditorPanelContent({
 			{showDesktopHeader ? (
 				<div className="shrink-0 border-b">
 					<div className="flex h-12 items-center justify-between px-4">
-						<h2 className="text-lg font-medium text-muted-foreground">File</h2>
+						<h2 className="text-lg font-medium text-muted-foreground select-none">File</h2>
 						<div className="flex items-center gap-1 shrink-0">
 							<Button variant="ghost" size="icon" onClick={onClose} className="size-7 shrink-0">
 								<XIcon className="size-4" />