From e0bf2ca717a709d5822a07c91aa38298e7d5f3ba Mon Sep 17 00:00:00 2001
From: Melody Ruch <396921921@qq.com>
Date: Tue, 18 Aug 2026 22:04:09 +0800
Subject: [PATCH] fix(schema-diff): highlight deploy script selections

---
 .../src/components/diff/SchemaDiffDeployStep.vue  | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/components/diff/SchemaDiffDeployStep.vue b/apps/desktop/src/components/diff/SchemaDiffDeployStep.vue
index 98a263bcc4..69cdd7635c 100644
--- a/apps/desktop/src/components/diff/SchemaDiffDeployStep.vue
+++ b/apps/desktop/src/components/diff/SchemaDiffDeployStep.vue
@@ -349,7 +349,7 @@ function getObjectIconColor(kind: DiffObjectKind): string {
       </Pane>
 
       <Pane size="70" min-size="40">
-        <div ref="editorContainer" class="h-full w-full" />
+        <div ref="editorContainer" class="deploy-sql-editor h-full w-full" />
       </Pane>
     </Splitpanes>
 
@@ -389,6 +389,19 @@ function getObjectIconColor(kind: DiffObjectKind): string {
 </template>
 
 <style scoped>
+/* CodeMirror's own selection layer isn't styled here, so selecting text in the deploy
+   script preview renders with no visible highlight at all in some environments. Match
+   the override already used by the other read-only CodeMirror views (DdlViewDialog,
+   NacosAdminConsole). */
+.deploy-sql-editor :deep(.cm-selectionBackground),
+.deploy-sql-editor :deep(.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground) {
+  background: var(--dbx-editor-selection-background, rgba(59, 130, 246, 0.35)) !important;
+}
+
+.deploy-sql-editor :deep(.cm-content ::selection) {
+  background: var(--dbx-editor-selection-background, rgba(59, 130, 246, 0.35)) !important;
+}
+
 :deep(.splitpanes--vertical > .splitpanes__splitter) {
   width: 4px;
   background: var(--border);