arthur/xtablo-source
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 5
xtablo-source/.planning/ROADMAP.md
Arthur Belleville 20e0a02edc
docs(20): create phase 20 plan — tablo detail page + kanban restyle 
3 plans in 2 waves: handler+viewmodel (wave 1), templ components + CSS
restyle in parallel (wave 2). Covers DETAIL-01 and TASK-01.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
2026-05-18 15:29:41 +02:00

7.3 KiB
Raw Blame History

Roadmap: Xtablo Go + HTMX Rewrite

Milestones

v4.0 Active Phases

  • Phase 18: App Shell & Navigation — sidebar redesign + top header bar (NAV-01, NAV-02) — completed 2026-05-17
  • Phase 19: Tablo List Revamp — card redesign, progress bar, status field, list/card toggle (LIST-01, LIST-02, LIST-03)
  • Phase 20: Tablo Detail & Kanban — detail page + kanban restyled to Figma (DETAIL-01, TASK-01)
  • Phase 21: Task Grid & Roadmap Views — new grid view + new roadmap view with date fields (TASK-02, TASK-03)
  • Phase 22: Calendar Rework — month/week/day grid, event blocks, tablo filter (CAL-01, CAL-02, CAL-03)

Phases

✅ v1.0 MVP (Phases 1-7) — SHIPPED 2026-05-15
  • Phase 1: Foundation — completed 2026-05-14
  • Phase 2: Authentication — completed 2026-05-15
  • Phase 3: Tablos CRUD — completed 2026-05-15
  • Phase 4: Tasks Kanban — completed 2026-05-15
  • Phase 5: File Attachments — completed 2026-05-15
  • Phase 6: Background Worker — completed 2026-05-15
  • Phase 7: Deploy v1 — completed 2026-05-15
✅ v2.0 Collaboration, Planning, and Social Sign-in (Phases 8-12) — SHIPPED 2026-05-16
  • Phase 8: Social Sign-in (5/5 plans) — completed 2026-05-15
  • Phase 9: Etapes (4/4 plans) — completed 2026-05-15
  • Phase 10: Events (3/3 plans) — completed 2026-05-16
  • Phase 11: Individual Planning (2/2 plans) — completed 2026-05-16
  • Phase 12: Native Tablo Chat (3/3 plans) — completed 2026-05-16
✅ v3.0 Design System & Visual Polish (Phases 13-17) — SHIPPED 2026-05-17
  • Phase 13: Design System Foundation (5/5 plans) — completed 2026-05-16
  • Phase 14: Auth Pages (2/2 plans) — completed 2026-05-16
  • Phase 15: Dashboard & Tablos (3/3 plans) — completed 2026-05-16
  • Phase 16: Tablo Detail (4/4 plans) — completed 2026-05-17
  • Phase 17: Chat & Planning (2/2 plans) — completed 2026-05-17

Phase Details — v4.0

Phase 18: App Shell & Navigation

Goal: Redesign the sidebar and top header bar to match the Figma design. Requirements: NAV-01, NAV-02 Plans: 3 plans Success criteria:

  1. Sidebar renders brand section, icon nav items, tablo list section, and user footer matching Figma
  2. Every authenticated page shows a top header bar with page title and contextual actions
  3. Existing navigation functionality (logout, tablo selection) is preserved

Plans:

  • 18-01-PLAN.md — AppLayout signature extension + BreadcrumbItem struct + all call sites updated
  • 18-02-PLAN.md — Sidebar full HTML/CSS rebuild to Figma spec with collapse toggle
  • 18-03-PLAN.md — PageHeader component, avatar dropdown, /settings stub, tests updated

Phase 19: Tablo List Revamp

Goal: Restyle the tablos page with revamped cards, real progress data, list/card toggle, and status field. Requirements: LIST-01, LIST-02, LIST-03 Plans: 3 plans Success criteria:

  1. Tablo cards display with updated Figma layout including a progress bar showing real task completion %
  2. User can switch between card grid and list view; selection persists for the session
  3. Tablos have an active/archived status field in DB; a status indicator is visible on cards and list rows
  4. DB migration for status field is reversible

