Skip to content

[codex] Add local mock dashboard mode#28

Draft
podcctv wants to merge 72 commits into
NodeSeekDev:mainfrom
podcctv:codex/mock-local-dashboard
Draft

[codex] Add local mock dashboard mode#28
podcctv wants to merge 72 commits into
NodeSeekDev:mainfrom
podcctv:codex/mock-local-dashboard

Conversation

@podcctv

@podcctv podcctv commented Jun 4, 2026

Copy link
Copy Markdown

Summary

  • add a local mock dashboard mode for development and visual regression without real NodeGet tokens
  • fix node detail routing to use the composite node id across cards, tables, and maps
  • improve fleet TCPing grouping, cache filtering, and request concurrency
  • refine empty/config states and tune the dashboard visuals toward a calmer operational UI

Validation

  • npm run typecheck
  • npm run build
  • git diff --check
  • local in-app browser QA for mock cards, table detail routing, map canvas, desktop and mobile screenshots

Notes

  • Validation screenshots were kept local and intentionally not committed.
  • Vite still warns that the main bundle and WorldMap chunk are larger than 500 kB.

podcctv and others added 30 commits May 6, 2026 00:04
@podcctv
Update config.json
af0187a
@podcctv
Delete public/config.json
f0bf83d
@podcctv
Update NodeCard.tsx
cd3d409
@podcctv
Update NodeDetail.tsx
e80e913
@podcctv
Update global.css
9eec5ca
@podcctv
Update NodeDetail.tsx
44c518d
@podcctv
Update NodeCard.tsx
7b9ba3b
@podcctv
Enhance hover effects on NodeCard component
2c37d04
@podcctv
Update global.css
77ca136
@podcctv
Update NodeCard.tsx
e98254c
@podcctv
Update global.css
2806f86
@podcctv
Update NodeCard.tsx
ab7ea49
@podcctv
Update global.css
3a988bd
@podcctv
Update cn.ts
2e85b79
@podcctv
Update NodeCard.tsx
e90d74b
@podcctv
Update types.ts
c836ed9
@podcctv
Update cn.ts
bf6ed2e
@podcctv
优化状态卡片密度并修复资源占用填充
11f5ab1
@podcctv
Merge pull request #1 from podcctv/codex/fix-card-width-and-add-gradient
cb4dd58 
优化卡片高度并修复资源占用显示与进度条渐变
@podcctv
Fix usage bars updates and refresh card/latency visuals
9be79e9
@podcctv
Merge pull request #2 from podcctv/codex/fix-occupancy-info-update-an…
3435956 
…d-redesign

Fix dynamic usage bars and refresh card/latency visuals
@podcctv
feat: enhance cyber card gloss and disable offline selection
a76495c
@podcctv
Merge pull request #3 from podcctv/codex/add-reflective-effect-to-cards
fd409e3 
feat: add reflective gloss to active cards and make offline cards non-interactive
@podcctv
Fix TCP latency parsing and refine detail panel UX
7e4bf34
@podcctv
Merge pull request #4 from podcctv/codex/tcpbug
27783c8 
修复 TCP 延迟数据解析并优化详情面板与移动适配
@podcctv
Revamp status panel and improve TCP latency parsing
c463d24
@podcctv
Merge pull request #5 from podcctv/codex/redesign-online-status-display
0b1b426 
Revamp status panel to 24‑hour blocks and improve latency parsing
@podcctv
Fix node identity collisions and detail latency data
761baff
@podcctv
Merge pull request #6 from podcctv/codex/fix-resource-usage-card-layout
1a457ac 
修复节点 id 冲突导致详情页无数据与在线状态错误
Refine cyber cards and fix TCP ping display
f250393
podcctv and others added 30 commits May 6, 2026 05:00
@podcctv
Merge pull request #13 from podcctv/codex/embed-tcp-ping-in-node-cards
d011931 
Embed TCP ping in node cards
Smooth card ping refresh
4682900
@podcctv
Merge pull request #14 from podcctv/codex/smooth-card-ping-refresh
a3d294b 
Smooth card ping refresh
Refine detail status and card ping
2c35a83
@podcctv
Merge pull request #15 from podcctv/codex/refine-detail-status-and-ca…
9921c69 
…rd-ping

