feat: add form components and UI elements for enhanced user interaction

- Introduced Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage components for structured form handling. - Added Input, Textarea, and Select components for user input. - Implemented Label and Separator components for better UI organization. - Created Skeleton component for loading states. - Developed Toast and Toaster components for user notifications. - Integrated useToast hook for managing toast notifications. - Established AI analysis functionality with analyzeJournalWithLocalAI. - Set up Dexie for local database management with Journal and Task models. - Configured Supabase client for server-side and browser-side interactions. - Defined database schema for journals, tasks, chat sessions, and messages with Row Level Security policies. Co-authored-by: Copilot <copilot@github.com>
2026-05-06 16:20:14 +03:00
parent 3432bbab33
commit c73bf0e499
40 changed files with 9104 additions and 569 deletions
@@ -0,0 +1,53 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { LayoutDashboard, Book, CheckSquare, MessageCircle, Settings, BrainCircuit } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+const routes = [
+  { name: "Dashboard", path: "/", icon: LayoutDashboard },
+  { name: "Günlük", path: "/journal", icon: Book },
+  { name: "Görevler", path: "/tasks", icon: CheckSquare },
+  { name: "Sohbet", path: "/chat", icon: MessageCircle },
+  { name: "Ayarlar", path: "/settings", icon: Settings },
+];
+
+export function Sidebar() {
+  const pathname = usePathname();
+
+  return (
+    <aside className="w-64 border-r border-border bg-card min-h-screen flex flex-col shrink-0">
+      <div className="h-16 flex items-center px-6 border-b border-border text-primary">
+        <BrainCircuit className="h-6 w-6 mr-2" />
+        <h2 className="text-xl font-bold tracking-tight">MindSpace</h2>
+      </div>
+      <nav className="flex-1 p-4 space-y-1">
+        {routes.map((route) => {
+          const isActive = pathname === route.path || pathname?.startsWith(route.path + "/");
+          // Home route exact match check
+          const isExactActive = route.path === "/" ? pathname === "/" : isActive;
+          
+          return (
+            <Link
+              key={route.path}
+              href={route.path}
+              className={cn(
+                "flex items-center gap-3 px-3 py-2.5 rounded-lg transition-colors text-sm font-medium",
+                isExactActive
+                  ? "bg-primary text-primary-foreground"
+                  : "text-muted-foreground hover:bg-muted hover:text-foreground"
+              )}
+            >
+              <route.icon className="h-5 w-5" />
+              {route.name}
+            </Link>
+          );
+        })}
+      </nav>
+      <div className="p-4 border-t border-border/50 text-xs text-muted-foreground/60 text-center">
+        Local-First AI Workspace
+      </div>
+    </aside>
+  );
+}