feat(phase5): calendar channels - events, RSVPs, calendar view

web/src/components/ChatArea.tsx

@@ -10,6 +10,7 @@ import { MessageSearch } from "./MessageSearch";
 import { ThreadListPanel } from "./ThreadListPanel.tsx";
 import { ThreadPanel } from "./ThreadPanel.tsx";
 import { ForumView } from "./ForumView.tsx";
+import { CalendarView } from "./CalendarView.tsx";
 import { UserProfileModal } from "./UserProfileModal.tsx";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -245,7 +246,9 @@ export function ChatArea() {
           {activeChannel
             ? activeChannel.type === 'forum'
               ? `■ ${activeChannel.name}`
-              : `# ${activeChannel.name}`
+              : activeChannel.type === 'calendar'
+                ? `○ ${activeChannel.name}`
+                : `# ${activeChannel.name}`
             : activeChannelId
               ? `#${activeChannelId}`
               : "[NO CHANNEL SELECTED]"}
@@ -321,6 +324,8 @@ export function ChatArea() {
       <div className="flex flex-1 min-h-0">
         {activeChannel && activeChannel.type === 'forum' && activeChannelId ? (
           <ForumView channelId={activeChannelId} channelName={activeChannel.name} onOpenThread={(t) => setActiveThread(t)} />
+        ) : activeChannel && activeChannel.type === 'calendar' && activeChannelId ? (
+          <CalendarView channelId={activeChannelId} channelName={activeChannel.name} />
         ) : (
           <>
             <div className="flex-1 flex flex-col min-w-0">