Refine detail status and card ping
Style TCPing as segmented card
b521aca
@podcctv
Merge pull request #16 from podcctv/codex/retro-segmented-tcping-card
f85f92a 
Style TCPing as segmented card
feat: 赛博风格TCPing延迟热力图 + 卡片等高修复
6b1e85a 
- FleetTcpPingPanel: 24竖条=24小时延迟热力图, 绿(≤80ms)/黄(80-150ms)/红(>150ms)
- useFleetTcpPing: 新增小时级分桶计算 computeHourlyBuckets
- NodeCard: flex布局修复卡片不等高问题, h-full撑满网格单元格
merge: 赛博风格TCPing延迟热力图 + 卡片等高修复
57bad9c
fix: 修复卡片TCPing无数据问题 — 增加无type过滤的fallback查询+客户端过滤
f1f9f76
fix: 重构fleet TCPing查询 — 改为全局批量查询+客户端过滤, 避免N个per-node请求压垮后端
fca843e
style: 老派赛博朋克风格全面改版
b5b8bfb 
- global.css: 深黑背景+CRT扫描线+网格+霓虹青/品红色系
- Orbitron+Share Tech Mono字体, 终端质感
- Navbar: 霓虹发光站名, 赛博导航条
- Footer/RegionFilter/TagFilter: 统一赛博芯片按钮风格
- Search: 霓虹边框终端输入框
- 锁定暗色模式, 移除ThemeToggle
- 卡片边框脉冲动画, 扫描光效, 全息边框
fix: 恢复传统配色+ping数据延迟加载提速
4dc4601 
- 配色: 去除全部荧光/霓虹色, 恢复深蓝灰底+靛蓝色系传统暗色主题
- 卡片: 提高背景辨识度 hsl(224 22% 9%), 更好的边框对比度
- 字体: 去除Google Fonts外部加载, 恢复系统字体
- 组件: 恢复ThemeToggle/Search/Filter等原始样式
- 性能: ping数据延迟3秒加载, 优先渲染主要节点数据
feat: 完善卡片细节与性能优化
87efc75 
- 延迟颜色更细粒度: 采用彩虹渐变色 (100ms及以下绿色, 150黄色, 200橙色, 300及以上红色) 更直观分辨延迟差异
- 新增24小时在线状态条: 在卡片底部增加紧凑版24h在线状态带，直观展示VPS近期掉线情况
- 修复CPU溢出: 进度条限制最大显示100%，防止超过100%时进度条UI溢出，同时文本仍显示实际值
fix: 调整在线率计算逻辑，偶尔丢包不算掉线
38bf1ee
fix: 修复TCPing历史消失及离线卡片色调
b6e0b90 
- useFleetTcpPing: 使用合并历史数据的方式更新状态，防止因后端返回数据截断导致旧记录在自动刷新后消失
- NodeCard: 当节点离线时，仅对内部卡片内容应用 grayscale 和透明度，而底部红色的 OFFLINE 状态文本保持鲜亮醒目
fix: 修复 TCPing 历史因全局查询数量受限而消失的问题
d918ce5 
- 之前改为全局查询虽然缓解了后端压力，但后端对查询结果的总数量有限制（如只返回最近几千条），导致历史数据无法完整加载，随着页面刷新也会被丢弃。
- 现在的解决方案是恢复成【按 UUID 请求数据】，并加入 executeBatched 异步并发控制器。这保证了即时加载出完整的 24h 历史，又将并发请求数严格控制在 15 个以内，避免了一次性发起几百个请求压垮后端。
fix: 调整拉取逻辑为完全按顺序(并发1)，并增加单节点回退数量保证快速ping记录完整
32b0ba1
fix: 调整拉取体验为请求一个显示一个，并提升高频检测备用上限至15000
706cf4b
feat: 增加 IndexedDB 本地缓存，实现刷新秒开
88afad9 
- 使用原生 IndexedDB 存储全量历史 TCPing 数据 (由于数据量可能超过 localStorage 5MB 限制)
- 页面加载时瞬间读取本地缓存渲染历史数据，后台再增量拉取新数据并无缝合并，极大提升每次页面刷新的加载体验
style: 适配 NodeCard 和 TCPing 组件的亮色模式
062fe52 
- 修改 .cyber-card 使用 css 变量以适应主题切换
- 将卡片内硬编码的黑色半透明背景替换为 \�g-black/5 dark:bg-black/xx\ 的响应式类
- 修复亮色模式下 offline 状态边框和背景的异常表现
style: 重构系统资源卡片进度条，优化高负载显示质感
07ffa76 
- 将 CPU/内存/磁盘 传统进度条改为 20 格细条纹阵列（类似 TCPing 热力图风格）
- 引入新的颜色系统：
  - 常规负载使用黑/白色（自动适配日夜间主题），舍弃之前的青色
  - 负载 70%~100% 根据区间使用渐变警告色
  - 负载突破 100% 时（如超卖机型 CPU 飙升），触发专属高亮鲜红 + 红色光晕特效
style: 提升白色主题背景下的对比度和可读性
83b4ea9 
- 将卡片内部包裹层背景由 bg-black/5 修改为 bg-slate-50，彻底消除灰色朦胧感，更显白净
- 进度条和热力图的空白底槽加深为 bg-slate-200，保证格子轮廓清晰
- 文字颜色整体换用更深色系的 text-slate-500 和 text-slate-600
- 警告色在亮色模式下替换为对比度更高的 text-amber-600 和 text-rose-600
docs: 更新 README，添加近期性能与 UI 优化详情
9031d99
Update footer Flanker link
e37e9d7
merge: sync fork with upstream/main — adopt echarts WorldMap rewrite,…
d74b2fb 
… keep custom TCPing features
merge: sync with upstream v1.4.3 — adopt theme/config split, download…
773da1a 
… page, Footer upgrade; keep cyberpunk cards + TCPing + IndexedDB cache
fix: App.tsx config null crash — add optional chaining on user_prefer…
9ada804 
…ences access
merge: sync upstream world map and config types
87d235b
Add local mock dashboard mode
182ff15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@podcctv