From f7cd3020f7da8259abb6d4261803af1fefce7d7b Mon Sep 17 00:00:00 2001
From: lingniu <lingniu@lingnius-Mac-mini.local>
Date: Sat, 18 Jul 2026 06:19:32 +0800
Subject: [PATCH] fix Semi UI account editor viewport

---
 .../apps/web/src/v2/pages/UsersPage.test.tsx                  | 4 +++-
 vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx     | 2 +-
 vehicle-data-platform/apps/web/src/v2/styles/workspace.css    | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.test.tsx b/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.test.tsx
index 237d86a9..c727ebf0 100644
--- a/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.test.tsx
+++ b/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.test.tsx
@@ -60,7 +60,9 @@ test('deduplicates vehicle candidates by VIN and renders granted vehicles plate
   expect(document.querySelector('.v2-user-editor-sidesheet')).not.toBeInTheDocument();
   fireEvent.click(customer);
   await waitFor(() => expect(customer).toHaveAttribute('aria-expanded', 'true'));
-  expect(document.querySelector('.v2-user-editor-sidesheet .semi-sidesheet-inner')).toHaveAttribute('aria-label', '客户账号详情');
+  const editorSheet = document.querySelector<HTMLElement>('.v2-user-editor-sidesheet .semi-sidesheet-inner');
+  expect(editorSheet).toHaveAttribute('aria-label', '客户账号详情');
+  expect(editorSheet).toHaveStyle({ width: 'min(840px, 100vw)' });
   expect(document.querySelector('.v2-user-editor-sidesheet .v2-user-editor-tabs.semi-tabs')).toBeInTheDocument();
   expect(document.querySelector('.v2-user-editor-form')).toHaveAttribute('id', 'v2-user-editor-form');
   expect(screen.getAllByRole('tab')).toHaveLength(3);
diff --git a/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx b/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx
index 07cc7b9d..742abdda 100644
--- a/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx
+++ b/vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx
@@ -352,7 +352,7 @@ export default function UsersPage() {
     <SideSheet
       className="v2-user-editor-sidesheet"
       visible={editorVisible}
-      width={mobileLayout ? '100%' : 840}
+      width={mobileLayout ? '100%' : 'min(840px, 100vw)'}
       aria-label="客户账号详情"
       title={<div className="v2-user-editor-sheet-title">
         <span><strong>{creating ? '创建客户账号' : selected?.displayName}</strong><small>{creating ? '设置登录身份和最小必要权限' : `@${selected?.username} · ${draft.menuKeys.length} 个菜单 · ${draft.vehicleGrants.length} 辆车 · 最近登录 ${formatTime(selected?.lastLoginAt)}`}</small></span>
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 2d67e369..dcbda4bd 100644
--- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
+++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
@@ -8794,6 +8794,8 @@
 }
 
 .v2-user-editor-sidesheet .semi-sidesheet-inner {
+  width: min(840px, 100vw) !important;
+  max-width: 100vw;
   overflow: hidden;
   border-left: 1px solid #d8e2ee;
   background: #f6f8fb;