🗓️ The Odyssey @ AMC Lincoln Square 13

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_254":255,"_256":257},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_191":-5,"_20":192,"_22":193,"_194":195,"_196":197,"_26":198,"_24":199,"_200":201,"_202":203,"_204":51,"_205":206,"_207":68,"_208":-5,"_209":-5,"_210":211},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","darknightdesigner","name","amc-odyssey-seats","branchName","main","version","path","gallery.tsx","project",{"_36":146,"_13":14,"_38":147,"_49":-5,"_148":51,"_52":53,"_149":53,"_150":151,"_152":-5,"_153":154,"_155":61,"_156":68,"_157":-5,"_158":-5,"_159":34,"_56":160,"_161":-5,"_162":-5,"_163":-5,"_164":-5,"_165":166,"_167":166,"_168":169,"_170":169,"_171":169,"_172":166,"_173":166,"_174":175,"_176":177,"_178":179,"_50":51},"tree",[77,78,79,80],"file",{"_36":59,"_13":19,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_38":69,"_17":34,"_70":71,"_72":73,"_74":51,"_75":-5,"_18":76},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"pull","ahead",16,"behind",0,"envVars","id","97fef84c-3dce-41c0-a1a5-6c8a8a381b1a","createdAt",["D",1785875150748],"updatedAt",["D",1785877239206],"projectId","1bd69b3e-39eb-4b9e-9dfa-4cabdb6305c3",18,"forkedBranchId","forkedBranchVersion","lockfileKey","1785877239551-esm.town_v_cwervo_amc-odyssey-seats@18-main","deletedAt","isOwned",false,"privacy","public","userHandle","cwervo","orgId","59af4573-79fd-4f26-8a2c-5020161ab7be","projectName","dca9003e-8b5d-4c26-a59a-adb883299c13","fileId","01a02bae-1893-74cd-8b0b-04804b7a873e","parentId","branchId","1e573bcc-1836-45fe-9ca6-d40e3cd72be6","branchVersion",1,"latest",true,["D",1787439224880],"fileType","http","content","// Gallery UI — clickable calendar of Odyssey showtimes at AMC Lincoln Square 13,\n// with date, time, format, and seats-occupied-vs-capacity on every showing.\nimport React from \"npm:react@18.2.0\";\nimport { renderToStaticMarkup } from \"npm:react-dom@18.2.0/server\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { getReport, pct, type Report, type Showtime } from \"./src/showtimes.ts\";\n\nconst WEEKDAYS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTHS = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\n/** \"2026-08-11\" -> \"Tue, Aug 11\" (parsed as local time to avoid TZ shifts) */\nfunction prettyDate(date: string): { weekday: string; long: string } {\n const [y, m, d] = date.split(\"-\").map(Number);\n const dt = new Date(y, m - 1, d);\n return {\n weekday: WEEKDAYS[dt.getDay()],\n long: `${WEEKDAYS[dt.getDay()]}, ${MONTHS[dt.getMonth()]} ${d}`,\n };\n}\n\nfunction SeatMeter({ seats }: { seats: Showtime[\"seats\"] }) {\n const p = pct(seats);\n if (seats === null || p === null) {\n return

seat counts N/A

;\n }\n const left = seats.total - seats.occupied;\n const color = p >= 90 ? \"bg-red-500\" : p >= 60 ? \"bg-amber-500\" : \"bg-emerald-500\";\n return (\n

\n {left} seats left\n \n {seats.occupied}/{seats.total} occupied\n \n

\n );\n}\n\nfunction statusBadge(st: Showtime) {\n if (st.isCanceled) return CANCELED;\n if (st.isSoldOut) return SOLD OUT;\n if (st.isAlmostSoldOut) return ALMOST FULL;\n return null;\n}\n\nfunction ShowtimeCard({ st }: { st: Showtime }) {\n const p = pct(st.seats);\n const ring = st.isSoldOut\n ? \"border-red-900/70 bg-red-950/30 opacity-70\"\n : p !== null && p >= 60\n ? \"border-amber-700/70 bg-amber-950/20 hover:border-amber-500\"\n : \"border-slate-700 bg-slate-800/80 hover:border-red-400 hover:bg-slate-800\";\n return (\n \n

\n {st.timeLabel}\n {statusBadge(st)}\n

\n {st.format}\n {st.auditorium ? ` · Aud ${st.auditorium}` : \"\"}\n

\n \n \n );\n}\n\nfunction DaySection({ date, list }: { date: string; list: Showtime[] }) {\n const { weekday, long } = prettyDate(date);\n const today = new Date().toISOString().slice(0, 10);\n return (\n

{long}

\n {weekday}\n {date === today && TODAY}\n {list.length} showings\n

\n {list.map((st) => )}\n

\n );\n}\n\nfunction Stat({ label, value, tone }: { label: string; value: string | number; tone?: string }) {\n return (\n

{value}

{label}

\n );\n}\n\nfunction GalleryPage({ report }: { report: Report }) {\n const dates = Object.keys(report.byDate);\n const all = dates.flatMap((d) => report.byDate[d]);\n const soldOut = all.filter((s) => s.isSoldOut).length;\n const almost = all.filter((s) => s.isAlmostSoldOut).length;\n const withSeats = all.filter((s) => s.seats !== null);\n const avgPct = withSeats.length\n ? Math.round(withSeats.reduce((acc, s) => acc + (pct(s.seats) ?? 0), 0) / withSeats.length)\n : null;\n const isAmc = report.source === \"amc\";\n\n const dayNav = dates.map((d) => {\n const [y, m, day] = d.split(\"-\").map(Number);\n const dt = new Date(y, m - 1, day);\n return (\n \n {WEEKDAYS[dt.getDay()]}\n {day}\n {MONTHS[dt.getMonth()]}\n \n );\n });\n\n return (\n \n \n \n \n 🗓️ The Odyssey @ AMC Lincoln Square 13 — Seat Check\n