[{"_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","723c789384d42bf598fbf26945ac9e0af7344ae1","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,"_159":160,"_180":181,"_182":183},"handle","shalini","name","plant-health-monitor","path","frontend/app.tsx","project",{"_105":106,"_99":100,"_107":108,"_109":-5,"_110":20,"_111":112,"_113":114,"_115":-5,"_12":116,"_117":-5,"_118":20,"_119":-5,"_120":-5,"_121":33,"_14":122,"_123":124,"_125":126,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_23":137,"_140":141,"_145":146,"_158":20},"id","dc9f5912-2dac-11f1-b5c0-42dde27851f2","createdAt",["D",1775035588423],"deletedAt","legacyEnvVars","privacy","public","description","Smart Plant Health Monitoring System - IoT Dashboard","imageUrl","019d4858-97c2-74c5-a932-e884d55ffc59","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019d4858-97c2-74c5-a932-ed4a859790a5","tursoName","dc9f59122dac11f1b5c042dde27851f2","tursoHostname","dc9f59122dac11f1b5c042dde27851f2-val-town.aws-us-east-2.turso.io","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_97":98,"_138":139},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNCa1p1TFdjMXVPQjRNdGREdGhTeTBlaFl1NiJ9","org",{"_97":98,"_142":139,"_12":116,"_143":144},"avatar","tier","free","branch",{"_147":148,"_99":45,"_105":149,"_150":106,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":100,"_157":98},"version",11,"dc9fb010-2dac-11f1-b5c0-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_105":161,"_99":162,"_163":164,"_165":166,"_167":149,"_168":169,"_170":171,"_107":172,"_147":33,"_173":159,"_174":175,"_176":20,"_177":-5,"_101":178},"5c462178-2dad-11f1-88b9-42dde27851f2","app.tsx","fileId","5c462236-2dad-11f1-88b9-42dde27851f2","parentId","e7b02cfa-2dac-11f1-b5c0-42dde27851f2","branchId","branchVersion",10,"latest",true,["D",1775035802582],"fileType","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// ── Types ────────────────────────────────────────────────────\ninterface SensorReading {\n id?: number;\n timestamp: string;\n soilMoisture: number;\n temperature: number;\n humidity: number;\n}\ninterface PlantStatus {\n health: \"Healthy\" | \"Moderate\" | \"Critical\";\n color: \"green\" | \"yellow\" | \"red\";\n alerts: string[];\n suggestions: string[];\n}\ninterface AutomationState {\n autoWater: boolean;\n autoFan: boolean;\n}\n\n// ── Chart.js chart component ─────────────────────────────────\ndeclare const Chart: any;\n\nfunction TrendChart({ history }: { history: SensorReading[] }) {\n const canvasRef = useRef(null);\n const chartRef = useRef(null);\n\n useEffect(() => {\n if (!canvasRef.current || history.length === 0) return;\n const labels = history.map((r) => {\n const d = new Date(r.timestamp);\n return `${d.getHours().toString().padStart(2,\"0\")}:${d.getMinutes().toString().padStart(2,\"0\")}`;\n });\n\n if (chartRef.current) {\n chartRef.current.data.labels = labels;\n chartRef.current.data.datasets[0].data = history.map((r) => r.soilMoisture);\n chartRef.current.data.datasets[1].data = history.map((r) => r.temperature);\n chartRef.current.data.datasets[2].data = history.map((r) => r.humidity);\n chartRef.current.update();\n } else {\n chartRef.current = new Chart(canvasRef.current, {\n type: \"line\",\n data: {\n labels,\n datasets: [\n {\n label: \"Soil Moisture (%)\",\n data: history.map((r) => r.soilMoisture),\n borderColor: \"#2196f3\",\n backgroundColor: \"rgba(33,150,243,0.08)\",\n tension: 0.4,\n fill: true,\n pointRadius: 3,\n pointHoverRadius: 5,\n },\n {\n label: \"Temperature (°C)\",\n data: history.map((r) => r.temperature),\n borderColor: \"#ff6b35\",\n backgroundColor: \"rgba(255,107,53,0.08)\",\n tension: 0.4,\n fill: true,\n pointRadius: 3,\n pointHoverRadius: 5,\n },\n {\n label: \"Humidity (%)\",\n data: history.map((r) => r.humidity),\n borderColor: \"#26a69a\",\n backgroundColor: \"rgba(38,166,154,0.08)\",\n tension: 0.4,\n fill: true,\n pointRadius: 3,\n pointHoverRadius: 5,\n },\n ],\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n interaction: { mode: \"index\", intersect: false },\n plugins: {\n legend: { position: \"top\", labels: { font: { size: 12, weight: \"600\" }, padding: 16, usePointStyle: true } },\n tooltip: { backgroundColor: \"#1a4731\", titleColor: \"#fff\", bodyColor: \"#e8f5ee\", padding: 10, cornerRadius: 8 },\n },\n scales: {\n x: { grid: { color: \"rgba(0,0,0,0.04)\" }, ticks: { font: { size: 11 } } },\n y: { grid: { color: \"rgba(0,0,0,0.04)\" }, ticks: { font: { size: 11 } }, min: 0, max: 100 },\n },\n },\n });\n }\n }, [history]);\n\n return