Plans:

  • 19-01-PLAN.md — DB migration 0010, sqlc regen with status column, batch progress query, handler wiring
  • 19-02-PLAN.md — Revamped TabloProjectCard template (badge, initial, progress bar) + list row CSS
  • 19-03-PLAN.md — View toggle button + inline JS + tests for LIST-01/02/03

Phase 20: Tablo Detail & Kanban Restyle

Goal: Restyle the tablo detail page and kanban board to match Figma. Requirements: DETAIL-01, TASK-01 Plans: 3 plans Success criteria:

  1. Tablo detail header shows tablo name, status, and progress matching Figma
  2. Kanban columns and task cards are restyled to match Figma
  3. Drag-and-drop reorder continues to work after restyle
  4. Etapes section and files table match Figma layout

Plans:

  • 20-01-PLAN.md — Handler + view model + route: GET /tablos/{tabloID}, TabloDetailViewModel, test scaffold
  • 20-02-PLAN.md — TabloDetailPage templ components: header, tab bar, kanban board, task cards
  • 20-03-PLAN.md — CSS restyle: tablo detail header, kanban board layout, task card, progress bar, files table

Phase 21: Task Grid & Roadmap Views

Goal: Add grid/table and roadmap/timeline views to the task section of a tablo. Requirements: TASK-02, TASK-03 Success criteria:

  1. User can switch between kanban, grid, and roadmap views via a view switcher in the tablo detail
  2. Grid view shows all tasks as a sortable/filterable table with key columns (title, status, assignee, due date)
  3. Roadmap view shows tasks on a horizontal timeline grouped by status or date
  4. Tasks have an optional due_date field in DB (migration + sqlc); roadmap uses it for positioning

Phase 22: Calendar Rework

Goal: Replace the flat agenda list on /planning with a full Google Calendar-style interface. Requirements: CAL-01, CAL-02, CAL-03 Success criteria:

  1. /planning page shows a month/week/day calendar grid with navigation controls
  2. Events render as colored blocks inside calendar cells rather than plain text rows
  3. User can filter the calendar to show events from a specific tablo only
  4. Existing event CRUD (create, edit, delete) continues to work within the new calendar UI

Progress

Phase Milestone Plans Complete Status Completed
1. Foundation v1.0 — Complete 2026-05-14
2. Authentication v1.0 7/7 Complete 2026-05-15
3. Tablos CRUD v1.0 3/3 Complete 2026-05-15
4. Tasks Kanban v1.0 3/3 Complete 2026-05-15
5. File Attachments v1.0 — Complete 2026-05-15
6. Background Worker v1.0 2/2 Complete 2026-05-15
7. Deploy v1 v1.0 — Complete 2026-05-15
8. Social Sign-in v2.0 5/5 Complete 2026-05-15
9. Etapes v2.0 4/4 Complete 2026-05-15
10. Events v2.0 3/3 Complete 2026-05-16
11. Individual Planning v2.0 2/2 Complete 2026-05-16
12. Native Tablo Chat v2.0 3/3 Complete 2026-05-16
13. Design System Foundation v3.0 5/5 Complete 2026-05-16
14. Auth Pages v3.0 2/2 Complete 2026-05-16
15. Dashboard & Tablos v3.0 3/3 Complete 2026-05-16
16. Tablo Detail v3.0 4/4 Complete 2026-05-17
17. Chat & Planning v3.0 2/2 Complete 2026-05-17
18. App Shell & Navigation v4.0 0/3 Pending —
19. Tablo List Revamp v4.0 0/3 Pending —
20. Tablo Detail & Kanban v4.0 0/3 Pending —
21. Task Grid & Roadmap Views v4.0 — Pending —
22. Calendar Rework v4.0 — Pending —