OpenFlare/docs/plan/verify-frontend-ui.md

OpenFlare 前端 UI 规范验收报告

验证日期：2026-06-18（polish pass 复验）
范围：Wavelet/frontend/app/(main)/openflare/

总体

维度	结果
标题 h1 text-2xl font-semibold tracking-tight	✅
外壳 py-6 px-1	✅
shadcn 组件（无旧 UI / HeroUI）	✅
单文件 ≤600 行	✅（最大 access-logs/page.tsx 558 行）
loading/empty/error	✅
RHF + Zod 表单（P1 Dialog）	✅

总体结论：PASS

分模块

模块	结论	说明
Dashboard	✅ PASS	标准壳与三态组件
Nodes	✅ PASS	node-editor-dialog Zod 已补
Proxy detail	✅ PASS	ErrorInline / EmptyStateWithBorder 已统一
Proxy list	⚠️ PASS*	列表 error 仅 toast（P2）
WAF	✅ PASS	rule-entry-dialog RHF+Zod 已补
Websites/Certificates	✅ PASS	dns-account-create-dialog Zod 已补
Access logs	✅ PASS	folds/ip-summary/ip-trend error 已补
Config versions	✅ PASS	cleanup-dialog Zod 已补
About	✅ PASS	页面惯例完整
Version upgrade dialog	✅ PASS	Card/Badge/Markdown 惯例合规

P2 可选改进

1. proxy-routes/page-client.tsx — 列表 error 改用 ErrorInline
2. access-logs/components/cleanup-dialog.tsx — 补 RHF+Zod
3. access-logs/page.tsx ip-trend — 改用 shadcn Input
4. nodes/components/node-observability.tsx — 改用 ErrorInline+重试
5. FC-1 世界地图 — 当前以国家列表替代