From fe9ffa1413557ce61244135728030ce72eca99ab Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Thu, 23 Apr 2026 18:39:35 +0530
Subject: [PATCH] refactor(editor): improve SourceCodeEditor styling and
 enhance scrollbar behavior

---
 .../components/editor-panel/editor-panel.tsx        |  5 +----
 .../components/editor/source-code-editor.tsx        | 13 ++++++++++---
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/surfsense_web/components/editor-panel/editor-panel.tsx b/surfsense_web/components/editor-panel/editor-panel.tsx
index 739428df3..30dcdeb2c 100644
--- a/surfsense_web/components/editor-panel/editor-panel.tsx
+++ b/surfsense_web/components/editor-panel/editor-panel.tsx
@@ -256,12 +256,9 @@ export function EditorPanelContent({
 
 	return (
 		<>
-			<div className="flex items-center justify-between px-4 py-2 shrink-0 border-b">
+			<div className="flex h-14 items-center justify-between px-4 shrink-0 border-b">
 				<div className="flex-1 min-w-0">
 					<h2 className="text-sm font-semibold truncate">{displayTitle}</h2>
-					{isEditableType && editedMarkdown !== null && (
-						<p className="text-[10px] text-muted-foreground">Unsaved changes</p>
-					)}
 				</div>
 				<div className="flex items-center gap-1 shrink-0">
 					{!isLocalFileMode && editorDoc?.document_type && documentId && (
diff --git a/surfsense_web/components/editor/source-code-editor.tsx b/surfsense_web/components/editor/source-code-editor.tsx
index bd3728721..2c1f52989 100644
--- a/surfsense_web/components/editor/source-code-editor.tsx
+++ b/surfsense_web/components/editor/source-code-editor.tsx
@@ -74,7 +74,7 @@ export function SourceCodeEditor({
 	const isManualSaveEnabled = !!onSave && !readOnly && (saveMode === "manual" || saveMode === "both");
 
 	return (
-		<div className="h-full w-full overflow-hidden bg-sidebar">
+		<div className="h-full w-full overflow-hidden bg-sidebar [&_.monaco-scrollable-element_.scrollbar_.slider]:rounded-full [&_.monaco-scrollable-element_.scrollbar_.slider]:bg-foreground/25 [&_.monaco-scrollable-element_.scrollbar_.slider:hover]:bg-foreground/40">
 			<MonacoEditor
 				path={path}
 				language={language}
@@ -106,10 +106,17 @@ export function SourceCodeEditor({
 					renderLineHighlight: "none",
 					selectionHighlight: false,
 					occurrencesHighlight: "off",
+					quickSuggestions: false,
+					suggestOnTriggerCharacters: false,
+					acceptSuggestionOnEnter: "off",
+					parameterHints: { enabled: false },
+					wordBasedSuggestions: "off",
 					wordWrap: "off",
 					scrollbar: {
-						vertical: "hidden",
-						horizontal: "hidden",
+						vertical: "auto",
+						horizontal: "auto",
+						verticalScrollbarSize: 8,
+						horizontalScrollbarSize: 8,
 						alwaysConsumeMouseWheel: false,
 					},
 					tabSize: 2,