@epic-web/workshop-app 4.6.6 → 4.7.1

package/build/server/index.js

@@ -33,14 +33,13 @@ import child_process, { spawn } from "child_process";
 import net from "node:net";
 import chalk from "chalk";
 import fkill from "fkill";
-import { promises } from "node:dns";
 import { createReadableStreamFromReadable, redirect, json, createCookieSessionStorage, defer } from "@remix-run/node";
 import { RemixServer, Link, useRouteError, useParams, isRouteErrorResponse, useNavigation, useFetchers, useRouteLoaderData, useRevalidator, useFetcher, useLoaderData, Outlet, Meta, Links, ScrollRestoration, Scripts, useLocation, NavLink, Await, useSubmit, useSearchParams, Form, useNavigate } from "@remix-run/react";
 import { isbot } from "isbot";
 import { renderToPipeableStream, renderToStaticMarkup } from "react-dom/server";
 import { cssBundleHref } from "@remix-run/css-bundle";
 import * as React from "react";
-import React__default, { useRef, useEffect, useMemo, useState, createContext, useContext, Suspense, forwardRef, useImperativeHandle, useReducer } from "react";
+import React__default, { useRef, useEffect, useMemo, useState, createContext, useContext, useSyncExternalStore, Suspense, forwardRef, useImperativeHandle, useReducer } from "react";
 import { useSpinDelay } from "spin-delay";
 import { Index as Index$1 } from "confetti-react";
 import { ClientOnly } from "remix-utils/client-only";
@@ -60,6 +59,7 @@ import * as cookie from "cookie";
 import { createId } from "@paralleldrive/cuid2";
 import { usePartySocket } from "partysocket/react";
 import { motion, useAnimationControls } from "framer-motion";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { invariantResponse, invariant } from "@epic-web/invariant";
 import { ElementScrollRestoration } from "@epic-web/restore-scroll";
 import RealMuxPlayer from "@mux/mux-player-react";
