unify Semi UI workspace command hierarchy

vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx

@@ -9,6 +9,7 @@ import { useSideSheetA11y } from '../hooks/useSideSheetA11y';
 import { TablePagination } from '../shared/TablePagination';
 import { VehicleCandidateList } from '../shared/VehicleCandidateList';
 import { WorkspaceFilterPanel } from '../shared/WorkspaceFilterPanel';
+import { WorkspaceCommandBar } from '../shared/WorkspaceCommandBar';
 import { WorkspacePanelHeader } from '../shared/WorkspacePanelHeader';
 import { mergeVehicleCandidates } from '../shared/vehicleCandidates';
 import { PanelEmpty, PanelLoading } from '../shared/AsyncState';
@@ -244,17 +245,15 @@ export default function UsersPage() {
   };
 
   return <div className="v2-user-admin">
-    <div className="v2-user-command-bar" aria-label="账号管理操作">
-      <div className="v2-user-command-copy">
-        <strong>客户访问治理</strong>
-        <span>菜单与车辆按最小权限开放，变更最多 30 秒生效</span>
-      </div>
-      <div className="v2-user-command-meta">
-        <Tag color="blue" type="light" size="small">{customers.length} 个客户账号</Tag>
-        <Typography.Text type="tertiary">本地账号 · 可扩展外部身份源</Typography.Text>
-        <Button theme="solid" icon={<IconPlus />} aria-label="新建客户账号" onClick={startCreate}>新建客户账号</Button>
-      </div>
-    </div>
+    <WorkspaceCommandBar
+      className="v2-user-command-bar"
+      ariaLabel="账号管理操作"
+      title="客户访问治理"
+      description="菜单与车辆按最小权限开放，变更最多 30 秒生效"
+      status={`${customers.length} 个客户账号`}
+      meta={<Typography.Text type="tertiary">本地账号 · 可扩展外部身份源</Typography.Text>}
+      actions={<Button theme="solid" icon={<IconPlus />} aria-label="新建客户账号" onClick={startCreate}>新建客户账号</Button>}
+    />
     <WorkspaceFilterPanel
       className="v2-user-filter-panel"
       title="账号范围"