refactor(quality): Q22 前端巨型组件拆分 — WorkloadViewPage 572L→348L (-39%), 提取 workload-view/ 5 个独立文件 (types(parseWorkloadStats 纯函数) + shared-components(StatCard/LabelBadges/ContainerInfo) + UpdateStrategySelectorCards + PodInstancesTable + ScaleDialog), ~40 行 manifest 字段提取为纯函数, catch 类型安全升级, 零逻辑变更, ESLint errors=0/warnings=65/any=0, tsc -b=0, npm build✓, 17/17 测试通过

ROADMAP.md

@@ -492,7 +492,45 @@ services/api.ts (1324L)
 | Q18 | 前端巨型组件拆分（TraceManager 605L→331L，提取 types + trace-helpers + SpanTreeNode + TraceDetailDialog + SpanDetailDialog，修复 SpanTreeNode 内联定义反模式） | P0 | **done** |
 | Q19 | 前端巨型组件拆分（GrafanaDashboard 624L→78L，提取 types + datasource-toolbar + BatchDeployDialog + AgentTab + ExternalDatasourceTab，DRY 合并 Zabbix/Prometheus Tab，移除文件级 eslint-disable，类型安全升级 any→具体接口） | P0 | **done** |
 | Q20 | 前端巨型组件拆分（TopologyView 596L→472L，提取 types + TopologyCanvas + NodeDetailDialog + EditNodeDialog，移除文件级 eslint-disable，any→具体接口类型） | P0 | **done** |
-| Q21 | 前端巨型组件拆分（DeploymentEditAdvanced 590L→289L，提取 types(parser+builder 纯函数) + UpdateStrategyCard + TolerationsCard + PodMiscCard + PodSecurityCard + HostSettingsCard） | P0 | **done** |
+| Q21 | 前端巨型组件拆分（DeploymentEditAdvanced 590L→289L，提取 types(parser+builder 纯函数) + UpdateStrategyCard/TolerationsCard/PodMiscCard/PodSecurityCard/HostSettingsCard） | P0 | **done** |
+| Q22 | 前端巨型组件拆分（WorkloadViewPage 572L→348L，提取 types(parseWorkloadStats 纯函数) + shared-components(StatCard/LabelBadges/ContainerInfo) + UpdateStrategySelectorCards + PodInstancesTable + ScaleDialog） | P0 | **done** |
+
+---
+
+## Q22: 前端巨型组件拆分 — WorkloadViewPage [done]
+
+**问题**: `WorkloadViewPage.tsx`（572 行）是 Q21 拆分后项目最大的 K8s 业务组件之一（排除 UI 库 sidebar/data-table），包含 StatefulSet/DaemonSet 详情页面的全部逻辑：StatCard/LabelBadges/ContainerInfo 辅助组件、manifest 解析（spec/status/containers 等 ~40 行字段提取）、视图/YAML 双模式切换、StatefulSet/DaemonSet 状态卡片变体（6 个 StatCard x 2 变体）、更新策略卡片 + 选择器/标签卡片（85 行双列网格块）、VolumeClaimTemplates 表格、容器模板卡片、Pod 实例列表表格（50 行）、以及伸缩弹窗。单文件过大导致维护困难。
+
+**已完成 (2026-07-08)**:
+
+将类型/解析纯函数、共享展示组件、更新策略+选择器卡片、Pod 实例表格、伸缩弹窗提取为 `workload-view/` 子目录下的独立文件:
+
+| 新文件 | 行数 | 职责 |
+|--------|------|------|
+| `types.ts` | 87 | WorkloadKind/ViewMode 类型 + WorkloadStats 接口 + `parseWorkloadStats(manifest, kind)` 纯函数（提取 replicas/readyReplicas/desiredScheduled/numberReady/updateStrategy/vcts/selectorLabels/labels/annotations/containers/initContainers 等 ~20 个字段） |
+| `shared-components.tsx` | 66 | StatCard（统计卡片）+ LabelBadges（键值对标签徽章组）+ ContainerInfo（容器信息子组件：名称/镜像/资源限制/端口） |
+| `UpdateStrategySelectorCards.tsx` | 101 | 更新策略卡片 + 选择器/标签卡片（双列网格 85 行 JSX 块），受控展示组件接收 WorkloadStats |
+| `PodInstancesTable.tsx` | 74 | Pod 实例列表表格卡片（Pod 名称/状态/节点/IP/重启次数/操作按钮），受控组件接收 pods + onTerminal/onFileBrowser 回调 |
+| `ScaleDialog.tsx` | 41 | 伸缩弹窗（StatefulSet 副本数调整，+/- 按钮控制），受控组件接收 scaleValue/actionLoading + 回调 |
+
+主文件 `WorkloadViewPage.tsx` 从 **572 行降至 348 行**（-39%），仅保留：状态管理（manifest/pods/loading/scaleModal/scaleValue/actionLoading/terminalPod/fileBrowserPod/yamlModal ~10 个 useState）、数据加载（loadData: Promise.all 拉 YAML + Pods + 过滤）、事件处理（handleModeChange/handleRestart/handleScale）、manifest 解析（调用 `parseWorkloadStats()` 一行替代 ~40 行字段提取）、modeTabs、PageShell 布局（actions + 状态徽章 + YAML/视图条件渲染 + StatusCards + UpdateStrategySelectorCards + VolumeClaimTemplates + ContainerTemplate + PodInstancesTable 编排）、以及 4 个弹窗组件挂载（ScaleDialog + YamlViewer + PodExecTerminal + PodFileBrowser）。
+
+**关键改进**:
+- **纯函数提取**: 原 ~40 行 manifest 字段提取逻辑（spec/status/containers/replicas/desiredScheduled/numberReady/updateStrategy/vcts/selectorLabels/labels/annotations 等分散的 `const x = spec.x ?? 0` 赋值）提取为 `parseWorkloadStats(manifest, kind)` 纯函数，主组件从 ~40 行降至 1 行调用 + 解构。
+- **类型安全**: `catch (e) { e?.message }` 改为 `catch (e) { e instanceof Error ? e.message : String(e) }` 类型安全访问。动态字段使用 `JsonData` 类型（`Record<string, any>` 别名）兼容嵌套属性访问，避免 `Record<string, unknown>` 属性访问报错。
+
+**验收标准**:
+- [x] WorkloadViewPage.tsx 从 572 行降至 **348 行**（-39%）
+- [x] 5 个提取的文件全部 < 105 行（最大 UpdateStrategySelectorCards 101 行）
+- [x] `tsc -b` 零错误
+- [x] `npm run build` 零错误（✓ built in 16.96s）
+- [x] ESLint errors 保持 **0**（WorkloadViewPage + workload-view/ 目录零 errors/warnings）
+- [x] ESLint warnings 保持 **65**（无新增）
+- [x] 全局 ESLint any 保持 **0**
+- [x] `go build` 零错误
+- [x] 17/17 集成回归测试通过（零回归）
+- [x] Docker 部署 healthy，前端页面正常加载（HTTP 200）
+- [x] StatefulSet/DaemonSet 详情页功能不变（状态卡片/更新策略/选择器标签/VolumeClaimTemplates/容器模板/Pod 实例列表/伸缩弹窗/重启/终端/文件浏览器全部正常）
 
 ---