feat: Add Model Status Monitoring to Web Dashboard

[massif-01]

robOS Pull Request 信息

目标仓库

• From: massif-01/robOS (main)
• To: thomas-hiddenpeak/robOS (main)

PR 标题

feat: Add Model Status Monitoring to Web Dashboard

PR 描述

概述

为 robOS Web Dashboard 添加完整的模型状态监控功能，支持实时监控 vLLM 模型的加载进度和运行日志。

✨ 主要功能

1. 模型状态监控模块

• 可折叠设计：默认展开，可收起以节省空间
• 位置：置于推理模组监控上方
• 支持中英文切换

2. 模型拉起状态

显示三个模型的实时加载进度：

• 主模型 (LLM)
• 嵌入模型 (Embedding Model)
• 重排模型 (Reranker Model)

特性：

• 进度条显示 0-100% 加载进度
• 加载中显示光线滚动动画（shimmer effect）
• 完成后显示模型名称和 API 端口
• 未启用时显示灰色状态

3. 模型运行日志

三个独立的可折叠日志窗口：

• 默认折叠状态
• 点击展开后自动获取日志
• 每 5 秒自动刷新（展开时）
• 支持滚动查看历史日志
• 样式与 CPU 监控保持一致

🏗️ 架构设计

数据流：

rm01OrinStatus (10.10.99.98:58090)
         │
         ├── HTTP GET /api/model_status → 模型加载进度
         │
         └── HTTP GET /api/model_logs/{type} → 模型运行日志
                    │
                    └──→ Web Frontend (index.htm)

关键特点：

• 前端直接从 rm01OrinStatus 获取模型数据
• ESP32 不参与模型监控（减轻 ESP32 负载）
• ESP32 components 保持与上游一致

📝 修改内容

仅修改文件：sdcard/web/index.htm (+631, -14 行)

变更类型：

• 新增模型状态监控 UI
• 新增折叠/展开功能
• 新增国际化翻译
• 调整整体布局和间距
• 更新版权信息为 2026

🎨 UI/UX 改进

• 卡片透明度调整为 85%，更加协调
• 模型状态文本使用细体（font-weight: 400）
• 统一三个监控模块的垂直间距
• 日志窗口采用浅灰色背景，提升可读性
• 绿色折叠箭头，易于识别

🌐 国际化支持

完整的中英文翻译：

• 模型状态监控
• 模型拉起状态
• 模型运行日志
• 所有动态文本（等待、未启用、暂无日志等）

🐛 Bug 修复

• 修复日志窗口自动关闭问题
• 修复语言切换时模型状态文本不翻译的问题
• 移除无效的 CSS 选择器
• 统一使用 INFERENCE_SERVER_URL 常量

✅ 测试状态

• ✅ 模型加载进度显示正常
• ✅ 日志实时获取和刷新正常
• ✅ 中英文切换完全支持
• ✅ 折叠/展开功能稳定
• ✅ 移动端适配正常

📊 统计

• 13 commits
• 1 file changed
• +631 insertions
• -14 deletions

🔗 相关项目

配合 rm01OrinStatus 项目的模型监控模块使用。

---

截图（如有）

Checklist

• 代码已测试
• UI 在桌面和移动端均正常显示
• 支持中英文切换
• 不影响 ESP32 组件（components 保持原状）
• 文档已更新（如需要）