\n {/* Top row with slot number and action buttons - separate from badges */}\n

{slotNumber}

\n {onJoinWaitlist && (\n \n +\n \n )}\n {onCancel && (\n \n ×\n \n )}\n

\n \n {/* Badges row - separate from action buttons */}\n

\n {slot.review_type && }\n {hasWaitlist && (\n \n +{slot.waitlist_count}\n \n )}\n {isMultiSlot && (\n

\n {bookingDuration}min\n

\n )}\n

\n \n {/* Content row */}\n

{slot.designer_name}

{slot.topic}

\n );\n }\n \n return (\n onBook(slot)}\n >\n

\n {slotNumber}\n

\n Available\n

\n \n );\n}\n\nfunction WaitlistModal({ slot, onClose, onSubmit }: {\n slot: Slot;\n onClose: () => void;\n onSubmit: (data: any) => void;\n}) {\n const [formData, setFormData] = React.useState({\n designerName: '',\n topic: '',\n reviewType: 'shareout',\n xfnPartners: ''\n });\n\n // Convert timestamp to 12-hour format for display\n const displayTime = React.useMemo(() => {\n return formatDisplayTimeFromTimestamp(slot.start_timestamp);\n }, [slot.start_timestamp]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onSubmit(formData);\n };\n\n return (\n

Join Waitlist

\n {displayTime} ({slot.duration} minutes)\n

\n Currently booked by: {slot.designer_name}\n {(slot.waitlist_count || 0) > 0 && (\n \n {slot.waitlist_count} already on waitlist\n \n )}\n

\n \n

\n \n Designer Name *\n \n setFormData({...formData, designerName: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent\"\n required\n />\n

\n \n

\n \n Topic *\n \n setFormData({...formData, topic: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent\"\n required\n />\n

\n \n

\n \n Review Type *\n \n setFormData({...formData, reviewType: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent\"\n required\n >\n \n \n \n \n \n

\n \n

\n \n XFN Partners\n \n setFormData({...formData, xfnPartners: e.target.value})}\n placeholder=\"e.g., PM, Eng, Research\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent\"\n />\n

\n \n

\n \n Join Waitlist\n \n \n Cancel\n \n

\n );\n}\n\ntype RelatedSlot = {\n id: number;\n start_time: string;\n duration: number;\n};\n\nfunction CancelModal({ slot, onClose, onSubmit }: {\n slot: Slot;\n onClose: () => void;\n onSubmit: (slotIds: number[]) => void;\n}) {\n const [relatedSlots, setRelatedSlots] = React.useState([]);\n const [selectedSlots, setSelectedSlots] = React.useState>(new Set());\n const [loading, setLoading] = React.useState(true);\n const [isPartialCancellation, setIsPartialCancellation] = React.useState(false);\n\n // Fetch related slots when modal opens\n React.useEffect(() => {\n const fetchRelatedSlots = async () => {\n try {\n console.log(`[DEBUG] Fetching related slots for slot ${slot.id}`);\n const response = await fetch(`/api/slots/${slot.id}/related`);\n if (response.ok) {\n const data = await response.json();\n console.log(`[DEBUG] Related slots API response:`, data);\n setRelatedSlots(data.slots || []);\n // Pre-select all slots by default\n const allSlotIds = new Set(data.slots.map((s: RelatedSlot) => s.id as number));\n setSelectedSlots(allSlotIds);\n const isMultiSlot = data.slots.length > 1;\n console.log(`[DEBUG] Setting isPartialCancellation to: ${isMultiSlot} (${data.slots.length} slots found)`);\n setIsPartialCancellation(isMultiSlot);\n } else {\n console.log(`[DEBUG] Related slots API failed with status: ${response.status}`);\n // Fallback to single slot if API fails\n const singleSlot = [{ id: slot.id, start_time: new Date(slot.start_timestamp).toISOString(), duration: slot.duration }];\n setRelatedSlots(singleSlot);\n setSelectedSlots(new Set([slot.id]));\n }\n } catch (_error) {\n console.error('Failed to fetch related slots:', _error);\n // Fallback to single slot\n const singleSlot = [{ id: slot.id, start_time: new Date(slot.start_timestamp).toISOString(), duration: slot.duration }];\n setRelatedSlots(singleSlot);\n setSelectedSlots(new Set([slot.id]));\n } finally {\n setLoading(false);\n }\n };\n\n fetchRelatedSlots();\n }, [slot.id, slot.start_timestamp, slot.duration]);\n\n const formatTimeRange = (timestamp: number, duration: number) => {\n const startFormatted = formatDisplayTimeFromTimestamp(timestamp);\n const endTimestamp = timestamp + (duration * 60 * 1000);\n const endFormatted = formatDisplayTimeFromTimestamp(endTimestamp);\n return `${startFormatted} - ${endFormatted}`;\n };\n\n const handleSlotToggle = (slotId: number) => {\n const newSelected = new Set(selectedSlots);\n if (newSelected.has(slotId)) {\n newSelected.delete(slotId);\n } else {\n newSelected.add(slotId);\n }\n setSelectedSlots(newSelected);\n };\n\n const handleSelectAll = () => {\n const allSlotIds = new Set(relatedSlots.map(s => s.id));\n setSelectedSlots(allSlotIds);\n };\n\n const handleSelectNone = () => {\n setSelectedSlots(new Set());\n };\n\n const handleConfirm = () => {\n const slotIdsToCancel = Array.from(selectedSlots);\n onSubmit(slotIdsToCancel);\n };\n\n const selectedCount = selectedSlots.size;\n const totalDuration = relatedSlots\n .filter(slot => selectedSlots.has(slot.id))\n .reduce((total, slot) => total + slot.duration, 0);\n\n if (loading) {\n return (\n

Loading booking details...

\n );\n }\n\n return (\n

\n {isPartialCancellation ? 'Cancel Booking Slots' : 'Cancel Booking'}\n

\n \n

\n Booked by: {slot.designer_name}\n

\n\n {isPartialCancellation && (\n <>\n

\n Select which time slots to cancel. Keep the slots you still need:\n

\n \n

\n \n Select All\n \n \n Select None\n \n

\n \n

\n {relatedSlots.map((relatedSlot) => (\n \n handleSlotToggle(relatedSlot.id)}\n className=\"rounded border-gray-300 text-brand focus:ring-brand\"\n />\n \n {formatTimeRange(relatedSlot.start_timestamp, relatedSlot.duration)}\n \n \n ))}\n

\n \n {selectedCount > 0 && (\n

\n Selected: {selectedCount} slot{selectedCount !== 1 ? 's' : ''} ({totalDuration} minutes total)\n

\n )}\n \n )}\n\n {!isPartialCancellation && (\n

\n {formatDisplayTimeFromTimestamp(slot.start_timestamp)} ({slot.duration} minutes)
\n This will cancel the booking and make the slot available to others.\n

\n )}\n \n

\n \n {selectedCount === 0 \n ? 'Select slots to cancel'\n : `Cancel ${selectedCount} Slot${selectedCount !== 1 ? 's' : ''}`\n }\n \n \n Keep Booking\n \n

\n );\n}\n\n// New modal for handling booking conflicts\nfunction BookingConflictModal({ conflictInfo, onClose, onSelectAlternative, onTryAgain }: {\n conflictInfo: {\n message: string;\n currentBooker?: string;\n alternatives: { id: number; timestamp: number; duration: number; }[];\n originalSlot: Slot;\n };\n onClose: () => void;\n onSelectAlternative: (alternativeSlot: { id: number; timestamp: number; duration: number; }) => void;\n onTryAgain: () => void;\n}) {\n const getSlotNumber = (timestamp: number, sessionSlots: Slot[]): string => {\n const sortedSlots = sessionSlots\n .filter(s => s.session_id === conflictInfo.originalSlot.session_id)\n .sort((a, b) => a.start_timestamp - b.start_timestamp);\n \n const slotIndex = sortedSlots.findIndex(s => s.start_timestamp === timestamp);\n return slotIndex >= 0 ? `Slot ${slotIndex + 1}` : 'Unknown Slot';\n };\n\n return (\n

⚠️

Slot No Longer Available

\n {conflictInfo.message}\n

\n {conflictInfo.currentBooker && (\n

\n Now booked by: {conflictInfo.currentBooker}\n

\n )}\n

\n\n {conflictInfo.alternatives.length > 0 && (\n

Available alternatives in this session:

\n {conflictInfo.alternatives.map((alt) => (\n onSelectAlternative(alt)}\n className=\"w-full text-left px-3 py-2 bg-green-50 border border-green-200 rounded-md hover:bg-green-100 transition-colors\"\n >\n

\n {getSlotNumber(alt.timestamp, [])} - Available\n

\n {alt.duration} minutes\n

\n \n ))}\n

\n )}\n\n

\n \n Try Again\n \n \n Cancel\n \n

\n );\n}\n\nfunction BookingModal({ slot, onClose, onSubmit }: {\n slot: Slot;\n onClose: () => void;\n onSubmit: (data: any) => void;\n}) {\n const [formData, setFormData] = React.useState({\n designerName: '',\n topic: '',\n reviewType: 'shareout',\n xfnPartners: '',\n duration: 15\n });\n const [consecutiveAvailability, setConsecutiveAvailability] = React.useState<{\n [key: number]: { available: boolean; error?: string; }\n }>({});\n const [checkingAvailability, setCheckingAvailability] = React.useState(false);\n\n // Convert timestamp to 12-hour format for display\n const displayTime = React.useMemo(() => {\n return formatDisplayTimeFromTimestamp(slot.start_timestamp);\n }, [slot.start_timestamp]);\n\n // Calculate end time for consecutive slots\n const getTimeRange = React.useMemo(() => {\n return (duration: number) => {\n const startTime = formatDisplayTimeFromTimestamp(slot.start_timestamp);\n if (duration === 15) {\n return startTime;\n }\n \n const endTimestamp = slot.start_timestamp + (duration * 60 * 1000);\n const endTime = formatDisplayTimeFromTimestamp(endTimestamp);\n return `${startTime} - ${endTime}`;\n };\n }, [slot.start_timestamp]);\n\n // Check consecutive slot availability when duration changes\n React.useEffect(() => {\n const checkConsecutiveAvailability = async (duration: number) => {\n if (duration === 15) {\n setConsecutiveAvailability(prev => ({ ...prev, [duration]: { available: true } }));\n return;\n }\n \n setCheckingAvailability(true);\n try {\n const response = await fetch(`/api/slots/${slot.id}/consecutive?duration=${duration}`);\n const data = await response.json();\n \n setConsecutiveAvailability(prev => ({\n ...prev,\n [duration]: {\n available: data.available,\n error: data.error\n }\n }));\n } catch (_error) {\n setConsecutiveAvailability(prev => ({\n ...prev,\n [duration]: {\n available: false,\n error: 'Failed to check availability'\n }\n }));\n } finally {\n setCheckingAvailability(false);\n }\n };\n\n checkConsecutiveAvailability(formData.duration);\n }, [formData.duration, slot.id]);\n\n const durationOptions = [\n { value: 15, label: '15 minutes (1 slot)' },\n { value: 30, label: '30 minutes (2 slots)' },\n { value: 45, label: '45 minutes (3 slots)' },\n { value: 60, label: '60 minutes (4 slots)' }\n ];\n\n const currentAvailability = consecutiveAvailability[formData.duration];\n const isAvailable = currentAvailability?.available !== false;\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onSubmit(formData);\n };\n\n return (\n

Book Review Slot

\n {getTimeRange(formData.duration)} {formData.duration === 15 ? 'slot' : 'time range'}\n

\n {formData.duration > 15 && (\n

\n Will book {formData.duration / 15} consecutive slots ({formData.duration} minutes total)\n

\n )}\n \n

\n \n Duration *\n \n setFormData({...formData, duration: parseInt(e.target.value)})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand focus:border-transparent\"\n required\n >\n {durationOptions.map(option => (\n \n ))}\n \n {checkingAvailability && (\n

\n Checking availability...\n

\n )}\n {!isAvailable && currentAvailability?.error && (\n

\n {currentAvailability.error}\n

\n )}\n {isAvailable && formData.duration > 15 && (\n

\n {formData.duration / 15} consecutive slots available\n

\n )}\n

