restruct

backend/server.js

@@ -4,5 +4,5 @@ import config from './config/index.js';
 const PORT = config.port || 3001;
 
 app.listen(PORT, () => {
-  console.log(`Envision backend running on port ${PORT}`);
+  console.log(`Backend running on port ${PORT}`);
 });

backend/services/clustering.service.js

@@ -34,7 +34,7 @@ ${notesJson}`;
 
 export const clusterNotes = async (notes) => {
   const response = await client.messages.create({
-    model: "claude-sonnet-4-20250514",
+    model: "claude-opus-4-6",
     max_tokens: 4096,
     messages: [
       { role: "user", content: buildPrompt(notes) },

frontend/src/components/navbar.tsx

@@ -0,0 +1,15 @@
+const Navbar = () => {
+
+  return (
+    <div className="main-head-box">
+      <div className="main-head-subbox-left">
+        <h1 className="main-head">kohngrüti</h1>
+      </div>
+      <div className="main-head-subbox-right">
+       <span className="material-symbols-outlined">recenter</span>
+      </div>
+    </div>
+  )
+}
+
+export default Navbar;

frontend/src/pages/Home.tsx

@@ -1,16 +1,12 @@
 import Stickies from '../components/stickies';
+import Navbar from '../components/navbar'
 import '../styles/home.css'
 
 const Home = () => {
     return (
         <div>
-            <div className="main-head-box">
+            <div>
-                <div className="main-head-subbox-left">
+                <Navbar />
-                    <h1 className="main-head">kohngrüti</h1>
-                </div>
-                <div className="main-head-subbox-right">
-                    <span className="material-symbols-outlined">recenter</span>
-                </div>
             </div>
             <div>
                 <Stickies />