依 autoflow-agent workspace v2 設計把 PRD / 設計 / 架構 / 交付類 共享文件從個人層 .autoflow/(ignored)搬到 docs/autoflow/(進 git), 讓團隊可共享產品與架構文件,個人層只留 progress / review / testing 等 per-branch 筆記。 - 02-prd/ 21 個檔(PRD、features、market-analysis 等) - 03-design/ 18 個檔(design-spec、wireframes、flows 等) - 04-architecture/ 31 個檔(TDD、design-doc、ADR×14、API 規格等) - 07-delivery/ 3 個檔(project-summary、phase-0.6-handover、stage-deployment-setup) 合計 73 檔。原檔已從 .autoflow/ 移除(migration 工具執行 git mv, 但因 .autoflow/ 在 .gitignore 中、git 將此操作視為新增、無 rename history)。
1.5 KiB
1.5 KiB
Wireframe — /register
文字版 wireframe。結構與
/login近乎相同,差異列於本文。
佈局
參考 wf-login.md,差異如下:
Card 內容改為:
Label: Email
Input (type=email, required, autoComplete=email)
Label: 密碼
Input (type=password, required, autoComplete=new-password)
Label: 確認密碼
Input (type=password, required, autoComplete=new-password)
// 失焦時比對 password,不符顯示 error 紅字
Button: 建立帳號 (w-full, variant=default)
Separator + 「已經有帳號?」
Link → /login
Button: 登入 (w-full, variant=outline)
驗證(Phase 0 最小化)
- Email:
required+type=email(HTML5 內建) - 密碼:
required,無強度驗證 - 確認密碼:
onBlur時比對 password- 不符:
aria-invalid=true+ 紅色邊框 + 下方<p class="text-xs text-destructive">兩次輸入的密碼不一致</p>
提交行為(Phase 0)
async function handleRegister(e) {
e.preventDefault();
if (password !== confirm) {
setError('passwordMismatch');
return;
}
// Phase 0: 不接 API
useAuthStore.getState().login(email);
router.push('/devices/pair'); // 引導首次配對
}
標題
[Logo]
visionA Cloud
Edge AI Platform
(Card 內上方大標)
建立帳號
開始使用 visionA Cloud
Phase 1 TODO
見 flows/flow-auth.md 第 12 節。