feat: implement label management with color filtering

keep-notes/app/api/labels/[id]/route.ts

@@ -0,0 +1,88 @@
+import { NextRequest, NextResponse } from 'next/server'
+import prisma from '@/lib/prisma'
+
+// GET /api/labels/[id] - Get a specific label
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    const label = await prisma.label.findUnique({
+      where: { id }
+    })
+
+    if (!label) {
+      return NextResponse.json(
+        { success: false, error: 'Label not found' },
+        { status: 404 }
+      )
+    }
+
+    return NextResponse.json({
+      success: true,
+      data: label
+    })
+  } catch (error) {
+    console.error('GET /api/labels/[id] error:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to fetch label' },
+      { status: 500 }
+    )
+  }
+}
+
+// PUT /api/labels/[id] - Update a label
+export async function PUT(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    const body = await request.json()
+    const { name, color } = body
+
+    const label = await prisma.label.update({
+      where: { id },
+      data: {
+        ...(name && { name: name.trim() }),
+        ...(color && { color })
+      }
+    })
+
+    return NextResponse.json({
+      success: true,
+      data: label
+    })
+  } catch (error) {
+    console.error('PUT /api/labels/[id] error:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to update label' },
+      { status: 500 }
+    )
+  }
+}
+
+// DELETE /api/labels/[id] - Delete a label
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    await prisma.label.delete({
+      where: { id }
+    })
+
+    return NextResponse.json({
+      success: true,
+      message: 'Label deleted successfully'
+    })
+  } catch (error) {
+    console.error('DELETE /api/labels/[id] error:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to delete label' },
+      { status: 500 }
+    )
+  }
+}

keep-notes/app/api/labels/route.ts

@@ -1,24 +1,16 @@
 import { NextRequest, NextResponse } from 'next/server'
 import prisma from '@/lib/prisma'
 
-// GET /api/labels - Get all unique labels
+// GET /api/labels - Get all labels
 export async function GET(request: NextRequest) {
   try {
-    const notes = await prisma.note.findMany({
-      select: { labels: true }
-    })
-
-    const labelsSet = new Set<string>()
-    notes.forEach(note => {
-      const labels = note.labels ? JSON.parse(note.labels) : null
-      if (labels) {
-        labels.forEach((label: string) => labelsSet.add(label))
-      }
+    const labels = await prisma.label.findMany({
+      orderBy: { name: 'asc' }
     })
 
     return NextResponse.json({
       success: true,
-      data: Array.from(labelsSet).sort()
+      data: labels
     })
   } catch (error) {
     console.error('GET /api/labels error:', error)
@@ -28,3 +20,48 @@ export async function GET(request: NextRequest) {
     )
   }
 }
+
+// POST /api/labels - Create a new label
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { name, color } = body
+
+    if (!name || typeof name !== 'string') {
+      return NextResponse.json(
+        { success: false, error: 'Label name is required' },
+        { status: 400 }
+      )
+    }
+
+    // Check if label already exists
+    const existing = await prisma.label.findUnique({
+      where: { name: name.trim() }
+    })
+
+    if (existing) {
+      return NextResponse.json(
+        { success: false, error: 'Label already exists' },
+        { status: 409 }
+      )
+    }
+
+    const label = await prisma.label.create({
+      data: {
+        name: name.trim(),
+        color: color || 'gray'
+      }
+    })
+
+    return NextResponse.json({
+      success: true,
+      data: label
+    })
+  } catch (error) {
+    console.error('POST /api/labels error:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to create label' },
+      { status: 500 }
+    )
+  }
+}

keep-notes/app/layout.tsx

@@ -3,6 +3,7 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { HeaderWrapper } from "@/components/header-wrapper";
 import { ToastProvider } from "@/components/ui/toast";
+import { LabelProvider } from "@/context/LabelContext";
 
 const inter = Inter({
   subsets: ["latin"],
@@ -22,8 +23,10 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <body className={inter.className}>
         <ToastProvider>
-          <HeaderWrapper />
-          {children}
+          <LabelProvider>
+            <HeaderWrapper />
+            {children}
+          </LabelProvider>
         </ToastProvider>
       </body>
     </html>

keep-notes/app/page.tsx

@@ -6,17 +6,20 @@ import { Note } from '@/lib/types'
 import { getNotes, searchNotes } from '@/app/actions/notes'
 import { NoteInput } from '@/components/note-input'
 import { NoteGrid } from '@/components/note-grid'
+import { useLabels } from '@/context/LabelContext'
 
 export default function HomePage() {
   const searchParams = useSearchParams()
   const [notes, setNotes] = useState<Note[]>([])
   const [isLoading, setIsLoading] = useState(true)
+  const { labels } = useLabels()
 
   useEffect(() => {
     const loadNotes = async () => {
       setIsLoading(true)
       const search = searchParams.get('search')
       const labelFilter = searchParams.get('labels')?.split(',').filter(Boolean) || []
+      const colorFilter = searchParams.get('color')
       
       let allNotes = search ? await searchNotes(search) : await getNotes()
 
@@ -27,12 +30,23 @@ export default function HomePage() {
         )
       }
 
+      // Filter by color (filter notes that have labels with this color)
+      if (colorFilter) {
+        const labelNamesWithColor = labels
+          .filter(label => label.color === colorFilter)
+          .map(label => label.name)
+        
+        allNotes = allNotes.filter(note =>
+          note.labels?.some(label => labelNamesWithColor.includes(label))
+        )
+      }
+
       setNotes(allNotes)
       setIsLoading(false)
     }
 
     loadNotes()
-  }, [searchParams])
+  }, [searchParams, labels])
 
   return (
     <main className="container mx-auto px-4 py-8 max-w-7xl">