---
status: approved
phase: 16-tablo-detail
source: [16-VERIFICATION.md]
started: 2026-05-16T00:00:00Z
updated: 2026-05-16T00:00:00Z
---

## Current Test

Browser verification approved by developer 2026-05-16

## Tests

### 1. Header layout: project-card-top renders correctly
expected: Tablo detail page shows color avatar + title + Discussion/Invite/Delete controls in header row

### 2. Color avatar renders first char
expected: Avatar shows first character of tablo name in colored circle, no broken image

### 3. Discussion IconButton (chat icon) renders SVG
expected: Discussion button shows chat bubble icon (not raw text "chat")

### 4. Invite Member button renders soft style
expected: Invite Member button visible, soft/outlined style, not filled purple

### 5. Delete tablo IconButton renders trash icon
expected: Trash icon visible in header, not raw text "trash"

### 6. Metadata row renders with badge and progress
expected: Metadata row shows date, status badge, and progress bar

### 7. Tab navigation renders with CSS classes
expected: 5 tabs visible (Overview/Tasks/Etapes/Files/Discussion), active tab has underline/accent, no Tailwind hex colors

### 8. HTMX tab switching works
expected: Clicking each tab loads the correct tab fragment without full page reload

### 9. Overview tab shows description zone
expected: Description text visible under Overview tab (not in header)

### 10. Tasks tab: kanban columns render
expected: 3 columns (Todo, In Progress, Done) visible with correct .tasks-section layout

### 11. Task rows render with checkbox
expected: Task items show checkbox + task text in .task-row style

### 12. Kanban AddTask button renders
expected: "+ Add task" button visible at bottom of each column

### 13. Drag-and-drop still works
expected: Tasks can be dragged between kanban columns, status updates correctly

### 14. Etape grouping renders within columns
expected: Tasks grouped under etape section headers within each column (or all under "No etape" group)

### 15. Task delete from kanban
expected: Trash icon in task row triggers delete confirm or immediate delete via HTMX

### 16. Etapes tab still works
expected: Etapes tab loads without errors

### 17. Files tab: table renders
expected: Files tab shows @ui.Table with Name/Size/Uploaded/Actions columns

### 18. Files empty state renders
expected: When no files, EmptyState component visible (not blank area)

### 19. File download button renders download icon
expected: Download button shows download arrow icon (not raw text "download")

### 20. File delete button opens confirm row
expected: Clicking delete icon replaces file row with confirmation row via HTMX outerHTML swap

### 21. File delete confirm works
expected: Confirming delete removes the file row; cancelling restores it

### 22. File upload still works
expected: Upload button triggers file upload flow correctly

### 23. Discussion tab still works
expected: Discussion tab loads without errors

### 24. Zero hardcoded hex colors visible
expected: No purple/hex colors visible that aren't from the design token system

## Summary

total: 24
passed: 24
issues: 0
pending: 0
skipped: 0
blocked: 0

## Gaps
