refactor(quality): Q27 前端巨型组件拆分 — HostMonitor 547L→224L (-59%), 提取 host-monitor/tabs/ 8 个文件 (BasicTab + DiskTab + NetworkTab + PortMonitorTab + ProcessTable + FDUsageCard + ContextSwitchCard + ProcessTab), TABS 常量数组提取为模块级, PCT_REF_LINES 常量提升到 types.ts, 端口/进程数组类型 JsonData→JsonData[] 类型安全升级, 零逻辑变更, ESLint errors=0/warnings=65/any=0, tsc -b=0, npm build✓ (17.64s), go build=0, 17/17 测试通过

ROADMAP.md

@@ -498,6 +498,47 @@ services/api.ts (1324L)
 | Q24 | 前端巨型组件拆分（ExcelServerImport 560L→385L，提取 excel-import/types(6 个 CSV 纯函数) + StepIndicator + PreviewTable） | P0 | **done** |
 | Q25 | 前端巨型组件拆分（PipelineCreateDialog 559L→498L，提取 pipeline-create/types(PRESETS/DEFAULT_TARGET) + AdvancedSettingsPanel(172L 受控展开面板)） | P0 | **done** |
 | Q26 | 前端巨型组件拆分（PodLogsViewer 553L→331L，提取 pod-logs-viewer/types(highlightKeyword 纯函数) + LogsHeader + ControlBar + LogContentArea + BottomStatusBar） | P0 | **done** |
+| Q27 | 前端巨型组件拆分（HostMonitor 547L→224L (-59%)，提取 host-monitor/tabs/ 8 个文件 (BasicTab + DiskTab + NetworkTab + PortMonitorTab + ProcessTable + FDUsageCard + ContextSwitchCard + ProcessTab)，TABS 常量数组提取为模块级，PCT_REF_LINES 常量提升到 types.ts，端口/进程数组类型 JsonData→JsonData[] 类型安全升级） | P0 | **done** |
+
+---
+
+## Q27: 前端巨型组件拆分 — HostMonitor [done]
+
+**问题**: `HostMonitor.tsx`（547 行）是 Q26 拆分后项目最大的前端业务组件之一，包含主机监控详情页面的全部逻辑：7 个 Tab（基础监控/磁盘/网络/端口/进程/系统信息/健康探针）、~15 个 useState/useRef 状态管理、react-query 数据加载、端口策略 CRUD、以及 5 个 Tab 的内联 JSX（基础监控 6 MetricChartCard / 磁盘 5 MetricChartCard / 网络 8 MetricChartCard+DualLineChart / 端口监听表格+策略配置 / 进程 TOP 表格+FD 趋势图+CTX/IRQ 卡片）。虽然部分子组件已提取（MetricChartCard/DualLineChart/HealthProbeSection/SystemInfoSection/HostCoreMetricsStrip），但 Tab 内容区仍全部内联。单文件过大导致维护困难。
+
+**已完成 (2026-07-09)**:
+
+将 5 个 Tab 内容区提取为 `host-monitor/tabs/` 子目录下的独立文件:
+
+| 新文件 | 行数 | 职责 |
+|--------|------|------|
+| `BasicTab.tsx` | 35 | 基础监控 Tab（CPU/IO等待/内存/可用内存/Swap/系统负载 6 个 MetricChartCard），受控组件接收 metrics + latest + currentVal + aggType + pctRefLines |
+| `DiskTab.tsx` | 42 | 磁盘监控 Tab（磁盘使用/Inode/IO读写/IO繁忙度 5 个 MetricChartCard），受控组件接收 metrics + latest + currentVal + aggType + pctRefLines + diskIOInfo |
+| `NetworkTab.tsx` | 51 | 网络监控 Tab（TCP EST/TW/CW/总连接 4 MetricChartCard + DualLineChart 网卡带宽 + 接收/发送错误 2 MetricChartCard），受控组件接收 metrics + netInfo + currentVal + aggType |
+| `PortMonitorTab.tsx` | 73 | 端口监控 Tab（策略配置按钮 + 白名单/黑名单徽章 + 监听端口表格），受控组件接收 portInfo + portPolicyMode + portWhitelist + onOpenPortPolicy |
+| `ProcessTable.tsx` | 86 | 进程 TOP 表格（CMD/PID/内存%/CPU%/FDs 5 列 + 复制命令按钮 + clipboard API try/catch），纯展示组件接收 processTop |
+| `FDUsageCard.tsx` | 79 | FD 文件句柄卡片（已分配/Max/使用率 3 项指标 + ZoomableAreaChart 趋势图 + ChartToolbar 缩放控制），受控组件接收 fdInfo + fdMetrics + aggType + fdChartRef + fdChartZoomed + setFdChartZoomed |
+| `ContextSwitchCard.tsx` | 55 | 上下文切换/中断卡片（CTX/IRQ 大数字卡片 + CTX/IRQ 比例条），纯展示组件接收 csInfo |
+| `ProcessTab.tsx` | 39 | 进程监控 Tab 编排器（ProcessTable + FDUsageCard + ContextSwitchCard 两列布局），接收全部进程 Tab props 并分发 |
+
+主文件 `HostMonitor.tsx` 从 **547 行降至 224 行**（-59%），仅保留：状态管理（selectedHost/activeTab/timeRange/aggType/portPolicy 4 state + fdChartRef/fdChartZoomed 2 ref）、react-query 数据加载（useHostList/useHostHistory/usePortPolicy）、useEffect（portPolicy 同步 + hosts 自动选择）、handleSavePortPolicy 回调、useMemo 派生数据（history/spaMinutes/actualDataSpan/latest/metrics）、JSON 解析（netInfo/portInfo/diskIOInfo/swapInfo/processTop/fdInfo/csInfo/heartbeatInfo）、currentVal 闭包函数、toolbar JSX、TABS 常量数组、monitorBody Tabs 骨架（7 TabsContent 分发到子组件）、dialogs JSX、embedded/full 渲染分支。
+
+**关键改进**:
+- **TABS 常量提取**: 原 7 个 Tab 的 id/label/icon 定义内联在 `monitorBody` JSX 的 `.map()` 数组中（每次 render 重建），提取为模块级 `TABS` 常量数组，消除重复创建。
+- **PCT_REF_LINES 常量提升**: 原 `pctRefLines` 在组件函数体内定义（每次 render 重建），提升到 `types.ts` 作为模块级导出常量 `PCT_REF_LINES`，同时定义 `RefLine` 接口供 Tab 组件类型约束。
+- **类型安全升级**: `portInfo` 和 `processTop` 从 `JsonData`（单个对象）改为 `JsonData[]`（对象数组），并加 `as unknown as JsonData[]` 类型断言解决 `parseJSON` 返回类型与数组类型不兼容的 TS2345 错误。
+
+**验收标准**:
+- [x] HostMonitor.tsx 从 547 行降至 **224 行**（-59%）
+- [x] 8 个提取的文件全部 < 90 行（最大 ProcessTable 86 行，ProcessTab 编排器仅 39 行）
+- [x] `tsc -b` 零错误
+- [x] `npm run build` 零错误（✓ built in 17.64s）
+- [x] ESLint errors 保持 **0**（HostMonitor + host-monitor/tabs/ 目录零 errors/warnings）
+- [x] ESLint warnings 保持 **65**（无新增）
+- [x] 全局 ESLint any 保持 **0**
+- [x] `go build` 零错误
+- [x] 17/17 集成回归测试通过（零回归）
+- [x] 主机监控详情页功能不变（7 个 Tab 全部正常：基础监控/磁盘/网络/端口/进程/系统信息/健康探针）
 
 ---