feat: unify detail side sheets

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

@@ -16,6 +16,7 @@ import { PlatformTime } from '../shared/PlatformTime';
 import { ProtocolTag } from '../shared/ProtocolTag';
 import { TablePagination } from '../shared/TablePagination';
 import { WorkspaceCommandBar } from '../shared/WorkspaceCommandBar';
+import { WorkspaceDetailSideSheet } from '../shared/WorkspaceDetailSideSheet';
 import { WorkspaceFilterPanel } from '../shared/WorkspaceFilterPanel';
 import { WorkspaceMetricRail } from '../shared/WorkspaceMetricRail';
 import { WorkspacePanelHeader } from '../shared/WorkspacePanelHeader';
@@ -356,7 +357,6 @@ export default function HistoryPage() {
     setSelectedRowRef({ scope: dataScope, id: '' });
   }, [dataScope]);
   const mobileFiltersOpen = mobileLayout && !filtersCollapsed;
-  useSideSheetA11y(mobileLayout && Boolean(selectedRow), '.v2-history-detail-sidesheet', 'v2-history-detail', '历史数据详情', '关闭历史数据详情');
   useSideSheetA11y(exportAllowed && exportJobsOpen, '.v2-history-export-sidesheet', 'v2-history-export-jobs', '历史数据导出任务', '关闭历史数据导出任务');
   useSideSheetA11y(mobileFiltersOpen, '.v2-history-filter-sidesheet', 'v2-history-filter-sheet', '历史查询范围', '关闭历史查询范围');
 
@@ -548,17 +548,20 @@ export default function HistoryPage() {
       </div>
       {!mobileLayout && selectedRow ? <aside className="v2-history-side"><EvidencePanel row={selectedRow} metrics={visibleMetrics} onClose={closeSelectedRow} /></aside> : null}
     </div>
-    <SideSheet
+    <WorkspaceDetailSideSheet
       className="v2-history-detail-sidesheet"
       visible={mobileLayout && Boolean(selectedRow)}
-      aria-label="历史数据详情"
+      ariaLabel="历史数据详情"
       placement="bottom"
       height="min(82dvh, 720px)"
-      title={<div className="v2-history-mobile-sheet-title"><strong>数据详情</strong><span>{selectedRow ? `${selectedRow.plate || '未绑定车牌'} · ${selectedRow.protocol}` : '来源、质量与原始证据'}</span></div>}
+      title="数据详情"
+      description={selectedRow ? `${selectedRow.plate || '未绑定车牌'} · ${selectedRow.protocol}` : '来源、质量与原始证据'}
+      badge={selectedRow ? historyQualityLabel(selectedRow.quality) : undefined}
+      badgeColor={selectedRow && isHealthyHistoryQuality(selectedRow.quality) ? 'green' : selectedRow?.quality === 'error' || selectedRow?.quality === 'critical' ? 'red' : 'orange'}
       onCancel={closeSelectedRow}
     >
       {mobileLayout && selectedRow ? <EvidencePanel row={selectedRow} metrics={visibleMetrics} onClose={closeSelectedRow} showHeader={false} /> : null}
-    </SideSheet>
+    </WorkspaceDetailSideSheet>
     <SideSheet
       className="v2-history-export-sidesheet"
       visible={exportAllowed && exportJobsOpen}