[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","jonasolof","name","training-coach","path","frontend/components/App.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/jonasolof/training-coach/code/frontend/components/App.tsx","extension","id","7bc5b6a6-76aa-43a4-861d-854632e31fdb","App.tsx","fileId","01a02b61-7568-77b9-9da3-99977f31242f","parentId","01a02b61-7568-77b9-9da3-a1cc4d4143fb","branchId","60471d74-2b50-43e0-a779-1eff6bc1aaa3","branchVersion",9,"latest",true,"createdAt",["D",1787434820099],"version",1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { CheckCircle2, RefreshCw } from \"https://esm.sh/lucide-react@0.468.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Bootstrap, Page, Session, Template } from \"../types.ts\";\nimport { HistoryView, HomeView, ProgressView, WorkoutsView } from \"./Views.tsx\";\nimport { Nav } from \"./Nav.tsx\";\nimport { WorkoutMode } from \"./WorkoutMode.tsx\";\n\nexport function App() {\n const [data, setData] = useState(null);\n const [error, setError] = useState(\"\");\n const [page, setPage] = useState(() => {\n const value = location.hash.replace(\"#\", \"\") as Page;\n return [\"home\", \"workouts\", \"history\", \"progress\"].includes(value) ? value : \"home\";\n });\n const [workout, setWorkout] = useState