From 1a73b8bbd44d4b2d8380a04bd8ff3aad2c92ecda Mon Sep 17 00:00:00 2001
From: lingniu <lingniu@lingnius-Mac-mini.local>
Date: Mon, 20 Jul 2026 07:03:01 +0800
Subject: [PATCH] feat(web): refine mileage workspace shell

---
 .../apps/web/src/v2/productionEntry.test.ts     |  2 ++
 .../apps/web/src/v2/styles/workspace.css        | 17 ++++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
index ade53b5b..047c9873 100644
--- a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
+++ b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
@@ -45,6 +45,8 @@ describe('V2 production entry', () => {
     expect(mainSource).toContain("./v2/styles/v2.css");
     expect(mainSource).toContain("./v2/styles/workspace.css");
     expect(mainSource).toContain("window.history.scrollRestoration = 'manual'");
+    expect(workspaceStyles).toContain('.v2-navigation.semi-navigation .semi-navigation-item-icon-toggle-right:empty');
+    expect(workspaceStyles).toContain('.v2-mileage-source-trigger.semi-button .semi-button-content-right > b');
   });
 
   test('renders a static boot shell and recovers when the React entry never becomes ready', () => {
diff --git a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
index 01561b60..790d4a47 100644
--- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
+++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
@@ -267,6 +267,10 @@
   transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
 }
 
+.v2-navigation.semi-navigation .semi-navigation-item-icon-toggle-right:empty {
+  display: none;
+}
+
 .v2-navigation.semi-navigation .semi-navigation-item:hover {
   background: linear-gradient(90deg, #f7f9fc 0%, #fbfcfe 100%);
 }
@@ -15296,16 +15300,23 @@
   gap: 6px;
 }
 
-.v2-mileage-source-trigger.semi-button .semi-button-content > span,
-.v2-mileage-source-trigger.semi-button .semi-button-content > em {
+.v2-mileage-source-trigger.semi-button .semi-button-content-right > span,
+.v2-mileage-source-trigger.semi-button .semi-button-content-right > em {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.v2-mileage-source-trigger.semi-button .semi-button-content > b {
+.v2-mileage-source-trigger.semi-button .semi-button-content-right > b {
   flex: 0 0 auto;
   margin-left: auto;
+  border-radius: 999px;
+  background: #eaf2ff;
+  padding: 2px 6px;
+  color: #2f67ac;
+  font-size: 9px;
+  font-weight: 720;
+  line-height: 16px;
 }
 
 .v2-mileage-source-trigger.semi-button:hover,