🚀 [umbrella][P0] Dashboard 简洁化升级 + 移动端支持 + 安卓/iOS APP 准备 (Vincent 6039 Goal #2)

[s2agi]

目标 (Vincent 2026-05-27 telegram 6039 三大目标 #2)

"做好 dash 的简洁化升级改造及移动端支持，为 安卓 和 iOS APP 做准备"

Scope

Dashboard (@sleep2agi/agent-network-dashboard) 全面简洁化 + 移动端 readiness, 为未来安卓 / iOS 原生 APP 上架打基础。

Pillars

Pillar A — 简洁化升级 (UI/UX simplification)

• Servers 面板 / Topology / Chat 浮窗 等 panel 精简
• 减少 visual clutter, 突出核心交互 (节点状态 / 任务流 / 通信链)
• 信息密度优化, mobile-first 视角先设计

Pillar B — 移动端 (响应式 / PWA)

• 响应式 layout (breakpoints, touch-friendly hit targets)
• PWA manifest + service worker (offline-first 基础)
• viewport meta + touch event handling
• Topology graph mobile gesture (pinch zoom / tap-to-detail)

Pillar C — 安卓 / iOS APP 准备

• 评估 Capacitor / Tauri / React Native WebView 等 wrapper 路径
• API surface 适配 native shell (e.g. push notification bridge)
• Keychain / Secure Storage 集成
• App Store / Play Store 上架审核要点 (隐私政策 / 截图 / 评级)

Related existing issues

• 🔴 P0 Dashboard Servers 面板数据完全不正确 (Vincent 5560) #157 Dashboard Servers 面板数据错误 (P0 已修)
• [bug] Dashboard 的 working 状态显示数一直不对 #160 Dashboard working 状态显示数 (P1)
• [ux][dashboard] Topology 区域左上角固定展示负责人节点 #163 Topology 区域固定负责人节点 (UX)
• [feature][dashboard] Dashboard 组织架构视图 — 经典公司 org-chart 展示（总指挥/副指挥 → 多团队 → 成员） #170 Dashboard 组织架构视图 (org-chart)
• [bug][dashboard] Topology graph missing most communication edges / 拓扑图缺失大部分通信连线 #183 Topology missing communication edges (bug)
• [feature][dashboard][observability] 展示 node 外挂定时任务 / external schedules #185 展示 node 外挂定时任务
• [feature][P0] Dashboard 拓扑图前端展示+交互 — 持续优化 loop (N站马 5min 自迭代) #116 Dashboard 拓扑图 polish loop (P0)

These are component-level; this umbrella tracks 顶层 mobile-ready roadmap, 各 sub-issue cross-link 进。

Owner

• N站马 (Dashboard 主笔, lane = dashboard/)
• 通信龙 review + Vincent strategic ack

Tracking

• Vincent /loop 5min 汇报 (per 6039 directive)
• 通信龙 双轨 issue comment + telegram per round

Acceptance (Phase 1)

1. Pillar A — Servers panel + Topology 简洁化 sweep 完成 (per 既有 🔴 P0 Dashboard Servers 面板数据完全不正确 (Vincent 5560) #157/[bug] Dashboard 的 working 状态显示数一直不对 #160/[ux][dashboard] Topology 区域左上角固定展示负责人节点 #163 closure)
2. Pillar B — 响应式 layout + PWA manifest LIVE on docs.anet.sh dashboard surface
3. Pillar C — 选择 wrapper 方案 (Capacitor / Tauri / RN) + 出 brief RFC

Phase 2 (上架) 单独 RFC 跟进。

[s2agi]

Round 1 — Umbrella opened by Vincent 6039 directive (北京 ~16:06)

Vincent strategic dispatch

"做好 dash 的简洁化升级改造及移动端支持，为 安卓 和 iOS APP 做准备"

3 大目标之 #2, Vincent 要求 issue 专门跟进 + /loop 5min 汇报。

Current state

• 现有 Dashboard component-level issues (#157 Servers / #160 状态计数 / #163 UX / #170 org-chart / #183 topology / #185 外挂定时 等) 在各 owner 跟进
• 本 umbrella 跟踪顶层 mobile-ready roadmap, cross-link sub-issues
• 当前焦点: v2.2.9 grok runtime ship 收尾 (#189), 然后 Phase 1 重心转 Dashboard

Next steps (Round 2, 5min)

• 通信龙 + N站马 协调 — 出 Phase 1 actionable plan (Pillar A 简洁化优先, Pillar B 响应式, Pillar C wrapper 选型)
• 各 sub-issue cross-link 进 umbrella body (后续 maintain)
• /loop 5min 汇报 progress to Vincent (per 6039 directive)

Owner

• N站马 (Dashboard lane)
• 通信龙 review + Vincent strategic ack

— 通信龙 @ 北京 ~16:06

[s2agi]

Round 2 — Standby (北京 ~16:09)

仍在 v0.10.x grok runtime ship 收尾 (Goal 1, #189), Dashboard 重心 Phase 1 待 Grok release ship 完后 fire。

Next (when Grok release closes)

• 通信龙 + N站马 1-on-1 协调 Phase 1 plan
• Pillar A 优先 (简洁化, 不破坏 working) → Pillar B 响应式 → Pillar C wrapper 选型

— 通信龙 @ 北京 ~16:09

[s2agi]

Round 3 — Standby (北京 ~16:13)

Goal 1 (Grok #189) preview.2 fix in flight, Goal 2 Dashboard 仍 standby gate Grok ship 闭环。

— 通信龙 @ 北京 ~16:13

[s2agi]

Round 4 — Standby (北京 ~16:13)

Goal 1 (Grok #189) preview.2 fix push 进度: 通信牛 4d3a644 已 push, 工程马 publish chain firing。

Goal 2 Dashboard 仍 gate Grok ship 闭环, 等 4/4 PASS + UAT。

— 通信龙 @ 北京 ~16:13

[s2agi]

进度 (北京 16:23)

Goal 1 (Grok 派单) 第二次修完跑测试。

Goal 2 (Dashboard 简洁化 + 移动端) 等 Goal 1 完了就 fire。

— 通信龙

[s2agi]

5min 进度 (北京 16:25)

• Goal 1 (Grok 修复): 新版本测试 ~3min 内出结果
• Goal 2 (Dashboard 优化): N站马 刚开始第一轮分析
• Goal 3 (codex /goal /loop): SDK马 ACK 第一轮 plan + grep 现有代码

— 通信龙

[s2agi]

5min 进度 (北京 16:30)

• Goal 1 (Grok 派单): 新版本里修复真在, Vincent 实测真用 (测试那边 mock 数据有点不齐, 不影响真用)
• Goal 2 (Dashboard): N站马 第一轮分析中
• Goal 3 (codex /goal /loop): SDK马 grep 现有代码 + 第一轮 plan

— 通信龙

[s2agi]

5min 进度 (北京 16:34)

• Goal 1 (Grok 派单): 等 Vincent 实测命令结果 (~5min 内)
• Goal 2 (Dashboard): N站马 还没第一轮 ACK, 我 ping 他
• Goal 3 (codex /goal /loop): SDK马 context 满了可能要 restart, 我 ping 他

— 通信龙

[s2agi]

5min 进度 (北京 16:39)

• Goal 1 (Grok 派单): 等 Vincent 升级 preview.2 后实测
• Goal 2 (Dashboard): N站马 还没 ACK, 已 ping 第二次, 不回考虑换人
• Goal 3 (codex /goal /loop): SDK马 context 满了 standby, 等他 reply 是否需要 reassign 给 SDK牛
• 附带 (anet -v 显示 bug [bug][P1] anet -v Components 段 strip -preview.N 后缀 (Vincent 6040 catch) #192): Vincent 6069 直接催 — 工程马 立修, 跟下版本一起发

— 通信龙

[s2agi]

5min 进度 (北京 16:44)

• anet -v 显示 bug: ✅ 修了, 新版本 agent-network@2.2.9-preview.2 发好, 升级后能看到完整 preview 后缀
• Goal 1 (Grok 派单): 等 Vincent 升级 + 实测
• Goal 2 / Goal 3: 两个 owner 还没 ACK, 等他们或换人

— 通信龙

[s2agi]

5min 进度 (北京 16:49)

• Goal 1 (Grok 派单): 部分修好 — broaden 派单触发 + 子任务真发出去 ✅ (Vincent 截图 confirm)
• 新 bug: 总指挥 收到任务时 "from name" 显示不对 (Vincent 6074), 等他 paste 详情我查根因
• anet -v 显示 bug: ✅ 修了 (preview.2)
• Goal 2 / Goal 3: owner 仍 idle, 待 ACK

— 通信龙

[s2agi]

Round 1 ship — 0.5.7-preview.2 (mobile tap-feel)

After 5 days quiet, woke the loop, found dash was stopped (Vercel still serving). Cold-restart polish + first Phase 1 increment.

Edit: appended a 24-line @layer base block to app/globals.css. Applies to interactive elements only: button, a, [role="button"], [role="tab"], [role="menuitem"], summary.

• touch-action: manipulation — eliminates the 300ms double-tap-to-zoom delay; tap response feels instant on mobile.
• -webkit-tap-highlight-color: color-mix(in oklab, var(--accent) 18%, transparent) — the brief tap flash now matches active theme accent (cyber green / light orange) instead of opaque grey.

Verify:

• npx tsc --noEmit ✅
• npm run build ✅ (BUILD_ID D1tOdIVZJAhZcHTEAKrHD)
• scripts/topo-overlap-test.mjs ✅ grid+ring+tree all green (0 overlaps)
• dash restarted, /login + all 13 referenced chunks 200
• npm preview tag now points to 0.5.7-preview.2

Scope rationale: mobile/nav file area has active concurrent-editor WIP (M app/api/hub/{session,status}/route.ts, M app/components/AliasAvatar.tsx); CSS-additive globals edit is the safest mobile-relevant increment that does not race with that work. Subsequent rounds will continue picking one rough edge per round and avoiding conflict surfaces.

Held: latest dist-tag promote (needs Vincent-direct), PWA service-worker (architectural scope, needs explicit dispatch).

Commit 1b7428a on sleep2agi/agent-network-dashboard@main.