fix: change is_active type from number to boolean to match API response

src/app/annotation-types/page.tsx

@@ -11,7 +11,7 @@ type AnnotationType = {
   color: string;
   category: string;
   icon: string | null;
-  is_active: number;
+  is_active: boolean;
   created_at: number;
 };
 

src/app/page.tsx

@@ -153,7 +153,7 @@ interface SpanLabelType {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 }

src/app/span-label-types/page.tsx

@@ -10,7 +10,7 @@ type SpanLabelType = {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 };

src/components/CandleChart.tsx

@@ -46,7 +46,7 @@ type AnnotationType = {
   color: string;
   category: string;
   icon: string | null;
-  is_active: number;
+  is_active: boolean;
 };
 
 interface SpanAnnotation {
@@ -69,7 +69,7 @@ interface SpanLabelType {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 }
@@ -189,7 +189,7 @@ const CandleChart = forwardRef<CandleChartHandle, CandleChartProps>(
       try {
         const response = await fetch('/api/annotation-types');
         const data = await response.json();
-        setAnnotationTypes(data.filter((t: AnnotationType) => t.is_active === 1));
+        setAnnotationTypes(data.filter((t: AnnotationType) => t.is_active));
         return data;
       } catch (error) {
         console.error('Failed to fetch annotation types:', error);

src/components/SpanAnnotationList.tsx

@@ -23,7 +23,7 @@ interface SpanLabelType {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 }

src/components/SpanAnnotationManager.tsx

@@ -33,7 +33,7 @@ interface SpanLabelType {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 }
@@ -461,7 +461,7 @@ export default function SpanAnnotationManager({
       // Hotkey label assignment: only when span tool is active and a span range is selected (after first click)
       if (activeTool === 'span' && interactionState === 'first-click-done' && startCandle) {
         // Check if key matches any label hotkey
-        const matchingLabel = spanLabelTypes.find((lt) => lt.hotkey === e.key && lt.is_active === 1);
+        const matchingLabel = spanLabelTypes.find((lt) => lt.hotkey === e.key && lt.is_active);
         
         if (matchingLabel && activeChartId) {
           e.preventDefault();

src/components/SpanPopover.tsx

@@ -28,7 +28,7 @@ interface SpanLabelType {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 }
@@ -136,7 +136,7 @@ export default function SpanPopover({
               </SelectTrigger>
               <SelectContent>
                 {spanLabelTypes
-                  .filter((type) => type.is_active === 1)
+                  .filter((type) => type.is_active)
                   .sort((a, b) => a.sort_order - b.sort_order)
                   .map((type) => (
                     <SelectItem key={type.id} value={type.name}>

src/components/Toolbox.tsx

@@ -13,7 +13,7 @@ type AnnotationType = {
   color: string;
   category: string;
   icon: string | null;
-  is_active: number;
+  is_active: boolean;
 };
 
 interface Annotation {
@@ -44,7 +44,7 @@ interface SpanLabelType {
   display_name: string;
   color: string;
   hotkey: string | null;
-  is_active: number;
+  is_active: boolean;
   sort_order: number;
   created_at: number;
 }
@@ -95,7 +95,7 @@ export default function Toolbox({
         const res = await fetch('/api/annotation-types');
         if (res.ok) {
           const data = await res.json();
-          setAnnotationTypes(data.filter((t: AnnotationType) => t.is_active === 1));
+          setAnnotationTypes(data.filter((t: AnnotationType) => t.is_active));
         }
       } catch (error) {
         console.error('Failed to fetch annotation types:', error);