This version of Antigravity is no longer supported. Please upgrade to receive the latest features.

frontend/components/dashboard/ScanTerminalBoard.module.css

@@ -16,18 +16,42 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  block-size: 100%;
 }
 
 .root :global(.scan-map-shell) {
   position: relative;
   flex: 1;
-  min-height: 520px;
+  min-height: clamp(560px, calc(100dvh - 292px), 760px);
   border: 1px solid rgba(90, 123, 166, 0.12);
   border-radius: 18px;
   overflow: hidden;
   background: rgba(8, 17, 30, 0.8);
 }
 
+.root :global(.scan-terminal.map-view-active .scan-upgrade-announcement),
+.root :global(.scan-terminal.map-view-active .scan-kpi-bar) {
+  display: none;
+}
+
+.root :global(.scan-terminal.map-view-active .scan-data-grid) {
+  gap: 12px;
+}
+
+.root :global(.scan-terminal.map-view-active .scan-list-section) {
+  min-height: min(760px, calc(100dvh - 164px));
+}
+
+.root :global(.scan-terminal.map-view-active .scan-list-header) {
+  margin-bottom: 8px;
+}
+
+@media (max-width: 1680px), (max-height: 900px) {
+  .root :global(.scan-terminal.map-view-active > .detail-panel.scan-city-detail-rail) {
+    display: none;
+  }
+}
+
 .root :global(.scan-map-shell .map) {
   position: absolute;
   inset: 0;

frontend/components/dashboard/ScanTerminalDashboard.tsx

@@ -461,7 +461,13 @@ function ScanTerminalScreen() {
 
   return (
     <div className={scanTerminalRootClassName}>
-      <div className={clsx("scan-terminal", themeMode === "light" && "light")}>
+      <div
+        className={clsx(
+          "scan-terminal",
+          resolvedView === "map" && "map-view-active",
+          themeMode === "light" && "light",
+        )}
+      >
         <main className="scan-data-grid">
           <div className="scan-topbar">
             <div className="scan-topbar-title">