huge push of backend and frontend to dos to finish wiring up and UI display

backend/config/index.js

@@ -1,10 +1,5 @@
-import dotenv from 'dotenv';
-
-dotenv.config({ path: '.secrets' });
-
 const config = {
   port: process.env.PORT || 3001,
-  openaiApiKey: process.env.OPENAI_API_KEY,
 };
 
 export default config;

backend/routes/notes.routes.js

@@ -2,6 +2,7 @@ import { Router } from 'express';
 import { readFile } from 'fs/promises';
 import { fileURLToPath } from 'url';
 import { dirname, join } from 'path';
+import { clusterNotes } from '../services/clustering.service.js';
 
 const router = Router();
 
@@ -9,14 +10,28 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const DATA_PATH = join(__dirname, '..', 'data', 'notes.json');
 
+const loadNotes = async () => {
+  const raw = await readFile(DATA_PATH, 'utf-8');
+  return JSON.parse(raw);
+};
+
 router.get('/', async (req, res) => {
   try {
-    const raw = await readFile(DATA_PATH, 'utf-8');
-    const notes = JSON.parse(raw);
+    const notes = await loadNotes();
     res.json(notes);
   } catch (err) {
     res.status(500).json({ error: 'Failed to load notes' });
   }
 });
 
+router.post('/cluster', async (req, res) => {
+  try {
+    const notes = await loadNotes();
+    const clusters = await clusterNotes(notes);
+    res.json(clusters);
+  } catch (err) {
+    res.status(500).json({ error: 'Clustering failed' });
+  }
+});
+
 export default router;

backend/services/clustering.service.js

@@ -1,19 +1,46 @@
 import Anthropic from "@anthropic-ai/sdk";
-import anthropicApiKey from "../.secrets";
+import { anthropicApiKey } from "../.secrets.js";
 
 const client = new Anthropic({
-  apiKey: anthropicApiKey 
+  apiKey: anthropicApiKey,
 });
 
-const prompt = `You are a helpful assistant that analyzes notes for semantic similarity. Each note is a json object with the 
-various attributes. For clustering purposes, the relvant attribute is "text". Analze the text attributes of the notes and return a json object with the following structure: {{$notes}}`;
+const buildPrompt = (notes) => {
+  const notesJson = JSON.stringify(notes, null, 2);
+
+  return `You are an expert at analyzing text for semantic similarity and thematic patterns.
+
+Below is a JSON array of sticky notes. Each note has an "id" and a "text" field. Analyze the "text" field of every note and group them into meaningful thematic clusters.
+
+Return ONLY a valid JSON array with this exact structure — no markdown, no explanation, no extra text:
+
+[
+  {
+    "label": "Short descriptive theme name",
+    "noteIds": ["note_001", "note_002"]
+  }
+]
+
+Rules:
+- Every note must appear in exactly one cluster
+- Each cluster must have a concise, descriptive label
+- Group by semantic meaning, not by keywords
+- Aim for the most natural number of groups given the data
+
+Here are the notes:
+
+${notesJson}`;
+};
 
 export const clusterNotes = async (notes) => {
   const response = await client.messages.create({
-  model: "claude-opus-4-6",
+    model: "claude-sonnet-4-20250514",
+    max_tokens: 4096,
     messages: [
-      { role: "user", content: `${prompt}`}
-    ]
+      { role: "user", content: buildPrompt(notes) },
+    ],
   });
-  return response.content[0].text;
-};
+
+  const raw = response.content[0].text;
+  return JSON.parse(raw);
+};