\n \n

\n \n {checkingAvailability \n ? 'Checking...' \n : `Book ${formData.duration === 15 ? 'Slot' : `${formData.duration / 15} Slots`}`\n }\n \n \n Cancel\n \n

\n );\n}\n\nfunction _SessionSection({\n session,\n _date,\n slots,\n onBookSlot,\n onCancelSlot,\n onJoinWaitlist\n}: {\n session: ReviewSession;\n _date: string;\n slots: Slot[];\n onBookSlot: (slot: Slot) => void;\n onCancelSlot?: (slot: Slot) => void;\n onJoinWaitlist?: (slot: Slot) => void;\n}) {\n const availableSlots = slots.filter(slot => slot.status === 'available');\n\n return (\n

{session.name}

\n {formatSessionTimeWithUserPrimary(session).primaryTime} (your time)\n

\n {formatSessionTimeWithUserPrimary(session).referenceTimezones}\n

\n 0 \n ? 'bg-green-100 text-green-800' \n : 'bg-red-100 text-red-800'\n }`}>\n {availableSlots.length} / {slots.length} \n {slots.length === 1 ? ' slot' : ' slots'} open\n \n {availableSlots.length === 0 && (\n \n All slots booked\n \n )}\n

\n \n {slots.length === 0 ? (\n

\n No slots available for this session\n

\n ) : (\n

\n {slots.map((slot) => (\n \n ))}\n

\n )}\n

\n );\n}\n\nfunction CalendarDaySection({ \n timestamp, \n dayName, \n allSlots, \n onBookSlot,\n onCancelSlot,\n onJoinWaitlist,\n isPastDate\n}: {\n timestamp: number;\n dayName: string;\n allSlots: Record>;\n onBookSlot: (slot: Slot) => void;\n onCancelSlot?: (slot: Slot) => void;\n onJoinWaitlist?: (slot: Slot) => void;\n isPastDate: boolean;\n}) {\n const dateSlots = allSlots[timestamp] || {};\n const availableSessionIds = Object.keys(dateSlots).map(id => parseInt(id)).sort();\n const hasData = availableSessionIds.length > 0;\n\n return (\n

\n {/* Day Header */}\n

\n {dayName}\n

\n {isPastDate && (\n \n Past Sessions\n \n )}\n

\n {hasData ? (\n availableSessionIds.length === 1 ? '1 session' : `${availableSessionIds.length} sessions`\n ) : 'No sessions'}\n

\n\n {/* Sessions Grid */}\n

\n {hasData ? (\n

\n {availableSessionIds.map((sessionId) => {\n const session = REVIEW_SESSIONS[sessionId];\n const sessionSlots = dateSlots[sessionId] || [];\n \n if (!session) {\n return (\n

⚠️ Unknown session ID: {sessionId}

\n );\n }\n \n return (\n \n );\n })}\n

\n ) : (\n

No sessions scheduled

This day has no design review sessions

\n )}\n

\n );\n}\n\n// Helper function to group consecutive slots into booking blocks\nfunction groupSlotsIntoBlocks(slots: Slot[]): Array {\n const result: Array = [];\n const processed = new Set();\n \n slots.forEach((slot, index) => {\n if (processed.has(slot.id)) return;\n \n // If this slot is booked and has a booking duration > 15, find consecutive slots\n if (slot.status === 'booked' && (slot.booking_duration || 15) > 15) {\n const duration = slot.booking_duration || 15;\n const slotsNeeded = duration / 15;\n const consecutiveSlots = [slot];\n \n // Find the next consecutive slots with same designer\n for (let i = 1; i < slotsNeeded; i++) {\n const nextSlot = slots.find((s, idx) => \n idx > index && \n s.status === 'booked' && \n s.designer_name === slot.designer_name &&\n !processed.has(s.id)\n );\n \n if (nextSlot) {\n consecutiveSlots.push(nextSlot);\n processed.add(nextSlot.id);\n }\n }\n \n // Only group if we found multiple slots\n if (consecutiveSlots.length > 1) {\n result.push(consecutiveSlots);\n consecutiveSlots.forEach(s => processed.add(s.id));\n } else {\n result.push(slot);\n processed.add(slot.id);\n }\n } else {\n // Single slot (available or single booked slot)\n result.push(slot);\n processed.add(slot.id);\n }\n });\n \n return result;\n}\n\nfunction MultiSlotBookingBlock({ slots, onCancel, onJoinWaitlist }: {\n slots: Slot[];\n onCancel?: (slot: Slot) => void;\n onJoinWaitlist?: (slot: Slot) => void;\n}) {\n const firstSlot = slots[0];\n const lastSlot = slots[slots.length - 1];\n const totalDuration = slots.reduce((sum, slot) => sum + slot.duration, 0);\n const hasWaitlist = slots.some(slot => (slot.waitlist_count || 0) > 0);\n const totalWaitlist = slots.reduce((sum, slot) => sum + (slot.waitlist_count || 0), 0);\n\n // Format time range for the entire booking\n const formatTimeRange = () => {\n\n const startTime = formatDisplayTimeFromTimestamp(firstSlot.start_timestamp);\n \n // Calculate end time based on last slot's timestamp + duration\n const endTimestamp = lastSlot.start_timestamp + (lastSlot.duration * 60 * 1000);\n const endTime = formatDisplayTimeFromTimestamp(endTimestamp);\n \n return `${startTime}–${endTime}`;\n };\n\n const handleCancel = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (onCancel) onCancel(firstSlot); // Pass the first slot as the representative\n };\n\n const handleJoinWaitlist = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (onJoinWaitlist) onJoinWaitlist(firstSlot);\n };\n\n // Calculate width based on total duration (base 128px per 15-minute slot)\n const baseSlotWidth = 128;\n const widthMultiplier = totalDuration / 15;\n const minWidth = `${baseSlotWidth}px`;\n const flexBasis = `${baseSlotWidth * widthMultiplier}px`;\n\n return (\n

{formatTimeRange()}

{firstSlot.designer_name}

{firstSlot.topic}

\n {firstSlot.review_type && }\n {hasWaitlist && (\n \n +{totalWaitlist}\n \n )}\n

\n {totalDuration}min\n

\n \n Extended\n \n

\n \n

\n {onJoinWaitlist && (\n \n +\n \n )}\n {onCancel && (\n \n ×\n \n )}\n

\n );\n}\n\nfunction CompactSessionSection({\n session,\n timestamp,\n slots,\n onBookSlot,\n onCancelSlot,\n onJoinWaitlist,\n isPastDate\n}: {\n session: ReviewSession;\n timestamp: number;\n slots: Slot[];\n onBookSlot: (slot: Slot) => void;\n onCancelSlot?: (slot: Slot) => void;\n onJoinWaitlist?: (slot: Slot) => void;\n isPastDate: boolean;\n}) {\n const availableSlots = slots.filter(slot => slot.status === 'available');\n const slotBlocks = groupSlotsIntoBlocks(slots);\n const sessionId = session.name.replace(/\\s+/g, '-');\n\n\n return (\n

\n {/* Session Header */}\n

{session.name}

\n {formatSessionTimeWithUserPrimary(session).primaryTime} (your time)\n

\n {formatSessionTimeWithUserPrimary(session).referenceTimezones}\n

0 \n ? 'bg-green-100 text-green-700' \n : 'bg-red-100 text-red-700'\n }`}>\n {availableSlots.length} / {slots.length} \n {slots.length === 1 ? ' slot' : ' slots'} open\n

