feat: implement section 9 - span annotation sidebar list

This commit is contained in:
Marko Djordjevic 2026-02-14 10:13:23 +01:00
parent 2f05136f20
commit 4089aab77c
4 changed files with 265 additions and 7 deletions

View file

@ -63,13 +63,13 @@
## 9. Span Annotation Sidebar List
- [ ] 9.1 Create `SpanAnnotationList.tsx` component: scrollable list of span annotations sorted by start_time desc, showing time range, label with colored badge, delete button
- [ ] 9.2 Add count summary grouped by label type (e.g., "Bull Flag: 3 | Bear Flag: 2")
- [ ] 9.3 Implement click-to-select in list: set selectedSpanId, highlight chart rectangle, scroll chart to center on span's time range
- [ ] 9.4 Highlight selected span entry in list (background/border)
- [ ] 9.5 Wire delete button per list item: DELETE API call, remove primitive, update state
- [ ] 9.6 Show empty state message when no span annotations exist
- [ ] 9.7 Clear and reload span list when active chart changes
- [x] 9.1 Create `SpanAnnotationList.tsx` component: scrollable list of span annotations sorted by start_time desc, showing time range, label with colored badge, delete button
- [x] 9.2 Add count summary grouped by label type (e.g., "Bull Flag: 3 | Bear Flag: 2")
- [x] 9.3 Implement click-to-select in list: set selectedSpanId, highlight chart rectangle, scroll chart to center on span's time range
- [x] 9.4 Highlight selected span entry in list (background/border)
- [x] 9.5 Wire delete button per list item: DELETE API call, remove primitive, update state
- [x] 9.6 Show empty state message when no span annotations exist
- [x] 9.7 Clear and reload span list when active chart changes
## 10. Hotkey Label Assignment