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

web/src/components/CreateChannelModal.tsx

@@ -11,7 +11,7 @@ interface ChannelApiResponse {
   id: string;
   server_id: string;
   name: string;
-  type: 'text' | 'voice' | 'forum';
+  type: 'text' | 'voice' | 'forum' | 'calendar';
   category: string;
   position: number;
   slowmode_seconds: number;
@@ -29,7 +29,7 @@ const SLOWMODE_OPTIONS = [
 
 export function CreateChannelModal({ serverId, onClose }: CreateChannelModalProps) {
   const [name, setName] = useState('');
-  const [type, setType] = useState<'text' | 'voice' | 'forum'>('text');
+  const [type, setType] = useState<'text' | 'voice' | 'forum' | 'calendar'>('text');
   const [category, setCategory] = useState('general');
   const [slowmodeSeconds, setSlowmodeSeconds] = useState(0);
   const [loading, setLoading] = useState(false);
@@ -107,12 +107,13 @@ export function CreateChannelModal({ serverId, onClose }: CreateChannelModalProp
             <label className="text-xs text-gb-fg-f block mb-1">TYPE:</label>
             <select
               value={type}
-              onChange={(e) => setType(e.target.value as 'text' | 'voice' | 'forum')}
+              onChange={(e) => setType(e.target.value as 'text' | 'voice' | 'forum' | 'calendar')}
               className="terminal-input w-full"
             >
               <option value="text">text</option>
               <option value="voice">voice</option>
               <option value="forum">forum</option>
+              <option value="calendar">calendar</option>
             </select>
           </div>
           <div>