\n\n {/* Responsive Grid Layout */}\n {slots.length === 0 ? (\n

\n No slots available for this session\n

\n ) : (\n

\n {slotBlocks.map((block, _index) => {\n if (Array.isArray(block)) {\n // Multi-slot booking block\n return (\n \n );\n } else {\n // Single slot\n return (\n \n );\n }\n })}\n

\n )}\n

\n );\n}\n\nfunction MonthNavigation({ currentMonth, onMonthChange, isPastMonth }: {\n currentMonth: Date;\n onMonthChange: (month: Date) => void;\n isPastMonth: boolean;\n}) {\n const getMonthString = (date: Date) => {\n return date.toLocaleDateString('en-US', { \n month: 'long', \n year: 'numeric' \n });\n };\n\n const goToPrevMonth = () => {\n const prev = new Date(currentMonth);\n prev.setMonth(currentMonth.getMonth() - 1);\n onMonthChange(prev);\n };\n\n const goToNextMonth = () => {\n const next = new Date(currentMonth);\n next.setMonth(currentMonth.getMonth() + 1);\n onMonthChange(next);\n };\n\n const goToCurrentMonth = () => {\n onMonthChange(new Date());\n };\n\n return (\n

\n \n \n \n \n

\n {getMonthString(currentMonth)}\n

\n {isPastMonth && (\n

\n Historical Month\n

\n )}\n

\n \n \n \n \n

\n \n \n This Month\n \n

\n );\n}\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n return (\n \n );\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n return (\n \n );\n}\n\nfunction Toast({ message, type, onClose }: {\n message: string;\n type: 'success' | 'error';\n onClose: () => void;\n}) {\n React.useEffect(() => {\n const timer = setTimeout(() => {\n onClose();\n }, 4000);\n \n return () => clearTimeout(timer);\n }, [onClose]);\n\n const bgColor = type === 'success' ? 'bg-green-600' : 'bg-red-600';\n const icon = type === 'success' ? '✓' : '⚠';\n\n return (\n

\n {icon}\n {message}\n \n ×\n \n

\n );\n}\n\nfunction App() {\n const [allSlots, setAllSlots] = React.useState>>({});\n const [loading, setLoading] = React.useState(false);\n const [error, setError] = React.useState(\"\");\n const [bookingSlot, setBookingSlot] = React.useState(null);\n const [cancelSlot, setCancelSlot] = React.useState(null);\n const [waitlistSlot, setWaitlistSlot] = React.useState(null);\n const [currentMonth, setCurrentMonth] = React.useState(new Date());\n const [toast, setToast] = React.useState<{ message: string; type: 'success' | 'error' } | null>(null);\n const [bookingConflict, setBookingConflict] = React.useState<{\n message: string;\n currentBooker?: string;\n alternatives: { id: number; timestamp: number; duration: number; }[];\n originalSlot: Slot;\n originalFormData: any;\n } | null>(null);\n\n const showToast = (message: string, type: 'success' | 'error') => {\n setToast({ message, type });\n };\n\n // Get UTC timestamps for all Tuesdays in current month\n const monthDates = React.useMemo(() => {\n const dates = [];\n \n // Get first day of current month\n const firstOfMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), 1);\n \n // Get last day of current month\n const lastOfMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 0);\n \n // Find all Tuesdays in the month\n const currentDate = new Date(firstOfMonth);\n \n while (currentDate <= lastOfMonth) {\n if (currentDate.getDay() === 2) { // Tuesday = 2\n // Convert to UTC timestamp at start of day\n const utcDate = new Date(Date.UTC(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n currentDate.getDate(),\n 0, 0, 0, 0\n ));\n \n const dateTimestamp = utcDate.getTime();\n const dayName = utcDate.toLocaleDateString('en-US', { \n weekday: 'long', \n month: 'long', \n day: 'numeric',\n timeZone: 'UTC'\n });\n \n console.log(`Created: timestamp=${dateTimestamp}, dayName=${dayName}, utcDate=${utcDate.toISOString()}`);\n dates.push({ \n timestamp: dateTimestamp,\n dayName, \n dateObj: utcDate \n });\n }\n \n // Move to next day\n currentDate.setDate(currentDate.getDate() + 1);\n }\n \n console.log('monthDates calculated:', dates);\n return dates;\n }, [currentMonth]);\n\n const isPastMonth = React.useMemo(() => {\n const now = new Date();\n const endOfCurrentMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 0);\n return endOfCurrentMonth < now;\n }, [currentMonth]);\n\n // Fetch slots when month changes\n React.useEffect(() => {\n const timestamps = monthDates.map(d => d.timestamp);\n if (timestamps.length > 0) {\n fetchSlotsForTimestamps(timestamps);\n }\n }, [monthDates]);\n\n const fetchSlotsForTimestamps = React.useCallback(async (timestamps: number[]) => {\n console.log('fetchSlotsForTimestamps CALLED with timestamps:', timestamps);\n setLoading(true);\n setError(\"\");\n \n try {\n const slotsMap: Record> = {};\n \n // For each timestamp, fetch all relevant sessions\n for (const timestamp of timestamps) {\n console.log(`Processing timestamp: ${timestamp}`);\n const utcDate = new Date(timestamp);\n const dayOfWeek = utcDate.getUTCDay();\n const sessionIds = dayOfWeek === 2 ? [1, 2, 3] : [];\n \n console.log(`Timestamp ${timestamp} (${utcDate.toISOString()}) is UTC day ${dayOfWeek}, sessions: [${sessionIds.join(', ')}]`);\n \n slotsMap[timestamp] = {};\n \n if (sessionIds.length === 0) {\n console.log(`No sessions for timestamp ${timestamp} (day ${dayOfWeek})`);\n continue;\n }\n \n // Fetch slots for each session on this timestamp\n const sessionPromises = sessionIds.map(async (sessionId) => {\n try {\n const url = `/api/sessions/${sessionId}/slots?timestamp=${timestamp}`;\n console.log(`Fetching: ${url}`);\n const response = await fetch(url);\n if (!response.ok) {\n console.warn(`Failed to fetch session ${sessionId} for timestamp ${timestamp}: ${response.status}`);\n return { sessionId, slots: [] };\n }\n const data = await response.json();\n console.log(`Fetched session ${sessionId} for timestamp ${timestamp}:`, data.slots?.length || 0, 'slots');\n return { sessionId, slots: Array.isArray(data.slots) ? data.slots : [] };\n } catch (err) {\n console.warn(`Error fetching session ${sessionId} for timestamp ${timestamp}:`, err);\n return { sessionId, slots: [] };\n }\n });\n\n const sessionResults = await Promise.all(sessionPromises);\n sessionResults.forEach(({ sessionId, slots }) => {\n // Always add the session data, even if empty, so we know it was fetched\n slotsMap[timestamp][sessionId] = slots;\n console.log(`Added session ${sessionId} for timestamp ${timestamp}: ${slots.length} slots`);\n });\n }\n \n console.log('DEBUG: Final slots map:', slotsMap);\n setAllSlots(slotsMap);\n } catch (err) {\n console.error('Error fetching slots:', err);\n setError(err instanceof Error ? err.message : 'Failed to fetch slots');\n setAllSlots({});\n } finally {\n setLoading(false);\n }\n }, []);\n\n // This effect is now handled above with monthDates\n\n const handleBookSlot = async (formData: any) => {\n if (!bookingSlot) return;\n \n try {\n const response = await fetch(`/api/slots/${bookingSlot.id}/book`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(formData),\n });\n \n if (response.ok) {\n // Refresh slots for all timestamps\n const timestamps = monthDates.map(d => d.timestamp);\n await fetchSlotsForTimestamps(timestamps);\n setBookingSlot(null);\n const duration = formData.duration || 15;\n const slotText = duration === 15 ? 'slot' : `${duration / 15} slots`;\n showToast(`Successfully booked ${slotText} for ${formData.designerName}`, 'success');\n } else if (response.status === 409) {\n // Handle concurrent booking conflicts\n const conflictData = await response.json();\n setBookingSlot(null); // Close the booking modal\n setBookingConflict({\n message: conflictData.message,\n currentBooker: conflictData.currentBooker,\n alternatives: conflictData.alternatives || [],\n originalSlot: bookingSlot,\n originalFormData: formData\n });\n } else {\n const error = await response.json();\n showToast(error.message || error.error || 'Failed to book slot', 'error');\n }\n } catch (_error) {\n showToast('Failed to book slot', 'error');\n }\n };\n\n // Handle selecting an alternative slot from the conflict modal\n const handleSelectAlternative = async (alternativeSlot: { id: number; timestamp: number; duration: number; }) => {\n if (!bookingConflict) return;\n \n // Create a new slot object from the alternative for booking\n const newSlot: Slot = {\n id: alternativeSlot.id,\n session_id: bookingConflict.originalSlot.session_id,\n start_timestamp: alternativeSlot.timestamp,\n duration: alternativeSlot.duration,\n status: 'available'\n };\n \n // Close conflict modal and open booking modal with the alternative slot\n setBookingConflict(null);\n setBookingSlot(newSlot);\n };\n\n // Handle trying to book the original slot again\n const handleTryBookingAgain = async () => {\n if (!bookingConflict) return;\n \n // Attempt to book with the original form data\n try {\n const response = await fetch(`/api/slots/${bookingConflict.originalSlot.id}/book`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(bookingConflict.originalFormData),\n });\n \n if (response.ok) {\n // Success - refresh and show success message\n const timestamps = monthDates.map(d => d.timestamp);\n await fetchSlotsForTimestamps(timestamps);\n setBookingConflict(null);\n const duration = bookingConflict.originalFormData.duration || 15;\n const slotText = duration === 15 ? 'slot' : `${duration / 15} slots`;\n showToast(`Successfully booked ${slotText} for ${bookingConflict.originalFormData.designerName}`, 'success');\n } else if (response.status === 409) {\n // Still conflicted - update the conflict info\n const conflictData = await response.json();\n setBookingConflict({\n ...bookingConflict,\n message: conflictData.message,\n currentBooker: conflictData.currentBooker,\n alternatives: conflictData.alternatives || []\n });\n } else {\n const error = await response.json();\n showToast(error.message || error.error || 'Failed to book slot', 'error');\n setBookingConflict(null);\n }\n } catch (_error) {\n showToast('Failed to book slot', 'error');\n setBookingConflict(null);\n }\n };\n\n const handleCancelSlot = async (slotIds: number[]) => {\n if (!cancelSlot || slotIds.length === 0) return;\n \n console.log(`[DEBUG] Attempting to cancel slots:`, slotIds);\n \n try {\n let response;\n let url;\n \n if (slotIds.length === 1 && slotIds[0] === cancelSlot.id) {\n // Single slot or full booking cancellation - use DELETE endpoint\n url = `/api/slots/${cancelSlot.id}/cancel`;\n console.log(`[DEBUG] Making DELETE request to: ${url}`);\n response = await fetch(url, { method: 'DELETE' });\n } else {\n // Partial cancellation - use POST endpoint\n url = `/api/slots/cancel-partial`;\n console.log(`[DEBUG] Making POST request to: ${url} with slots:`, slotIds);\n response = await fetch(url, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ slotIds })\n });\n }\n \n console.log(`[DEBUG] Response status: ${response.status}`);\n \n if (response.ok) {\n const result = await response.json();\n console.log(`[DEBUG] Cancellation successful:`, result);\n \n // Refresh slots for all timestamps\n const timestamps = monthDates.map(d => d.timestamp);\n await fetchSlotsForTimestamps(timestamps);\n setCancelSlot(null);\n \n const message = slotIds.length === 1 \n ? 'Booking cancelled successfully'\n : `${slotIds.length} slots cancelled successfully`;\n showToast(message, 'success');\n } else {\n const errorText = await response.text();\n console.error(`[ERROR] Cancellation failed with status ${response.status}:`, errorText);\n \n try {\n const error = JSON.parse(errorText);\n showToast(error.error || `Failed to cancel booking (${response.status})`, 'error');\n } catch {\n showToast(`Failed to cancel booking (${response.status}): ${errorText}`, 'error');\n }\n }\n } catch (error) {\n console.error(`[ERROR] Exception during cancellation:`, error);\n showToast(`Network error: ${error.message}`, 'error');\n }\n };\n\n const handleJoinWaitlist = async (formData: any) => {\n if (!waitlistSlot) return;\n \n try {\n const response = await fetch(`/api/slots/${waitlistSlot.id}/waitlist`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(formData),\n });\n \n if (response.ok) {\n const result = await response.json();\n // Refresh slots for all timestamps\n const timestamps = monthDates.map(d => d.timestamp);\n await fetchSlotsForTimestamps(timestamps);\n setWaitlistSlot(null);\n showToast(result.message || 'Successfully joined waitlist', 'success');\n } else {\n const error = await response.json();\n showToast(error.error || 'Failed to join waitlist', 'error');\n }\n } catch (_error) {\n showToast('Failed to join waitlist', 'error');\n }\n };\n\n // Date expansion no longer needed with calendar view\n\n if (loading && Object.keys(allSlots).length === 0) {\n return (\n

Design Review Scheduler

Loading your sessions...

\n );\n }\n\n if (error && Object.keys(allSlots).length === 0) {\n return (\n

Design Review Scheduler

⚠️

Connection Error

{error}

Please check the browser console for more details.

\n \n

\n );\n }\n\n return (\n

\n Design Review Scheduler\n

\n\n {/* Month Navigation */}\n \n\n {/* Loading indicator */}\n {loading && (\n

Loading week sessions...

\n )}\n\n {/* Calendar Month View */}\n

\n {monthDates.map(({ timestamp, dayName }) => (\n \n ))}\n

\n\n {/* Booking Modal */}\n {bookingSlot && (\n setBookingSlot(null)}\n onSubmit={handleBookSlot}\n />\n )}\n\n {/* Booking Conflict Modal */}\n {bookingConflict && (\n setBookingConflict(null)}\n onSelectAlternative={handleSelectAlternative}\n onTryAgain={handleTryBookingAgain}\n />\n )}\n\n {/* Cancel Modal */}\n {cancelSlot && (\n setCancelSlot(null)}\n onSubmit={handleCancelSlot}\n />\n )}\n\n {/* Waitlist Modal */}\n {waitlistSlot && (\n setWaitlistSlot(null)}\n onSubmit={handleJoinWaitlist}\n />\n )}\n\n {/* Toast Notification */}\n {toast && (\n setToast(null)}\n />\n )}\n

