feat: add color support for line annotations

- Add color field to annotations schema with default blue (#3b82f6)
- Add color picker UI with 5 preset colors (red, green, blue, yellow, white)
- Pass selected color through component hierarchy (Page -> Toolbox, CandleChart -> SvgOverlay)
- Store color when creating line annotations
- Render lines with their stored color
- Update database with color column
- Preview lines show selected color during drawing

Phase 1 of LINE_DRAWING_IMPROVEMENTS.md complete
This commit is contained in:
Marko Djordjevic 2026-02-12 14:04:51 +01:00
parent 5767669b2c
commit 006e95c266
6 changed files with 51 additions and 5 deletions

View file

@ -26,7 +26,7 @@ export async function GET() {
export async function POST(request: NextRequest) {
try {
const body = await request.json();
const { timestamp, label_type, geometry } = body;
const { timestamp, label_type, geometry, color } = body;
// Validate required fields
if (!timestamp || !label_type) {
@ -45,6 +45,7 @@ export async function POST(request: NextRequest) {
timestamp,
label_type,
geometry: geometryString,
color: color || '#3b82f6',
created_at: Math.floor(Date.now() / 1000),
})
.returning();