@@ -118,15 +118,13 @@ async function time(fn, {
 }) {
   const timer = createTimer(type, desc);
   const promise = typeof fn === "function" ? fn() : fn;
-  if (!timings)
-    return promise;
+  if (!timings) return promise;
   const result = await promise;
   timer.end(timings);
   return result;
 }
 function getServerTimeHeader(timings) {
-  if (!timings)
-    return "";
+  if (!timings) return "";
   return Object.entries(timings).map(([key, timingInfos]) => {
     const dur = timingInfos.reduce((acc, timingInfo) => {
       const time2 = timingInfo.time ?? performance.now() - timingInfo.start;
@@ -146,8 +144,7 @@ function combineServerTimings(headers1, headers2) {
   return newHeaders.get("Server-Timing") ?? "";
 }
 function cachifiedTimingReporter(timings) {
-  if (!timings)
-    return;
+  if (!timings) return;
   return ({ key }) => {
     const cacheRetrievalTimer = createTimer(
       `cache:${key}`,
@@ -210,8 +207,7 @@ const fsCache = {
   }
 };
 async function deleteCache() {
-  if (process.env.EPICSHOP_DEPLOYED)
-    return null;
+  if (process.env.EPICSHOP_DEPLOYED) return null;
   try {
     if (await fsExtra.exists(cacheDir$1)) {
       await fsExtra.remove(cacheDir$1);
@@ -271,20 +267,15 @@ async function shouldForceFresh({
   request,
   key
 }) {
-  if (typeof forceFresh === "boolean")
-    return forceFresh;
+  if (typeof forceFresh === "boolean") return forceFresh;
   if (typeof forceFresh === "string" && key) {
     return forceFresh.split(",").includes(key);
   }
-  if (!request)
-    return false;
+  if (!request) return false;
   const fresh = new URL(request.url).searchParams.get("fresh");
-  if (typeof fresh !== "string")
-    return false;
-  if (fresh === "")
-    return true;
-  if (!key)
-    return false;
+  if (typeof fresh !== "string") return false;
+  if (fresh === "") return true;
+  if (!key) return false;
   return fresh.split(",").includes(key);
 }
 let watcher = global.__change_tracker_watcher__;
@@ -292,8 +283,7 @@ function getWatcher() {
   if (process.env.EPICSHOP_DEPLOYED ?? process.env.EPICSHOP_DISABLE_WATCHER === "true") {
     return null;
   }
-  if (watcher)
-    return watcher;
+  if (watcher) return watcher;
   const workshopRoot2 = process.env.EPICSHOP_CONTEXT_CWD ?? process.cwd();
   watcher = chokidar.watch(workshopRoot2, {
     ignoreInitial: true,
@@ -326,8 +316,7 @@ const transformRange = (value) => value == null ? void 0 : value.split(",").map(
   return [start, end ?? start];
 });
 const isRangeBounded = (range, ctx, lines) => {
-  if (!lines || !Array.isArray(range))
-    return;
+  if (!lines || !Array.isArray(range)) return;
   if (range.flat().some((r) => r < 1 || r > lines)) {
     ctx.addIssue({
       code: z.ZodIssueCode.custom,
@@ -337,8 +326,7 @@ const isRangeBounded = (range, ctx, lines) => {
 };
 const isRangeInOrder = (range) => Array.isArray(range) ? range.every(([a, b]) => !isNaN(Number(a)) && !isNaN(Number(b)) && b >= a) : true;
 const isRangesNonOverlapping = (range) => {
-  if (!Array.isArray(range))
-    return true;
+  if (!Array.isArray(range)) return true;
   return range.every(([a], i) => {
     var _a2;
     return i === 0 || (((_a2 = range[i - 1]) == null ? void 0 : _a2[1]) ?? 0) < a;
@@ -593,8 +581,7 @@ function trimCodeBlocks() {
         return;
       }
       const [codeStringNode] = codeNode.children;
-      if (!codeStringNode)
-        return;
+      if (!codeStringNode) return;
       if (codeStringNode.type !== "text") {
         console.warn(
           `trimCodeBlocks: Unexpected: codeStringNode type is not "text": ${codeStringNode.type}`
@@ -611,12 +598,9 @@ function removePreContainerDivs() {
       tree,
       { type: "element", tagName: "pre" },
       function visitor(node, index, parent) {
-        if ((parent == null ? void 0 : parent.type) !== "element")
-          return;
-        if (parent.tagName !== "div")
-          return;
-        if (parent.children.length !== 1 && index === 0)
-          return;
+        if ((parent == null ? void 0 : parent.type) !== "element") return;
+        if (parent.tagName !== "div") return;
+        if (parent.children.length !== 1 && index === 0) return;
         Object.assign(parent, node);
       }
     );
@@ -636,8 +620,7 @@ function checkFileExists$1(file) {
 const verboseLog = process.env.EPICSHOP_VERBOSE_LOG === "true" ? console.log : () => {
 };
 function validateEmbeddedFiles(embeddedFiles, lastCompiledTime) {
-  if (process.env.NODE_ENV !== "development")
-    return Promise.resolve(true);
+  if (process.env.NODE_ENV !== "development") return Promise.resolve(true);
   return Promise.all(
     Array.from(embeddedFiles).map(async ({ file }) => {
       const stat = await fs$1.promises.stat(file).catch(() => ({ mtimeMs: 0 }));
@@ -703,8 +686,7 @@ async function compileMdx(file, { request, forceFresh } = {}) {
           gfm,
           () => (tree) => {
             visit(tree, "heading", (node) => {
-              if (title)
-                return;
+              if (title) return;
               if (node.depth === 1) {
                 visit(node, "text", (textNode) => {
                   title = textNode.value.trim();
@@ -715,18 +697,14 @@ async function compileMdx(file, { request, forceFresh } = {}) {
           },
           () => (tree) => {
             visit(tree, "mdxJsxFlowElement", (jsxEl) => {
-              if (jsxEl.name !== "EpicVideo")
-                return;
+              if (jsxEl.name !== "EpicVideo") return;
               const urlAttr = jsxEl.attributes.find(
                 (a) => a.type === "mdxJsxAttribute" && a.name === "url"
               );
-              if (!urlAttr)
-                return;
+              if (!urlAttr) return;
               let url = urlAttr.value;
-              if (typeof url !== "string")
-                return;
-              if (url.endsWith("/"))
-                url = url.slice(0, -1);
+              if (typeof url !== "string") return;
+              if (url.endsWith("/")) url = url.slice(0, -1);
               epicVideoEmbeds.push(url);
             });
           },
@@ -743,8 +721,7 @@ async function compileMdx(file, { request, forceFresh } = {}) {
         return options;
       }
     });
-    if (!bundleResult)
-      throw new Error(`Timeout for file: ${file}`);
+    if (!bundleResult) throw new Error(`Timeout for file: ${file}`);
     const result = { code: bundleResult.code, title, epicVideoEmbeds };
     await fsExtra.ensureDir(cacheDir);
     await fs$1.promises.writeFile(
@@ -794,8 +771,7 @@ async function compileMarkdownString(markdownString) {
             return options;
           }
         });
-        if (!result)
-          throw new Error(`Timed out compiling markdown string`);
+        if (!result) throw new Error(`Timed out compiling markdown string`);
         return result.code;
       } catch (error) {
         console.error(`Compilation error for code: `, markdownString, error);
@@ -816,8 +792,7 @@ async function updateEmbeddedFilesCache({
   embeddedFiles
 }) {
   var _a2;
-  if (mdxFile.includes("playground"))
-    return;
+  if (mdxFile.includes("playground")) return;
   let cachedList = await getEmbeddedFilesCache();
   const hash = cachedList ? md5(JSON.stringify(cachedList)) : null;
   if (cachedList) {
@@ -852,11 +827,9 @@ async function updateEmbeddedFilesCache({
 async function getEmbeddedFilesCache() {
   const key = EMBEDDED_FILES_CACHE_KEY;
   function getForceFresh2(cacheEntry) {
-    if (!cacheEntry)
-      return true;
+    if (!cacheEntry) return true;
     const latestModifiedTime = modifiedEmbeddedFilesTime.get(key);
-    if (!latestModifiedTime)
-      return void 0;
+    if (!latestModifiedTime) return void 0;
     return latestModifiedTime > cacheEntry.metadata.createdTime ? true : void 0;
   }
   return cachified$1({
@@ -881,8 +854,7 @@ async function getEmbeddedFilesCache() {
 }
 let _queue = null;
 async function getQueue() {
-  if (_queue)
-    return _queue;
+  if (_queue) return _queue;
   _queue = new PQueue({
     concurrency: 1,
     throwOnTimeout: true,
@@ -896,8 +868,7 @@ async function queuedBundleMDX(...args) {
   return result;
 }
 function getErrorMessage$1(error) {
-  if (typeof error === "string")
-    return error;
+  if (typeof error === "string") return error;
   if (error && typeof error === "object" && "message" in error && typeof error.message === "string") {
     return error.message;
   }
@@ -946,8 +917,7 @@ const colors = [
   "magentaBright"
 ];
 async function runAppDev(app) {
-  if (isDeployed$1)
-    throw new Error("cannot run apps in deployed mode");
+  if (isDeployed$1) throw new Error("cannot run apps in deployed mode");
   const key = app.name;
   if (devProcesses.has(key)) {
     return { status: "process-running", running: true };
@@ -1004,8 +974,7 @@ async function runAppDev(app) {
 }
 async function runAppTests(app) {
   var _a2, _b2;
-  if (isDeployed$1)
-    throw new Error("cannot run tests in deployed mode");
+  if (isDeployed$1) throw new Error("cannot run tests in deployed mode");
   const key = app.name;
   if (app.test.type !== "script") {
     return { status: "error", error: "no-test" };
@@ -1090,8 +1059,7 @@ function isPortAvailable(port2) {
 function isAppRunning(app) {
   try {
     const devProcess = devProcesses.get(app.name);
-    if (!devProcess)
-      return false;
+    if (!devProcess) return false;
     devProcess.process.kill(0);
     return true;
   } catch {
@@ -1101,10 +1069,8 @@ function isAppRunning(app) {
 function isTestRunning(app) {
   try {
     const testProcess = testProcesses.get(app.name);
-    if (!testProcess)
-      return false;
-    if (testProcess.process === null)
-      return false;
+    if (!testProcess) return false;
+    if (testProcess.process === null) return false;
     testProcess.process.kill(0);
     return true;
   } catch {
@@ -1121,8 +1087,7 @@ function getProcesses() {
   return { devProcesses, testProcesses };
 }
 async function closeProcess(key) {
-  if (isDeployed$1)
-    throw new Error("cannot close processes in deployed mode");
+  if (isDeployed$1) throw new Error("cannot close processes in deployed mode");
   const proc = devProcesses.get(key);
   if (proc) {
     const exitedPromise = new Promise(
@@ -1144,8 +1109,7 @@ async function closeProcess(key) {
 }
 const sleep = (t) => new Promise((resolve) => setTimeout(resolve, t));
 async function stopPort(port2) {
-  if (isDeployed$1)
-    throw new Error("cannot stop ports in deployed mode");
+  if (isDeployed$1) throw new Error("cannot stop ports in deployed mode");
   await fkill(`:${port2}`, { force: true, silent: true });
   await waitForPortToBeAvailable(port2);
 }
@@ -1160,12 +1124,6 @@ async function waitForPortToBeAvailable(port2) {
     console.error("Timed out waiting for the port to become available");
   }
 }
-async function checkConnection() {
-  return promises.resolve("example.com").then(
-    () => true,
-    () => false
-  );
-}
 const PkgSchema = z$1.object({}).passthrough();
 async function getPkgProp(fullPath, prop, defaultValue) {
   let pkg;
@@ -1184,8 +1142,7 @@ async function getPkgProp(fullPath, prop, defaultValue) {
   let value = pkg;
   for (const p of propPath) {
     value = value[p];
-    if (value === void 0)
-      break;
+    if (value === void 0) break;
   }
   if (value === void 0 && defaultValue === void 0) {
     throw new Error(
@@ -1340,11 +1297,9 @@ function init() {
   (_a2 = getWatcher()) == null ? void 0 : _a2.on("all", handleFileChanges);
 }
 function getForceFresh$1(cacheEntry) {
-  if (!cacheEntry)
-    return true;
+  if (!cacheEntry) return true;
   const latestModifiedTime = Math.max(...Array.from(modifiedTimes.values()));
-  if (!latestModifiedTime)
-    return void 0;
+  if (!latestModifiedTime) return void 0;
   return latestModifiedTime > cacheEntry.metadata.createdTime ? true : void 0;
 }
 function setModifiedTimesForDir(dir) {
@@ -1354,11 +1309,9 @@ function getForceFreshForDir(dir, cacheEntry) {
   if (!path$1.isAbsolute(dir)) {
     throw new Error(`Trying to get force fresh for non-absolute path: ${dir}`);
   }
-  if (!cacheEntry)
-    return true;
+  if (!cacheEntry) return true;
   const modifiedTime = modifiedTimes.get(dir);
-  if (!modifiedTime)
-    return void 0;
+  if (!modifiedTime) return void 0;
   return modifiedTime > cacheEntry.metadata.createdTime ? true : void 0;
 }
 async function readDir(dir) {
@@ -1416,8 +1369,7 @@ async function getExercises({
   const exercises = [];
   for (const dirName of exerciseDirs) {
     const exerciseNumber = extractExerciseNumber(dirName);
-    if (!exerciseNumber)
-      continue;
+    if (!exerciseNumber) continue;
     const compiledReadme = await compileMdxIfExists(
       path$1.join(workshopRoot, "exercises", dirName, "README.mdx"),
       { request }
@@ -1479,21 +1431,15 @@ async function getApps({
         ...exampleApps
       ].filter(Boolean).sort((a, b) => {
         if (isPlaygroundApp(a)) {
-          if (isPlaygroundApp(b))
-            return a.name.localeCompare(b.name);
-          else
-            return 1;
+          if (isPlaygroundApp(b)) return a.name.localeCompare(b.name);
+          else return 1;
         }
-        if (isPlaygroundApp(b))
-          return 1;
+        if (isPlaygroundApp(b)) return 1;
         if (isExampleApp(a)) {
-          if (isExampleApp(b))
-            return a.name.localeCompare(b.name);
-          else
-            return 1;
+          if (isExampleApp(b)) return a.name.localeCompare(b.name);
+          else return 1;
         }
-        if (isExampleApp(b))
-          return -1;
+        if (isExampleApp(b)) return -1;
         if (a.type === b.type) {
           if (a.exerciseNumber === b.exerciseNumber) {
             return a.stepNumber - b.stepNumber;
@@ -1537,8 +1483,7 @@ function extractNumbersAndTypeFromAppNameOrPath(fullPathOrAppName) {
       ""
     );
     const [exerciseNumberPart, stepNumberPart] = relativePath.split(path$1.sep);
-    if (!exerciseNumberPart || !stepNumberPart)
-      return null;
+    if (!exerciseNumberPart || !stepNumberPart) return null;
     const exerciseNumber = exerciseNumberPart.split(".")[0];
     const stepNumber = stepNumberPart.split(".")[0];
     const type = (_a2 = stepNumberPart.split(".")[1]) == null ? void 0 : _a2.split(".")[0];
@@ -1552,8 +1497,7 @@ function extractNumbersAndTypeFromAppNameOrPath(fullPathOrAppName) {
     info.type = type;
   }
   const result = AppIdInfoSchema.safeParse(info);
-  if (result.success)
-    return result.data;
+  if (result.success) return result.data;
   return null;
 }
 async function getProblemDirs() {
@@ -1577,8 +1521,7 @@ function getPathname(fullPath) {
   return `/app/${appName}/`;
 }
 function getAppName(fullPath) {
-  if (/playground\/?$/.test(fullPath))
-    return "playground";
+  if (/playground\/?$/.test(fullPath)) return "playground";
   if (/examples\/.+\/?$/.test(fullPath)) {
     const restOfPath = fullPath.replace(
       `${getWorkshopRoot()}${path$1.sep}examples${path$1.sep}`,
@@ -1596,8 +1539,7 @@ function getAppName(fullPath) {
   }
 }
 async function getFullPathFromAppName(appName) {
-  if (appName === "playground")
-    return path$1.join(workshopRoot, "playground");
+  if (appName === "playground") return path$1.join(workshopRoot, "playground");
   if (appName.startsWith(".example")) {
     const relativePath = appName.replace(".example", "").split("__sep__").join(path$1.sep);
     return path$1.join(workshopRoot, "examples", relativePath);
@@ -1610,8 +1552,7 @@ async function getFullPathFromAppName(appName) {
   const appDirs = type === "problem" ? await getProblemDirs() : type === "solution" ? await getSolutionDirs() : [];
   const dir = appDirs.find((dir2) => {
     const info = extractNumbersAndTypeFromAppNameOrPath(dir2);
-    if (!info)
-      return false;
+    if (!info) return false;
     return info.exerciseNumber === exerciseNumber && info.stepNumber === stepNumber;
   });
   return dir ?? appName;
@@ -1622,8 +1563,7 @@ async function findSolutionDir({
   const dirName = path$1.basename(fullPath);
   if (dirName.includes(".problem")) {
     const info = getAppDirInfo(dirName);
-    if (!info)
-      return null;
+    if (!info) return null;
     const { stepNumber } = info;
     const paddedStepNumber = stepNumber.toString().padStart(2, "0");
     const parentDir = path$1.dirname(fullPath);
@@ -1650,8 +1590,7 @@ async function findProblemDir({
   const dirName = path$1.basename(fullPath);
   if (dirName.includes(".solution")) {
     const info = getAppDirInfo(dirName);
-    if (!info)
-      return null;
+    if (!info) return null;
     const { stepNumber } = info;
     const paddedStepNumber = stepNumber.toString().padStart(2, "0");
     const parentDir = path$1.dirname(fullPath);
@@ -1729,10 +1668,8 @@ async function getPlaygroundApp({
     request,
     forceFresh: forceFreshPlaygroundDir || forceFreshBaseApp,
     getFreshValue: async () => {
-      if (!await exists(playgroundDir))
-        return null;
-      if (!baseAppName)
-        return null;
+      if (!await exists(playgroundDir)) return null;
+      if (!baseAppName) return null;
       const dirName = path$1.basename(playgroundDir);
       const name = getAppName(playgroundDir);
       const portNumber = 4e3;
@@ -1812,8 +1749,7 @@ async function getExampleApps({
         return null;
       })
     });
-    if (exampleApp)
-      exampleApps.push(exampleApp);
+    if (exampleApp) exampleApps.push(exampleApp);
   }
   return exampleApps;
 }
@@ -1821,12 +1757,10 @@ async function getSolutionAppFromPath(fullPath, request) {
   const dirName = path$1.basename(fullPath);
   const parentDirName = path$1.basename(path$1.dirname(fullPath));
   const exerciseNumber = extractExerciseNumber(parentDirName);
-  if (!exerciseNumber)
-    return null;
+  if (!exerciseNumber) return null;
   const name = getAppName(fullPath);
   const info = getAppDirInfo(dirName);
-  if (!info)
-    return null;
+  if (!info) return null;
   const { stepNumber } = info;
   const portNumber = 7e3 + (exerciseNumber - 1) * 10 + stepNumber;
   const compiledReadme = await compileMdxIfExists(
@@ -1881,8 +1815,7 @@ async function getSolutionApps({
         return null;
       })
     });
-    if (solutionApp)
-      solutionApps.push(solutionApp);
+    if (solutionApp) solutionApps.push(solutionApp);
   }
   return solutionApps;
 }
@@ -1890,12 +1823,10 @@ async function getProblemAppFromPath(fullPath, request) {
   const dirName = path$1.basename(fullPath);
   const parentDirName = path$1.basename(path$1.dirname(fullPath));
   const exerciseNumber = extractExerciseNumber(parentDirName);
-  if (!exerciseNumber)
-    return null;
+  if (!exerciseNumber) return null;
   const name = getAppName(fullPath);
   const info = getAppDirInfo(dirName);
-  if (!info)
-    return null;
+  if (!info) return null;
   const { stepNumber } = info;
   const portNumber = 6e3 + (exerciseNumber - 1) * 10 + stepNumber;
   const compiledReadme = await compileMdxIfExists(
@@ -1950,8 +1881,7 @@ async function getProblemApps({
         return null;
       })
     });
-    if (problemApp)
-      problemApps.push(problemApp);
+    if (problemApp) problemApps.push(problemApp);
   }
   return problemApps;
 }
@@ -1989,8 +1919,7 @@ async function getExerciseApp(params, { request, timings } = {}) {
   const { type, exerciseNumber, stepNumber } = result.data;
   const apps = (await getApps({ request, timings })).filter(isExerciseStepApp);
   const exerciseApp = apps.find((app) => {
-    if (isExampleApp(app))
-      return false;
+    if (isExampleApp(app)) return false;
     return app.exerciseNumber === exerciseNumber && app.stepNumber === stepNumber && app.type === type;
   });
   if (!exerciseApp) {
@@ -2066,25 +1995,18 @@ async function setPlayground(srcDir, { reset } = {}) {
       if (srcFile.includes(`${basename2}${path$1.sep}build`) || srcFile.includes(`${basename2}${path$1.sep}public${path$1.sep}build`)) {
         return false;
       }
-      if (srcFile === srcDir)
-        return true;
-      if (srcFile.includes("node_modules"))
-        return true;
-      if (srcFile.endsWith(".env"))
-        return true;
-      if (isIgnored(srcFile))
-        return false;
+      if (srcFile === srcDir) return true;
+      if (srcFile.includes("node_modules")) return true;
+      if (srcFile.endsWith(".env")) return true;
+      if (isIgnored(srcFile)) return false;
       try {
         const isDir = (await fsExtra.stat(srcFile)).isDirectory();
-        if (isDir)
-          return true;
+        if (isDir) return true;
         const destIsDir = (await fsExtra.stat(destFile)).isDirectory();
-        if (destIsDir)
-          return true;
+        if (destIsDir) return true;
         const currentContents = await fsExtra.readFile(destFile);
         const newContents = await fsExtra.readFile(srcFile);
-        if (currentContents.equals(newContents))
-          return false;
+        if (currentContents.equals(newContents)) return false;
         return true;
       } catch {
         return true;
@@ -2147,8 +2069,7 @@ async function getPlaygroundAppName() {
       "utf8"
     );
     const { appName } = JSON.parse(jsonString);
-    if (typeof appName !== "string")
-      return null;
+    if (typeof appName !== "string") return null;
     return appName;
   } catch {
     return null;
@@ -2159,8 +2080,7 @@ async function getDirModifiedTime(dir) {
   const files = await fs.promises.readdir(dir, { withFileTypes: true });
   const modifiedTimes2 = await Promise.all(
     files.map(async (file) => {
-      if (isIgnored(file.name))
-        return 0;
+      if (isIgnored(file.name)) return 0;
       const filePath = path$1.join(dir, file.name);
       if (file.isDirectory()) {
         return getDirModifiedTime(filePath);
@@ -2366,8 +2286,7 @@ const DataSchema = z$1.object({
 const appDir = path.join(os.homedir(), ".epicshop");
 const dbPath = path.join(appDir, "data.json");
 async function deleteDb() {
-  if (process.env.EPICSHOP_DEPLOYED)
-    return null;
+  if (process.env.EPICSHOP_DEPLOYED) return null;
   try {
     if (await fsExtra.exists(dbPath)) {
       await fsExtra.remove(dbPath);
@@ -2377,8 +2296,7 @@ async function deleteDb() {
   }
 }
 async function readDb() {
-  if (process.env.EPICSHOP_DEPLOYED)
-    return null;
+  if (process.env.EPICSHOP_DEPLOYED) return null;
   try {
     if (await fsExtra.exists(dbPath)) {
       const db = DataSchema.parse(await fsExtra.readJSON(dbPath));
@@ -2401,8 +2319,7 @@ async function getAuthInfo() {
 async function getUserInfo() {
   var _a2, _b2;
   const db = await readDb();
-  if (!(db == null ? void 0 : db.authInfo))
-    return null;
+  if (!(db == null ? void 0 : db.authInfo)) return null;
   return {
     id: db.authInfo.id,
     name: ((_a2 = db.discordMember) == null ? void 0 : _a2.displayName) ?? db.authInfo.name ?? null,
@@ -2542,17 +2459,11 @@ async function getPresentUsers(user, { timings, request } = {}) {
     async getFreshValue(context) {
       try {
         const response = await Promise.race([
-          (async () => {
-            const connected = await checkConnection();
-            if (!connected)
-              throw new Error(`No internet connection`);
-            return fetch(`${partykitBaseUrl}/presence`);
-          })(),
+          fetch(`${partykitBaseUrl}/presence`),
           new Promise(
-            (resolve) => setTimeout(
-              () => resolve(new Response("Timeout", { status: 500 })),
-              200
-            )
+            (resolve) => setTimeout(() => {
+              resolve(new Response("Timeout", { status: 500 }));
+            }, 500)
           )
         ]);
         if (response.statusText === "Timeout") {
@@ -2571,7 +2482,7 @@ async function getPresentUsers(user, { timings, request } = {}) {
         } else {
           return uniqueUsers([...users, user]);
         }
-      } catch {
+      } catch (error) {
         context.metadata.ttl = 300;
         return [];
       }
@@ -2580,7 +2491,7 @@ async function getPresentUsers(user, { timings, request } = {}) {
 }
 function uniqueUsers(users) {
   const seen = /* @__PURE__ */ new Set();
-  return users.filter((user) => {
+  return users.filter(Boolean).filter((user) => {
     if (seen.has(user.id)) {
       return false;
     }
@@ -2589,8 +2500,7 @@ function uniqueUsers(users) {
   });
 }
 function Confetti({ id }) {
-  if (!id)
-    return null;
+  if (!id) return null;
   return /* @__PURE__ */ jsx(ClientOnly, { children: () => /* @__PURE__ */ jsx(
     Index$1,
     {
@@ -2902,8 +2812,7 @@ const Heading = React.forwardRef(function Heading2({ id, children, as: asProp, c
   );
 });
 function getErrorMessage(error) {
-  if (typeof error === "string")
-    return error;
+  if (typeof error === "string") return error;
   if (error && typeof error === "object" && "message" in error && typeof error.message === "string") {
     return error.message;
   }
@@ -2957,8 +2866,7 @@ function getBaseUrl({
 function combineHeaders(...headers2) {
   const combined = new Headers();
   for (const header of headers2) {
-    if (!header)
-      continue;
+    if (!header) continue;
     for (const [key, value] of new Headers(header).entries()) {
       combined.append(key, value);
     }
@@ -2968,8 +2876,7 @@ function combineHeaders(...headers2) {
 function debounce(fn, delay) {
   let timer = null;
   return (...args) => {
-    if (timer)
-      clearTimeout(timer);
+    if (timer) clearTimeout(timer);
     timer = setTimeout(() => {
       fn(...args);
     }, delay);
@@ -3028,14 +2935,11 @@ function EpicProgress() {
   const isSubmitting = states.some((s) => s === "submitting");
   const isLoading = states.some((s) => s === "loading");
   useEffect(() => {
-    if (!ref.current)
-      return;
-    if (delayedPending)
-      setAnimationComplete(false);
+    if (!ref.current) return;
+    if (delayedPending) setAnimationComplete(false);
     const animationPromises = ref.current.getAnimations().map(({ finished }) => finished);
     void Promise.allSettled(animationPromises).then(() => {
-      if (!delayedPending)
-        setAnimationComplete(true);
+      if (!delayedPending) setAnimationComplete(true);
     });
   }, [delayedPending]);
   return /* @__PURE__ */ jsx(
@@ -3078,25 +2982,31 @@ function ShowToast({ toast: toast$1 }) {
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
+function TooltipContent({
+  className,
+  sideOffset = 4,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 function SimpleTooltip({
   content,
   children
 }) {
-  if (!content)
-    return children;
+  if (!content) return children;
   return /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
     /* @__PURE__ */ jsx(TooltipContent, { children: content })
@@ -3152,16 +3062,14 @@ function ErrorList({
   errors
 }) {
   const errorsToRender = errors == null ? void 0 : errors.filter(Boolean);
-  if (!(errorsToRender == null ? void 0 : errorsToRender.length))
-    return null;
+  if (!(errorsToRender == null ? void 0 : errorsToRender.length)) return null;
   return /* @__PURE__ */ jsx("ul", { id, className: "space-y-1", children: errorsToRender.map((e) => /* @__PURE__ */ jsx("li", { className: "text-danger text-[10px]", children: e }, e)) });
 }
 const cookieName$1 = "EpicShop_theme";
 function getTheme(request) {
   const cookieHeader = request.headers.get("cookie");
   const parsed = cookieHeader ? cookie.parse(cookieHeader)[cookieName$1] : null;
-  if (parsed === "light" || parsed === "dark")
-    return parsed;
+  if (parsed === "light" || parsed === "dark") return parsed;
   return null;
 }
 function setTheme(theme) {
@@ -3204,7 +3112,7 @@ function ThemeSwitch() {
     setIsHydrated(true);
   }, []);
   const [form] = useForm({
-    id: "onboarding",
+    id: "theme-switcher",
     lastResult: fetcher.data,
     onValidate({ formData }) {
       return parseWithZod(formData, { schema: ThemeFormSchema });
@@ -3247,8 +3155,7 @@ function useTheme() {
     }
   );
   const optimisticTheme = (_a2 = fetcher == null ? void 0 : fetcher.formData) == null ? void 0 : _a2.get("theme");
-  if (optimisticTheme === "system")
-    return hints.theme;
+  if (optimisticTheme === "system") return hints.theme;
   if (optimisticTheme === "light" || optimisticTheme === "dark") {
     return optimisticTheme;
   }
@@ -3261,7 +3168,7 @@ const route35 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   useTheme
 }, Symbol.toStringTag, { value: "Module" }));
 const appStylesheetUrl = "/assets/app-BKC4z3M_.css";
-const tailwindStylesheetUrl = "/assets/tailwind-Ck4g-nq0.css";
+const tailwindStylesheetUrl = "/assets/tailwind-D2vjZZFL.css";
 const cookieName = "EpicShop_confetti";
 function getConfetti(request) {
   const cookieHeader = request.headers.get("cookie");
@@ -3313,11 +3220,9 @@ const CachedEpicVideoInfoSchema = z$1.object({
   })
 ).or(z$1.null());
 async function getEpicVideoInfos(epicWebUrls, { request, timings } = {}) {
-  if (!epicWebUrls)
-    return {};
+  if (!epicWebUrls) return {};
   const authInfo = await getAuthInfo();
-  if (ENV.EPICSHOP_DEPLOYED)
-    return {};
+  if (ENV.EPICSHOP_DEPLOYED) return {};
   const epicVideoInfos = {};
   for (const epicVideoEmbed of epicWebUrls) {
     const epicVideoInfo = await getEpicVideoInfo({
@@ -3350,8 +3255,7 @@ async function getEpicVideoInfo({
     checkValue: CachedEpicVideoInfoSchema,
     async getFreshValue(context) {
       const epicWebUrl = new URL(epicVideoEmbed);
-      if (epicWebUrl.host !== "www.epicweb.dev")
-        return null;
+      if (epicWebUrl.host !== "www.epicweb.dev") return null;
       const infoResponse = await fetch(
         `https://www.epicweb.dev/api${epicWebUrl.pathname}`,
         accessToken ? { headers: { authorization: `Bearer ${accessToken}` } } : void 0
@@ -3413,11 +3317,9 @@ async function getEpicProgress({
   request,
   forceFresh
 } = {}) {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return [];
+  if (ENV.EPICSHOP_DEPLOYED) return [];
   const authInfo = await getAuthInfo();
-  if (!authInfo)
-    return [];
+  if (!authInfo) return [];
   const tokenPart = md5(authInfo.tokenSet.access_token);
   const EpicProgressSchema = z$1.array(
     z$1.object({
@@ -3456,14 +3358,11 @@ async function getProgress({
   timings,
   request
 } = {}) {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return [];
+  if (ENV.EPICSHOP_DEPLOYED) return [];
   const authInfo = await getAuthInfo();
-  if (!authInfo)
-    return [];
+  if (!authInfo) return [];
   const epicWorkshopSlug = await getEpicWorkshopSlug();
-  if (!epicWorkshopSlug)
-    return [];
+  if (!epicWorkshopSlug) return [];
   const [
     workshopData,
     epicProgress,
@@ -3595,11 +3494,9 @@ async function getWorkshopData(epicWorkshopSlug, {
   request,
   forceFresh
 } = {}) {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return { sections: [] };
+  if (ENV.EPICSHOP_DEPLOYED) return { sections: [] };
   const authInfo = await getAuthInfo();
-  if (!authInfo)
-    return { sections: [] };
+  if (!authInfo) return { sections: [] };
   return cachified({
     key: `epic-workshop-data:${epicWorkshopSlug}`,
     cache: fsCache,
@@ -3646,13 +3543,10 @@ function usePresenceSocket(user) {
   const data = useRouteLoaderData("root");
   const [users, setUsers] = useState((data == null ? void 0 : data.presence.users) ?? []);
   const [clientId] = useState(() => {
-    if (typeof document === "undefined")
-      return null;
-    if (user)
-      return user.id;
+    if (typeof document === "undefined") return null;
+    if (user) return user.id;
     const clientId2 = sessionStorage.getItem("clientId");
-    if (clientId2)
-      return clientId2;
+    if (clientId2) return clientId2;
     const newClientId = createId();
     sessionStorage.setItem("clientId", newClientId);
     return newClientId;
@@ -3664,8 +3558,7 @@ function usePresenceSocket(user) {
       const messageResult = MessageSchema.safeParse(
         JSON.parse(String(evt.data))
       );
-      if (!messageResult.success)
-        return;
+      if (!messageResult.success) return;
       if (messageResult.data.type === "presence") {
         setUsers(messageResult.data.payload.users);
       }
@@ -3703,8 +3596,7 @@ function usePresenceSocket(user) {
   }
   const messageJson = message ? JSON.stringify(message) : null;
   useEffect(() => {
-    if (messageJson)
-      socket.send(messageJson);
+    if (messageJson) socket.send(messageJson);
   }, [messageJson, socket]);
   const scoredUsers = scoreUsers(location, users);
   return { users: scoredUsers };
@@ -3729,8 +3621,7 @@ function scoreUsers(location, users) {
     return { user, score: Math.floor(score / available * 10) / 10 };
   });
   return scoredUsers.sort((a, b) => {
-    if (a.score === b.score)
-      return 0;
+    if (a.score === b.score) return 0;
     return a.score > b.score ? -1 : 1;
   });
 }
@@ -3845,8 +3736,7 @@ const links = () => {
   ];
 };
 const meta$5 = ({ data }) => {
-  if (!data)
-    return [];
+  if (!data) return [];
   return getSeoMetaTags({
     instructor: data.instructor,
     title: data.workshopTitle,
@@ -4104,6 +3994,103 @@ const route1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   default: NotFound,
   loader: loader$r
 }, Symbol.toStringTag, { value: "Module" }));
+function makeMediaQueryStore(mediaQuery, serverSnapshot) {
+  function getSnapshot() {
+    return window.matchMedia(mediaQuery).matches;
+  }
+  function subscribe(callback) {
+    const mediaQueryList = window.matchMedia(mediaQuery);
+    mediaQueryList.addEventListener("change", callback);
+    return () => {
+      mediaQueryList.removeEventListener("change", callback);
+    };
+  }
+  return function useMediaQuery() {
+    return useSyncExternalStore(subscribe, getSnapshot, () => serverSnapshot);
+  };
+}
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+function DialogOverlay({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+function DialogContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "Close" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+function DialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col space-y-1.5 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+DialogHeader.displayName = "DialogHeader";
+DialogPrimitive.Title.displayName;
+function DialogDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 function useOptionalUser() {
   const data = useRouteLoaderData("root");
   return data == null ? void 0 : data.user;
@@ -4129,8 +4116,7 @@ function useEpicProgress() {
       return f.formAction === "/progress" && ((_a2 = f.formData) == null ? void 0 : _a2.has("complete"));
     }
   );
-  if (!progressFetcher || !(data == null ? void 0 : data.progress))
-    return (data == null ? void 0 : data.progress) ?? null;
+  if (!progressFetcher || !(data == null ? void 0 : data.progress)) return (data == null ? void 0 : data.progress) ?? null;
   return data.progress.map((p) => {
     var _a2, _b2;
     const optimisticCompleted = ((_a2 = progressFetcher.formData) == null ? void 0 : _a2.get("complete")) === "true";
@@ -4147,49 +4133,34 @@ function useEpicProgress() {
 }
 function useRequireEpicProgress() {
   const progress = useEpicProgress();
-  if (!progress)
-    return [];
+  if (!progress) return [];
   return progress;
 }
 function useNextExerciseRoute() {
   const progress = useEpicProgress();
-  if (!progress)
-    return null;
+  if (!progress) return null;
   const scoreProgress = (a) => {
-    if (a.type === "workshop-instructions")
-      return 0;
-    if (a.type === "workshop-finished")
-      return 1e4;
-    if (a.type === "instructions")
-      return a.exerciseNumber * 100;
-    if (a.type === "step")
-      return a.exerciseNumber * 100 + a.stepNumber;
-    if (a.type === "finished")
-      return a.exerciseNumber * 100 + 100;
-    if (a.type === "unknown")
-      return 1e5;
+    if (a.type === "workshop-instructions") return 0;
+    if (a.type === "workshop-finished") return 1e4;
+    if (a.type === "instructions") return a.exerciseNumber * 100;
+    if (a.type === "step") return a.exerciseNumber * 100 + a.stepNumber;
+    if (a.type === "finished") return a.exerciseNumber * 100 + 100;
+    if (a.type === "unknown") return 1e5;
     return -1;
   };
   const sortedProgress = progress.sort((a, b) => {
     return scoreProgress(a) - scoreProgress(b);
   });
   const nextProgress = sortedProgress.find((p) => !p.epicCompletedAt);
-  if (!nextProgress)
-    return null;
-  if (nextProgress.type === "unknown")
-    return null;
-  if (nextProgress.type === "workshop-instructions")
-    return "/";
-  if (nextProgress.type === "workshop-finished")
-    return "/finished";
+  if (!nextProgress) return null;
+  if (nextProgress.type === "unknown") return null;
+  if (nextProgress.type === "workshop-instructions") return "/";
+  if (nextProgress.type === "workshop-finished") return "/finished";
   const ex = nextProgress.exerciseNumber.toString().padStart(2, "0");
-  if (nextProgress.type === "instructions")
-    return `/${ex}`;
-  if (nextProgress.type === "finished")
-    return `/${ex}/finished`;
+  if (nextProgress.type === "instructions") return `/${ex}`;
+  if (nextProgress.type === "finished") return `/${ex}/finished`;
   const st = nextProgress.stepNumber.toString().padStart(2, "0");
-  if (nextProgress.type === "step")
-    return `/${ex}/${st}/problem`;
+  if (nextProgress.type === "step") return `/${ex}/${st}/problem`;
   return null;
 }
 const percentageClassNames = {
@@ -4207,13 +4178,11 @@ const percentageClassNames = {
 };
 function useExerciseProgressClassName(exerciseNumber) {
   const progress = useEpicProgress();
-  if (!(progress == null ? void 0 : progress.length))
-    return null;
+  if (!(progress == null ? void 0 : progress.length)) return null;
   const exerciseProgress = progress.filter(
     (p) => (p.type === "instructions" || p.type === "step" || p.type === "finished") && p.exerciseNumber === exerciseNumber
   );
-  if (!exerciseProgress.length)
-    return null;
+  if (!exerciseProgress.length) return null;
   const percentComlete = exerciseProgress.reduce(
     (acc, p) => p.epicCompletedAt ? acc + 1 : acc,
     0
@@ -4225,8 +4194,7 @@ function useExerciseProgressClassName(exerciseNumber) {
 }
 function useProgressItemClassName(progressItemSearch) {
   const progressItem = useProgressItem(progressItemSearch);
-  if (!(progressItem == null ? void 0 : progressItem.epicCompletedAt))
-    return null;
+  if (!(progressItem == null ? void 0 : progressItem.epicCompletedAt)) return null;
   return `relative before:h-[100%] before:bg-highlight before:absolute before:left-0 before:top-0 before:w-[4px]`;
 }
 function useProgressItem({
@@ -4235,8 +4203,7 @@ function useProgressItem({
   type
 }) {
   const progress = useEpicProgress();
-  if (!(progress == null ? void 0 : progress.length))
-    return null;
+  if (!(progress == null ? void 0 : progress.length)) return null;
   if (type === "workshop-finished" || type === "workshop-instructions") {
     return progress.find((p) => p.type === type) ?? null;
   } else if (type === "instructions" || type === "finished") {
@@ -4270,15 +4237,12 @@ async function action$b({ request }) {
     (p) => p.epicLessonSlug === lessonSlug
   );
   function getCompletionAnnouncement() {
-    if (!complete)
-      return null;
-    if (!lessonProgress)
-      return null;
+    if (!complete) return null;
+    if (!lessonProgress) return null;
     const allOtherAreFinished = beforeProgress.every(
       (p) => p.epicCompletedAt || p.epicLessonSlug === lessonProgress.epicLessonSlug
     );
-    if (allOtherAreFinished)
-      return "You completed the workshop!";
+    if (allOtherAreFinished) return "You completed the workshop!";
     if (lessonProgress.type === "workshop-instructions" || lessonProgress.type === "unknown" || lessonProgress.type === "workshop-finished") {
       return null;
     }
@@ -4334,17 +4298,14 @@ function ProgressToggle({
     navigationLocationStateFrom
   ]);
   React.useEffect(() => {
-    if (!animationRef.current)
-      return;
-    if (!startAnimation)
-      return;
+    if (!animationRef.current) return;
+    if (!startAnimation) return;
     const animationPromises = animationRef.current.getAnimations().map(({ finished }) => finished);
     void Promise.allSettled(animationPromises).then(() => {
       setStartAnimation(false);
     });
   }, [startAnimation]);
-  if (ENV.EPICSHOP_DEPLOYED || !progressItem)
-    return null;
+  if (ENV.EPICSHOP_DEPLOYED || !progressItem) return null;
   return /* @__PURE__ */ jsxs(progressFetcher.Form, { method: "POST", action: "/progress", children: [
     /* @__PURE__ */ jsx(
       "input",
@@ -4502,8 +4463,7 @@ function FacePile({ isMenuOpened }) {
   const { users } = usePresence();
   const limit = isMenuOpened ? 17 : 0;
   const numberOverLimit = users.length - limit;
-  if (!users.length)
-    return null;
+  if (!users.length) return null;
   const tiffany = isMenuOpened && users.length === 1 ? /* @__PURE__ */ jsx(
     Link,
     {
@@ -4591,32 +4551,41 @@ function FacePile({ isMenuOpened }) {
     ] }) : null
   ] }) });
 }
+const useIsWide = makeMediaQueryStore("(min-width: 640px)", true);
 function App() {
   const user = useOptionalUser();
+  const isWide = useIsWide();
   const [isMenuOpened, setMenuOpened] = React.useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
     user ? null : /* @__PURE__ */ jsx(EpicWebBanner, {}),
+    /* @__PURE__ */ jsx(
+      MobileNavigation,
+      {
+        isMenuOpened,
+        onMenuOpenChange: setMenuOpened
+      }
+    ),
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn("flex flex-grow", {
-          "h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))]": !user,
-          "h-[calc(100vh-112px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))]": ENV.EPICSHOP_DEPLOYED,
-          "h-[calc(100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))]": user
+        className: cn("flex flex-grow flex-col sm:flex-row", {
+          "h-[calc(100vh-128px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))]": !user,
+          "h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))]": user,
+          "h-[unset]": !isWide && isMenuOpened
         }),
         children: [
-          /* @__PURE__ */ jsx(
+          isWide ? /* @__PURE__ */ jsx(
             Navigation,
             {
               isMenuOpened,
               onMenuOpenChange: setMenuOpened
             }
-          ),
+          ) : null,
           /* @__PURE__ */ jsx(
             "div",
             {
               className: cn(
-                "h-full w-full max-w-[calc(100%-56px)]",
+                "h-full w-full max-w-full sm:max-w-[calc(100%-56px)]",
                 isMenuOpened ? "hidden md:block" : ""
               ),
               children: /* @__PURE__ */ jsx(Outlet, {})
@@ -4628,8 +4597,7 @@ function App() {
   ] });
 }
 function getLocationLabel(location) {
-  if (!location)
-    return null;
+  if (!location) return null;
   const { exercise } = location;
   const exercisePortion = [
     exercise ? [exercise.exerciseNumber, exercise.stepNumber].filter(Boolean).map((s) => s.toString().padStart(2, "0")).join("/") : null,
@@ -4638,118 +4606,438 @@ function getLocationLabel(location) {
   return { line1: location.workshopTitle, line2: exercisePortion };
 }
 function EpicWebBanner() {
-  return /* @__PURE__ */ jsxs(
-    "div",
+  const isWide = useIsWide();
+  const details = /* @__PURE__ */ jsx("div", { children: ENV.EPICSHOP_DEPLOYED ? /* @__PURE__ */ jsxs("div", { children: [
+    `This is the deployed version. `,
+    ENV.EPICSHOP_GITHUB_ROOT ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          className: "underline",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          to: ENV.EPICSHOP_GITHUB_ROOT,
+          children: "Run locally"
+        }
+      ),
+      ` for full experience.`
+    ] }) : null,
+    " "
+  ] }) : /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Link, { to: "/login", className: "underline", children: "Login" }),
+    " ",
+    "or",
+    " ",
+    /* @__PURE__ */ jsx("a", { href: "https://www.epicweb.dev/login", className: "underline", children: "join for free" }),
+    " ",
+    "for the full experience."
+  ] }) });
+  return /* @__PURE__ */ jsx("div", { className: "z-10 flex h-16 items-center justify-between border-b bg-gradient-to-tr from-blue-500 to-indigo-500 pl-4 text-white", children: isWide ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "hidden flex-1 flex-wrap items-center gap-4 sm:flex", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "EpicWeb", size: "lg" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-wrap items-center", children: [
+        /* @__PURE__ */ jsxs("p", { className: "mr-2", children: [
+          "Welcome to the",
+          " ",
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              to: "https://www.epicweb.dev",
+              className: "underline",
+              target: "_blank",
+              children: "EpicWeb.dev"
+            }
+          ),
+          " ",
+          "Workshop app!"
+        ] }),
+        details
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "hidden h-full flex-col items-center sm:flex md:flex-row", children: [
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: "https://www.epicweb.dev",
+          target: "_blank",
+          className: "flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "drop-shadow-sm", children: "Join Epic Web" }),
+            /* @__PURE__ */ jsx("span", { children: "↗︎" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: ENV.EPICSHOP_DEPLOYED ? "https://www.epicweb.dev/login" : "/login",
+          className: "flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: "User", size: "lg" }),
+            /* @__PURE__ */ jsx("span", { className: "drop-shadow-sm", children: "Login" })
+          ]
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-4 sm:hidden", children: [
+      /* @__PURE__ */ jsx("a", { href: "https://www.epicweb.dev", children: /* @__PURE__ */ jsx(Icon, { name: "EpicWeb", size: "lg" }) }),
+      /* @__PURE__ */ jsxs(Dialog, { children: [
+        /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsx(Icon, { name: "Question", size: "lg", className: "animate-pulse" }) }),
+        /* @__PURE__ */ jsxs(DialogContent, { children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(Icon, { name: "EpicWeb", size: "lg" }),
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: "EpicWeb.dev" })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            "Welcome to the",
+            " ",
+            /* @__PURE__ */ jsx(Link, { to: "https://www.epicweb.dev", className: "underline", children: "EpicWeb.dev" }),
+            " ",
+            "Workshop app!"
+          ] }),
+          details
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center", children: [
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: "https://www.epicweb.dev",
+          target: "_blank",
+          className: "flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "drop-shadow-sm", children: "Join" }),
+            /* @__PURE__ */ jsx("span", { children: "↗︎" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: ENV.EPICSHOP_DEPLOYED ? "https://www.epicweb.dev/login" : "/login",
+          className: "flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: "User", size: "lg" }),
+            /* @__PURE__ */ jsx("span", { className: "drop-shadow-sm", children: "Login" })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+const itemVariants = {
+  hidden: { opacity: 0, x: -20 },
+  visible: { opacity: 1, x: 0 }
+};
+function NavigationExerciseListItem({
+  exerciseNumber,
+  children
+}) {
+  const progressClassName = useExerciseProgressClassName(exerciseNumber);
+  return /* @__PURE__ */ jsx(
+    motion.li,
     {
+      variants: itemVariants,
       className: cn(
-        "z-10 flex items-center justify-between border-b bg-gradient-to-tr from-blue-500 to-indigo-500 pl-4 text-white",
-        ENV.EPICSHOP_DEPLOYED ? "h-[112px] md:h-[64px]" : "h-16"
+        // add gap of 3 to children, but using padding so the progress extends through the whole height
+        "py-[6px] first:pt-3 last:pb-3",
+        progressClassName ? `${progressClassName} before:border-t` : null
       ),
+      children: /* @__PURE__ */ jsx("span", { className: "ml-2", children })
+    }
+  );
+}
+function NavigationExerciseStepListItem({
+  children,
+  ...progressItemSearch
+}) {
+  const progressClassName = useProgressItemClassName(progressItemSearch);
+  return /* @__PURE__ */ jsx(
+    motion.li,
+    {
+      variants: itemVariants,
+      className: cn(
+        // add gap of 3 to children, but using padding so the progress extends through the whole height
+        "py-[6px] first:pt-3 last:pb-3",
+        progressClassName ? `${progressClassName} before:border-t` : null
+      ),
+      children: /* @__PURE__ */ jsx("span", { className: "ml-2", children })
+    }
+  );
+}
+function MobileNavigation({
+  isMenuOpened,
+  onMenuOpenChange: setMenuOpened
+}) {
+  const data = useLoaderData();
+  const user = useOptionalUser();
+  const nextExerciseRoute = useNextExerciseRoute();
+  const params = useParams();
+  const { users } = usePresence();
+  const listVariants = {
+    visible: {
+      opacity: 1,
+      transition: {
+        duration: 0.05,
+        when: "beforeChildren",
+        staggerChildren: 0.03
+      }
+    },
+    hidden: {
+      opacity: 0
+    }
+  };
+  return /* @__PURE__ */ jsx("nav", { className: "flex w-full border-b sm:hidden", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center", {
+        "flex-col": isMenuOpened,
+        "h-14": !isMenuOpened
+      }),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-4", children: [
-          /* @__PURE__ */ jsx(Icon, { name: "EpicWeb", size: "lg" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-wrap items-center", children: [
-            /* @__PURE__ */ jsxs("p", { className: "mr-2", children: [
-              "Welcome to the",
-              " ",
+        /* @__PURE__ */ jsx(
+          NavToggle,
+          {
+            title: data.workshopTitle,
+            isMenuOpened,
+            setMenuOpened
+          }
+        ),
+        isMenuOpened && /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "flex w-full flex-grow flex-col justify-between overflow-x-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar",
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            children: [
               /* @__PURE__ */ jsx(
-                Link,
+                motion.ul,
                 {
-                  to: "https://www.epicweb.dev",
-                  className: "underline",
-                  target: "_blank",
-                  children: "EpicWeb.dev"
+                  variants: listVariants,
+                  initial: "hidden",
+                  animate: "visible",
+                  className: "flex flex-col",
+                  children: data.exercises.map(({ exerciseNumber, title, steps }) => {
+                    const isActive = Number(params.exerciseNumber) === exerciseNumber;
+                    const showPlayground = !isActive && data.playground.exerciseNumber === exerciseNumber;
+                    const exerciseNum = exerciseNumber.toString().padStart(2, "0");
+                    return /* @__PURE__ */ jsxs(
+                      NavigationExerciseListItem,
+                      {
+                        exerciseNumber,
+                        children: [
+                          /* @__PURE__ */ jsxs(
+                            Link,
+                            {
+                              prefetch: "intent",
+                              to: `/${exerciseNum}`,
+                              className: clsx(
+                                "relative whitespace-nowrap px-2 py-0.5 pr-3 text-2xl font-bold outline-none hover:underline focus:underline",
+                                'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',
+                                { "bg-foreground text-background": isActive }
+                              ),
+                              children: [
+                                title,
+                                showPlayground ? " 🛝" : null
+                              ]
+                            }
+                          ),
+                          isActive ? /* @__PURE__ */ jsxs(
+                            motion.ul,
+                            {
+                              variants: listVariants,
+                              initial: "hidden",
+                              animate: "visible",
+                              className: "ml-4 mt-4 flex flex-col",
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  NavigationExerciseStepListItem,
+                                  {
+                                    type: "instructions",
+                                    exerciseNumber,
+                                    children: /* @__PURE__ */ jsx(
+                                      Link,
+                                      {
+                                        to: `/${exerciseNum}`,
+                                        prefetch: "intent",
+                                        className: clsx(
+                                          'relative whitespace-nowrap px-2 py-0.5 pr-3 text-xl font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',
+                                          {
+                                            "bg-foreground text-background": !params.stepNumber
+                                          }
+                                        ),
+                                        children: "Intro"
+                                      }
+                                    )
+                                  },
+                                  exerciseNumber
+                                ),
+                                steps.filter(Boolean).map(({ name, stepNumber, title: title2 }) => {
+                                  const isActive2 = Number(params.stepNumber) === stepNumber;
+                                  const step = stepNumber.toString().padStart(2, "0");
+                                  const isPlayground = name === data.playground.appName;
+                                  return /* @__PURE__ */ jsx(
+                                    NavigationExerciseStepListItem,
+                                    {
+                                      type: "step",
+                                      stepNumber,
+                                      exerciseNumber,
+                                      children: /* @__PURE__ */ jsx(
+                                        Link,
+                                        {
+                                          to: `/${exerciseNum}/${step}`,
+                                          prefetch: "intent",
+                                          className: clsx(
+                                            'relative whitespace-nowrap px-2 py-0.5 pr-3 text-xl font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',
+                                            {
+                                              "bg-foreground text-background": isActive2
+                                            }
+                                          ),
+                                          children: isPlayground ? `${step}. ${title2} 🛝` : `${step}. ${title2}`
+                                        }
+                                      )
+                                    },
+                                    stepNumber
+                                  );
+                                }),
+                                /* @__PURE__ */ jsx(
+                                  NavigationExerciseStepListItem,
+                                  {
+                                    type: "finished",
+                                    exerciseNumber,
+                                    children: /* @__PURE__ */ jsx(
+                                      NavLink,
+                                      {
+                                        to: `/${exerciseNum}/finished`,
+                                        prefetch: "intent",
+                                        className: ({ isActive: isActive2 }) => clsx(
+                                          'relative whitespace-nowrap px-2 py-0.5 pr-3 text-base font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',
+                                          {
+                                            "bg-foreground text-background": isActive2
+                                          }
+                                        ),
+                                        children: "📝 Elaboration"
+                                      }
+                                    )
+                                  }
+                                )
+                              ]
+                            }
+                          ) : null
+                        ]
+                      },
+                      exerciseNumber
+                    );
+                  })
                 }
               ),
-              " ",
-              "Workshop app!"
-            ] }),
-            ENV.EPICSHOP_DEPLOYED ? /* @__PURE__ */ jsxs("small", { className: "text-sm", children: [
-              "This is the deployed version.",
-              " ",
-              ENV.EPICSHOP_GITHUB_ROOT ? /* @__PURE__ */ jsx(
-                Link,
+              /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+                NavLink,
                 {
-                  className: "underline",
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  to: ENV.EPICSHOP_GITHUB_ROOT,
-                  children: "Run locally"
+                  to: "/finished",
+                  className: ({ isActive }) => clsx(
+                    "relative whitespace-nowrap text-lg font-bold outline-none hover:underline focus:underline",
+                    {
+                      'bg-black text-white after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""]': isActive
+                    }
+                  ),
+                  children: "📝 Workshop Feedback"
                 }
-              ) : null,
-              " ",
-              "for full experience."
-            ] }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center md:flex-row", children: [
-          /* @__PURE__ */ jsxs(
-            Link,
-            {
-              to: "https://www.epicweb.dev",
-              target: "_blank",
-              className: "flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "drop-shadow-sm", children: "Join Epic Web 🆓" }),
-                /* @__PURE__ */ jsx("span", { children: "↗︎" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Link,
-            {
-              to: ENV.EPICSHOP_DEPLOYED ? "https://www.epicweb.dev/login" : "/login",
-              className: "flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",
-              children: [
-                /* @__PURE__ */ jsx(Icon, { name: "User", size: "lg" }),
-                /* @__PURE__ */ jsx("span", { className: "drop-shadow-sm", children: "Login" })
-              ]
-            }
-          )
-        ] })
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex-grow" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-start p-4",
+              isMenuOpened && users.length > 4 ? "min-h-14" : "h-14",
+              {
+                "w-full border-t": isMenuOpened,
+                "border-l": !isMenuOpened
+              }
+            ),
+            children: /* @__PURE__ */ jsx(FacePile, { isMenuOpened })
+          }
+        ),
+        ENV.EPICSHOP_DEPLOYED ? null : user ? /* @__PURE__ */ jsx(SimpleTooltip, { content: isMenuOpened ? null : "Your account", children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            className: cn(
+              "flex h-14 items-center justify-start space-x-3 px-4 py-4 text-center no-underline hover:underline",
+              {
+                "border-l": !isMenuOpened,
+                "w-full border-t": isMenuOpened
+              }
+            ),
+            to: "/account",
+            children: [
+              user.avatarUrl ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: user.name ?? user.email,
+                  src: user.avatarUrl,
+                  className: "h-full rounded-full"
+                }
+              ) : /* @__PURE__ */ jsx(Icon, { name: "User", className: "flex-shrink-0", size: "lg" }),
+              isMenuOpened ? /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  className: "flex items-center whitespace-nowrap",
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  children: "Your Account"
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Your account" })
+            ]
+          }
+        ) }) : null,
+        ENV.EPICSHOP_DEPLOYED ? null : user && nextExerciseRoute ? /* @__PURE__ */ jsx(
+          SimpleTooltip,
+          {
+            content: isMenuOpened ? null : "Continue to next lesson",
+            children: /* @__PURE__ */ jsxs(
+              Link,
+              {
+                to: nextExerciseRoute,
+                prefetch: "intent",
+                className: clsx(
+                  "flex h-14 w-full items-center space-x-3 border-t px-4 py-4 pl-[18px] no-underline hover:underline"
+                ),
+                state: { from: "continue next lesson button" },
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { name: "FastForward", className: "flex-shrink-0", size: "md" }),
+                  isMenuOpened ? /* @__PURE__ */ jsx(
+                    motion.div,
+                    {
+                      className: "flex items-center whitespace-nowrap",
+                      initial: { opacity: 0 },
+                      animate: { opacity: 1 },
+                      children: "Continue to next lesson"
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Continue to next lesson" })
+                ]
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-14 self-start p-4 pt-[15px] sm:mb-4 sm:w-full", {
+              "w-full border-t": isMenuOpened,
+              "border-l": !isMenuOpened
+            }),
+            children: /* @__PURE__ */ jsx(ThemeSwitch, {})
+          }
+        )
       ]
     }
-  );
-}
-const itemVariants = {
-  hidden: { opacity: 0, x: -20 },
-  visible: { opacity: 1, x: 0 }
-};
-function NavigationExerciseListItem({
-  exerciseNumber,
-  children
-}) {
-  const progressClassName = useExerciseProgressClassName(exerciseNumber);
-  return /* @__PURE__ */ jsx(
-    motion.li,
-    {
-      variants: itemVariants,
-      className: cn(
-        // add gap of 3 to children, but using padding so the progress extends through the whole height
-        "py-[6px] first:pt-3 last:pb-3",
-        progressClassName ? `${progressClassName} before:border-t` : null
-      ),
-      children: /* @__PURE__ */ jsx("span", { className: "ml-2", children })
-    }
-  );
-}
-function NavigationExerciseStepListItem({
-  children,
-  ...progressItemSearch
-}) {
-  const progressClassName = useProgressItemClassName(progressItemSearch);
-  return /* @__PURE__ */ jsx(
-    motion.li,
-    {
-      variants: itemVariants,
-      className: cn(
-        // add gap of 3 to children, but using padding so the progress extends through the whole height
-        "py-[6px] first:pt-3 last:pb-3",
-        progressClassName ? `${progressClassName} before:border-t` : null
-      ),
-      children: /* @__PURE__ */ jsx("span", { className: "ml-2", children })
-    }
-  );
+  ) }) });
 }
 const OPENED_MENU_WIDTH = 400;
 function Navigation({
@@ -4788,7 +5076,7 @@ function Navigation({
     }
   };
   const exNum = Number(params.exerciseNumber).toString().padStart(2, "0");
-  return /* @__PURE__ */ jsx("nav", { className: "flex border-r", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("nav", { className: "hidden border-r sm:flex", children: /* @__PURE__ */ jsx(
     motion.div,
     {
       initial: isMenuOpened ? "open" : "close",
@@ -5049,7 +5337,7 @@ function NavToggle({
   const path01Controls = useAnimationControls();
   const path02Controls = useAnimationControls();
   async function toggleMenu() {
-    void menuControls.start(isMenuOpened ? "close" : "open");
+    void (menuControls == null ? void 0 : menuControls.start(isMenuOpened ? "close" : "open"));
     setMenuOpened(!isMenuOpened);
     if (isMenuOpened) {
       void path01Controls.start(path01Variants.closed);
@@ -5066,8 +5354,7 @@ function NavToggle({
     latestToggleMenu.current = toggleMenu;
   });
   React.useEffect(() => {
-    if (!isMenuOpened)
-      return;
+    if (!isMenuOpened) return;
     function handleKeyUp(event) {
       if (event.key === "Escape") {
         void latestToggleMenu.current();
@@ -5076,48 +5363,59 @@ function NavToggle({
     document.addEventListener("keyup", handleKeyUp);
     return () => document.removeEventListener("keyup", handleKeyUp);
   }, [isMenuOpened]);
-  return /* @__PURE__ */ jsxs("div", { className: "relative inline-flex h-14 w-full items-center justify-between overflow-hidden border-b", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: "flex h-14 w-14 items-center justify-center",
-        "aria-label": "Open Navigation menu",
-        onClick: toggleMenu,
-        children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", children: [
-          /* @__PURE__ */ jsx(
-            motion.path,
-            {
-              ...path01Variants.closed,
-              animate: path01Controls,
-              transition: { duration: 0.2 },
-              stroke: "currentColor",
-              strokeWidth: 1.5
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            motion.path,
-            {
-              ...path02Variants.closed,
-              animate: path02Controls,
-              transition: { duration: 0.2 },
-              stroke: "currentColor",
-              strokeWidth: 1.5
-            }
-          )
-        ] })
-      }
-    ),
-    isMenuOpened && /* @__PURE__ */ jsx(
-      motion.p,
-      {
-        transition: { delay: 0.2 },
-        initial: { opacity: 0, y: 5 },
-        animate: { opacity: 1, y: 0 },
-        className: "absolute right-5 whitespace-nowrap font-mono text-sm uppercase",
-        children: /* @__PURE__ */ jsx(Link, { to: "/", children: title })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative inline-flex h-14 flex-shrink-0 items-center justify-between overflow-hidden border-r sm:w-full sm:border-b sm:border-r-0",
+        {
+          "w-full": isMenuOpened
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "flex h-14 w-14 items-center justify-center",
+            "aria-label": "Open Navigation menu",
+            onClick: toggleMenu,
+            children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ jsx(
+                motion.path,
+                {
+                  ...path01Variants.closed,
+                  animate: path01Controls,
+                  transition: { duration: 0.2 },
+                  stroke: "currentColor",
+                  strokeWidth: 1.5
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                motion.path,
+                {
+                  ...path02Variants.closed,
+                  animate: path02Controls,
+                  transition: { duration: 0.2 },
+                  stroke: "currentColor",
+                  strokeWidth: 1.5
+                }
+              )
+            ] })
+          }
+        ),
+        isMenuOpened && /* @__PURE__ */ jsx(
+          motion.p,
+          {
+            transition: { delay: 0.2 },
+            initial: { opacity: 0, y: 5 },
+            animate: { opacity: 1, y: 0 },
+            className: "absolute right-5 whitespace-nowrap font-mono text-sm uppercase",
+            children: /* @__PURE__ */ jsx(Link, { to: "/", children: title })
+          }
+        )
+      ]
+    }
+  );
 }
 const route2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -5180,15 +5478,12 @@ function MuxPlayer({
   const fetcherRef = useLatest(playerPreferencesFetcher);
   const playerPreferencesRef = useLatest(playerPreferences);
   React.useEffect(() => {
-    if (typeof document === "undefined")
-      return;
+    if (typeof document === "undefined") return;
     const stored = sessionStorage.getItem(currentTimeSessionKey);
-    if (!stored)
-      return;
+    if (!stored) return;
     try {
       const { time: time2, expiresAt } = PlaybackTimeSchema.parse(JSON.parse(stored));
-      if (expiresAt.getTime() < Date.now())
-        throw new Error("Time expired");
+      if (expiresAt.getTime() < Date.now()) throw new Error("Time expired");
       setCurrentTime(time2);
     } catch {
       sessionStorage.removeItem(currentTimeSessionKey);
@@ -5196,8 +5491,7 @@ function MuxPlayer({
   }, [currentTimeSessionKey]);
   React.useEffect(() => {
     function handleUserKeyPress(e) {
-      if (!muxPlayerRef.current)
-        return;
+      if (!muxPlayerRef.current) return;
       const activeElement = document.activeElement;
       const isContentEditable = activeElement instanceof HTMLElement ? activeElement.contentEditable === "true" : false;
       if (activeElement && !ignoredInputs.includes(activeElement.tagName.toLowerCase()) && !isContentEditable) {
@@ -5226,8 +5520,7 @@ function MuxPlayer({
   }, [muxPlayerRef]);
   const updatePreferences = useDebounce(() => {
     const player = muxPlayerRef.current;
-    if (!player)
-      return;
+    if (!player) return;
     const subs = Array.from(player.textTracks ?? []).find(
       (t) => t.kind === "subtitles"
     );
@@ -5236,8 +5529,7 @@ function MuxPlayer({
       volumeRate: player.volume,
       subtitle: subs ? { id: subs.id, mode: subs.mode } : { id: null, mode: "disabled" }
     };
-    if (isDeepEqual(newPrefs, playerPreferencesRef.current))
-      return;
+    if (isDeepEqual(newPrefs, playerPreferencesRef.current)) return;
     fetcherRef.current.submit(newPrefs, {
       method: "POST",
       action: "/video-player",
@@ -5246,11 +5538,9 @@ function MuxPlayer({
   }, 300);
   React.useEffect(() => {
     var _a2, _b2;
-    if (!metadataLoaded)
-      return;
+    if (!metadataLoaded) return;
     const textTracks = (_a2 = muxPlayerRef.current) == null ? void 0 : _a2.textTracks;
-    if (!textTracks)
-      return;
+    if (!textTracks) return;
     const subtitlePref = (_b2 = playerPreferencesRef.current) == null ? void 0 : _b2.subtitle;
     if (subtitlePref == null ? void 0 : subtitlePref.id) {
       const preferredTextTrack = textTracks.getTrackById(subtitlePref.id);
@@ -5308,32 +5598,23 @@ function MuxPlayer({
   ) });
 }
 function isDeepEqual(obj1, obj2) {
-  if (obj1 === obj2)
-    return true;
-  if (typeof obj1 !== typeof obj2)
-    return false;
-  if (typeof obj1 !== "object" || typeof obj2 !== "object")
-    return false;
-  if (obj1 === null || obj2 === null)
-    return false;
-  if (Array.isArray(obj1) !== Array.isArray(obj2))
-    return false;
+  if (obj1 === obj2) return true;
+  if (typeof obj1 !== typeof obj2) return false;
+  if (typeof obj1 !== "object" || typeof obj2 !== "object") return false;
+  if (obj1 === null || obj2 === null) return false;
+  if (Array.isArray(obj1) !== Array.isArray(obj2)) return false;
   if (Array.isArray(obj1) && Array.isArray(obj2)) {
-    if (obj1.length !== obj2.length)
-      return false;
+    if (obj1.length !== obj2.length) return false;
     for (let i = 0; i < obj1.length; i++) {
-      if (!isDeepEqual(obj1[i], obj2[i]))
-        return false;
+      if (!isDeepEqual(obj1[i], obj2[i])) return false;
     }
     return true;
   }
   const keys1 = Object.keys(obj1);
   const keys2 = Object.keys(obj2);
-  if (keys1.length !== keys2.length)
-    return false;
+  if (keys1.length !== keys2.length) return false;
   for (const key of keys1) {
-    if (!isDeepEqual(obj1[key], obj2[key]))
-      return false;
+    if (!isDeepEqual(obj1[key], obj2[key])) return false;
   }
   return true;
 }
@@ -5413,10 +5694,8 @@ function extractEpicTitle(urlString) {
   let titleSegment = urlSegments.pop();
   const nonTitles = ["problem", "solution", "embed", "exercise"];
   const isTitleSegment = (str) => str && !nonTitles.includes(str);
-  while (!isTitleSegment(titleSegment))
-    titleSegment = urlSegments.pop();
-  if (!titleSegment)
-    return "EpicWeb.dev Video";
+  while (!isTitleSegment(titleSegment)) titleSegment = urlSegments.pop();
+  if (!titleSegment) return "EpicWeb.dev Video";
   const titleWords = titleSegment.split("-");
   const lowerCaseWords = [
     "the",
@@ -5520,8 +5799,7 @@ function extractEpicTitle(urlString) {
     const literalWord = literalWords.find(
       (w) => w.toLowerCase() === lowerWord
     );
-    if (literalWord)
-      return literalWord;
+    if (literalWord) return literalWord;
     if (lowerCaseWords.includes(lowerWord) && index > 0) {
       return lowerWord;
     }
@@ -5731,8 +6009,7 @@ function EpicVideo({
   let prevIndex = 0;
   while (match = timestampRegex.exec(transcript)) {
     const timestamp = match[1];
-    if (!timestampRegex.lastIndex || !timestamp)
-      break;
+    if (!timestampRegex.lastIndex || !timestamp) break;
     const timestampIndexStart = match.index;
     const timestampIndexEnd = timestampRegex.lastIndex;
     const textBeforeTimestamp = transcript.slice(
@@ -6002,8 +6279,7 @@ function guessEditor() {
       const runningProcesses = output.split("\r\n");
       for (let i = 0; i < runningProcesses.length; i++) {
         const processPath = (_a2 = runningProcesses[i]) == null ? void 0 : _a2.trim();
-        if (!processPath)
-          continue;
+        if (!processPath) continue;
         const processName = path.basename(processPath);
         if (COMMON_EDITORS_WIN.includes(processName)) {
           return [processPath];
@@ -6014,8 +6290,7 @@ function guessEditor() {
       const processNames = Object.keys(COMMON_EDITORS_LINUX);
       for (let i = 0; i < processNames.length; i++) {
         const processName = processNames[i];
-        if (!processName)
-          continue;
+        if (!processName) continue;
         if (output.includes(processName)) {
           return [COMMON_EDITORS_LINUX[processName]];
         }
@@ -6240,8 +6515,7 @@ async function action$9({ request }) {
     const originFiles = await getFiles(form.syncTo);
     for (let index = 0; index < originFiles.length; index++) {
       const originFile = originFiles[index];
-      if (!originFile)
-        continue;
+      if (!originFile) continue;
       const destFile = filesToOpen[index];
       if (!destFile) {
         throw new Response(
@@ -6384,8 +6658,7 @@ function EditFileOnGitHub({
 }) {
   const fetcher = useLaunchFetcher();
   const handleClick = (e) => {
-    if (!e.altKey || ENV.EPICSHOP_DEPLOYED)
-      return;
+    if (!e.altKey || ENV.EPICSHOP_DEPLOYED) return;
     e.preventDefault();
     const formData = new FormData();
     const type = file ? "file" : "appFile";
@@ -6437,8 +6710,7 @@ function OpenInEditor({
 }) {
   var _a2;
   const data = useLoaderData();
-  if (type === "other" || !buttons || !filename || !fullPath)
-    return null;
+  if (type === "other" || !buttons || !filename || !fullPath) return null;
   const currentAppFullPath = safePath(((_a2 = data[data.type]) == null ? void 0 : _a2.fullPath) ?? "");
   const isFileFromDifferentApp = !fullPath.startsWith(currentAppFullPath);
   const validButtons = ENV.EPICSHOP_DEPLOYED ? ["problem", "solution"] : ["problem", "solution", "playground"];
@@ -6607,8 +6879,7 @@ const meta$4 = ({
   var _a2;
   const number = data == null ? void 0 : data.exercise.exerciseNumber.toString().padStart(2, "0");
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
-  if (!data || !rootData)
-    return [{ title: "🦉 | Error" }];
+  if (!data || !rootData) return [{ title: "🦉 | Error" }];
   return getSeoMetaTags({
     title: `📝 | ${number}. ${data.exercise.title} | ${rootData == null ? void 0 : rootData.workshopTitle}`,
     description: `Introduction for ${number}. ${data.exercise.title}`,
@@ -6962,8 +7233,7 @@ function Diff({
   });
   const hiddenInputs = [];
   for (const [key, value] of params.entries()) {
-    if (key === "app1" || key === "app2")
-      continue;
+    if (key === "app1" || key === "app2") continue;
     hiddenInputs.push(
       /* @__PURE__ */ jsx("input", { type: "hidden", name: key, value }, key)
     );
@@ -7279,10 +7549,8 @@ function getFileCodeblocks(file, filePathApp1, filePathApp2, type) {
   for (const chunk of file.chunks) {
     let launchEditor2 = function(appNum, line) {
       if (isDeployed) {
-        if (type === "DeletedFile" && appNum === 2)
-          return "";
-        if (type === "AddedFile" && appNum === 1)
-          return "";
+        if (type === "DeletedFile" && appNum === 2) return "";
+        if (type === "AddedFile" && appNum === 1) return "";
       }
       const label = type === "AddedFile" && appNum === 1 || type === "DeletedFile" && appNum === 2 ? `CREATE in APP ${appNum}` : `OPEN in APP ${appNum}`;
       const file2 = JSON.stringify(appNum === 1 ? filePathApp1 : filePathApp2);
@@ -7306,8 +7574,7 @@ function getFileCodeblocks(file, filePathApp1, filePathApp2, type) {
       toStartLine = chunk.toFileRange.start;
       for (let lineNumber = 0; lineNumber < chunk.changes.length; lineNumber++) {
         const change = chunk.changes[lineNumber];
-        if (!change)
-          continue;
+        if (!change) continue;
         lines.push(change.content);
         switch (change.type) {
           case "AddedLine": {
@@ -7382,8 +7649,7 @@ async function copyUnignoredFiles(srcDir, destDir, ignoreList) {
       await fsExtra.remove(destDir);
       await fsExtra.copy(srcDir, destDir, {
         filter: async (file) => {
-          if (file === srcDir)
-            return true;
+          if (file === srcDir) return true;
           return !ig.ignores(path.relative(srcDir, file));
         }
       });
@@ -7447,8 +7713,7 @@ async function getDiffIgnore(filePath) {
   ) : [];
 }
 function getForceFreshForDiff(app1, app2, cacheEntry) {
-  if (!cacheEntry)
-    return true;
+  if (!cacheEntry) return true;
   const app1Modified = modifiedTimes.get(app1.fullPath) ?? 0;
   const app2Modified = modifiedTimes.get(app2.fullPath) ?? 0;
   const cacheModified = cacheEntry.metadata.createdTime;
@@ -7568,13 +7833,11 @@ async function getDiffCodeImpl(app1, app2) {
   for (const file of parsed.files) {
     const pathToCopy = file.type === "RenamedFile" ? file.pathBefore : file.path;
     const relativePath = diffPathToRelative(pathToCopy);
-    if (app1TestFiles.includes(relativePath))
-      continue;
+    if (app1TestFiles.includes(relativePath)) continue;
     const filePathApp1 = path.join(app1.fullPath, relativePath);
     const pathToApp2 = file.type === "RenamedFile" ? file.pathAfter : file.path;
     const relativePathApp2 = diffPathToRelative(pathToApp2);
-    if (app2TestFiles.includes(relativePathApp2))
-      continue;
+    if (app2TestFiles.includes(relativePathApp2)) continue;
     const filePathApp2 = path.join(app2.fullPath, relativePathApp2);
     switch (file.type) {
       case "ChangedFile": {
@@ -7790,8 +8053,7 @@ function SelectItem({
   );
 }
 function SetAppToPlayground({ appName }) {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return null;
+  if (ENV.EPICSHOP_DEPLOYED) return null;
   return /* @__PURE__ */ jsx(
     SetPlayground,
     {
@@ -8508,13 +8770,11 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
   useEffect(() => {
     function handleMessage(messageEvent) {
       var _a2;
-      if (messageEvent.source !== ((_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow))
-        return;
+      if (messageEvent.source !== ((_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow)) return;
       const result = messageSchema.safeParse(messageEvent.data, {
         path: ["messageEvent", "data"]
       });
-      if (!result.success)
-        return;
+      if (!result.success) return;
       const { data } = result;
       if (data.type === "epicshop:loaded") {
         setIFrameContext((prevContext) => {
@@ -8526,8 +8786,7 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
           } else if (lastDirectionRef.current === "new") {
             const currentPathname = prevContext.history[prevContext.index];
             const newPathname = new URL(data.url).pathname;
-            if (currentPathname === newPathname)
-              return prevContext;
+            if (currentPathname === newPathname) return prevContext;
             const newHistory = [
               ...prevContext.history.slice(0, prevContext.index + 1),
               newPathname
@@ -8597,8 +8856,7 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
   }, [setSearchParams]);
   const iframePathname = iframeContext.history[iframeContext.index];
   useEffect(() => {
-    if (!iframePathname)
-      return;
+    if (!iframePathname) return;
     setPathnameInputValue(iframePathname);
     const newSearchParams = new URLSearchParams(window.location.search);
     if (iframePathname === "/") {
@@ -8642,8 +8900,7 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
   const atStartOfHistory = iframeContext.index <= 0;
   const existingSearchParamHiddenInputs = [];
   for (const [key, value] of searchParams.entries()) {
-    if (key === "pathname")
-      continue;
+    if (key === "pathname") continue;
     existingSearchParamHiddenInputs.push(
       /* @__PURE__ */ jsx("input", { type: "hidden", name: key, value }, key)
     );
@@ -8656,7 +8913,7 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
             "button",
             {
               type: "button",
-              className: "flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",
+              className: "hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",
               disabled: atStartOfHistory,
               onClick: () => navigateChild(-1),
               children: /* @__PURE__ */ jsx(Icon, { name: "ArrowLeft", "aria-hidden": "true" })
@@ -8669,7 +8926,7 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
             "button",
             {
               type: "button",
-              className: "flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",
+              className: "hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",
               disabled: atEndOfHistory,
               onClick: () => navigateChild(1),
               children: /* @__PURE__ */ jsx(Icon, { name: "ArrowRight", "aria-hidden": "true" })
@@ -8712,7 +8969,7 @@ function InBrowserBrowserForRealzImpl({ baseUrl, id, name, initialRoute }, ref)
                 "input",
                 {
                   "aria-label": "pathname",
-                  className: "flex-1 bg-background focus-visible:outline-none",
+                  className: "w-full flex-1 bg-background focus-visible:outline-none",
                   value: pathnameInputValue,
                   name: "pathname",
                   onChange: (e) => setPathnameInputValue(e.currentTarget.value)
@@ -8757,8 +9014,7 @@ function Preview({
   inBrowserBrowserRef
 }) {
   const requestInfo = useRequestInfo();
-  if (!appInfo)
-    return /* @__PURE__ */ jsx("p", { children: "No app here. Sorry." });
+  if (!appInfo) return /* @__PURE__ */ jsx("p", { children: "No app here. Sorry." });
   const { isRunning, dev, name, portIsAvailable, title } = appInfo;
   if (dev.type === "script") {
     const baseUrl = getBaseUrl({
@@ -8966,8 +9222,7 @@ function StepMdx({
   inBrowserBrowserRef
 }) {
   const data = useLoaderData();
-  if (!data.exerciseStepApp.instructionsCode)
-    return null;
+  if (!data.exerciseStepApp.instructionsCode) return null;
   return /* @__PURE__ */ jsx(StepContextProvider, { inBrowserBrowserRef, children: /* @__PURE__ */ jsx(EpicVideoInfoProvider, { epicVideoInfosPromise: data.epicVideoInfosPromise, children: /* @__PURE__ */ jsx("div", { className: "prose dark:prose-invert sm:prose-lg", children: /* @__PURE__ */ jsx(
     Mdx,
     {
@@ -9019,8 +9274,7 @@ function DiffLink({
       const stepIndex = data.exerciseIndex + input;
       return (_a2 = data.allApps[stepIndex]) == null ? void 0 : _a2.name;
     }
-    if (!input)
-      return null;
+    if (!input) return null;
     for (const { name, stepName } of data.allApps) {
       if (input === name || input === stepName) {
         return name;
@@ -9094,8 +9348,7 @@ function CodeFileNotification({
   const data = useLoaderData();
   const app = data[type];
   const handleClick = () => {
-    if (visibility !== "visible")
-      return;
+    if (visibility !== "visible") return;
     setVisibility("collapse");
     setTimeout(() => {
       setVisibility("none");
@@ -9159,10 +9412,8 @@ function InlineFile({
   ) : /* @__PURE__ */ jsx(Fragment, { children: "children" });
 }
 function getPreviewType(preview) {
-  if (preview === "problem")
-    return "problem";
-  if (preview === "solution")
-    return "solution";
+  if (preview === "problem") return "problem";
+  if (preview === "solution") return "solution";
   return "playground";
 }
 function LinkToApp({
@@ -9199,8 +9450,7 @@ function LinkToApp({
         title: ENV.EPICSHOP_DEPLOYED ? "Cannot link to app in deployed version" : void 0,
         onClick: (event) => {
           var _a3, _b2;
-          if (ENV.EPICSHOP_DEPLOYED)
-            event.preventDefault();
+          if (ENV.EPICSHOP_DEPLOYED) event.preventDefault();
           (_a3 = props.onClick) == null ? void 0 : _a3.call(props, event);
           (_b2 = inBrowserBrowserRef.current) == null ? void 0 : _b2.handleExtrnalNavigation(appTo.toString());
         },
@@ -9218,8 +9468,7 @@ function LinkToApp({
         }),
         title: ENV.EPICSHOP_DEPLOYED ? "Cannot link to app in deployed version" : "Open in new tab",
         onClick: (event) => {
-          if (ENV.EPICSHOP_DEPLOYED)
-            event.preventDefault();
+          if (ENV.EPICSHOP_DEPLOYED) event.preventDefault();
         },
         children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
       }
@@ -9257,10 +9506,8 @@ function InBrowserTestRunner({
   useEffect(() => {
     function handleMessage(messageEvent) {
       var _a2;
-      if (messageEvent.source !== ((_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow))
-        return;
-      if ("request" in messageEvent.data)
-        return;
+      if (messageEvent.source !== ((_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow)) return;
+      if ("request" in messageEvent.data) return;
       const result = testRunnerDataSchema.safeParse(messageEvent.data, {
         path: ["messageEvent", "data"]
       });
@@ -9537,8 +9784,7 @@ function TestOutput({ name }) {
     `/test?${new URLSearchParams({ name })}&v=${version}`
   );
   useEffect(() => {
-    if (!lastMessage)
-      return;
+    if (!lastMessage) return;
     const parsed = JSON.parse(lastMessage);
     const result = testEventQueueSchema.safeParse(parsed);
     if (!result.success) {
@@ -9901,8 +10147,7 @@ const meta$3 = ({
 }) => {
   var _a2;
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
-  if (!data || !rootData)
-    return [{ title: "🦉 | Error" }];
+  if (!data || !rootData) return [{ title: "🦉 | Error" }];
   const { emoji: emoji2, stepNumber, title, exerciseNumber, exerciseTitle } = pageTitle(data);
   return getSeoMetaTags({
     title: `${emoji2} | ${stepNumber}. ${title} | ${exerciseNumber}. ${exerciseTitle} | ${rootData.workshopTitle}`,
@@ -9977,12 +10222,9 @@ async function loader$k({ request, params }) {
     ...getStepNameAndId(a)
   }));
   allApps.sort((a, b) => {
-    if (a.stepId > 0 && b.stepId > 0)
-      return a.stepId - b.stepId;
-    if (a.stepId > 0)
-      return -1;
-    if (b.stepId > 0)
-      return 1;
+    if (a.stepId > 0 && b.stepId > 0) return a.stepId - b.stepId;
+    if (a.stepId > 0) return -1;
+    if (b.stepId > 0) return 1;
     return 0;
   });
   const exerciseId = getStepId(exerciseStepApp);
@@ -10120,14 +10362,12 @@ function ExercisePartRoute() {
       return ENV.EPICSHOP_DEPLOYED || !data.playground || data.playground.test.type === "none";
     }
     if (tab === "problem" || tab === "solution") {
-      if (((_a3 = data[tab]) == null ? void 0 : _a3.dev.type) === "none")
-        return true;
+      if (((_a3 = data[tab]) == null ? void 0 : _a3.dev.type) === "none") return true;
       if (ENV.EPICSHOP_DEPLOYED) {
         return ((_b3 = data[tab]) == null ? void 0 : _b3.dev.type) !== "browser";
       }
     }
-    if (tab === "playground" && ENV.EPICSHOP_DEPLOYED)
-      return true;
+    if (tab === "playground" && ENV.EPICSHOP_DEPLOYED) return true;
     return false;
   }
   const activeTab = isValidPreview(preview) ? preview : tabs.find((t) => !shouldHideTab(t));
@@ -10141,8 +10381,8 @@ function ExercisePartRoute() {
       navigate(altDiffUrl);
     }
   }
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-grow flex-col", children: /* @__PURE__ */ jsxs("main", { className: "grid h-full flex-grow grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative col-span-1 row-span-1 flex h-full flex-col lg:border-r", children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex max-w-full flex-grow flex-col", children: /* @__PURE__ */ jsxs("main", { className: "flex flex-grow flex-col sm:grid sm:h-full sm:min-h-[800px] sm:grid-cols-1 sm:grid-rows-2 md:min-h-[unset] lg:grid-cols-2 lg:grid-rows-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col sm:col-span-1 sm:row-span-1 sm:h-full lg:border-r", children: [
       /* @__PURE__ */ jsx("h1", { className: "h-14 border-b pl-10 pr-5 text-sm font-medium leading-tight", children: /* @__PURE__ */ jsxs("div", { className: "flex h-14 flex-wrap items-center justify-between gap-x-2 py-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-x-2 uppercase", children: [
           /* @__PURE__ */ jsxs(
@@ -10169,14 +10409,14 @@ function ExercisePartRoute() {
             ")"
           ] })
         ] }),
-        data.problem && ((_c = data.playground) == null ? void 0 : _c.appName) !== data.problem.name ? /* @__PURE__ */ jsx(SetAppToPlayground, { appName: data.problem.name }) : null
+        data.problem && ((_c = data.playground) == null ? void 0 : _c.appName) !== data.problem.name ? /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(SetAppToPlayground, { appName: data.problem.name }) }) : null
       ] }) }),
       /* @__PURE__ */ jsx(
         "article",
         {
           id: data.articleId,
-          className: "shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-10 pt-8 scrollbar-thin scrollbar-thumb-scrollbar",
-          children: data.exerciseStepApp.instructionsCode ? /* @__PURE__ */ jsx("div", { className: "prose dark:prose-invert sm:prose-lg", children: /* @__PURE__ */ jsx(StepMdx, { inBrowserBrowserRef }) }) : /* @__PURE__ */ jsx("p", { children: "No instructions yet..." })
+          className: "shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-2 scrollbar-thin scrollbar-thumb-scrollbar sm:p-10 sm:pt-8",
+          children: data.exerciseStepApp.instructionsCode ? /* @__PURE__ */ jsx(StepMdx, { inBrowserBrowserRef }) : /* @__PURE__ */ jsx("p", { children: "No instructions yet..." })
         },
         data.articleId
       ),
@@ -10223,7 +10463,7 @@ function ExercisePartRoute() {
     /* @__PURE__ */ jsxs(
       Tabs.Root,
       {
-        className: "relative col-span-1 row-span-1 flex flex-col overflow-y-auto",
+        className: "relative flex flex-col overflow-y-auto sm:col-span-1 sm:row-span-1",
         value: activeTab,
         children: [
           /* @__PURE__ */ jsx(Tabs.List, { className: "h-14 min-h-14 overflow-x-hidden border-b scrollbar-thin scrollbar-thumb-scrollbar", children: tabs.map((tab) => {
@@ -10248,12 +10488,12 @@ function ExercisePartRoute() {
               }
             ) }, tab);
           }) }),
-          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-grow flex-col overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex min-h-96 flex-grow flex-col overflow-y-auto", children: [
             /* @__PURE__ */ jsx(
               Tabs.Content,
               {
                 value: "playground",
-                className: "flex flex-grow items-center justify-center radix-state-inactive:hidden",
+                className: "flex w-full flex-grow items-center justify-center self-start radix-state-inactive:hidden",
                 children: /* @__PURE__ */ jsx(
                   Playground,
                   {
@@ -10270,7 +10510,7 @@ function ExercisePartRoute() {
               Tabs.Content,
               {
                 value: "problem",
-                className: "flex flex-grow items-center justify-center radix-state-inactive:hidden",
+                className: "flex w-full flex-grow items-center justify-center self-start radix-state-inactive:hidden",
                 children: /* @__PURE__ */ jsx(
                   Preview,
                   {
@@ -10284,7 +10524,7 @@ function ExercisePartRoute() {
               Tabs.Content,
               {
                 value: "solution",
-                className: "flex flex-grow items-center justify-center radix-state-inactive:hidden",
+                className: "flex w-full flex-grow items-center justify-center self-start radix-state-inactive:hidden",
                 children: /* @__PURE__ */ jsx(
                   Preview,
                   {
@@ -10298,7 +10538,7 @@ function ExercisePartRoute() {
               Tabs.Content,
               {
                 value: "tests",
-                className: "flex flex-grow items-start justify-center overflow-hidden radix-state-inactive:hidden",
+                className: "flex w-full flex-grow items-start justify-center self-start overflow-hidden radix-state-inactive:hidden",
                 children: /* @__PURE__ */ jsx(
                   Tests,
                   {
@@ -10314,7 +10554,7 @@ function ExercisePartRoute() {
               Tabs.Content,
               {
                 value: "diff",
-                className: "flex h-full flex-grow items-start justify-center radix-state-inactive:hidden",
+                className: "flex h-full w-full flex-grow items-start justify-center self-start radix-state-inactive:hidden",
                 children: /* @__PURE__ */ jsx(Diff, { diff: data.diff, allApps: data.allApps })
               }
             ),
@@ -10322,7 +10562,7 @@ function ExercisePartRoute() {
               Tabs.Content,
               {
                 value: "chat",
-                className: "flex h-full flex-grow items-start justify-center radix-state-inactive:hidden",
+                className: "flex h-full w-full flex-grow items-start justify-center self-start radix-state-inactive:hidden",
                 children: /* @__PURE__ */ jsx(DiscordChat, {})
               }
             )
@@ -10377,8 +10617,7 @@ const meta$2 = ({
   var _a2;
   const number = data == null ? void 0 : data.exercise.exerciseNumber.toString().padStart(2, "0");
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
-  if (!data || !rootData)
-    return [{ title: "🦉 | Error" }];
+  if (!data || !rootData) return [{ title: "🦉 | Error" }];
   return getSeoMetaTags({
     title: `🦉 | ${number}. ${data.exercise.title} | ${rootData == null ? void 0 : rootData.workshopTitle}`,
     description: `Elaboration for ${number}. ${data.exercise.title}`,
@@ -10464,9 +10703,9 @@ const mdxComponents$2 = { h1: () => null };
 function ExerciseFinished$1() {
   const data = useLoaderData();
   const exerciseNumber = data.exercise.exerciseNumber.toString().padStart(2, "0");
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-grow flex-col", children: /* @__PURE__ */ jsxs("main", { className: "grid h-full flex-grow grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative col-span-1 row-span-1 flex h-full flex-col lg:border-r", children: [
-      /* @__PURE__ */ jsx("h1", { className: "h-14 border-b pl-10 pr-5 text-sm font-medium uppercase leading-none", children: /* @__PURE__ */ jsx("div", { className: "flex h-14 flex-wrap items-center justify-between gap-x-2 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-x-2", children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex max-w-full flex-grow flex-col", children: /* @__PURE__ */ jsxs("main", { className: "flex flex-grow flex-col sm:grid sm:h-full sm:min-h-[800px] sm:grid-cols-1 sm:grid-rows-2 md:min-h-[unset] lg:grid-cols-2 lg:grid-rows-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col sm:col-span-1 sm:row-span-1 sm:h-full lg:border-r", children: [
+      /* @__PURE__ */ jsx("h1", { className: "h-14 border-b pl-10 pr-5 text-sm font-medium leading-tight", children: /* @__PURE__ */ jsx("div", { className: "flex h-14 flex-wrap items-center justify-between gap-x-2 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-x-2", children: [
         /* @__PURE__ */ jsx(Link, { to: `/${exerciseNumber}`, className: "hover:underline", children: `${exerciseNumber}. ${data.exercise.title}` }),
         /* @__PURE__ */ jsx("span", { children: "/" }),
         /* @__PURE__ */ jsx("span", { children: "Elaboration" })
@@ -10474,7 +10713,7 @@ function ExerciseFinished$1() {
       /* @__PURE__ */ jsx(
         "article",
         {
-          className: "shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-10 pt-8 scrollbar-thin scrollbar-thumb-scrollbar",
+          className: "shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-2 scrollbar-thin scrollbar-thumb-scrollbar sm:p-10 sm:pt-8",
           id: data.articleId,
           children: data.exercise.finishedCode ? /* @__PURE__ */ jsx(
             EpicVideoInfoProvider,
@@ -10529,7 +10768,7 @@ function Survey$1({
   exerciseTitle
 }) {
   const [iframeLoaded, setIframeLoaded] = React.useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "relative min-h-full sm:min-h-[unset] sm:flex-shrink-0", children: [
     !iframeLoaded ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ jsx(Loading, { children: /* @__PURE__ */ jsxs("span", { children: [
       "Loading ",
       exerciseTitle,
@@ -10671,11 +10910,9 @@ const route9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   loader: loader$h
 }, Symbol.toStringTag, { value: "Module" }));
 async function getForceFresh(filePath, cacheEntry) {
-  if (!cacheEntry)
-    return true;
+  if (!cacheEntry) return true;
   const app = await getAppFromFile(filePath);
-  if (!app)
-    return true;
+  if (!app) return true;
   const appModified = modifiedTimes.get(app.fullPath) ?? 0;
   const cacheModified = cacheEntry.metadata.createdTime;
   return !cacheModified || appModified > cacheModified || void 0;
@@ -11204,8 +11441,7 @@ const meta$1 = ({
 }) => {
   var _a2;
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
-  if (!rootData)
-    return [];
+  if (!rootData) return [];
   return getSeoMetaTags({
     title: `🎉 ${rootData == null ? void 0 : rootData.workshopTitle}`,
     description: `Elaboration for ${rootData == null ? void 0 : rootData.workshopTitle}`,
@@ -11280,7 +11516,7 @@ function ExerciseFinished() {
       /* @__PURE__ */ jsx(
         "article",
         {
-          className: "shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-10 pt-8 scrollbar-thin scrollbar-thumb-scrollbar",
+          className: "shadow-on-scrollbox h-full w-full max-w-none flex-1 scroll-pt-6 space-y-6 overflow-y-auto p-2 scrollbar-thin scrollbar-thumb-scrollbar sm:p-10 sm:pt-8",
           id: data.articleId,
           children: data.finishedCode ? /* @__PURE__ */ jsx(
             EpicVideoInfoProvider,
@@ -11589,8 +11825,7 @@ const route27 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
 async function loader$8() {
   ensureUndeployed();
   const isAuthenticated = Boolean(await getAuthInfo());
-  if (isAuthenticated)
-    throw redirect("/account");
+  if (isAuthenticated) throw redirect("/account");
   return json({});
 }
 async function action$2() {
@@ -11608,8 +11843,7 @@ function Login() {
   const revalidator = useRevalidator();
   const lastMessage = useEventSource(`/login-sse`);
   useEffect(() => {
-    if (!lastMessage)
-      return;
+    if (!lastMessage) return;
     const parsed = JSON.parse(lastMessage);
     const result = EventSchema.safeParse(parsed);
     if (!result.success) {
@@ -11773,8 +12007,7 @@ async function clearData() {
   await deleteDb();
 }
 async function clearCaches() {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return;
+  if (ENV.EPICSHOP_DEPLOYED) return;
   const workshopRoot2 = getWorkshopRoot();
   await fsExtra.remove(path$1.join(workshopRoot2, "node_modules", ".cache"));
   await deleteCache();
@@ -12481,11 +12714,11 @@ const route30 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-0j1eoieD.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/root-BQ7V6fP4.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/error-boundary-Bcric_4t.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-r90CY6Wk.js", "/assets/index-Bg9MMnnf.js", "/assets/presence-BJPzwbUy.js", "/assets/seo-Bu3_n5my.js"], "css": [] }, "routes/$": { "id": "routes/$", "parentId": "root", "path": "*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_-COWH0sBh.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/error-boundary-Bcric_4t.js"], "css": [] }, "routes/_app+/_layout": { "id": "routes/_app+/_layout", "parentId": "root", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-CNgYirUN.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.js", "/assets/progress-CF9Xwfxf.js", "/assets/index-Bg9MMnnf.js"], "css": [] }, "routes/_app+/_exercises+/_layout": { "id": "routes/_app+/_exercises+/_layout", "parentId": "routes/_app+/_layout", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-BR-Qyofe.js", "imports": ["/assets/index-D6ygCrVn.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber-wyz3vbhs.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js", "/assets/seo-Bu3_n5my.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/:stepNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber_._stepNumber-C37pli7_.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": ":type", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_layout-xu6a9He_.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/mdx-BYvGbvEr.js", "/assets/user-73ocDYRe.js", "/assets/index-9nNr0Zqr.js", "/assets/diff-BKsbFB6w.js", "/assets/error-boundary-Bcric_4t.js", "/assets/nav-chevrons-DOYtx9XE.js", "/assets/progress-CF9Xwfxf.js", "/assets/seo-Bu3_n5my.js", "/assets/discord-0kv66Q6F.js", "/assets/index-r90CY6Wk.js", "/assets/button-BfWwrI9B.js", "/assets/use-event-source-aW6X9lN1.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_._stepNumber.index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.finished": { "id": "routes/_app+/_exercises+/$exerciseNumber_.finished", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_.finished-DNtyBHjg.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/nav-chevrons-DOYtx9XE.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js", "/assets/seo-Bu3_n5my.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/account": { "id": "routes/_app+/account", "parentId": "routes/_app+/_layout", "path": "account", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/account-DesvwOeg.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/button-BfWwrI9B.js", "/assets/misc-DNgC2Frq.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.js"], "css": [] }, "routes/_app+/app.$appName+/$": { "id": "routes/_app+/app.$appName+/$", "parentId": "routes/_app+/_layout", "path": "app/:appName/*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/api.$": { "id": "routes/_app+/app.$appName+/api.$", "parentId": "routes/_app+/_layout", "path": "app/:appName/api/*", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/api._-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/epic_ws[.js]": { "id": "routes/_app+/app.$appName+/epic_ws[.js]", "parentId": "routes/_app+/_layout", "path": "app/:appName/epic_ws.js", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/epic_ws_.js_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/index": { "id": "routes/_app+/app.$appName+/index", "parentId": "routes/_app+/_layout", "path": "app/:appName/", "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/test.$testName": { "id": "routes/_app+/app.$appName+/test.$testName", "parentId": "routes/_app+/_layout", "path": "app/:appName/test/:testName", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test._testName-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/discord": { "id": "routes/_app+/discord", "parentId": "routes/_app+/_layout", "path": "discord", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord-Xp0X4-Fl.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/user-73ocDYRe.js", "/assets/discord-0kv66Q6F.js"], "css": [] }, "routes/_app+/finished": { "id": "routes/_app+/finished", "parentId": "routes/_app+/_layout", "path": "finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/finished-Cu9PZd5Q.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/nav-chevrons-DOYtx9XE.js", "/assets/mdx-BYvGbvEr.js", "/assets/seo-Bu3_n5my.js", "/assets/progress-CF9Xwfxf.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/index": { "id": "routes/_app+/index", "parentId": "routes/_app+/_layout", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/index-BQRtqn3g.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/index-9nNr0Zqr.js", "/assets/error-boundary-Bcric_4t.js", "/assets/mdx-BYvGbvEr.js", "/assets/progress-CF9Xwfxf.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/login": { "id": "routes/_app+/login", "parentId": "routes/_app+/_layout", "path": "login", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-D8zyjBAb.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/use-event-source-aW6X9lN1.js", "/assets/button-BfWwrI9B.js", "/assets/loading-C9f_vBoM.js"], "css": [] }, "routes/_app+/support": { "id": "routes/_app+/support", "parentId": "routes/_app+/_layout", "path": "support", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/support-DUAHYT3r.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js"], "css": [] }, "routes/admin+/_layout": { "id": "routes/admin+/_layout", "parentId": "root", "path": "admin", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-D0zbQZjf.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/progress-CF9Xwfxf.js"], "css": [] }, "routes/admin+/apps": { "id": "routes/admin+/apps", "parentId": "routes/admin+/_layout", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/apps": { "id": "routes/apps", "parentId": "root", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-DP2rzg_V.js", "imports": [], "css": [] }, "routes/diff": { "id": "routes/diff", "parentId": "root", "path": "diff", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/diff-KDzcgGYL.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/epic-video-BwtXsHGU.js", "/assets/progress-bar-7LK87ZMh.js", "/assets/mdx-BYvGbvEr.js", "/assets/diff-BKsbFB6w.js", "/assets/nav-chevrons-DOYtx9XE.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/discord.callback": { "id": "routes/discord.callback", "parentId": "root", "path": "discord/callback", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord.callback-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/exercises": { "id": "routes/exercises", "parentId": "root", "path": "exercises", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/exercises-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/launch-editor": { "id": "routes/launch-editor", "parentId": "root", "path": "launch-editor", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/launch-editor-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/login-sse": { "id": "routes/login-sse", "parentId": "root", "path": "login-sse", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-sse-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/og": { "id": "routes/og", "parentId": "root", "path": "og", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/og-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/onboarding": { "id": "routes/onboarding", "parentId": "root", "path": "onboarding", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/onboarding-euWyXpCL.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DNgC2Frq.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-Kw0lYWBI.js", "/assets/client-hints-BKxdo5Js.js", "/assets/index-Bg9MMnnf.js", "/assets/loading-C9f_vBoM.js", "/assets/button-BfWwrI9B.js", "/assets/epic-video-BwtXsHGU.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/processes": { "id": "routes/processes", "parentId": "root", "path": "processes", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/processes-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/progress": { "id": "routes/progress", "parentId": "root", "path": "progress", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/progress-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/set-playground": { "id": "routes/set-playground", "parentId": "root", "path": "set-playground", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/set-playground-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/start": { "id": "routes/start", "parentId": "root", "path": "start", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/start-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/test": { "id": "routes/test", "parentId": "root", "path": "test", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/theme/index": { "id": "routes/theme/index", "parentId": "root", "path": "theme", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-DP2rzg_V.js", "imports": [], "css": [] }, "routes/update-mdx-cache": { "id": "routes/update-mdx-cache", "parentId": "root", "path": "update-mdx-cache", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/update-mdx-cache-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/video-player/index": { "id": "routes/video-player/index", "parentId": "root", "path": "video-player", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-K6Dvbx-E.js", "imports": [], "css": [] } }, "url": "/assets/manifest-b31ba37c.js", "version": "b31ba37c" };
+const serverManifest = { "entry": { "module": "/assets/entry.client-B0vV2fsa.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/root-bgHbi7rA.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-CypjEQkt.js", "/assets/request-info-CUT0ULYN.js", "/assets/tooltip-CfmIzAYi.js", "/assets/client-hints-BE5mB4r0.js", "/assets/error-boundary-DxfVshQ5.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-Doi37489.js", "/assets/index-90bzTYUX.js", "/assets/presence-DXXVJbaH.js", "/assets/seo-Bu3_n5my.js"], "css": [] }, "routes/$": { "id": "routes/$", "parentId": "root", "path": "*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_-Bd2gNcck.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/error-boundary-DxfVshQ5.js"], "css": [] }, "routes/_app+/_layout": { "id": "routes/_app+/_layout", "parentId": "root", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-DHBLG7Ti.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/tooltip-CfmIzAYi.js", "/assets/request-info-CUT0ULYN.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-4E9_Sx3m.js", "/assets/user-C4QTtQw5.js", "/assets/presence-DXXVJbaH.js", "/assets/progress-B_mReZVE.js", "/assets/index-90bzTYUX.js"], "css": [] }, "routes/_app+/_exercises+/_layout": { "id": "routes/_app+/_exercises+/_layout", "parentId": "routes/_app+/_layout", "path": void 0, "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-DaZNLfOL.js", "imports": ["/assets/index-Czg1ruVn.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber-CFOo2dQj.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-CypjEQkt.js", "/assets/request-info-CUT0ULYN.js", "/assets/tooltip-CfmIzAYi.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/epic-video-CYnG2ziQ.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-D6ukHE4T.js", "/assets/mdx-CR7Me1v_.js", "/assets/progress-B_mReZVE.js", "/assets/seo-Bu3_n5my.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/:stepNumber", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_exerciseNumber_._stepNumber-DCbWNWpZ.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js"], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.$type+/_layout", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": ":type", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_layout-Bdd3mpVx.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/tooltip-CfmIzAYi.js", "/assets/request-info-CUT0ULYN.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/epic-video-CYnG2ziQ.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-4E9_Sx3m.js", "/assets/mdx-CR7Me1v_.js", "/assets/user-C4QTtQw5.js", "/assets/index-D6ukHE4T.js", "/assets/diff-P5f7-8E4.js", "/assets/error-boundary-DxfVshQ5.js", "/assets/nav-chevrons-BYKwyIgG.js", "/assets/progress-B_mReZVE.js", "/assets/seo-Bu3_n5my.js", "/assets/discord-COPE8EOZ.js", "/assets/index-Doi37489.js", "/assets/button-CyZl24U2.js", "/assets/use-event-source-ySol3hbz.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index": { "id": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber.index", "parentId": "routes/_app+/_exercises+/$exerciseNumber_.$stepNumber", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_._stepNumber.index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/_exercises+/$exerciseNumber_.finished": { "id": "routes/_app+/_exercises+/$exerciseNumber_.finished", "parentId": "routes/_app+/_exercises+/_layout", "path": ":exerciseNumber/finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_exerciseNumber_.finished-P7xMAtl1.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-CypjEQkt.js", "/assets/request-info-CUT0ULYN.js", "/assets/tooltip-CfmIzAYi.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/epic-video-CYnG2ziQ.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-D6ukHE4T.js", "/assets/nav-chevrons-BYKwyIgG.js", "/assets/mdx-CR7Me1v_.js", "/assets/progress-B_mReZVE.js", "/assets/seo-Bu3_n5my.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/account": { "id": "routes/_app+/account", "parentId": "routes/_app+/_layout", "path": "account", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/account-CnLkZd_O.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/request-info-CUT0ULYN.js", "/assets/button-CyZl24U2.js", "/assets/misc-CypjEQkt.js", "/assets/user-C4QTtQw5.js", "/assets/presence-DXXVJbaH.js"], "css": [] }, "routes/_app+/app.$appName+/$": { "id": "routes/_app+/app.$appName+/$", "parentId": "routes/_app+/_layout", "path": "app/:appName/*", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/api.$": { "id": "routes/_app+/app.$appName+/api.$", "parentId": "routes/_app+/_layout", "path": "app/:appName/api/*", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/api._-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/epic_ws[.js]": { "id": "routes/_app+/app.$appName+/epic_ws[.js]", "parentId": "routes/_app+/_layout", "path": "app/:appName/epic_ws.js", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/epic_ws_.js_-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/index": { "id": "routes/_app+/app.$appName+/index", "parentId": "routes/_app+/_layout", "path": "app/:appName/", "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/app.$appName+/test.$testName": { "id": "routes/_app+/app.$appName+/test.$testName", "parentId": "routes/_app+/_layout", "path": "app/:appName/test/:testName", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test._testName-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/_app+/discord": { "id": "routes/_app+/discord", "parentId": "routes/_app+/_layout", "path": "discord", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord-DIog7bBO.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/user-C4QTtQw5.js", "/assets/discord-COPE8EOZ.js"], "css": [] }, "routes/_app+/finished": { "id": "routes/_app+/finished", "parentId": "routes/_app+/_layout", "path": "finished", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/finished-DP5ynR5u.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-CypjEQkt.js", "/assets/request-info-CUT0ULYN.js", "/assets/tooltip-CfmIzAYi.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/epic-video-CYnG2ziQ.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-D6ukHE4T.js", "/assets/nav-chevrons-BYKwyIgG.js", "/assets/mdx-CR7Me1v_.js", "/assets/seo-Bu3_n5my.js", "/assets/progress-B_mReZVE.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/index": { "id": "routes/_app+/index", "parentId": "routes/_app+/_layout", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/index-BXefr1BB.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-CypjEQkt.js", "/assets/request-info-CUT0ULYN.js", "/assets/tooltip-CfmIzAYi.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/epic-video-CYnG2ziQ.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-D6ukHE4T.js", "/assets/error-boundary-DxfVshQ5.js", "/assets/mdx-CR7Me1v_.js", "/assets/progress-B_mReZVE.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/_app+/login": { "id": "routes/_app+/login", "parentId": "routes/_app+/_layout", "path": "login", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-DxG854vQ.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/request-info-CUT0ULYN.js", "/assets/client-hints-BE5mB4r0.js", "/assets/use-event-source-ySol3hbz.js", "/assets/button-CyZl24U2.js", "/assets/loading-CNWJVymJ.js"], "css": [] }, "routes/_app+/support": { "id": "routes/_app+/support", "parentId": "routes/_app+/_layout", "path": "support", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/support-DrY-qRGh.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/components-BMzmvxYw.js"], "css": [] }, "routes/admin+/_layout": { "id": "routes/admin+/_layout", "parentId": "root", "path": "admin", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/_layout-rEQoj43V.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/tooltip-CfmIzAYi.js", "/assets/progress-B_mReZVE.js"], "css": [] }, "routes/admin+/apps": { "id": "routes/admin+/apps", "parentId": "routes/admin+/_layout", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/apps": { "id": "routes/apps", "parentId": "root", "path": "apps", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/apps-DP2rzg_V.js", "imports": [], "css": [] }, "routes/diff": { "id": "routes/diff", "parentId": "root", "path": "diff", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/diff-PfwTHr6-.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/tooltip-CfmIzAYi.js", "/assets/request-info-CUT0ULYN.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/epic-video-CYnG2ziQ.js", "/assets/progress-bar-DCrt7X4t.js", "/assets/index-4E9_Sx3m.js", "/assets/mdx-CR7Me1v_.js", "/assets/diff-P5f7-8E4.js", "/assets/nav-chevrons-BYKwyIgG.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/discord.callback": { "id": "routes/discord.callback", "parentId": "root", "path": "discord/callback", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/discord.callback-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/exercises": { "id": "routes/exercises", "parentId": "root", "path": "exercises", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/exercises-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/launch-editor": { "id": "routes/launch-editor", "parentId": "root", "path": "launch-editor", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/launch-editor-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/login-sse": { "id": "routes/login-sse", "parentId": "root", "path": "login-sse", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/login-sse-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/og": { "id": "routes/og", "parentId": "root", "path": "og", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/og-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/onboarding": { "id": "routes/onboarding", "parentId": "root", "path": "onboarding", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/onboarding-b9lcdh4n.js", "imports": ["/assets/index-Czg1ruVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-BMzmvxYw.js", "/assets/misc-CypjEQkt.js", "/assets/request-info-CUT0ULYN.js", "/assets/tooltip-CfmIzAYi.js", "/assets/client-hints-BE5mB4r0.js", "/assets/index-90bzTYUX.js", "/assets/loading-CNWJVymJ.js", "/assets/button-CyZl24U2.js", "/assets/epic-video-CYnG2ziQ.js"], "css": ["/assets/epic-video-DUnRvy1A.css"] }, "routes/processes": { "id": "routes/processes", "parentId": "root", "path": "processes", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/processes-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/progress": { "id": "routes/progress", "parentId": "root", "path": "progress", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/progress-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/set-playground": { "id": "routes/set-playground", "parentId": "root", "path": "set-playground", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/set-playground-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/start": { "id": "routes/start", "parentId": "root", "path": "start", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/start-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/test": { "id": "routes/test", "parentId": "root", "path": "test", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/test-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/theme/index": { "id": "routes/theme/index", "parentId": "root", "path": "theme", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-K6Dvbx-E.js", "imports": [], "css": [] }, "routes/update-mdx-cache": { "id": "routes/update-mdx-cache", "parentId": "root", "path": "update-mdx-cache", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/update-mdx-cache-l0sNRNKZ.js", "imports": [], "css": [] }, "routes/video-player/index": { "id": "routes/video-player/index", "parentId": "root", "path": "video-player", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "/assets/index-DP2rzg_V.js", "imports": [], "css": [] } }, "url": "/assets/manifest-805aa13a.js", "version": "805aa13a" };
 const mode = "production";
 const assetsBuildDirectory = "build/client";
 const basename = "/";
-const future = { "v3_fetcherPersist": false, "v3_relativeSplatPath": false, "v3_throwAbortReason": false, "unstable_singleFetch": false };
+const future = { "v3_fetcherPersist": false, "v3_relativeSplatPath": false, "v3_throwAbortReason": false, "unstable_singleFetch": false, "unstable_fogOfWar": false };
 const isSpaMode = false;
 const publicPath = "/";
 const entry = { module: entryServer };