\n );\n}\n\nconst container = document.getElementById(\"root\");\nif (container) {\n const root = createRoot(container);\n root.render();\n}",[],[99,209],{"_104":218,"_95":219,"_153":220,"_155":203,"_156":138,"_157":221,"_159":160,"_106":222,"_100":223,"_162":176,"_164":224,"_165":22,"_166":-5,"_167":225,"_98":226},"7b03fb30-7165-11f0-9a66-0224a6c84d84","index.html","d3cb32fa-677a-11f0-8a66-0224a6c84d84",275,["D",1754334111784],7,"\n\n \n Design Review Scheduler\n \n \n \n \n \n \n

\n \n \n",[],[99,219],[99],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":160,"_106":233,"_100":32,"_162":176,"_164":234,"_165":22,"_166":-5,"_167":235,"_98":236},"1a3b7552-677a-11f0-bfe0-0224a6c84d84",".vtignore","1a3b7606-677a-11f0-bfe0-0224a6c84d84",2,["D",1753243457219],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[230],{"_104":238,"_95":239,"_153":240,"_155":-5,"_156":138,"_157":241,"_159":160,"_106":242,"_100":243,"_162":176,"_164":244,"_165":22,"_166":-5,"_167":245,"_98":246},"5c574d24-677c-11f0-852b-0224a6c84d84","CLAUDE.md","4329c3a4-677c-11f0-b416-0224a6c84d84",38,["D",1753244427120],1,"# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.\n\n## Project Overview\n\nThis is a **Val Town project** - a full-stack web application combining React frontend with Hono backend, designed for Val Town's Deno-based serverless platform.\n\n## Architecture\n\n### Core Structure\n```\n├── backend/\n│ └── server.ts # Hono HTTP server with API routes\n├── frontend/\n│ ├── index.html # HTML entry point\n│ └── app.tsx # React application component\n├── deno.json # Deno configuration\n└── .cursorrules # Val Town development guidelines\n```\n\n### Technology Stack\n- **Runtime**: Deno (not Node.js)\n- **Backend**: Hono web framework serving HTTP requests\n- **Frontend**: React 18.2.0 from ESM.sh CDN\n- **Modules**: ESM imports from esm.sh and esm.town\n- **Platform**: Val Town serverless environment\n\n### Key Patterns\n\n#### File Serving\nUses Val Town's `serveFile` utility for proper content-type handling:\n```ts\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### React Configuration\nAll React files must include JSX pragma and use pinned versions:\n```tsx\n/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18\";\n```\n\n#### Error Handling\nInclude error unwrapping for proper debugging:\n```ts\napp.onError((err, c) => {\n throw err;\n});\n```\n\n#### Entry Point\nHTTP vals must export the fetch handler:\n```ts\nexport default app.fetch;\n```\n\n## Development Commands\n\nNo traditional build commands - code runs directly on Val Town's platform. Files are served and executed as-is.\n\n### Code Verification\n- **Lint code**: `deno lint` - Check for code quality issues\n- **Type check**: `deno check backend/server.ts` - Verify TypeScript types\n\n## Platform Constraints\n\n- **No binary files** - text-only file system\n- **ESM modules only** - no Node.js compatibility required\n- **CDN dependencies** - external module loading from esm.sh\n- **Serverless limitations** - stateless request handling only\n\n## Val Town Standard Libraries\n\nKey utilities available:\n- **Blob storage**: `import { blob } from \"https://esm.town/v/std/blob\"`\n- **SQLite**: `import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\"`\n- **OpenAI**: `import { OpenAI } from \"https://esm.town/v/std/openai\"`\n- **Email**: `import { email } from \"https://esm.town/v/std/email\"`\n\n## Important Rules\n\n1. **Always pin React to 18.2.0** across all dependencies\n2. **Use `npm:` prefix** for npm imports in server-side code only\n3. **Use esm.sh URLs** for client-side imports\n4. **Include JSX pragma** in all TSX files\n5. **Change SQLite table names** instead of altering schemas\n6. **Use environment variables** for secrets via `Deno.env.get()`\n7. **Avoid Node.js APIs** - stick to Deno and web standards\n\n## Current Application\n\nSimple React counter app demonstrating:\n- Hono server with static file serving\n- React state management\n- API endpoints (`/api/health`)\n- Proper file separation between frontend/backend",[],[239],{"_104":248,"_95":249,"_153":250,"_155":-5,"_156":138,"_157":251,"_159":22,"_106":252,"_100":253,"_162":176,"_164":254,"_165":22,"_166":-5,"_167":255,"_98":256},"3e291c72-7246-11f0-b9d0-0224a6c84d84","TODO.md","362f2426-68fa-11f0-aa46-0224a6c84d84",444,["D",1754430646451],20,"// 5 Aug 2025\n\nAdd protection against concurrent booking conflicts when multiple designers try to book the same slot simultaneously.\n\nWhen someone submits a booking, verify the slot is still available before confirming. If another designer booked it while they were filling out the form, show a clear message explaining the slot was just taken and automatically highlight the next available slot in that session. \n\nConsider adding real-time availability updates so slots that get booked appear as unavailable immediately across all open browsers, reducing the chance of conflicts. The goal is to handle this race condition gracefully without frustrating designers who thought they had secured a slot.\n\nMake the experience feel fair and transparent - if someone loses out on a slot, they should understand why and have an immediate alternative option presented to them.\n\nMake several visual and structural improvements to clean up the interface.\n\nFirst, update the page title styling to use black text instead of the current color, creating better contrast and a more professional appearance.\n\nSince we now only have Tuesday sessions (Thursday was removed), simplify the layout structure. Remove any unnecessary container grouping around Tuesday sessions. Restructure the time navigation to show a full month view per page, displaying all Tuesdays within that month. This gives designers a better overview of available slots across several weeks at once rather than switching between individual weeks.\n\nFix the interaction overlap issue where hovering on booked slots causes the waitlist and cancel buttons to overlap with the review type badge. These elements need proper spacing so all information remains visible and clickable. Additionally, resolve the color clash between the review type badges and the booked slot backgrounds - ensure sufficient contrast so the badges remain readable against the slot background color.\n\nThe result should be a cleaner, more scannable interface where designers can see a month's worth of review opportunities at a glance without visual conflicts or confusing overlaps.\n\nImplement automatic timezone detection to show all session times in the user's local timezone.\n\nUse JavaScript's built-in timezone detection (Intl.DateTimeFormat().resolvedOptions().timeZone) to identify where the user is located. Convert all session times from their original timezones (Paris time for Session 1, PT for Sessions 2 & 3) to display in the user's local time automatically.\n\nRemove the manual timezone selector since we'll now auto-detect. Still show the multi-timezone reference (Paris 🇫🇷, Santiago 🇨🇱, Buenos Aires 🇦🇷, SF 🇺🇸) for each session so people can coordinate with teammates, but make the primary display times reflect what's relevant for the current user.\n\nFor example, if someone in Buenos Aires views Session 1 (2:30 PM Paris time), they should see their local time (9:30 AM) as the primary display, with the other timezones shown as reference.\n\nThis eliminates confusion and the need for mental timezone math - each designer sees when reviews actually occur in their local time while still being able to coordinate globally.\n\nFix the booking modal to show times in the user's local timezone, consistent with how times are displayed in the main interface.\n\nCurrently, the booking modal seems to show the original session time (Paris or PT) rather than converting to the user's local time. Update the modal to:\n- Detect and use the same timezone conversion that's working in the main slot display\n- Show the selected slot time(s) in the user's local timezone\n- If booking multiple consecutive slots, show the full time range in local time (e.g., \"9:30 AM - 10:15 AM\" not \"2:30 PM - 3:15 PM Paris\")\n\nThe modal should give users confidence they're booking the correct time in their timezone. This is especially important for the Paris-based session where the time difference can be significant.\n\nEnsure consistency - if a user sees \"9:30 AM\" for a slot in the main view, the booking modal should also show \"9:30 AM\" for that same slot.\n",[],[249],{"_104":258,"_95":259,"_153":260,"_155":-5,"_156":138,"_157":261,"_159":160,"_106":262,"_100":32,"_162":213,"_164":263,"_165":22,"_166":-5,"_167":264,"_98":265},"48d30d44-7215-11f0-8d9e-0224a6c84d84","debug_braces.js","48d30e0c-7215-11f0-8d9e-0224a6c84d84",408,["D",1754409619009],"const fs = require('fs');\n\n// Read the file\nconst content = fs.readFileSync('./backend/server.ts', 'utf8');\nconst lines = content.split('\\n');\n\nlet braceCount = 0;\nlet parenCount = 0;\nlet bracketCount = 0;\n\nlines.forEach((line, index) => {\n // Count braces\n const openBraces = (line.match(/\\{/g) || []).length;\n const closeBraces = (line.match(/\\}/g) || []).length;\n \n // Count parentheses\n const openParens = (line.match(/\$/g) || []).length;\n const closeParens = (line.match(/\$/g) || []).length;\n \n // Count brackets\n const openBrackets = (line.match(/\\[/g) || []).length;\n const closeBrackets = (line.match(/\\]/g) || []).length;\n \n braceCount += openBraces - closeBraces;\n parenCount += openParens - closeParens;\n bracketCount += openBrackets - closeBrackets;\n \n // Print lines where counts become negative or are suspiciously high\n if (braceCount < 0 || parenCount < 0 || bracketCount < 0) {\n console.log(`Line ${index + 1}: NEGATIVE COUNT - braces: ${braceCount}, parens: ${parenCount}, brackets: ${bracketCount}`);\n console.log(` ${line}`);\n }\n \n if (braceCount > 10) {\n console.log(`Line ${index + 1}: HIGH BRACE COUNT: ${braceCount}`);\n console.log(` ${line}`);\n }\n});\n\nconsole.log(`Final counts - braces: ${braceCount}, parens: ${parenCount}, brackets: ${bracketCount}`);",[],[259],{"_104":267,"_95":268,"_153":269,"_155":-5,"_156":138,"_157":270,"_159":160,"_106":271,"_100":243,"_162":213,"_164":272,"_165":22,"_166":-5,"_167":273,"_98":274},"0b025f96-7216-11f0-82c2-0224a6c84d84","debug_braces_detailed.js","4e3c5fa6-7215-11f0-adc4-0224a6c84d84",410,["D",1754409944793],"const fs = require('fs');\n\n// Read the file\nconst content = fs.readFileSync('./backend/server.ts', 'utf8');\nconst lines = content.split('\\n');\n\nlet braceCount = 0;\n\nlines.forEach((line, index) => {\n const openBraces = (line.match(/\\{/g) || []).length;\n const closeBraces = (line.match(/\\}/g) || []).length;\n \n if (openBraces > 0 || closeBraces > 0) {\n const prevCount = braceCount;\n braceCount += openBraces - closeBraces;\n console.log(`Line ${index + 1}: ${prevCount} -> ${braceCount} (+${openBraces} -${closeBraces})`);\n console.log(` ${line.trim()}`);\n console.log('');\n }\n});\n\nconsole.log(`Final brace count: ${braceCount}`);",[],[268],{"_104":276,"_95":277,"_153":278,"_155":-5,"_156":138,"_157":279,"_159":160,"_106":280,"_100":243,"_162":176,"_164":281,"_165":22,"_166":-5,"_167":282,"_98":283},"e157f0fa-677c-11f0-b4ac-0224a6c84d84","deno.json","1a3e9b74-677a-11f0-84ec-0224a6c84d84",41,["D",1753244650260],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ],\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[277],"files",[150,169,181,188,201,207,217,228,237,247,257,266,275],"counts",{"_288":32,"_289":243,"_290":243,"_291":32},"pulls","branches","forks","envVars","contents",[294,297],{"_104":208,"_95":209,"_153":210,"_155":203,"_156":138,"_157":101,"_159":22,"_106":295,"_100":212,"_162":213,"_164":214,"_165":22,"_166":-5,"_98":296},["D",1754430904045],[99,209],{"_104":218,"_95":219,"_153":220,"_155":203,"_156":138,"_157":221,"_159":160,"_106":298,"_100":223,"_162":176,"_164":224,"_165":22,"_166":-5,"_98":299},["D",1754334111784],[99,219],{"_104":202,"_95":99,"_153":203,"_155":-5,"_156":138,"_157":204,"_159":160,"_106":301,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":302},["D",1753243570907],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":311,"_148":316,"_284":356,"_176":357,"_292":359,"_364":-5,"_365":22,"_366":-5,"_367":-5,"_368":-5,"_369":370},{"_104":105,"_95":96,"_106":312,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":313,"_132":314,"_135":315,"_147":22},["D",1753215432501],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[317,323,329,338,341,344,347,350,353],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":318,"_98":322},[319],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":160,"_106":174,"_100":175,"_162":176,"_164":177,"_165":22,"_166":-5,"_167":320,"_98":321},[],[152,171],[152],{"_104":182,"_95":183,"_153":184,"_155":-5,"_156":138,"_157":185,"_159":160,"_106":186,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":324,"_98":328},[325],{"_104":189,"_95":190,"_153":191,"_155":184,"_156":138,"_157":192,"_159":22,"_106":193,"_100":194,"_162":195,"_164":196,"_165":22,"_166":197,"_167":326,"_98":327},[],[183,190],[183],{"_104":202,"_95":99,"_153":203,"_155":-5,"_156":138,"_157":204,"_159":160,"_106":205,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":330,"_98":337},[331,334],{"_104":208,"_95":209,"_153":210,"_155":203,"_156":138,"_157":101,"_159":22,"_106":211,"_100":212,"_162":213,"_164":214,"_165":22,"_166":-5,"_167":332,"_98":333},[],[99,209],{"_104":218,"_95":219,"_153":220,"_155":203,"_156":138,"_157":221,"_159":160,"_106":222,"_100":223,"_162":176,"_164":224,"_165":22,"_166":-5,"_167":335,"_98":336},[],[99,219],[99],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":160,"_106":233,"_100":32,"_162":176,"_164":234,"_165":22,"_166":-5,"_167":339,"_98":340},[],[230],{"_104":238,"_95":239,"_153":240,"_155":-5,"_156":138,"_157":241,"_159":160,"_106":242,"_100":243,"_162":176,"_164":244,"_165":22,"_166":-5,"_167":342,"_98":343},[],[239],{"_104":248,"_95":249,"_153":250,"_155":-5,"_156":138,"_157":251,"_159":22,"_106":252,"_100":253,"_162":176,"_164":254,"_165":22,"_166":-5,"_167":345,"_98":346},[],[249],{"_104":258,"_95":259,"_153":260,"_155":-5,"_156":138,"_157":261,"_159":160,"_106":262,"_100":32,"_162":213,"_164":263,"_165":22,"_166":-5,"_167":348,"_98":349},[],[259],{"_104":267,"_95":268,"_153":269,"_155":-5,"_156":138,"_157":270,"_159":160,"_106":271,"_100":243,"_162":213,"_164":272,"_165":22,"_166":-5,"_167":351,"_98":352},[],[268],{"_104":276,"_95":277,"_153":278,"_155":-5,"_156":138,"_157":279,"_159":160,"_106":280,"_100":243,"_162":176,"_164":281,"_165":22,"_166":-5,"_167":354,"_98":355},[],[277],[317,319,323,325,329,331,334,338,341,344,347,350,353],{"_104":202,"_95":99,"_153":203,"_155":-5,"_156":138,"_157":204,"_159":160,"_106":301,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":358},[99],[360,362],{"_104":208,"_95":209,"_153":210,"_155":203,"_156":138,"_157":101,"_159":22,"_106":295,"_100":212,"_162":213,"_164":214,"_165":22,"_166":-5,"_98":361},[99,209],{"_104":218,"_95":219,"_153":220,"_155":203,"_156":138,"_157":221,"_159":160,"_106":298,"_100":223,"_162":176,"_164":224,"_165":22,"_166":-5,"_98":363},[99,219],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]