[{"_1":2,"_184":-5,"_185":-5},"loaderData",{"_3":4,"_95":96},"root",{"_5":6,"_36":37,"_68":69},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isBusinessOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","45a830d034e37d8cf6ea88ed93db249b593855ab","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","API_URL","https://api.val.town","clerkState",{"_70":71},"__internal_clerk_state",{"_72":73,"_74":47,"_75":76,"_77":76,"_78":20,"_79":76,"_80":76,"_81":76,"_82":76,"_83":84,"_93":20,"_94":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_85":20,"_19":20,"_86":76,"_87":88,"_89":76,"_90":47,"_91":20,"_92":76},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_97":98,"_99":100,"_101":102,"_103":104,"_158":159,"_181":182,"_183":-5},"handle","shapedlines","name","whoop2","path","frontend/sleep.tsx","project",{"_105":106,"_99":100,"_107":108,"_109":-5,"_110":20,"_111":112,"_113":76,"_114":-5,"_12":115,"_116":-5,"_117":20,"_118":-5,"_119":-5,"_120":33,"_14":121,"_122":123,"_124":125,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_23":136,"_139":140,"_144":145,"_157":20},"id","660dec56-2aef-11f1-b60d-42dde27851f2","createdAt",["D",1774734312284],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","660dec562aef11f1b60d42dde27851f2","tursoHostname","660dec562aef11f1b60d42dde27851f2-val-town.aws-us-east-2.turso.io","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_97":98,"_137":138},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","org",{"_97":98,"_141":138,"_12":115,"_142":143},"avatar","tier","pro","branch",{"_146":147,"_99":45,"_105":148,"_149":106,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":100,"_156":98},"version",48,"660e83a0-2aef-11f1-b60d-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_105":160,"_99":161,"_162":163,"_164":165,"_166":148,"_167":168,"_169":170,"_107":171,"_146":172,"_173":174,"_175":176,"_177":20,"_178":-5,"_101":179},"f7997ff4-2b09-11f1-8efc-42dde27851f2","sleep.tsx","fileId","26596874-2b08-11f1-ae42-42dde27851f2","parentId","6dc29680-2af5-11f1-91b1-42dde27851f2","branchId","branchVersion",47,"latest",true,["D",1774745723380],1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ndeclare const Chart: any;\ndeclare const ChartDataLabels: any;\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\ninterface SleepRecord {\n start: string;\n end_time: string;\n score_state: string;\n total_light_sleep_time_milli: number | null;\n total_slow_wave_sleep_time_milli: number | null;\n total_rem_sleep_time_milli: number | null;\n total_awake_time_milli: number | null;\n total_in_bed_time_milli: number | null;\n sleep_needed_baseline_milli: number | null;\n sleep_needed_from_debt_milli: number | null;\n sleep_performance_pct: number | null;\n sleep_efficiency_pct: number | null;\n}\n\ninterface DayData {\n label: string;\n date: Date;\n sleep: SleepRecord | null;\n}\n\n// ─── Date / Time Utilities ────────────────────────────────────────────────────\n\nconst PT = \"America/Los_Angeles\";\n\nfunction getMonday(d: Date): Date {\n const date = new Date(d);\n date.setHours(0, 0, 0, 0);\n const day = date.getDay();\n date.setDate(date.getDate() - (day === 0 ? 6 : day - 1));\n return date;\n}\n\nfunction addDays(d: Date, n: number): Date {\n return new Date(d.getTime() + n * 86_400_000);\n}\n\nfunction formatWeekRange(monday: Date): string {\n const sunday = addDays(monday, 6);\n const m: Intl.DateTimeFormatOptions = { month: \"short\", day: \"numeric\" };\n return `${monday.toLocaleDateString(\"en-US\", m)} – ${sunday.toLocaleDateString(\"en-US\", { ...m, year: \"numeric\" })}`;\n}\n\nfunction ptDateStr(utcStr: string): string {\n return new Date(utcStr).toLocaleDateString(\"en-US\", {\n timeZone: PT, year: \"numeric\", month: \"2-digit\", day: \"2-digit\",\n });\n}\n\nfunction localDateStr(d: Date): string {\n return d.toLocaleDateString(\"en-US\", {\n timeZone: PT, year: \"numeric\", month: \"2-digit\", day: \"2-digit\",\n });\n}\n\n// Returns hours offset from midnight: 10 PM → -2, 1 AM → 1\nfunction bedtimeOffset(utcStr: string): number {\n const parts = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: PT, hour: \"numeric\", minute: \"numeric\", hour12: false,\n }).formatToParts(new Date(utcStr));\n const h = parseInt(parts.find(p => p.type === \"hour\")?.value ?? \"0\") % 24;\n const m = parseInt(parts.find(p => p.type === \"minute\")?.value ?? \"0\");\n let dec = h + m / 60;\n if (dec >= 18) dec -= 24;\n return dec;\n}\n\nfunction offsetToLabel(val: number): string {\n const hours = ((val % 24) + 24) % 24; // normalize: -2→22, -1.5→22.5, 1→1\n const h = Math.floor(hours);\n const m = Math.round((hours - h) * 60);\n const isAM = h < 12;\n const display = h === 0 ? 12 : h > 12 ? h - 12 : h;\n const mStr = m > 0 ? `:${m.toString().padStart(2, \"0\")}` : \"\";\n return `${display}${mStr} ${isAM ? \"AM\" : \"PM\"}`;\n}\n\nfunction formatBedtime(utcStr: string): string {\n return new Date(utcStr).toLocaleTimeString(\"en-US\", {\n timeZone: PT, hour: \"numeric\", minute: \"2-digit\", hour12: true,\n });\n}\n\nfunction formatHM(ms: number | null): string {\n if (ms === null || ms <= 0) return \"—\";\n const totalMin = Math.round(ms / 60_000);\n const h = Math.floor(totalMin / 60), m = totalMin % 60;\n return m > 0 ? `${h}h ${m}m` : `${h}h`;\n}\n\nfunction msToMinutes(ms: number | null): number | null {\n return ms === null ? null : Math.round(ms / 60_000);\n}\n\nfunction debtLabel(min: number): string {\n const abs = Math.abs(min);\n const h = Math.floor(abs / 60), m = abs % 60;\n const sign = min >= 0 ? \"+\" : \"−\";\n return h > 0 ? `${sign}${h}h ${m}m` : `${sign}${m}m`;\n}\n\nfunction totalSleepMs(s: SleepRecord): number {\n return (s.total_light_sleep_time_milli ?? 0)\n + (s.total_slow_wave_sleep_time_milli ?? 0)\n + (s.total_rem_sleep_time_milli ?? 0);\n}\n\n// ─── Shared Chart Config ──────────────────────────────────────────────────────\n\nfunction setChartDefaults() {\n Chart.register(ChartDataLabels);\n Chart.defaults.color = \"#505050\";\n Chart.defaults.borderColor = \"#1C1C1C\";\n Chart.defaults.font.family = \"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif\";\n // Disable datalabels globally; each chart opts in per-dataset\n Chart.defaults.plugins.datalabels.display = false;\n}\n\nconst TOOLTIP = {\n backgroundColor: \"#1A1A1A\",\n borderColor: \"#2A2A2A\",\n borderWidth: 1,\n titleColor: \"#FFF\",\n bodyColor: \"#999\",\n padding: 12,\n cornerRadius: 8,\n displayColors: false,\n};\n\nconst AXIS = {\n grid: { color: \"#191919\" },\n border: { display: false },\n ticks: { color: \"#505050\", font: { size: 11 } },\n};\n\n// ─── Bedtime Chart ────────────────────────────────────────────────────────────\n\nfunction BedtimeChart({ days }: { days: DayData[] }) {\n const canvasRef = useRef(null);\n const chartRef = useRef(null);\n\n useEffect(() => {\n if (!canvasRef.current) return;\n chartRef.current?.destroy();\n\n const labels = days.map(d => d.label);\n const values = days.map(d =>\n d.sleep?.score_state === \"SCORED\" ? bedtimeOffset(d.sleep.start) : null\n );\n\n const nonNull = values.filter((v): v is number => v !== null);\n const yMin = nonNull.length ? Math.floor(Math.min(...nonNull)) - 0.5 : -5;\n const yMax = nonNull.length ? Math.ceil(Math.max(...nonNull)) + 0.5 : 3;\n\n const ctx = canvasRef.current.getContext(\"2d\")!;\n const grad = ctx.createLinearGradient(0, 0, 0, 220);\n grad.addColorStop(0, \"rgba(139,92,246,0.3)\");\n grad.addColorStop(1, \"rgba(139,92,246,0.02)\");\n\n chartRef.current = new Chart(canvasRef.current, {\n type: \"line\",\n data: {\n labels,\n datasets: [{\n data: values,\n borderColor: \"#8B5CF6\",\n backgroundColor: grad,\n fill: true,\n tension: 0.35,\n pointBackgroundColor: \"#8B5CF6\",\n pointBorderColor: \"#000\",\n pointBorderWidth: 2,\n pointRadius: 5,\n pointHoverRadius: 7,\n spanGaps: false,\n datalabels: {\n display: (ctx: any) => ctx.raw !== null,\n color: \"rgba(167,139,250,0.9)\",\n anchor: \"end\",\n align: \"top\",\n offset: 2,\n font: { size: 10, weight: \"500\" },\n formatter: (val: number) => offsetToLabel(val),\n },\n }],\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n ...TOOLTIP,\n callbacks: {\n title: (items: any[]) => days[items[0].dataIndex]?.label ?? \"\",\n label: (ctx: any) => {\n const s = days[ctx.dataIndex]?.sleep;\n return s ? ` ${formatBedtime(s.start)}` : \"\";\n },\n },\n },\n },\n scales: {\n x: AXIS,\n y: {\n ...AXIS,\n min: yMin,\n max: yMax,\n ticks: {\n ...AXIS.ticks,\n stepSize: 1,\n callback: (v: any) => offsetToLabel(v),\n },\n },\n },\n },\n });\n\n return () => { chartRef.current?.destroy(); chartRef.current = null; };\n }, [days]);\n\n return