[feat]:[FL-156][任务监控页面一致性优化]

Co-authored-by: multica-agent <github@multica.ai>

memory/2026-06-20.md

@@ -167,3 +167,29 @@
 
 - 风险与关注点：
   - 改动仅影响 `/admin/workers` 前端展示与交互排布，不改变 Flower 代理接口路径、请求/响应字段或 `celery.read/celery.manage` 权限语义。
+
+# Work Log - 任务监控页面一致性优化（FL-156）
+
+- 背景：
+  - 任务监控页需要按用户管理页的后台列表页规范补齐布局、筛选、反馈、空态、表格和移动端呈现一致性。
+
+- 本次处理：
+  - 任务监控页接入 `useMobileDetection`，桌面保留表格视图，移动端切换为与用户管理页一致的卡片视图和字段网格。
+  - 错误提示由页面内 `Alert` 改为 `useToastFeedback`，对齐用户管理页的消息反馈方式。
+  - 桌面筛选表单项由 Tailwind `min-w-*` 改为固定 `style={{ width: ... }}`，并保持移动端纵向筛选。
+  - 表格配置补齐 `tableLayout="fixed"`、loading、统一空态属性顺序，并移除强制横向滚动，继续使用动态纵向滚动高度。
+  - 全局样式补齐任务监控页面卡片、移动卡片、暗色主题和字段列宽规范，与用户管理页保持一致。
+  - 补齐 `web` workspace 的 Linux arm64 Tailwind/lightningcss 原生可选依赖锁定，并同步 `web/package-lock.json`，修复当前 arm64 环境下 `npm run build:web` 缺少 `lightningcss.linux-arm64-gnu.node` 的构建问题。
+
+- 验证：
+  - 基线：`npm --workspace web exec eslint src/app/admin/users/page.tsx src/app/admin/task-monitor/page.tsx` 通过，仅用户页存在 1 条既有 unused eslint-disable warning。
+  - 基线：`npm --workspace web exec tsc --noEmit` 通过。
+  - 基线：`node --experimental-strip-types web/src/lib/task-monitor-display.test.js` 通过，4 passed，存在既有 MODULE_TYPELESS_PACKAGE_JSON warning。
+  - 修改后：`npm --workspace web exec eslint src/app/admin/task-monitor/page.tsx --max-warnings=0` 通过。
+  - 修改后：`npm --workspace web exec tsc --noEmit` 通过。
+  - 修改后：`node --experimental-strip-types web/src/lib/task-monitor-display.test.js` 通过，4 passed，仍存在既有 MODULE_TYPELESS_PACKAGE_JSON warning。
+  - 修改后：`npm run build:web` 通过；过程中仍有既有 Next workspace root / middleware deprecation warning。
+
+- 风险与关注点：
+  - 改动仅影响任务监控页前端展示、筛选布局、错误反馈和移动端呈现，不改变 `/api/v1/admin/flower/*` 接口路径、请求/响应字段或权限语义。
+  - `web/package-lock.json` 此次同步了 `web/package.json` 已有依赖条目，变动较大但不改变业务代码。