feat(#37-41): Add domains, ideas, relationships, agents, widgets schema

Schema additions for issues #37-41:

New models:
- Domain (#37): Life domains (work, marriage, homelab, etc.)
- Idea (#38): Brain dumps with pgvector embeddings
- Relationship (#39): Generic entity linking (blocks, depends_on)
- Agent (#40): ClawdBot agent tracking with metrics
- AgentSession (#40): Conversation session tracking
- WidgetDefinition (#41): HUD widget registry
- UserLayout (#41): Per-user dashboard configuration

Updated models:
- Task, Event, Project: Added domainId foreign key
- User, Workspace: Added new relations

New enums:
- IdeaStatus: CAPTURED, PROCESSING, ACTIONABLE, ARCHIVED, DISCARDED
- RelationshipType: BLOCKS, BLOCKED_BY, DEPENDS_ON, etc.
- AgentStatus: IDLE, WORKING, WAITING, ERROR, TERMINATED
- EntityType: Added IDEA, DOMAIN

Migration: 20260129182803_add_domains_ideas_agents_widgets

apps/web/src/components/calendar/Calendar.tsx

@@ -0,0 +1,64 @@
+import type { Event } from "@mosaic/shared";
+import { EventCard } from "./EventCard";
+import { getDateGroupLabel } from "@/lib/utils/date-format";
+
+interface CalendarProps {
+  events: Event[];
+  isLoading: boolean;
+}
+
+export function Calendar({ events, isLoading }: CalendarProps) {
+  if (isLoading) {
+    return (
+      <div className="flex justify-center items-center p-8">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"></div>
+        <span className="ml-3 text-gray-600">Loading calendar...</span>
+      </div>
+    );
+  }
+
+  if (events.length === 0) {
+    return (
+      <div className="text-center p-8 text-gray-500">
+        <p className="text-lg">No events scheduled</p>
+        <p className="text-sm mt-2">Your calendar is clear</p>
+      </div>
+    );
+  }
+
+  // Group events by date
+  const groupedEvents = events.reduce((groups, event) => {
+    const label = getDateGroupLabel(event.startTime);
+    if (!groups[label]) {
+      groups[label] = [];
+    }
+    groups[label].push(event);
+    return groups;
+  }, {} as Record<string, Event[]>);
+
+  const groupOrder = ["Today", "Tomorrow", "This Week", "Next Week", "Later"];
+
+  return (
+    <main className="space-y-6">
+      {groupOrder.map((groupLabel) => {
+        const groupEvents = groupedEvents[groupLabel];
+        if (!groupEvents || groupEvents.length === 0) {
+          return null;
+        }
+
+        return (
+          <section key={groupLabel}>
+            <h2 className="text-lg font-semibold text-gray-700 mb-3">
+              {groupLabel}
+            </h2>
+            <div className="space-y-2">
+              {groupEvents.map((event) => (
+                <EventCard key={event.id} event={event} />
+              ))}
+            </div>
+          </section>
+        );
+      })}
+    </main>
+  );
+}

apps/web/src/components/calendar/EventCard.tsx

@@ -0,0 +1,32 @@
+import type { Event } from "@mosaic/shared";
+import { formatTime } from "@/lib/utils/date-format";
+
+interface EventCardProps {
+  event: Event;
+}
+
+export function EventCard({ event }: EventCardProps) {
+  return (
+    <div className="bg-white p-3 rounded-lg border-l-4 border-blue-500 shadow-sm hover:shadow-md transition-shadow">
+      <div className="flex justify-between items-start mb-1">
+        <h3 className="font-semibold text-gray-900">{event.title}</h3>
+        {event.allDay ? (
+          <span className="text-xs text-gray-500 px-2 py-1 bg-gray-100 rounded">
+            All day
+          </span>
+        ) : (
+          <span className="text-xs text-gray-500">
+            {formatTime(event.startTime)}
+            {event.endTime && ` - ${formatTime(event.endTime)}`}
+          </span>
+        )}
+      </div>
+      {event.description && (
+        <p className="text-sm text-gray-600 mb-2">{event.description}</p>
+      )}
+      {event.location && (
+        <p className="text-xs text-gray-500">📍 {event.location}</p>
+      )}
+    </div>
+  );
+}