From 493e76401e6e40922cb06eabf816d8b0e934f95d Mon Sep 17 00:00:00 2001
From: Sameh Khamis <sameh@halfpixel.ai>
Date: Sat, 14 Nov 2026 14:49:18 -0800
Subject: [PATCH] Own the Visual panel's new files in the package boundaries
 and format scope

Co-authored-by: Manjunath Paparaju <manjunath@halfpixel.ai>
---
 scripts/format-scope.json           |  4 +++-
 scripts/package-boundaries.json     |  1 +
 src/ui/styles/scope-off-shadows.css | 10 ++++++----
 src/ui/styles/visual-panel.css      |  8 +++++++-
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/scripts/format-scope.json b/scripts/format-scope.json
index 4136ddb8a..49f71deb8 100644
--- a/scripts/format-scope.json
+++ b/scripts/format-scope.json
@@ -1459,5 +1459,7 @@
   "src/ui/styles/left-tools.css",
   "src/ui/styles/panel-edge.css",
   "src/data/placementProvider.test.mjs",
-  "src/layers/vessels/placement.test.mjs"
+  "src/layers/vessels/placement.test.mjs",
+  "src/ui/styles/visual-panel.css",
+  "src/ui/styles/scope-off-shadows.css"
 ]
diff --git a/scripts/package-boundaries.json b/scripts/package-boundaries.json
index 4aa4d4a7c..a48c717ea 100644
--- a/scripts/package-boundaries.json
+++ b/scripts/package-boundaries.json
@@ -102,6 +102,7 @@
       "src/ui/stores/streetLevel.js",
       "src/ui/rail/RailChips.vue",
       "src/ui/views/panels/DisplayPanel.vue",
+      "src/ui/views/panels/VisualPresets.vue",
       "src/ui/views/panels/GeoImport.vue",
       "src/ui/views/panels/DrawControls.vue",
       "src/ui/views/panels/DrawMarkList.vue",
diff --git a/src/ui/styles/scope-off-shadows.css b/src/ui/styles/scope-off-shadows.css
index 779c8f70d..8ad2cdeee 100644
--- a/src/ui/styles/scope-off-shadows.css
+++ b/src/ui/styles/scope-off-shadows.css
@@ -3,17 +3,19 @@
    drop shadow. */
 :root[data-scope-mask='off'] {
   --scope-off-panel-shadow:
-    0 10px 30px rgba(0, 0, 0, 0.55),
-    0 2px 8px rgba(0, 0, 0, 0.45);
+    0 10px 30px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.45);
 }
 
 /* Glass surfaces (rails, the rails' name panels, open panels and
    the dock) get a lift so their edges hold against bright imagery. */
 :root[data-scope-mask='off'] .ui-rail,
 :root[data-scope-mask='off'] .gev-panel-rail .ui-rail--expanded::after,
-:root[data-scope-mask='off'] :is(.data-panel-inner, .utilities-panel-inner, .ui-panel__inner),
+:root[data-scope-mask='off']
+  :is(.data-panel-inner, .utilities-panel-inner, .ui-panel__inner),
 :root[data-scope-mask='off'] #left-panel-stack > #pp-toggles,
-:root[data-scope-mask='off'] #right-context-rail > [data-panel-id]:not(.collapsed),
+:root[data-scope-mask='off']
+  #right-context-rail
+  > [data-panel-id]:not(.collapsed),
 :root[data-scope-mask='off'] #command-dock > * {
   box-shadow: var(--scope-off-panel-shadow);
 }
diff --git a/src/ui/styles/visual-panel.css b/src/ui/styles/visual-panel.css
index 4511d0289..696c08797 100644
--- a/src/ui/styles/visual-panel.css
+++ b/src/ui/styles/visual-panel.css
@@ -240,7 +240,13 @@
 
 /* Settings inside a card: separated by hairlines, no boxes of their own. */
 #pp-toggles .pp-toggle-group .pp-slider-row.visible,
-#pp-toggles .pp-toggle-group .pp-slider-row:not([class*='cyber-sonar']):is(.visible, #scope-slider-row, #scope-opacity-row) {
+#pp-toggles
+  .pp-toggle-group
+  .pp-slider-row:not([class*='cyber-sonar']):is(
+    .visible,
+    #scope-slider-row,
+    #scope-opacity-row
+  ) {
   margin: 0;
   padding: 7px 12px;
   background: transparent;