vibe-coded/webref
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

phase 7
All checks were successful
CI/CD Pipeline / VM Test - backend-integration (push) Successful in 8s
Details
CI/CD Pipeline / VM Test - full-stack (push) Successful in 7s
Details
CI/CD Pipeline / VM Test - performance (push) Successful in 8s
Details
CI/CD Pipeline / VM Test - security (push) Successful in 7s
Details
CI/CD Pipeline / Backend Linting (push) Successful in 3s
Details
CI/CD Pipeline / Frontend Linting (push) Successful in 15s
Details
CI/CD Pipeline / Nix Flake Check (push) Successful in 36s
Details
CI/CD Pipeline / CI Summary (push) Successful in 0s
Details

Browse Source
This commit is contained in:
Danilo Reyes
2025-11-02 14:07:13 -06:00
parent 3700ba02ea
commit cd8ce33f5e
4 changed files with 1197 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
specs/001-reference-board-viewer/tasks.md
View File

@@ -268,33 +268,33 @@ Implementation tasks for the Reference Board Viewer, organized by user story (fu
---
## Phase 7: Image Positioning & Selection (FR5 - Critical) (Week 5-6)
## Phase 7: Image Positioning & Selection (FR5 - Critical) (Week 5-6) ✅ COMPLETE
**User Story:** Users must be able to freely position and organize images on canvas
**Independent Test Criteria:**
- [ ] Users can drag images to any position
- [ ] Images can overlap (Z-order controlled)
- [ ] Users can select single/multiple images
- [ ] Selection shows visual indicators
- [ ] Positions persist in database
- [X] Users can drag images to any position
- [X] Images can overlap (Z-order controlled)
- [X] Users can select single/multiple images
- [X] Selection shows visual indicators
- [X] Positions persist in database
**Frontend Tasks:**
- [ ] T111 [US5] Create Konva Image wrapper in frontend/src/lib/canvas/Image.svelte
- [ ] T112 [US5] Implement image dragging in frontend/src/lib/canvas/interactions/drag.ts
- [ ] T113 [US5] Implement click selection in frontend/src/lib/canvas/interactions/select.ts
- [ ] T114 [US5] Implement selection rectangle (drag-to-select) in frontend/src/lib/canvas/interactions/multiselect.ts
- [ ] T115 [US5] Create selection store in frontend/src/lib/stores/selection.ts
- [ ] T116 [P] [US5] Create selection visual indicators in frontend/src/lib/canvas/SelectionBox.svelte
- [ ] T117 [US5] Implement position sync to backend (debounced) in frontend/src/lib/canvas/sync.ts
- [ ] T118 [P] [US5] Write dragging tests in frontend/tests/canvas/drag.test.ts
- [ ] T119 [P] [US5] Write selection tests in frontend/tests/canvas/select.test.ts
- [X] T111 [US5] Create Konva Image wrapper in frontend/src/lib/canvas/Image.svelte
- [X] T112 [US5] Implement image dragging in frontend/src/lib/canvas/interactions/drag.ts
- [X] T113 [US5] Implement click selection in frontend/src/lib/canvas/interactions/select.ts
- [X] T114 [US5] Implement selection rectangle (drag-to-select) in frontend/src/lib/canvas/interactions/multiselect.ts
- [X] T115 [US5] Create selection store in frontend/src/lib/stores/selection.ts
- [X] T116 [P] [US5] Create selection visual indicators in frontend/src/lib/canvas/SelectionBox.svelte
- [X] T117 [US5] Implement position sync to backend (debounced) in frontend/src/lib/canvas/sync.ts
- [X] T118 [P] [US5] Write dragging tests in frontend/tests/canvas/drag.test.ts
- [X] T119 [P] [US5] Write selection tests in frontend/tests/canvas/select.test.ts
**Backend Tasks:**
- [ ] T120 [US5] Implement image position update endpoint PATCH /boards/{id}/images/{image_id} in backend/app/api/images.py
- [ ] T121 [P] [US5] Write integration tests for position updates in backend/tests/api/test_image_position.py
- [X] T120 [US5] Implement image position update endpoint PATCH /boards/{id}/images/{image_id} in backend/app/api/images.py
- [X] T121 [P] [US5] Write integration tests for position updates in backend/tests/api/test_image_position.py
**Deliverables:**
- Images draggable