feat: show open dot based on hours, Weather Delay when queue-times shows 0 rides

Park open indicator now derives from scheduled hours, not ride counts.
Parks with queue-times coverage but 0 open rides (e.g. storm) show a
"⛈ Weather Delay" notice instead of a ride count on both desktop and mobile.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/HomePageClient.tsx

@@ -50,7 +50,9 @@ interface HomePageClientProps {
   data: Record<string, Record<string, DayData>>;
   rideCounts: Record<string, number>;
   coasterCounts: Record<string, number>;
+  openParkIds: string[];
   closingParkIds: string[];
+  weatherDelayParkIds: string[];
   hasCoasterData: boolean;
   scrapedCount: number;
 }
@@ -63,7 +65,9 @@ export function HomePageClient({
   data,
   rideCounts,
   coasterCounts,
+  openParkIds,
   closingParkIds,
+  weatherDelayParkIds,
   hasCoasterData,
   scrapedCount,
 }: HomePageClientProps) {
@@ -231,7 +235,9 @@ export function HomePageClient({
                 today={today}
                 rideCounts={activeCounts}
                 coastersOnly={coastersOnly}
+                openParkIds={openParkIds}
                 closingParkIds={closingParkIds}
+                weatherDelayParkIds={weatherDelayParkIds}
               />
             </div>
 
@@ -244,7 +250,9 @@ export function HomePageClient({
                 grouped={grouped}
                 rideCounts={activeCounts}
                 coastersOnly={coastersOnly}
+                openParkIds={openParkIds}
                 closingParkIds={closingParkIds}
+                weatherDelayParkIds={weatherDelayParkIds}
               />
             </div>
           </>

components/MobileCardList.tsx

@@ -10,10 +10,12 @@ interface MobileCardListProps {
   today: string;
   rideCounts?: Record<string, number>;
   coastersOnly?: boolean;
+  openParkIds?: string[];
   closingParkIds?: string[];
+  weatherDelayParkIds?: string[];
 }
 
-export function MobileCardList({ grouped, weekDates, data, today, rideCounts, coastersOnly, closingParkIds }: MobileCardListProps) {
+export function MobileCardList({ grouped, weekDates, data, today, rideCounts, coastersOnly, openParkIds, closingParkIds, weatherDelayParkIds }: MobileCardListProps) {
   return (
     <div style={{ display: "flex", flexDirection: "column", gap: 20, paddingTop: 14 }}>
       {Array.from(grouped.entries()).map(([region, parks]) => (
@@ -55,7 +57,9 @@ export function MobileCardList({ grouped, weekDates, data, today, rideCounts, co
                 today={today}
                 openRideCount={rideCounts?.[park.id]}
                 coastersOnly={coastersOnly}
+                isOpen={openParkIds?.includes(park.id)}
                 isClosing={closingParkIds?.includes(park.id)}
+                isWeatherDelay={weatherDelayParkIds?.includes(park.id)}
               />
             ))}
           </div>

components/ParkCard.tsx

@@ -10,12 +10,14 @@ interface ParkCardProps {
   today: string;
   openRideCount?: number;
   coastersOnly?: boolean;
+  isOpen?: boolean;
   isClosing?: boolean;
+  isWeatherDelay?: boolean;
 }
 
 const DOW = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 
-export function ParkCard({ park, weekDates, parkData, today, openRideCount, coastersOnly, isClosing }: ParkCardProps) {
+export function ParkCard({ park, weekDates, parkData, today, openRideCount, coastersOnly, isOpen, isClosing, isWeatherDelay }: ParkCardProps) {
   const openDays = weekDates.filter((d) => parkData[d]?.isOpen && parkData[d]?.hoursLabel);
   const tzAbbr = getTimezoneAbbr(park.timezone);
   const isOpenToday = openDays.includes(today);
@@ -87,6 +89,16 @@ export function ParkCard({ park, weekDates, parkData, today, openRideCount, coas
               Closed today
             </div>
           )}
+          {isOpenToday && isWeatherDelay && (
+            <div style={{
+              fontSize: "0.65rem",
+              color: "var(--color-text-muted)",
+              fontWeight: 500,
+              textAlign: "right",
+            }}>
+              ⛈ Weather Delay
+            </div>
+          )}
           {isOpenToday && openRideCount !== undefined && (
             <div style={{
               fontSize: "0.65rem",

components/WeekCalendar.tsx

@@ -12,7 +12,9 @@ interface WeekCalendarProps {
   grouped?: Map<Region, Park[]>; // pre-grouped parks (if provided, renders region headers)
   rideCounts?: Record<string, number>; // parkId → open ride/coaster count for today
   coastersOnly?: boolean;
-  closingParkIds?: string[]; // parks in the post-close wind-down buffer
+  openParkIds?: string[];
+  closingParkIds?: string[];
+  weatherDelayParkIds?: string[];
 }
 
 const DOW = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
@@ -189,7 +191,9 @@ function ParkRow({
   parkData,
   rideCounts,
   coastersOnly,
+  openParkIds,
   closingParkIds,
+  weatherDelayParkIds,
 }: {
   park: Park;
   parkIdx: number;
@@ -198,11 +202,15 @@ function ParkRow({
   parkData: Record<string, DayData>;
   rideCounts?: Record<string, number>;
   coastersOnly?: boolean;
+  openParkIds?: string[];
   closingParkIds?: string[];
+  weatherDelayParkIds?: string[];
 }) {
   const rowBg = parkIdx % 2 === 0 ? "var(--color-bg)" : "var(--color-surface)";
   const tzAbbr = getTimezoneAbbr(park.timezone);
+  const isOpen = openParkIds?.includes(park.id) ?? false;
   const isClosing = closingParkIds?.includes(park.id) ?? false;
+  const isWeatherDelay = weatherDelayParkIds?.includes(park.id) ?? false;
   return (
     <tr
       className="park-row"
@@ -232,7 +240,7 @@ function ParkRow({
               <span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", whiteSpace: "nowrap" }}>
                 {park.name}
               </span>
-              {rideCounts?.[park.id] !== undefined && (
+              {isOpen && (
                 <span style={{
                   width: 7,
                   height: 7,
@@ -249,7 +257,12 @@ function ParkRow({
               {park.location.city}, {park.location.state}
             </div>
           </div>
-          {rideCounts?.[park.id] !== undefined && (
+          {isWeatherDelay && (
+            <div style={{ fontSize: "0.7rem", color: "var(--color-text-muted)", fontWeight: 500, textAlign: "right" }}>
+              ⛈ Weather Delay
+            </div>
+          )}
+          {!isWeatherDelay && rideCounts?.[park.id] !== undefined && (
             <div style={{ fontSize: "0.72rem", color: isClosing ? "var(--color-closing-hours)" : "var(--color-open-hours)", fontWeight: 600, textAlign: "right" }}>
               {rideCounts[park.id]} {coastersOnly
                 ? (rideCounts[park.id] === 1 ? "coaster" : "coasters")
@@ -271,7 +284,7 @@ function ParkRow({
   );
 }
 
-export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coastersOnly, closingParkIds }: WeekCalendarProps) {
+export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coastersOnly, openParkIds, closingParkIds, weatherDelayParkIds }: WeekCalendarProps) {
   const today = getTodayLocal();
   const parsedDates = weekDates.map(parseDate);
 
@@ -387,7 +400,9 @@ export function WeekCalendar({ parks, weekDates, data, grouped, rideCounts, coas
                   parkData={data[park.id] ?? {}}
                   rideCounts={rideCounts}
                   coastersOnly={coastersOnly}
+                  openParkIds={openParkIds}
                   closingParkIds={closingParkIds}
+                  weatherDelayParkIds={weatherDelayParkIds}
                 />
               ))}
             </Fragment>