@epic-web/workshop-app 4.5.0 → 4.6.0

package/build/server/index.js

@@ -1,10 +1,10 @@
 var _a, _b;
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { PassThrough } from "stream";
-import "@total-typescript/ts-reset";
-import fs$1 from "fs";
-import path from "path";
+import fs from "node:fs";
+import path$1 from "node:path";
 import { remember } from "@epic-web/remember";
+import "@total-typescript/ts-reset";
 import { execaCommand, execa } from "execa";
 import fsExtra from "fs-extra";
 import { glob } from "glob";
@@ -12,12 +12,14 @@ import { isGitIgnored, globby } from "globby";
 import * as z from "zod";
 import { z as z$1 } from "zod";
 import os from "os";
+import path from "path";
 import * as C from "@epic-web/cachified";
 import { verboseReporter, cachified as cachified$1 } from "@epic-web/cachified";
 import { LRUCache } from "lru-cache";
 import md5 from "md5-hex";
 import chokidar from "chokidar";
 import closeWithGrace from "close-with-grace";
+import fs$1 from "fs";
 import { remarkCodeBlocksShiki } from "@kentcdodds/md-temp";
 import { bundleMDX } from "mdx-bundler";
 import PQueue from "p-queue";
@@ -25,8 +27,6 @@ import remarkAutolinkHeadings from "remark-autolink-headings";
 import emoji from "remark-emoji";
 import gfm from "remark-gfm";
 import { visit } from "unist-util-visit";
-import fs from "node:fs";
-import path$1 from "node:path";
 import { createProcessor } from "@mdx-js/mdx";
 import { removePosition } from "unist-util-remove-position";
 import child_process, { spawn } from "child_process";
@@ -35,12 +35,12 @@ 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, useSearchParams, Form, useSubmit, useNavigate } from "@remix-run/react";
+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 } 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, forwardRef, useImperativeHandle, useReducer, Suspense } from "react";
+import React__default, { useRef, useEffect, useMemo, useState, createContext, useContext, 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";
@@ -52,11 +52,11 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { useForm, getFormProps } from "@conform-to/react";
 import { parseWithZod } from "@conform-to/zod";
 import { safeRedirect } from "remix-utils/safe-redirect";
-import * as cookie from "cookie";
 import { getHintUtils } from "@epic-web/client-hints";
 import { clientHint, subscribeToSchemeChange } from "@epic-web/client-hints/color-scheme";
 import { clientHint as clientHint$2, subscribeToMotionChange } from "@epic-web/client-hints/reduced-motion";
 import { clientHint as clientHint$1 } from "@epic-web/client-hints/time-zone";
+import * as cookie from "cookie";
 import { createId } from "@paralleldrive/cuid2";
 import { usePartySocket } from "partysocket/react";
 import { motion, useAnimationControls } from "framer-motion";
@@ -66,15 +66,15 @@ import RealMuxPlayer from "@mux/mux-player-react";
 import shellQuote from "shell-quote";
 import * as mdxBundler from "mdx-bundler/client/index.js";
 import * as Tabs from "@radix-ui/react-tabs";
-import dayjs from "dayjs";
-import "dayjs/plugin/relativeTime.js";
-import "dayjs/plugin/timezone.js";
-import "dayjs/plugin/utc.js";
+import * as Accordion from "@radix-ui/react-accordion";
 import * as Select from "@radix-ui/react-select";
 import ignore from "ignore";
 import parseGitDiff from "parse-git-diff";
 import { bundledLanguagesInfo } from "shiki/langs";
-import * as Accordion from "@radix-ui/react-accordion";
+import dayjs from "dayjs";
+import "dayjs/plugin/relativeTime.js";
+import "dayjs/plugin/timezone.js";
+import "dayjs/plugin/utc.js";
 import AnsiToHTML from "ansi-to-html";
 import escapeHtml from "lodash.escape";
 import { useEventSource } from "remix-utils/sse/react";
@@ -86,6 +86,7 @@ import * as esbuild from "esbuild";
 import { EventEmitter } from "events";
 import { Issuer } from "openid-client";
 import inspector from "node:inspector";
+import { ImageResponse } from "@vercel/og";
 function makeTimings(type, desc) {
   const timings = {
     [type]: [{ desc, start: performance.now() }]
@@ -353,7 +354,7 @@ async function getFileContent(filePath) {
     const fileContent = content.split("\n");
     fileContentCache.set(filePath, fileContent);
     return fileContent;
-  } catch (error) {
+  } catch {
     console.warn(
       `@epic-web/workshop-app - invalid CodeFile.
 Could not read file: ${filePath}
@@ -405,7 +406,9 @@ async function validateProps(props, appDir2) {
     }, "Highlight range must be within defined range").transform(() => props.highlight).optional(),
     nonumber: BooleanSchema,
     nocopy: BooleanSchema,
-    buttons: z.string().optional().transform((str) => str ? str.split(",") : []).refine((arr) => arr.every((item) => APP_TYPES.includes(item)), {
+    buttons: z.string().optional().transform(
+      (str) => str ? str.split(",") : []
+    ).refine((arr) => arr.every((item) => APP_TYPES.includes(item)), {
       message: `Buttons can only be any of ${APP_TYPES.join(",")}`
     })
   }).strict();
@@ -869,7 +872,7 @@ async function getEmbeddedFilesCache() {
             await fs$1.promises.readFile(embeddedFilesLocation, "utf-8")
           );
         }
-      } catch (error) {
+      } catch {
         console.error(`Unable to read 'embeddedFiles.json' from: `, cacheDir);
       }
       return void 0;
@@ -1193,7 +1196,7 @@ async function getPkgProp(fullPath, prop, defaultValue) {
 }
 (_b = process.env).NODE_ENV ?? (_b.NODE_ENV = "development");
 const workshopRoot = getWorkshopRoot();
-const playgroundAppNameInfoPath = path.join(
+const playgroundAppNameInfoPath = path$1.join(
   getWorkshopRoot(),
   "node_modules",
   ".cache",
@@ -1308,7 +1311,7 @@ function isExerciseStepApp(app) {
   return isProblemApp(app) || isSolutionApp(app);
 }
 function exists(file) {
-  return fs$1.promises.access(file, fs$1.constants.F_OK).then(
+  return fs.promises.access(file, fs.constants.F_OK).then(
     () => true,
     () => false
   );
@@ -1348,7 +1351,7 @@ function setModifiedTimesForDir(dir) {
   modifiedTimes.set(dir, Date.now());
 }
 function getForceFreshForDir(dir, cacheEntry) {
-  if (!path.isAbsolute(dir)) {
+  if (!path$1.isAbsolute(dir)) {
     throw new Error(`Trying to get force fresh for non-absolute path: ${dir}`);
   }
   if (!cacheEntry)
@@ -1360,7 +1363,7 @@ function getForceFreshForDir(dir, cacheEntry) {
 }
 async function readDir(dir) {
   if (await exists(dir)) {
-    return fs$1.promises.readdir(dir);
+    return fs.promises.readdir(dir);
   }
   return [];
 }
@@ -1409,18 +1412,18 @@ async function getExercises({
   request
 } = {}) {
   const apps = await getApps({ request, timings });
-  const exerciseDirs = await readDir(path.join(workshopRoot, "exercises"));
+  const exerciseDirs = await readDir(path$1.join(workshopRoot, "exercises"));
   const exercises = [];
   for (const dirName of exerciseDirs) {
     const exerciseNumber = extractExerciseNumber(dirName);
     if (!exerciseNumber)
       continue;
     const compiledReadme = await compileMdxIfExists(
-      path.join(workshopRoot, "exercises", dirName, "README.mdx"),
+      path$1.join(workshopRoot, "exercises", dirName, "README.mdx"),
       { request }
     );
     const compiledFinished = await compileMdxIfExists(
-      path.join(workshopRoot, "exercises", dirName, "FINISHED.mdx"),
+      path$1.join(workshopRoot, "exercises", dirName, "FINISHED.mdx"),
       { request }
     );
     const steps = [];
@@ -1528,12 +1531,12 @@ const AppIdInfoSchema = z$1.object({
 function extractNumbersAndTypeFromAppNameOrPath(fullPathOrAppName) {
   var _a2;
   const info = {};
-  if (fullPathOrAppName.includes(path.sep)) {
+  if (fullPathOrAppName.includes(path$1.sep)) {
     const relativePath = fullPathOrAppName.replace(
-      path.join(workshopRoot, "exercises", path.sep),
+      path$1.join(workshopRoot, "exercises", path$1.sep),
       ""
     );
-    const [exerciseNumberPart, stepNumberPart] = relativePath.split(path.sep);
+    const [exerciseNumberPart, stepNumberPart] = relativePath.split(path$1.sep);
     if (!exerciseNumberPart || !stepNumberPart)
       return null;
     const exerciseNumber = exerciseNumberPart.split(".")[0];
@@ -1554,19 +1557,19 @@ function extractNumbersAndTypeFromAppNameOrPath(fullPathOrAppName) {
   return null;
 }
 async function getProblemDirs() {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const problemDirs = (await glob("**/*.problem*", {
     cwd: exercisesDir,
     ignore: "node_modules/**"
-  })).map((p) => path.join(exercisesDir, p));
+  })).map((p) => path$1.join(exercisesDir, p));
   return problemDirs;
 }
 async function getSolutionDirs() {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const solutionDirs = (await glob("**/*.solution*", {
     cwd: exercisesDir,
     ignore: "node_modules/**"
-  })).map((p) => path.join(exercisesDir, p));
+  })).map((p) => path$1.join(exercisesDir, p));
   return solutionDirs;
 }
 function getPathname(fullPath) {
@@ -1578,30 +1581,30 @@ function getAppName(fullPath) {
     return "playground";
   if (/examples\/.+\/?$/.test(fullPath)) {
     const restOfPath = fullPath.replace(
-      `${getWorkshopRoot()}${path.sep}examples${path.sep}`,
+      `${getWorkshopRoot()}${path$1.sep}examples${path$1.sep}`,
       ""
     );
-    return `example.${restOfPath.split(path.sep).join("__sep__")}`;
+    return `example.${restOfPath.split(path$1.sep).join("__sep__")}`;
   }
   const appIdInfo = extractNumbersAndTypeFromAppNameOrPath(fullPath);
   if (appIdInfo) {
     const { exerciseNumber, stepNumber, type } = appIdInfo;
     return `${exerciseNumber}.${stepNumber}.${type}`;
   } else {
-    const relativePath = fullPath.replace(`${workshopRoot}${path.sep}`, "");
-    return relativePath.split(path.sep).join("__sep__");
+    const relativePath = fullPath.replace(`${workshopRoot}${path$1.sep}`, "");
+    return relativePath.split(path$1.sep).join("__sep__");
   }
 }
 async function getFullPathFromAppName(appName) {
   if (appName === "playground")
-    return path.join(workshopRoot, "playground");
+    return path$1.join(workshopRoot, "playground");
   if (appName.startsWith(".example")) {
-    const relativePath = appName.replace(".example", "").split("__sep__").join(path.sep);
-    return path.join(workshopRoot, "examples", relativePath);
+    const relativePath = appName.replace(".example", "").split("__sep__").join(path$1.sep);
+    return path$1.join(workshopRoot, "examples", relativePath);
   }
   if (appName.includes("__sep__")) {
-    const relativePath = appName.replaceAll("__sep__", path.sep);
-    return path.join(workshopRoot, relativePath);
+    const relativePath = appName.replaceAll("__sep__", path$1.sep);
+    return path$1.join(workshopRoot, relativePath);
   }
   const [exerciseNumber, stepNumber, type] = appName.split(".");
   const appDirs = type === "problem" ? await getProblemDirs() : type === "solution" ? await getSolutionDirs() : [];
@@ -1616,20 +1619,20 @@ async function getFullPathFromAppName(appName) {
 async function findSolutionDir({
   fullPath
 }) {
-  const dirName = path.basename(fullPath);
+  const dirName = path$1.basename(fullPath);
   if (dirName.includes(".problem")) {
     const info = getAppDirInfo(dirName);
     if (!info)
       return null;
     const { stepNumber } = info;
     const paddedStepNumber = stepNumber.toString().padStart(2, "0");
-    const parentDir = path.dirname(fullPath);
-    const siblingDirs = await fs$1.promises.readdir(parentDir);
+    const parentDir = path$1.dirname(fullPath);
+    const siblingDirs = await fs.promises.readdir(parentDir);
     const solutionDir = siblingDirs.find(
       (dir) => dir.startsWith(`${paddedStepNumber}.solution`)
     );
     if (solutionDir) {
-      return path.join(parentDir, solutionDir);
+      return path$1.join(parentDir, solutionDir);
     }
   } else if (fullPath.endsWith("playground")) {
     const appName = await getPlaygroundAppName();
@@ -1644,20 +1647,20 @@ async function findSolutionDir({
 async function findProblemDir({
   fullPath
 }) {
-  const dirName = path.basename(fullPath);
+  const dirName = path$1.basename(fullPath);
   if (dirName.includes(".solution")) {
     const info = getAppDirInfo(dirName);
     if (!info)
       return null;
     const { stepNumber } = info;
     const paddedStepNumber = stepNumber.toString().padStart(2, "0");
-    const parentDir = path.dirname(fullPath);
-    const siblingDirs = await fs$1.promises.readdir(parentDir);
+    const parentDir = path$1.dirname(fullPath);
+    const siblingDirs = await fs.promises.readdir(parentDir);
     const problemDir = siblingDirs.find(
       (dir) => dir.endsWith("problem") && dir.includes(paddedStepNumber)
     );
     if (problemDir) {
-      return path.join(parentDir, problemDir);
+      return path$1.join(parentDir, problemDir);
     }
   } else if (fullPath.endsWith("playground")) {
     const appName = await getPlaygroundAppName();
@@ -1670,13 +1673,13 @@ async function findProblemDir({
 async function getTestInfo({
   fullPath
 }) {
-  const hasPkgJson = await exists(path.join(fullPath, "package.json"));
+  const hasPkgJson = await exists(path$1.join(fullPath, "package.json"));
   const testScript = hasPkgJson ? await getPkgProp(fullPath, "epicshop.scripts.test", "") : null;
   if (testScript) {
     return { type: "script", script: testScript };
   }
   const testAppFullPath = await findSolutionDir({ fullPath }) ?? fullPath;
-  const dirList = await fs$1.promises.readdir(testAppFullPath);
+  const dirList = await fs.promises.readdir(testAppFullPath);
   const testFiles = dirList.filter((item) => item.includes(".test."));
   if (testFiles.length) {
     return {
@@ -1691,7 +1694,7 @@ async function getDevInfo({
   fullPath,
   portNumber
 }) {
-  const hasPkgJson = await exists(path.join(fullPath, "package.json"));
+  const hasPkgJson = await exists(path$1.join(fullPath, "package.json"));
   const hasDevScript = hasPkgJson ? Boolean(await getPkgProp(fullPath, "scripts.dev", "")) : false;
   if (hasDevScript) {
     const initialRoute = (hasPkgJson ? await getPkgProp(fullPath, "epicshop.initialRoute", "") : "") || await getPkgProp(workshopRoot, "epicshop.initialRoute", "/");
@@ -1710,7 +1713,7 @@ async function getPlaygroundApp({
   timings,
   request
 } = {}) {
-  const playgroundDir = path.join(workshopRoot, "playground");
+  const playgroundDir = path$1.join(workshopRoot, "playground");
   const baseAppName = await getPlaygroundAppName();
   const key = `playground-${baseAppName}`;
   const baseAppFullPath = baseAppName ? await getFullPathFromAppName(baseAppName) : null;
@@ -1722,7 +1725,7 @@ async function getPlaygroundApp({
     cache: playgroundAppCache,
     ttl: 1e3 * 60 * 60 * 24,
     timings,
-    timingKey: playgroundDir.replace(`${playgroundDir}${path.sep}`, ""),
+    timingKey: playgroundDir.replace(`${playgroundDir}${path$1.sep}`, ""),
     request,
     forceFresh: forceFreshPlaygroundDir || forceFreshBaseApp,
     getFreshValue: async () => {
@@ -1730,11 +1733,11 @@ async function getPlaygroundApp({
         return null;
       if (!baseAppName)
         return null;
-      const dirName = path.basename(playgroundDir);
+      const dirName = path$1.basename(playgroundDir);
       const name = getAppName(playgroundDir);
       const portNumber = 4e3;
       const [compiledReadme, test, dev] = await Promise.all([
-        compileMdxIfExists(path.join(playgroundDir, "README.mdx"), { request }),
+        compileMdxIfExists(path$1.join(playgroundDir, "README.mdx"), { request }),
         getTestInfo({ fullPath: playgroundDir }),
         getDevInfo({ fullPath: playgroundDir, portNumber })
       ]);
@@ -1749,7 +1752,7 @@ async function getPlaygroundApp({
         isUpToDate: appModifiedTime <= playgroundAppModifiedTime,
         fullPath: playgroundDir,
         relativePath: playgroundDir.replace(
-          `${getWorkshopRoot()}${path.sep}`,
+          `${getWorkshopRoot()}${path$1.sep}`,
           ""
         ),
         title: (compiledReadme == null ? void 0 : compiledReadme.title) ?? name,
@@ -1766,9 +1769,9 @@ async function getPlaygroundApp({
   });
 }
 async function getExampleAppFromPath(fullPath, index, request) {
-  const dirName = path.basename(fullPath);
+  const dirName = path$1.basename(fullPath);
   const compiledReadme = await compileMdxIfExists(
-    path.join(fullPath, "README.mdx"),
+    path$1.join(fullPath, "README.mdx"),
     { request }
   );
   const name = getAppName(fullPath);
@@ -1777,7 +1780,7 @@ async function getExampleAppFromPath(fullPath, index, request) {
     name,
     type: "example",
     fullPath,
-    relativePath: fullPath.replace(`${getWorkshopRoot()}${path.sep}`, ""),
+    relativePath: fullPath.replace(`${getWorkshopRoot()}${path$1.sep}`, ""),
     title: (compiledReadme == null ? void 0 : compiledReadme.title) ?? name,
     epicVideoEmbeds: compiledReadme == null ? void 0 : compiledReadme.epicVideoEmbeds,
     dirName,
@@ -1790,8 +1793,8 @@ async function getExampleApps({
   timings,
   request
 } = {}) {
-  const examplesDir = path.join(workshopRoot, "examples");
-  const exampleDirs = (await glob("*", { cwd: examplesDir, ignore: "node_modules/**" })).map((p) => path.join(examplesDir, p));
+  const examplesDir = path$1.join(workshopRoot, "examples");
+  const exampleDirs = (await glob("*", { cwd: examplesDir, ignore: "node_modules/**" })).map((p) => path$1.join(examplesDir, p));
   const exampleApps = [];
   for (const exampleDir of exampleDirs) {
     const index = exampleDirs.indexOf(exampleDir);
@@ -1801,7 +1804,7 @@ async function getExampleApps({
       cache: exampleAppCache,
       ttl: 1e3 * 60 * 60 * 24,
       timings,
-      timingKey: exampleDir.replace(`${examplesDir}${path.sep}`, ""),
+      timingKey: exampleDir.replace(`${examplesDir}${path$1.sep}`, ""),
       request,
       forceFresh: getForceFreshForDir(exampleDir, exampleAppCache.get(key)),
       getFreshValue: () => getExampleAppFromPath(exampleDir, index, request).catch((error) => {
@@ -1815,8 +1818,8 @@ async function getExampleApps({
   return exampleApps;
 }
 async function getSolutionAppFromPath(fullPath, request) {
-  const dirName = path.basename(fullPath);
-  const parentDirName = path.basename(path.dirname(fullPath));
+  const dirName = path$1.basename(fullPath);
+  const parentDirName = path$1.basename(path$1.dirname(fullPath));
   const exerciseNumber = extractExerciseNumber(parentDirName);
   if (!exerciseNumber)
     return null;
@@ -1827,7 +1830,7 @@ async function getSolutionAppFromPath(fullPath, request) {
   const { stepNumber } = info;
   const portNumber = 7e3 + (exerciseNumber - 1) * 10 + stepNumber;
   const compiledReadme = await compileMdxIfExists(
-    path.join(fullPath, "README.mdx"),
+    path$1.join(fullPath, "README.mdx"),
     { request }
   );
   const problemDir = await findProblemDir({
@@ -1848,7 +1851,7 @@ async function getSolutionAppFromPath(fullPath, request) {
     stepNumber,
     dirName,
     fullPath,
-    relativePath: fullPath.replace(`${getWorkshopRoot()}${path.sep}`, ""),
+    relativePath: fullPath.replace(`${getWorkshopRoot()}${path$1.sep}`, ""),
     instructionsCode: compiledReadme == null ? void 0 : compiledReadme.code,
     test,
     dev
@@ -1858,7 +1861,7 @@ async function getSolutionApps({
   timings,
   request
 } = {}) {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const solutionDirs = await getSolutionDirs();
   const solutionApps = [];
   for (const solutionDir of solutionDirs) {
@@ -1866,7 +1869,7 @@ async function getSolutionApps({
       key: solutionDir,
       cache: solutionAppCache,
       timings,
-      timingKey: solutionDir.replace(`${exercisesDir}${path.sep}`, ""),
+      timingKey: solutionDir.replace(`${exercisesDir}${path$1.sep}`, ""),
       request,
       ttl: 1e3 * 60 * 60 * 24,
       forceFresh: getForceFreshForDir(
@@ -1884,8 +1887,8 @@ async function getSolutionApps({
   return solutionApps;
 }
 async function getProblemAppFromPath(fullPath, request) {
-  const dirName = path.basename(fullPath);
-  const parentDirName = path.basename(path.dirname(fullPath));
+  const dirName = path$1.basename(fullPath);
+  const parentDirName = path$1.basename(path$1.dirname(fullPath));
   const exerciseNumber = extractExerciseNumber(parentDirName);
   if (!exerciseNumber)
     return null;
@@ -1896,7 +1899,7 @@ async function getProblemAppFromPath(fullPath, request) {
   const { stepNumber } = info;
   const portNumber = 6e3 + (exerciseNumber - 1) * 10 + stepNumber;
   const compiledReadme = await compileMdxIfExists(
-    path.join(fullPath, "README.mdx"),
+    path$1.join(fullPath, "README.mdx"),
     { request }
   );
   const solutionDir = await findSolutionDir({
@@ -1917,7 +1920,7 @@ async function getProblemAppFromPath(fullPath, request) {
     stepNumber,
     dirName,
     fullPath,
-    relativePath: fullPath.replace(`${getWorkshopRoot()}${path.sep}`, ""),
+    relativePath: fullPath.replace(`${getWorkshopRoot()}${path$1.sep}`, ""),
     instructionsCode: compiledReadme == null ? void 0 : compiledReadme.code,
     test,
     dev
@@ -1927,7 +1930,7 @@ async function getProblemApps({
   timings,
   request
 } = {}) {
-  const exercisesDir = path.join(workshopRoot, "exercises");
+  const exercisesDir = path$1.join(workshopRoot, "exercises");
   const problemDirs = await getProblemDirs();
   const problemApps = [];
   for (const problemDir of problemDirs) {
@@ -1935,7 +1938,7 @@ async function getProblemApps({
       key: problemDir,
       cache: problemAppCache,
       timings,
-      timingKey: problemDir.replace(`${exercisesDir}${path.sep}`, ""),
+      timingKey: problemDir.replace(`${exercisesDir}${path$1.sep}`, ""),
       request,
       ttl: 1e3 * 60 * 60 * 24,
       forceFresh: getForceFreshForDir(
@@ -2030,8 +2033,8 @@ async function setPlayground(srcDir, { reset } = {}) {
   var _a2, _b2;
   const isIgnored = await isGitIgnored({ cwd: srcDir });
   const workshopRoot2 = getWorkshopRoot();
-  const destDir = path.join(workshopRoot2, "playground");
-  const playgroundFiles = path.join(destDir, "**");
+  const destDir = path$1.join(workshopRoot2, "playground");
+  const playgroundFiles = path$1.join(destDir, "**");
   (_a2 = getOptionalWatcher()) == null ? void 0 : _a2.unwatch(playgroundFiles);
   const playgroundApp = await getAppByName("playground");
   const playgroundWasRunning = playgroundApp ? isAppRunning(playgroundApp) : false;
@@ -2041,14 +2044,13 @@ async function setPlayground(srcDir, { reset } = {}) {
   }
   const setPlaygroundTimestamp = Date.now();
   const preSetPlaygroundPath = await firstToExist(
-    path.join(srcDir, "epicshop", "pre-set-playground.js"),
-    path.join(workshopRoot2, "epicshop", "pre-set-playground.js")
+    path$1.join(srcDir, "epicshop", "pre-set-playground.js"),
+    path$1.join(workshopRoot2, "epicshop", "pre-set-playground.js")
   );
   if (preSetPlaygroundPath) {
     await execa("node", [preSetPlaygroundPath], {
       cwd: workshopRoot2,
       stdio: "inherit",
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       env: {
         EPICSHOP_PLAYGROUND_TIMESTAMP: setPlaygroundTimestamp.toString(),
         EPICSHOP_PLAYGROUND_DEST_DIR: destDir,
@@ -2057,11 +2059,11 @@ async function setPlayground(srcDir, { reset } = {}) {
       }
     });
   }
-  const basename2 = path.basename(srcDir);
-  await fsExtra.remove(path.join(destDir, "node_modules"));
+  const basename2 = path$1.basename(srcDir);
+  await fsExtra.remove(path$1.join(destDir, "node_modules"));
   await fsExtra.copy(srcDir, destDir, {
     filter: async (srcFile, destFile) => {
-      if (srcFile.includes(`${basename2}${path.sep}build`) || srcFile.includes(`${basename2}${path.sep}public${path.sep}build`)) {
+      if (srcFile.includes(`${basename2}${path$1.sep}build`) || srcFile.includes(`${basename2}${path$1.sep}public${path$1.sep}build`)) {
         return false;
       }
       if (srcFile === srcDir)
@@ -2103,22 +2105,21 @@ async function setPlayground(srcDir, { reset } = {}) {
     (fileName) => !srcFiles.includes(fileName)
   );
   for (const fileToDelete of filesToDelete) {
-    await fsExtra.remove(path.join(destDir, fileToDelete));
+    await fsExtra.remove(path$1.join(destDir, fileToDelete));
   }
   const appName = getAppName(srcDir);
-  await fsExtra.ensureDir(path.dirname(playgroundAppNameInfoPath));
+  await fsExtra.ensureDir(path$1.dirname(playgroundAppNameInfoPath));
   await fsExtra.writeJSON(playgroundAppNameInfoPath, { appName });
   const playgroundIsStillRunning = playgroundApp ? isAppRunning(playgroundApp) : false;
   const restartPlayground = playgroundWasRunning && !playgroundIsStillRunning;
   const postSetPlaygroundPath = await firstToExist(
-    path.join(srcDir, "epicshop", "post-set-playground.js"),
-    path.join(workshopRoot2, "epicshop", "post-set-playground.js")
+    path$1.join(srcDir, "epicshop", "post-set-playground.js"),
+    path$1.join(workshopRoot2, "epicshop", "post-set-playground.js")
   );
   if (postSetPlaygroundPath) {
     await execa("node", [postSetPlaygroundPath], {
       cwd: workshopRoot2,
       stdio: "inherit",
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       env: {
         EPICSHOP_PLAYGROUND_TIMESTAMP: setPlaygroundTimestamp.toString(),
         EPICSHOP_PLAYGROUND_SRC_DIR: srcDir,
@@ -2141,7 +2142,7 @@ async function getPlaygroundAppName() {
     return null;
   }
   try {
-    const jsonString = await fs$1.promises.readFile(
+    const jsonString = await fs.promises.readFile(
       playgroundAppNameInfoPath,
       "utf8"
     );
@@ -2155,17 +2156,17 @@ async function getPlaygroundAppName() {
 }
 async function getDirModifiedTime(dir) {
   const isIgnored = await isGitIgnored({ cwd: dir });
-  const files = await fs$1.promises.readdir(dir, { withFileTypes: true });
+  const files = await fs.promises.readdir(dir, { withFileTypes: true });
   const modifiedTimes2 = await Promise.all(
     files.map(async (file) => {
       if (isIgnored(file.name))
         return 0;
-      const filePath = path.join(dir, file.name);
+      const filePath = path$1.join(dir, file.name);
       if (file.isDirectory()) {
         return getDirModifiedTime(filePath);
       } else {
         try {
-          const { mtimeMs } = await fs$1.promises.stat(filePath);
+          const { mtimeMs } = await fs.promises.stat(filePath);
           return mtimeMs;
         } catch {
           return 0;
@@ -2204,6 +2205,20 @@ async function getWorkshopTitle() {
   }
   return title;
 }
+async function getWorkshopSubtitle() {
+  return await getPkgProp(workshopRoot, "epicshop.subtitle");
+}
+async function getWorkshopInstructor() {
+  const InstructorSchema = z$1.object({
+    name: z$1.string().optional(),
+    avatar: z$1.string().optional(),
+    "𝕏": z$1.string().optional()
+  }).optional();
+  const instructor = InstructorSchema.parse(
+    await getPkgProp(getWorkshopRoot(), "epicshop.instructor")
+  );
+  return instructor;
+}
 async function getEpicWorkshopSlug() {
   const epicWorkshopSlug = await getPkgProp(
     workshopRoot,
@@ -2218,7 +2233,7 @@ function getWorkshopRoot() {
 async function getWorkshopInstructions({
   request
 } = {}) {
-  const readmeFilepath = path.join(workshopRoot, "exercises", "README.mdx");
+  const readmeFilepath = path$1.join(workshopRoot, "exercises", "README.mdx");
   const compiled = await compileMdx(readmeFilepath, { request }).then(
     (r) => ({ ...r, status: "success" }),
     (e) => {
@@ -2235,7 +2250,7 @@ async function getWorkshopInstructions({
 async function getWorkshopFinished({
   request
 } = {}) {
-  const finishedFilepath = path.join(workshopRoot, "exercises", "FINISHED.mdx");
+  const finishedFilepath = path$1.join(workshopRoot, "exercises", "FINISHED.mdx");
   const compiled = await compileMdx(finishedFilepath, { request }).then(
     (r) => ({ ...r, status: "success" }),
     (e) => {
@@ -2253,10 +2268,10 @@ async function getWorkshopFinished({
     relativePath: "exercises/finished.mdx"
   };
 }
-const exercisesPath = path.join(workshopRoot, "exercises/");
-const playgroundPath = path.join(workshopRoot, "playground/");
+const exercisesPath = path$1.join(workshopRoot, "exercises/");
+const playgroundPath = path$1.join(workshopRoot, "playground/");
 function getRelativePath$1(filePath) {
-  return path.normalize(filePath).replace(playgroundPath, `playground${path.sep}`).replace(exercisesPath, "");
+  return path$1.normalize(filePath).replace(playgroundPath, `playground${path$1.sep}`).replace(exercisesPath, "");
 }
 z$1.object({
   NODE_ENV: z$1.enum(["production", "development", "test"]).default("development"),
@@ -2588,6 +2603,83 @@ function Confetti({ id }) {
     id
   ) });
 }
+function AnimatedBars({
+  title,
+  size = 16,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      "aria-hidden": !title,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsxs("g", { fill: "currentColor", children: [
+          /* @__PURE__ */ jsxs("g", { className: "nc-loop-dots-16-icon-f", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "8", fill: "currentColor", r: "2" }),
+            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2" }),
+            /* @__PURE__ */ jsx("circle", { cx: "13", cy: "8", fill: "currentColor", r: "2" })
+          ] }),
+          /* @__PURE__ */ jsx("style", { children: `.nc-loop-dots-16-icon-f{--animation-duration:1s}.nc-loop-dots-16-icon-f *{opacity:.4;transform:scale(.7)}.nc-loop-dots-16-icon-f :nth-child(1),.nc-loop-dots-16-icon-f :nth-child(3){animation:nc-loop-dots-anim-2b var(--animation-duration) infinite linear}.nc-loop-dots-16-icon-f :nth-child(1){transform-origin:3px 8px}.nc-loop-dots-16-icon-f :nth-child(2){animation:nc-loop-dots-anim-1b calc(var(--animation-duration)/2) infinite linear;animation-delay:calc(var(--animation-duration)/4);transform-origin:8px 8px}.nc-loop-dots-16-icon-f :nth-child(3){animation-delay:calc(var(--animation-duration)/2);transform-origin:13px 8px}@keyframes nc-loop-dots-anim-1b{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes nc-loop-dots-anim-2b{0%,100%,66%{opacity:.4;transform:scale(.7)}33%{opacity:1;transform:scale(1)}}` })
+        ] })
+      ]
+    }
+  );
+}
+const sizeClassName = {
+  font: "w-[1em] h-[1em]",
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-7 h-7",
+  "2xl": "w-8 h-8"
+};
+const childrenSizeClassName = {
+  font: "gap-1.5",
+  xs: "gap-1.5",
+  sm: "gap-1.5",
+  md: "gap-2",
+  lg: "gap-2",
+  xl: "gap-3",
+  "2xl": "gap-4"
+};
+function Icon({
+  name,
+  size = "font",
+  title,
+  className,
+  children,
+  ...props
+}) {
+  if (children) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: `inline-flex items-center ${childrenSizeClassName[size]}`,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name, size, className, ...props }),
+          children
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ...props,
+      className: cn(sizeClassName[size], "inline self-center", className),
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx("use", { href: `/icons.svg#${name}`, fill: "transparent" })
+      ]
+    }
+  );
+}
 const removeProseMargin = {
   "> ul > li > *:first-child": {
     marginTop: "unset"
@@ -2730,89 +2822,11 @@ const extendedTheme = {
     "accordion-up": "accordion-up 0.2s ease-out"
   }
 };
-function AnimatedBars({
-  title,
-  size = 16,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 16 16",
-      "aria-hidden": !title,
-      ...props,
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsxs("g", { fill: "currentColor", children: [
-          /* @__PURE__ */ jsxs("g", { className: "nc-loop-dots-16-icon-f", children: [
-            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "8", fill: "currentColor", r: "2" }),
-            /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2" }),
-            /* @__PURE__ */ jsx("circle", { cx: "13", cy: "8", fill: "currentColor", r: "2" })
-          ] }),
-          /* @__PURE__ */ jsx("style", { children: `.nc-loop-dots-16-icon-f{--animation-duration:1s}.nc-loop-dots-16-icon-f *{opacity:.4;transform:scale(.7)}.nc-loop-dots-16-icon-f :nth-child(1),.nc-loop-dots-16-icon-f :nth-child(3){animation:nc-loop-dots-anim-2b var(--animation-duration) infinite linear}.nc-loop-dots-16-icon-f :nth-child(1){transform-origin:3px 8px}.nc-loop-dots-16-icon-f :nth-child(2){animation:nc-loop-dots-anim-1b calc(var(--animation-duration)/2) infinite linear;animation-delay:calc(var(--animation-duration)/4);transform-origin:8px 8px}.nc-loop-dots-16-icon-f :nth-child(3){animation-delay:calc(var(--animation-duration)/2);transform-origin:13px 8px}@keyframes nc-loop-dots-anim-1b{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes nc-loop-dots-anim-2b{0%,100%,66%{opacity:.4;transform:scale(.7)}33%{opacity:1;transform:scale(1)}}` })
-        ] })
-      ]
-    }
-  );
-}
-const sizeClassName = {
-  font: "w-[1em] h-[1em]",
-  xs: "w-3 h-3",
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6",
-  xl: "w-7 h-7",
-  "2xl": "w-8 h-8"
-};
-const childrenSizeClassName = {
-  font: "gap-1.5",
-  xs: "gap-1.5",
-  sm: "gap-1.5",
-  md: "gap-2",
-  lg: "gap-2",
-  xl: "gap-3",
-  "2xl": "gap-4"
-};
-function Icon({
-  name,
-  size = "font",
-  title,
-  className,
-  children,
-  ...props
-}) {
-  if (children) {
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: `inline-flex items-center ${childrenSizeClassName[size]}`,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { name, size, className, ...props }),
-          children
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ...props,
-      className: cn(sizeClassName[size], "inline self-center", className),
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsx("use", { href: `/icons.svg#${name}`, fill: "transparent" })
-      ]
-    }
-  );
-}
 const AnchorOrLink = React.forwardRef(function AnchorOrLink2(props, ref) {
   var _a2;
   const {
     to,
     href,
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     download,
     reload = false,
     prefetch,
@@ -2833,10 +2847,7 @@ const AnchorOrLink = React.forwardRef(function AnchorOrLink2(props, ref) {
     shouldUserRegularAnchor = Boolean((_a2 = to.pathname) == null ? void 0 : _a2.includes(":"));
   }
   if (shouldUserRegularAnchor) {
-    return (
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      /* @__PURE__ */ jsx("a", { ...rest, download, href: href ?? toUrl, ref, children })
-    );
+    return /* @__PURE__ */ jsx("a", { ...rest, download, href: href ?? toUrl, ref, children });
   } else {
     return /* @__PURE__ */ jsx(Link, { prefetch, to: to ?? href ?? "", ...rest, ref, children });
   }
@@ -3091,20 +3102,6 @@ function SimpleTooltip({
     /* @__PURE__ */ jsx(TooltipContent, { children: content })
   ] });
 }
-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;
-  return null;
-}
-function setTheme(theme) {
-  return cookie.serialize(cookieName$1, theme, {
-    path: "/",
-    maxAge: theme === "system" ? 0 : 60 * 60 * 365 * 100
-  });
-}
 function useRequestInfo() {
   const data = useRouteLoaderData("root");
   return data.requestInfo;
@@ -3159,6 +3156,20 @@ function ErrorList({
     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;
+  return null;
+}
+function setTheme(theme) {
+  return cookie.serialize(cookieName$1, theme, {
+    path: "/",
+    maxAge: theme === "system" ? 0 : 60 * 60 * 365 * 100
+  });
+}
 const ROUTE_PATH = "/theme";
 const ThemeFormSchema = z$1.object({
   redirectTo: z$1.string().optional(),
@@ -3243,7 +3254,7 @@ function useTheme() {
   }
   return requestInfo.session.theme ?? hints.theme;
 }
-const route34 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route35 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ThemeSwitch,
   action: action$c,
@@ -3736,6 +3747,40 @@ function usePresence() {
   }
   return presence;
 }
+function getSeoMetaTags({
+  title,
+  description,
+  instructor,
+  requestInfo,
+  ogTitle = title,
+  ogDescription = description,
+  ogImageUrl = requestInfo.domain + "/og?" + new URLSearchParams({
+    title: ogTitle,
+    subtitle: ogDescription ?? "",
+    urlPathname: requestInfo.path,
+    // to make cache busting possible, whenever the og image changes, we can change the version
+    // note if the inputs change, then the cache will be busted automatically
+    // it's only if the image changes that we need to change the version
+    version: "v1"
+  }).toString(),
+  ogImageAlt = title
+}) {
+  return [
+    { title },
+    description ? { description } : null,
+    (instructor == null ? void 0 : instructor.name) ? { name: "author", content: instructor.name } : null,
+    { name: "og:site_name", content: title },
+    { name: "twitter:card", content: "summary_large_image" },
+    { name: "twitter:creator", content: instructor == null ? void 0 : instructor["𝕏"] },
+    { name: "og:title", content: ogTitle },
+    description ? { name: "og:description", content: ogDescription } : null,
+    { name: "og:type", content: "website" },
+    { name: "og:image:width", content: "1200" },
+    { name: "og:image:height", content: "630" },
+    { name: "og:image:alt", content: ogImageAlt },
+    { name: "og:image", content: ogImageUrl }
+  ].filter(Boolean);
+}
 const toastKey = "toast";
 const TypeSchema = z$1.enum(["message", "success", "error"]);
 const ToastSchema = z$1.object({
@@ -3800,9 +3845,16 @@ const links = () => {
   ];
 };
 const meta$5 = ({ data }) => {
-  return [{ title: data == null ? void 0 : data.workshopTitle }];
+  if (!data)
+    return [];
+  return getSeoMetaTags({
+    instructor: data.instructor,
+    title: data.workshopTitle,
+    description: data.workshopSubtitle,
+    requestInfo: data.requestInfo
+  });
 };
-async function loader$r({ request }) {
+async function loader$s({ request }) {
   const timings = makeTimings("rootLoader");
   const onboarding = await readOnboardingData();
   if (!ENV.EPICSHOP_DEPLOYED && !(onboarding == null ? void 0 : onboarding.finishedTourVideo)) {
@@ -3815,6 +3867,16 @@ async function loader$r({ request }) {
     desc: "getWorkshopTitle in root",
     timings
   });
+  const workshopSubtitle = await time(() => getWorkshopSubtitle(), {
+    type: "getWorkshopSubtitle",
+    desc: "getWorkshopSubtitle in root",
+    timings
+  });
+  const instructor = await time(() => getWorkshopInstructor(), {
+    type: "getInstructor",
+    desc: "getInstructor in root",
+    timings
+  });
   const preferences = await getPreferences();
   const progress = await getProgress({ timings }).catch((e) => {
     console.error("Failed to get progress", e);
@@ -3831,6 +3893,8 @@ async function loader$r({ request }) {
   return json(
     {
       workshopTitle,
+      workshopSubtitle,
+      instructor,
       apps: apps.map(({ name, fullPath, relativePath }) => ({
         name,
         fullPath,
@@ -4008,10 +4072,10 @@ const route0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   default: AppWithProviders,
   headers: headers$8,
   links,
-  loader: loader$r,
+  loader: loader$s,
   meta: meta$5
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$q() {
+async function loader$r() {
   throw new Response("Not found", { status: 404 });
 }
 function NotFound() {
@@ -4038,8 +4102,25 @@ const route1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   ErrorBoundary: ErrorBoundary$4,
   default: NotFound,
-  loader: loader$q
+  loader: loader$r
 }, Symbol.toStringTag, { value: "Module" }));
+function useOptionalUser() {
+  const data = useRouteLoaderData("root");
+  return data == null ? void 0 : data.user;
+}
+function useUser() {
+  const user = useOptionalUser();
+  if (!user) {
+    throw new Error(
+      "useUser requires a user. If the user is optional, use useOptionalUser instead."
+    );
+  }
+  return user;
+}
+function useOptionalDiscordMember() {
+  const data = useRouteLoaderData("root");
+  return data == null ? void 0 : data.discordMember;
+}
 function useEpicProgress() {
   const data = useRouteLoaderData("root");
   const progressFetcher = useFetchers().find(
@@ -4205,7 +4286,9 @@ async function action$b({ request }) {
     const otherExerciseLessons = beforeProgress.filter(
       (p) => (p.type === "step" || p.type === "instructions" || p.type === "finished") && p.exerciseNumber === exerciseNumber && p.epicLessonSlug !== lessonSlug
     );
-    const otherAreFinished = otherExerciseLessons.every((p) => p.epicCompletedAt);
+    const otherAreFinished = otherExerciseLessons.every(
+      (p) => p.epicCompletedAt
+    );
     return otherAreFinished ? `You completed exercise ${exerciseNumber}!` : null;
   }
   const announcement = getCompletionAnnouncement();
@@ -4331,7 +4414,7 @@ function ProgressToggle({
     )
   ] });
 }
-const route30 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route31 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ProgressToggle,
   action: action$b,
@@ -4342,24 +4425,7 @@ const route30 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   useProgressItemClassName,
   useRequireEpicProgress
 }, Symbol.toStringTag, { value: "Module" }));
-function useOptionalUser() {
-  const data = useRouteLoaderData("root");
-  return data == null ? void 0 : data.user;
-}
-function useUser() {
-  const user = useOptionalUser();
-  if (!user) {
-    throw new Error(
-      "useUser requires a user. If the user is optional, use useOptionalUser instead."
-    );
-  }
-  return user;
-}
-function useOptionalDiscordMember() {
-  const data = useRouteLoaderData("root");
-  return data == null ? void 0 : data.discordMember;
-}
-async function loader$p({ request }) {
+async function loader$q({ request }) {
   var _a2;
   const timings = makeTimings("stepLoader");
   const [exercises, workshopTitle, playgroundAppName] = await Promise.all([
@@ -5057,7 +5123,7 @@ const route2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   default: App,
   headers: headers$7,
-  loader: loader$p
+  loader: loader$q
 }, Symbol.toStringTag, { value: "Module" }));
 function ExercisesLayout() {
   return /* @__PURE__ */ jsx("div", { className: "flex h-full flex-grow", children: /* @__PURE__ */ jsx(Outlet, {}) });
@@ -5066,56 +5132,6 @@ const route3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   default: ExercisesLayout
 }, Symbol.toStringTag, { value: "Module" }));
-function Loading({
-  children = "Loading"
-}) {
-  const { reducedMotion } = useHints();
-  if (reducedMotion === "reduce") {
-    return /* @__PURE__ */ jsx("div", { className: "animate-pulse", children });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center gap-2 font-mono text-sm font-medium uppercase",
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) }),
-        children,
-        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) })
-      ]
-    }
-  );
-}
-const characters = "█<▓█ ▒░/▒░ █░>▒▓/ █▒▒ ▓▒▓/█<░▒ ▓/░>";
-const randomCharacter = () => characters[Math.floor(Math.random() * characters.length)];
-function Characters() {
-  const [char1, setChar1] = useState(characters[0]);
-  const [char2, setChar2] = useState(characters[1]);
-  useInterval(() => {
-    setChar1(randomCharacter());
-    setChar2(randomCharacter());
-  }, 80);
-  return /* @__PURE__ */ jsxs("span", { children: [
-    char1,
-    char2
-  ] });
-}
-function useInterval(callback, delay = 1e3) {
-  const savedCallback = useRef(null);
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    function tick() {
-      var _a2;
-      (_a2 = savedCallback.current) == null ? void 0 : _a2.call(savedCallback);
-    }
-    if (delay !== null) {
-      const id = setInterval(tick, delay);
-      return () => clearInterval(id);
-    }
-  }, [delay]);
-}
 const PlaybackTimeSchema = z$1.object({
   time: z$1.number(),
   expiresAt: z$1.string()
@@ -5321,12 +5337,62 @@ function isDeepEqual(obj1, obj2) {
   }
   return true;
 }
-const route36 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route37 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MuxPlayer,
   action: action$a,
   usePlayerPreferences
 }, Symbol.toStringTag, { value: "Module" }));
+function Loading({
+  children = "Loading"
+}) {
+  const { reducedMotion } = useHints();
+  if (reducedMotion === "reduce") {
+    return /* @__PURE__ */ jsx("div", { className: "animate-pulse", children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2 font-mono text-sm font-medium uppercase",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) }),
+        children,
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Characters, {}) })
+      ]
+    }
+  );
+}
+const characters = "█<▓█ ▒░/▒░ █░>▒▓/ █▒▒ ▓▒▓/█<░▒ ▓/░>";
+const randomCharacter = () => characters[Math.floor(Math.random() * characters.length)];
+function Characters() {
+  const [char1, setChar1] = useState(characters[0]);
+  const [char2, setChar2] = useState(characters[1]);
+  useInterval(() => {
+    setChar1(randomCharacter());
+    setChar2(randomCharacter());
+  }, 80);
+  return /* @__PURE__ */ jsxs("span", { children: [
+    char1,
+    char2
+  ] });
+}
+function useInterval(callback, delay = 1e3) {
+  const savedCallback = useRef(null);
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    function tick() {
+      var _a2;
+      (_a2 = savedCallback.current) == null ? void 0 : _a2.call(savedCallback);
+    }
+    if (delay !== null) {
+      const id = setInterval(tick, delay);
+      return () => clearInterval(id);
+    }
+  }, [delay]);
+}
 const EpicVideoInfoContext = React.createContext(null);
 function EpicVideoInfoProvider({
   children,
@@ -5451,7 +5517,9 @@ function extractEpicTitle(urlString) {
   const title = titleWords.filter(Boolean).map((word, index) => {
     var _a2;
     const lowerWord = word.toLowerCase();
-    const literalWord = literalWords.find((w) => w.toLowerCase() === lowerWord);
+    const literalWord = literalWords.find(
+      (w) => w.toLowerCase() === lowerWord
+    );
     if (literalWord)
       return literalWord;
     if (lowerCaseWords.includes(lowerWord) && index > 0) {
@@ -5953,7 +6021,7 @@ function guessEditor() {
         }
       }
     }
-  } catch (error) {
+  } catch {
   }
   if (process.env.VISUAL) {
     return [process.env.VISUAL];
@@ -6463,7 +6531,6 @@ function PreWithButtons({ children, ...props }) {
         ...props,
         className: clsx(
           "scrollbar-thin scrollbar-thumb-scrollbar",
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
           props.className ?? ""
         ),
         ...updateFilename(),
@@ -6489,7 +6556,6 @@ const mdxComponents$5 = {
       ...props,
       className: clsx(
         "scrollbar-thin scrollbar-thumb-scrollbar",
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
         props.className ?? ""
       )
     }
@@ -6539,18 +6605,20 @@ const meta$4 = ({
   matches
 }) => {
   var _a2;
-  if (!data) {
-    return [{ title: "📝 | Error" }];
-  }
-  const number = data.exercise.exerciseNumber.toString().padStart(2, "0");
+  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;
-  return [
-    {
-      title: `📝 | ${number}. ${data.exercise.title} | ${rootData == null ? void 0 : rootData.workshopTitle}`
-    }
-  ];
+  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}`,
+    ogTitle: data.exercise.title,
+    ogDescription: `Elaboration for exercise ${Number(number)}`,
+    instructor: rootData.instructor,
+    requestInfo: rootData.requestInfo
+  });
 };
-async function loader$o({ request, params }) {
+async function loader$p({ request, params }) {
   const timings = makeTimings("exerciseNumberLoader");
   invariantResponse(params.exerciseNumber, "exerciseNumber is required");
   const [exercises, workshopTitle] = await Promise.all([
@@ -6694,10 +6762,10 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   ErrorBoundary: ErrorBoundary$3,
   default: ExerciseNumberRoute,
   headers: headers$6,
-  loader: loader$o,
+  loader: loader$p,
   meta: meta$4
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$n({ request, params }) {
+async function loader$o({ request, params }) {
   const timings = makeTimings("stepLoader");
   invariantResponse(params.exerciseNumber, "exerciseNumber is required");
   const [exercises, workshopTitle] = await Promise.all([
@@ -6754,428 +6822,427 @@ const route5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   ErrorBoundary: ErrorBoundary$2,
   default: StepRoute,
   headers: headers$5,
-  loader: loader$n
+  loader: loader$o
 }, Symbol.toStringTag, { value: "Module" }));
-const EmojiDataSchema = z$1.union([
-  z$1.object({
-    emojiName: z$1.never().optional(),
-    emojiUrl: z$1.string()
-  }),
-  z$1.object({
-    emojiName: z$1.string(),
-    emojiUrl: z$1.never().optional()
-  }),
-  z$1.object({
-    emojiName: z$1.never().optional(),
-    emojiUrl: z$1.never().optional()
-  })
-]);
-const ThreadItemSchema = z$1.object({
-  id: z$1.string(),
-  tags: z$1.array(
-    z$1.object({
-      name: z$1.string()
-    }).and(EmojiDataSchema)
-  ),
-  name: z$1.string(),
-  link: z$1.string(),
-  authorDisplayName: z$1.string(),
-  authorHexAccentColor: z$1.string().nullable().optional(),
-  authorAvatarUrl: z$1.string().nullable(),
-  messagePreview: z$1.string(),
-  messageCount: z$1.number(),
-  lastUpdated: z$1.string(),
-  previewImageUrl: z$1.string().nullable(),
-  reactions: z$1.array(
-    z$1.object({
-      count: z$1.number()
-    }).and(EmojiDataSchema)
-  )
-});
-const ThreadDataSchema = z$1.array(ThreadItemSchema);
-const EpicForumResponseSchema = z$1.object({
-  status: z$1.literal("error"),
-  error: z$1.string()
-}).or(
-  z$1.object({
-    status: z$1.literal("success"),
-    threadData: ThreadDataSchema
-  })
-);
-async function fetchDiscordPosts({ request }) {
-  return cachified({
-    key: "fetchDiscordPosts",
-    request,
-    cache: fsCache,
-    ttl: 1e3 * 60 * 2,
-    swr: 1e3 * 60 * 60 * 24 * 7,
-    checkValue: ThreadDataSchema,
-    async getFreshValue() {
-      const forceFresh = await shouldForceFresh({ request });
-      const searchParams = new URLSearchParams(
-        forceFresh ? { fresh: "true" } : {}
-      );
-      const result = await fetch(
-        // `http://localhost:3000/resources/epic-web-forum?${searchParams}`,
-        `https://kcd-discord-bot-v2.fly.dev/resources/epic-web-forum?${searchParams}`,
-        {
-          method: "POST",
-          headers: { "content-type": "application/json" }
-        }
-      );
-      if (!result.ok) {
-        console.error(`There was an error communicating with discord`);
-        try {
-          console.error(await result.text());
-        } catch {
-        }
-        return [];
-      }
-      const jsonResult = await result.json();
-      const epicForumResponseResult = EpicForumResponseSchema.safeParse(jsonResult);
-      if (epicForumResponseResult.success) {
-        if (epicForumResponseResult.data.status === "error") {
-          console.error(`There was an error communicating with discord`);
-          console.error(epicForumResponseResult.data.error);
-          return [];
-        } else {
-          return epicForumResponseResult.data.threadData;
-        }
-      } else {
-        console.error(`There was an error parsing the discord response`);
-        console.error(epicForumResponseResult.error.flatten());
-        return [];
-      }
-    }
-  });
-}
-const port = process.env.PORT || "5639";
-const scope = "guilds.join identify messages.read";
-const DiscordApiResponseSchema = z$1.object({
-  status: z$1.literal("error"),
-  error: z$1.string()
-}).or(
-  z$1.object({
-    status: z$1.literal("success"),
-    member: DiscordMemberSchema
-  })
-);
-function getDiscordAuthURL() {
-  const discordAuthUrl = new URL("https://discord.com/oauth2/authorize");
-  discordAuthUrl.searchParams.append("client_id", "738096608440483870");
-  discordAuthUrl.searchParams.append(
-    "redirect_uri",
-    `http://localhost:${port}/discord/callback`
-  );
-  discordAuthUrl.searchParams.append("response_type", "code");
-  discordAuthUrl.searchParams.append("scope", scope);
-  return discordAuthUrl.toString();
-}
-async function loader$m({ request }) {
-  const authInfo = await requireAuthInfo({ request });
-  const discordCode = new URL(request.url).searchParams.get("code");
-  invariantResponse(discordCode, "Missing code");
-  const result = await fetch(
-    // 'http://localhost:3000/resources/connect-epic-web',
-    "https://kcd-discord-bot-v2.fly.dev/resources/connect-epic-web",
-    {
-      method: "POST",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({
-        deviceToken: authInfo.tokenSet.access_token,
-        discordCode,
-        port,
-        scope
-      })
-    }
-  );
-  if (!result.ok) {
-    console.error(`There was an error connecting Discord`);
-    try {
-      console.error(await result.text());
-    } catch {
+const AccordionComponent = ({
+  title,
+  children,
+  variant,
+  icon,
+  forceMount = false
+}) => {
+  const getVariantIcon = () => {
+    switch (variant) {
+      case "changed":
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Modified",
+            "aria-label": "Modified",
+            className: "text-[#fb923c]"
+          }
+        );
+      case "renamed":
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Renamed",
+            "aria-label": "Renamed",
+            className: "text-[#fb923c]"
+          }
+        );
+      case "added":
+        return /* @__PURE__ */ jsx(Icon, { name: "Added", "aria-label": "Added", className: "text-[#10b981]" });
+      case "deleted":
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Deleted",
+            "aria-label": "Deleted",
+            className: "text-[#ef4444]"
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "Modified",
+            "aria-label": "Modified",
+            className: "text-[#fb923c]"
+          }
+        );
     }
-    return redirectWithToast("/account", {
-      type: "error",
-      title: "Error",
-      description: `There was an error connecting your Discord account (details in terminal output). Please try again.`
-    });
-  }
-  const parseResult = DiscordApiResponseSchema.safeParse(await result.json());
-  if (!parseResult.success) {
-    console.error(`There was an error connecting Discord`);
-    console.error(parseResult.error);
-    return redirectWithToast("/account", {
-      type: "error",
-      title: "Error",
-      description: `There was an error connecting your Discord account (details in terminal output). Please try again.`
-    });
-  }
-  if (parseResult.data.status === "error") {
-    console.error(`There was an error connecting Discord`);
-    console.error(parseResult.data.error);
-    return redirect("/account?error");
-  }
-  const member = parseResult.data.member;
-  await setDiscordMember(member);
-  return redirectWithToast("/account", {
-    type: "success",
-    title: "Success",
-    description: `Your Discord account "${member.displayName}" has been connected!`
-  });
-}
-const route24 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getDiscordAuthURL,
-  loader: loader$m
-}, Symbol.toStringTag, { value: "Module" }));
-async function loader$l() {
-  return json({ discordAuthUrl: getDiscordAuthURL() });
-}
-function useDiscordCTALink({
-  discordAuthUrl
-}) {
-  const user = useOptionalUser();
-  const discordMember = useOptionalDiscordMember();
-  if (!user) {
-    return "/login";
-  }
-  if (!discordMember) {
-    return discordAuthUrl;
-  }
-  return "https://discord.com/channels/715220730605731931/1161045224907341972";
-}
-function DiscordCTA({ discordAuthUrl }) {
-  const user = useOptionalUser();
-  const discordMember = useOptionalDiscordMember();
-  if (!user) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
-      /* @__PURE__ */ jsxs(Link, { to: "/login", className: "inline-flex items-center gap-2 underline", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
-        "Login"
-      ] }),
-      " ",
-      /* @__PURE__ */ jsxs("span", { children: [
-        "to get access to the exclusive",
-        " ",
-        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
-        "."
-      ] })
-    ] });
-  }
-  if (!discordMember) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
-      /* @__PURE__ */ jsxs(Link, { to: discordAuthUrl, className: "flex items-center gap-2 underline", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
-        "Connect Discord"
-      ] }),
+  };
+  const getVariantLabel = () => {
+    switch (variant) {
+      case "changed":
+        return "modified";
+      default:
+        return variant;
+    }
+  };
+  const fixedTitle = title.replace(/\\\\/g, "\\");
+  return /* @__PURE__ */ jsxs(Accordion.Item, { value: title, children: [
+    /* @__PURE__ */ jsxs(AccordionTrigger, { variant: getVariantLabel(), children: [
+      icon ? icon : getVariantIcon(),
       " ",
-      /* @__PURE__ */ jsxs("span", { children: [
-        "to get access to the exclusive",
-        " ",
-        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
-        "."
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xl underline", children: [
-    /* @__PURE__ */ jsx(Link, { to: "discord://discord.com/channels/715220730605731931/1161045224907341972", children: /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }) }),
+      fixedTitle
+    ] }),
     /* @__PURE__ */ jsx(
-      Link,
+      AccordionContent,
       {
-        to: "https://discord.com/channels/715220730605731931/1161045224907341972",
-        target: "_blank",
-        rel: "noreferrer noopener",
-        children: "Open Discord"
+        forceMount,
+        className: clsx(
+          "prose max-w-none whitespace-pre-wrap dark:prose-invert prose-pre:m-0 prose-pre:mb-1 prose-pre:rounded-none",
+          {
+            "radix-state-closed:hidden": forceMount
+          }
+        ),
+        children
       }
     )
   ] });
-}
-function DiscordRoute() {
-  const data = useLoaderData();
-  return /* @__PURE__ */ jsxs("div", { className: "container flex h-full max-w-3xl flex-col items-center justify-center gap-4 p-12", children: [
-    /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }),
-    /* @__PURE__ */ jsxs("p", { children: [
-      "The",
-      " ",
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          target: "_blank",
-          rel: "noreferrer noopener",
-          className: "underline",
-          to: "https://kentcdodds.com/discord",
-          children: "Epic Web Community on Discord"
-        }
+};
+const AccordionTrigger = React.forwardRef(
+  ({ children, className, variant, ...props }, forwardedRef) => /* @__PURE__ */ jsx(Accordion.Header, { className: "flex", asChild: true, children: /* @__PURE__ */ jsxs(
+    Accordion.Trigger,
+    {
+      className: clsx(
+        "group flex w-full items-center justify-between border-b p-4 pr-3 font-mono text-sm font-medium leading-none hover:bg-foreground/20",
+        className
       ),
-      " ",
-      "is a great place to hang out with other developers who are working through this workshop. You can ask questions, get help, and solidify what you're learning by helping others."
-    ] }),
-    /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsxs("small", { className: "text-sm", children: [
-      "If you've not joined the Epic Web Community on Discord yet, you'll be required to go through a short onboarding process first. A friendly bot will explain the process when you",
-      " ",
-      /* @__PURE__ */ jsx(
-        Link,
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-normal uppercase text-muted-foreground", children: variant }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "TriangleDownSmall",
+              className: "transition group-radix-state-open:rotate-180",
+              "aria-hidden": true
+            }
+          )
+        ] })
+      ]
+    }
+  ) })
+);
+const AccordionContent = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+    Accordion.Content,
+    {
+      className: clsx("", className),
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("div", { children })
+    }
+  )
+);
+const pre = (props) => /* @__PURE__ */ jsx("pre", { ...props });
+const mdxComponents$3 = {
+  Accordion: AccordionComponent,
+  // override the pre-with-buttons
+  pre
+};
+function Diff({
+  diff,
+  allApps
+}) {
+  const submit = useSubmit();
+  const [params] = useSearchParams();
+  const paramsWithForcedRefresh = new URLSearchParams(params);
+  paramsWithForcedRefresh.set("forceFresh", "diff");
+  const navigation = useNavigation();
+  const spinnerNavigating = useSpinDelay(navigation.state !== "idle", {
+    delay: 0,
+    minDuration: 1e3
+  });
+  const hiddenInputs = [];
+  for (const [key, value] of params.entries()) {
+    if (key === "app1" || key === "app2")
+      continue;
+    hiddenInputs.push(
+      /* @__PURE__ */ jsx("input", { type: "hidden", name: key, value }, key)
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Loading diff", children: /* @__PURE__ */ jsx(Icon, { name: "Refresh", className: "animate-spin" }) }) }),
+      children: /* @__PURE__ */ jsx(
+        Await,
         {
-          to: "https://kcd.im/discord",
-          target: "_blank",
-          rel: "noreferrer noopener",
-          className: "underline",
-          children: "join"
+          resolve: diff,
+          errorElement: /* @__PURE__ */ jsx("p", { className: "p-6 text-foreground-danger", children: "There was an error calculating the diff. Sorry." }),
+          children: (diff2) => /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex h-14 min-h-14 w-full overflow-x-hidden border-b", children: [
+              /* @__PURE__ */ jsx("div", { className: "border-r", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Reload diff", children: /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: `.?${paramsWithForcedRefresh}`,
+                  className: "flex h-full w-14 items-center justify-center",
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: "Refresh",
+                      className: cn({ "animate-spin": spinnerNavigating })
+                    }
+                  )
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs(
+                Form,
+                {
+                  onChange: (e) => submit(e.currentTarget),
+                  className: "flex h-full flex-1 items-center overflow-x-auto scrollbar-thin scrollbar-thumb-scrollbar",
+                  children: [
+                    hiddenInputs,
+                    /* @__PURE__ */ jsx(
+                      SelectFileToDiff,
+                      {
+                        name: "app1",
+                        label: "App 1",
+                        className: "border-r",
+                        allApps,
+                        defaultValue: diff2.app1
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      SelectFileToDiff,
+                      {
+                        name: "app2",
+                        label: "App 2",
+                        allApps,
+                        defaultValue: diff2.app2
+                      }
+                    )
+                  ]
+                },
+                `${diff2.app1}${diff2.app2}`
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-scroll scrollbar-thin scrollbar-thumb-scrollbar", children: diff2.diffCode ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Accordion.Root, { className: "w-full", type: "multiple", children: /* @__PURE__ */ jsx(Mdx, { code: diff2.diffCode, components: mdxComponents$3 }) }) }) : diff2.app1 && diff2.app2 ? /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "There was a problem generating the diff" }) : /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "Select two apps to compare" }) })
+          ] })
         }
-      ),
-      "."
-    ] }) })
-  ] });
+      )
+    }
+  );
 }
-const route15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DiscordCTA,
-  default: DiscordRoute,
-  loader: loader$l,
-  useDiscordCTALink
-}, Symbol.toStringTag, { value: "Module" }));
-function DiscordChat() {
-  const data = useLoaderData();
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-4 pt-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-scroll bg-accent pb-4 scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(DiscordPosts, {}) })
+function SelectFileToDiff({
+  name,
+  label,
+  className,
+  allApps,
+  defaultValue
+}) {
+  return /* @__PURE__ */ jsxs(Select.Root, { name, defaultValue, children: [
+    /* @__PURE__ */ jsxs(
+      Select.Trigger,
+      {
+        className: clsx(
+          "flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left radix-placeholder:text-gray-500 focus-visible:outline-none",
+          className
+        ),
+        "aria-label": `Select ${label} for git Diff`,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: [
+            label,
+            ":",
+            " ",
+            /* @__PURE__ */ jsx(
+              SelectValue,
+              {
+                placeholder: `Select ${label}`,
+                className: "inline-block w-40 text-ellipsis"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Select.Icon, { className: "", children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
+      Select.Content,
+      {
+        position: "popper",
+        align: "start",
+        className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
+        children: [
+          /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
+          /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
+            /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: label }),
+            allApps.map((app) => {
+              return /* @__PURE__ */ jsx(SelectItem$1, { value: app.name, children: app.displayName }, app.name);
+            })
+          ] }) }),
+          /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
+        ]
+      }
+    ) })
   ] });
 }
-function DiscordPosts() {
-  const data = useLoaderData();
-  const ctaLink = useDiscordCTALink({ discordAuthUrl: data.discordAuthUrl });
-  const altDown = useAltDown();
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-between", children: [
-    /* @__PURE__ */ jsx(
-      React.Suspense,
+const SelectItem$1 = React__default.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs(
+      Select.Item,
       {
-        fallback: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx(Loading, { children: "Loading Discord Posts" }) }),
-        children: /* @__PURE__ */ jsx(
-          Await,
-          {
-            resolve: data.discordPostsPromise,
-            errorElement: /* @__PURE__ */ jsx("div", { className: "text-red-500", children: "There was a problem loading the discord posts" }),
-            children: (posts) => /* @__PURE__ */ jsx("ul", { className: "flex w-full flex-col gap-4 p-3 xl:p-12", children: posts.map((post) => /* @__PURE__ */ jsx(
-              "li",
-              {
-                className: "rounded-xl border bg-background transition-all duration-200 focus-within:-translate-y-1 focus-within:shadow-lg hover:-translate-y-1 hover:shadow-lg",
-                children: /* @__PURE__ */ jsx(DiscordPost, { thread: post })
-              },
-              post.id
-            )) })
-          }
-        )
+        className: clsx(
+          "relative flex  cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",
+          className
+        ),
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx(Select.ItemText, { children }),
+          /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
+        ]
+      }
+    );
+  }
+);
+const SelectValue = React__default.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(Select.Value, { ...props, ref: forwardedRef, children: props.value });
+  }
+);
+function NavChevrons({
+  prev,
+  next
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full overflow-hidden", children: [
+    prev ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        prefetch: "intent",
+        ...prev,
+        className: "group flex h-full items-center justify-center border-l px-7",
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronLeft",
+              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronLeft",
+              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
+            }
+          )
+        ] })
       }
-    ),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+    ) : null,
+    next ? /* @__PURE__ */ jsx(
       Link,
       {
-        to: altDown && !ctaLink.includes("oauth") ? ctaLink.replace(/^https/, "discord") : ctaLink,
-        target: ctaLink.includes("oauth") ? void 0 : "_blank",
-        rel: "noreferrer noopener",
-        onClick: altDown ? (e) => {
-          e.preventDefault();
-          window.open(
-            e.currentTarget.href,
-            "_blank",
-            "noreferrer noopener"
-          );
-        } : void 0,
-        className: "flex items-center gap-2 p-2 text-xl hover:underline",
-        children: [
-          "Create Post ",
-          /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
-        ]
+        prefetch: "intent",
+        ...next,
+        className: "group flex h-full items-center justify-center border-l px-7",
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronRight",
+              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "ChevronRight",
+              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
+            }
+          )
+        ] })
       }
-    ) })
+    ) : null
   ] });
 }
-function DiscordPost({ thread }) {
-  const reactionsWithCounts = thread.reactions.filter((r) => r.count);
-  const hints = useHints();
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        thread.tags.length ? /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: thread.tags.map((t) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex items-center justify-center gap-1 rounded-full bg-accent px-2 py-1 text-sm",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: t.emojiName, url: t.emojiUrl }) }),
-              /* @__PURE__ */ jsx("span", { children: t.name })
-            ]
-          },
-          t.name
-        )) }) : null,
-        /* @__PURE__ */ jsx("strong", { className: "text-xl font-bold", children: thread.name }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            thread.authorAvatarUrl ? /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: thread.authorAvatarUrl,
-                alt: "",
-                className: "h-6 w-6 rounded-full"
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("span", { children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "font-bold",
-                  style: thread.authorHexAccentColor ? { color: thread.authorHexAccentColor } : {},
-                  children: thread.authorDisplayName
-                }
-              ),
-              ":",
-              " "
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 overflow-ellipsis text-muted-foreground", children: thread.messagePreview })
-        ] })
-      ] }),
-      thread.previewImageUrl ? /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: thread.previewImageUrl,
-          alt: "",
-          className: "h-28 w-28 rounded-lg object-cover"
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { children: reactionsWithCounts.length ? /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2", children: reactionsWithCounts.map((r, i) => /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: "flex items-center gap-1 rounded-md border border-blue-600 bg-blue-500/20 px-[5px] py-[0.5px] text-sm",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: r.emojiName, url: r.emojiUrl }) }),
-              /* @__PURE__ */ jsx("span", { children: r.count })
-            ]
-          },
-          i
-        )) }) : null }),
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "Chat" }),
-            " ",
-            thread.messageCount
-          ] }),
-          ` · ${dayjs(thread.lastUpdated).tz(hints.timeZone).fromNow()}`
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx("a", { href: thread.link.replace(/^https/, "discord"), children: /* @__PURE__ */ jsx(Icon, { name: "Discord" }) }),
-        /* @__PURE__ */ jsx("a", { href: thread.link, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" }) })
-      ] })
-    ] })
-  ] }) });
+const port = process.env.PORT || "5639";
+const scope = "guilds.join identify messages.read";
+const DiscordApiResponseSchema = z$1.object({
+  status: z$1.literal("error"),
+  error: z$1.string()
+}).or(
+  z$1.object({
+    status: z$1.literal("success"),
+    member: DiscordMemberSchema
+  })
+);
+function getDiscordAuthURL() {
+  const discordAuthUrl = new URL("https://discord.com/oauth2/authorize");
+  discordAuthUrl.searchParams.append("client_id", "738096608440483870");
+  discordAuthUrl.searchParams.append(
+    "redirect_uri",
+    `http://localhost:${port}/discord/callback`
+  );
+  discordAuthUrl.searchParams.append("response_type", "code");
+  discordAuthUrl.searchParams.append("scope", scope);
+  return discordAuthUrl.toString();
 }
-function Emoji({ name, url }) {
-  return url ? /* @__PURE__ */ jsx("img", { src: url, alt: name, className: "h-full w-full" }) : name ? name : null;
+async function loader$n({ request }) {
+  const authInfo = await requireAuthInfo({ request });
+  const discordCode = new URL(request.url).searchParams.get("code");
+  invariantResponse(discordCode, "Missing code");
+  const result = await fetch(
+    // 'http://localhost:3000/resources/connect-epic-web',
+    "https://kcd-discord-bot-v2.fly.dev/resources/connect-epic-web",
+    {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({
+        deviceToken: authInfo.tokenSet.access_token,
+        discordCode,
+        port,
+        scope
+      })
+    }
+  );
+  if (!result.ok) {
+    console.error(`There was an error connecting Discord`);
+    try {
+      console.error(await result.text());
+    } catch {
+    }
+    return redirectWithToast("/account", {
+      type: "error",
+      title: "Error",
+      description: `There was an error connecting your Discord account (details in terminal output). Please try again.`
+    });
+  }
+  const parseResult = DiscordApiResponseSchema.safeParse(await result.json());
+  if (!parseResult.success) {
+    console.error(`There was an error connecting Discord`);
+    console.error(parseResult.error);
+    return redirectWithToast("/account", {
+      type: "error",
+      title: "Error",
+      description: `There was an error connecting your Discord account (details in terminal output). Please try again.`
+    });
+  }
+  if (parseResult.data.status === "error") {
+    console.error(`There was an error connecting Discord`);
+    console.error(parseResult.data.error);
+    return redirect("/account?error");
+  }
+  const member = parseResult.data.member;
+  await setDiscordMember(member);
+  return redirectWithToast("/account", {
+    type: "success",
+    title: "Success",
+    description: `Your Discord account "${member.displayName}" has been connected!`
+  });
 }
+const route24 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getDiscordAuthURL,
+  loader: loader$n
+}, Symbol.toStringTag, { value: "Module" }));
 const epicshopTempDir = path.join(os.tmpdir(), "epicshop");
 const isDeployed = ENV.EPICSHOP_DEPLOYED;
 const diffTmpDir = path.join(epicshopTempDir, "diff");
@@ -7235,10 +7302,7 @@ function getFileCodeblocks(file, filePathApp1, filePathApp2, type) {
         type === "AddedFile" ? `Binary file added` : type === "DeletedFile" ? "Binary file deleted" : "Binary file changed"
       );
     } else {
-      startLine = chunk.type === "Chunk" ? chunk.fromFileRange.start : (
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        chunk.type === "CombinedChunk" ? chunk.fromFileRangeA.start : 1
-      );
+      startLine = chunk.type === "Chunk" ? chunk.fromFileRange.start : chunk.type === "CombinedChunk" ? chunk.fromFileRangeA.start : 1;
       toStartLine = chunk.toFileRange.start;
       for (let lineNumber = 0; lineNumber < chunk.changes.length; lineNumber++) {
         const change = chunk.changes[lineNumber];
@@ -7410,345 +7474,684 @@ async function getDiffFiles(app1, app2, {
 function getAppTestFiles(app) {
   return app.test.type === "browser" ? app.test.testFiles : [];
 }
-async function getDiffFilesImpl(app1, app2) {
+async function getDiffFilesImpl(app1, app2) {
+  if (app1.name === app2.name) {
+    return [];
+  }
+  const { app1CopyPath, app2CopyPath } = await prepareForDiff(app1, app2);
+  const { stdout: diffOutput } = await execa(
+    "git",
+    ["diff", "--no-index", "--ignore-blank-lines", app1CopyPath, app2CopyPath],
+    { cwd: diffTmpDir }
+    // --no-index implies --exit-code, so we need to use the error output
+  ).catch((e) => e);
+  void fsExtra.remove(app1CopyPath);
+  void fsExtra.remove(app2CopyPath);
+  const typesMap = {
+    ChangedFile: "modified",
+    AddedFile: "added",
+    DeletedFile: "deleted",
+    RenamedFile: "renamed"
+  };
+  const parsed = parseGitDiff(diffOutput, { noPrefix: true });
+  const testFiles = Array.from(
+    /* @__PURE__ */ new Set([...getAppTestFiles(app1), ...getAppTestFiles(app2)])
+  );
+  const startLine = (file) => {
+    const chunk = file.type === "ChangedFile" && file.chunks[0];
+    if (chunk) {
+      return chunk.type === "Chunk" ? chunk.fromFileRange.start : chunk.type === "CombinedChunk" ? chunk.fromFileRangeA.start : 1;
+    }
+    return 1;
+  };
+  return parsed.files.map((file) => ({
+    // prettier-ignore
+    status: typesMap[file.type] ?? "unknown",
+    path: diffPathToRelative(
+      file.type === "RenamedFile" ? file.pathBefore : file.path
+    ),
+    line: startLine(file)
+  })).filter((file) => !testFiles.includes(file.path));
+}
+async function getDiffCode(app1, app2, {
+  forceFresh = false,
+  timings,
+  request
+} = {}) {
+  const key = `${app1.relativePath}__vs__${app2.relativePath}`;
+  const cacheEntry = diffCodeCache.get(key);
+  const result = await cachified({
+    key,
+    cache: diffCodeCache,
+    forceFresh: forceFresh || getForceFreshForDiff(app1, app2, cacheEntry),
+    timings,
+    request,
+    getFreshValue: () => getDiffCodeImpl(app1, app2)
+  });
+  return result;
+}
+async function getDiffCodeImpl(app1, app2) {
+  const markdownLines = [""];
   if (app1.name === app2.name) {
-    return [];
+    markdownLines.push(
+      '<p className="p-4 text-center">You are comparing the same app</p>'
+    );
+    const code2 = await compileMarkdownString(markdownLines.join("\n"));
+    return code2;
   }
   const { app1CopyPath, app2CopyPath } = await prepareForDiff(app1, app2);
   const { stdout: diffOutput } = await execa(
     "git",
-    ["diff", "--no-index", "--ignore-blank-lines", app1CopyPath, app2CopyPath],
+    [
+      "diff",
+      "--no-index",
+      app1CopyPath,
+      app2CopyPath,
+      "--color=never",
+      "--color-moved-ws=allow-indentation-change",
+      "--no-prefix",
+      "--ignore-blank-lines"
+    ],
     { cwd: diffTmpDir }
     // --no-index implies --exit-code, so we need to use the error output
   ).catch((e) => e);
   void fsExtra.remove(app1CopyPath);
   void fsExtra.remove(app2CopyPath);
-  const typesMap = {
-    ChangedFile: "modified",
-    AddedFile: "added",
-    DeletedFile: "deleted",
-    RenamedFile: "renamed"
+  const parsed = parseGitDiff(diffOutput);
+  if (!parsed.files.length) {
+    markdownLines.push(
+      '<div className="m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background">No changes</div>'
+    );
+  }
+  const app1TestFiles = getAppTestFiles(app1);
+  const app2TestFiles = getAppTestFiles(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;
+    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;
+    const filePathApp2 = path.join(app2.fullPath, relativePathApp2);
+    switch (file.type) {
+      case "ChangedFile": {
+        markdownLines.push(`
+
+<Accordion title=${JSON.stringify(relativePath)} variant="changed">
+
+${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
+
+</Accordion>
+
+`);
+        break;
+      }
+      case "DeletedFile": {
+        markdownLines.push(`
+<Accordion title=${JSON.stringify(relativePath)} variant="deleted">
+
+${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
+
+</Accordion>
+`);
+        break;
+      }
+      case "RenamedFile": {
+        const relativeBefore = diffPathToRelative(file.pathBefore);
+        const relativeAfter = diffPathToRelative(file.pathAfter);
+        const title = JSON.stringify(`${relativeBefore} ▶️ ${relativeAfter}`);
+        markdownLines.push(`
+<Accordion title=${title} variant="renamed">
+
+${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
+
+</Accordion>
+`);
+        break;
+      }
+      case "AddedFile": {
+        markdownLines.push(`
+<Accordion title=${JSON.stringify(relativePath)} variant="added">
+
+${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
+
+</Accordion>
+`);
+        break;
+      }
+      default: {
+        console.error(file);
+        throw new Error(`Unknown file type: ${file}`);
+      }
+    }
+  }
+  const code = await compileMarkdownString(markdownLines.join("\n"));
+  return code;
+}
+const SetPlaygroundSchema = z$1.object({
+  appName: z$1.string(),
+  reset: z$1.string().nullable().optional().transform((v) => v === "true")
+});
+async function action$8({ request }) {
+  ensureUndeployed();
+  const formData = await request.formData();
+  const rawData = {
+    appName: formData.get("appName")
   };
-  const parsed = parseGitDiff(diffOutput, { noPrefix: true });
-  const testFiles = Array.from(
-    /* @__PURE__ */ new Set([...getAppTestFiles(app1), ...getAppTestFiles(app2)])
+  const result = SetPlaygroundSchema.safeParse(rawData);
+  if (!result.success) {
+    return json({ status: "error", error: result.error.message }, {
+      status: 400
+    });
+  }
+  const form = result.data;
+  const app = await getAppByName(form.appName);
+  if (!app) {
+    return json(
+      { status: "error", error: `App ${form.appName} not found` },
+      { status: 404 }
+    );
+  }
+  const converseApp = isProblemApp(app) && app.solutionName ? await getAppByName(app.solutionName) : isSolutionApp(app) && app.problemName ? await getAppByName(app.problemName) : void 0;
+  try {
+    await setPlayground(app.fullPath, { reset: form.reset });
+  } catch (error) {
+    const message = getErrorMessage(error);
+    console.error("Error setting playground", message);
+    return json({ status: "error", error: message }, {
+      status: 500,
+      headers: await createToastHeaders({
+        type: "error",
+        title: "Error",
+        description: "There was an error setting the playground. Check the terminal for details."
+      })
+    });
+  }
+  const apps = await getApps({ forceFresh: true });
+  const playground = apps.find(isPlaygroundApp);
+  if (playground && converseApp) {
+    await getDiffCode(playground, converseApp, { forceFresh: true });
+  }
+  return json({ status: "success" });
+}
+function SetPlayground({
+  appName,
+  reset = false,
+  tooltipText,
+  ...buttonProps
+}) {
+  var _a2;
+  const fetcher = useFetcher();
+  const submitButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "submit",
+      ...buttonProps,
+      className: clsx(
+        buttonProps.className,
+        fetcher.state !== "idle" ? "cursor-progress" : null,
+        ((_a2 = fetcher.data) == null ? void 0 : _a2.status) === "error" ? "cursor-not-allowed" : null
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    fetcher.Form,
+    {
+      action: "/set-playground",
+      method: "POST",
+      className: "inline-flex items-center justify-center",
+      children: [
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: "appName", value: appName }),
+        reset ? /* @__PURE__ */ jsx("input", { type: "hidden", name: "reset", value: "true" }) : null,
+        showProgressBarField,
+        tooltipText ? /* @__PURE__ */ jsx(SimpleTooltip, { content: tooltipText, children: submitButton }) : submitButton
+      ]
+    }
+  );
+}
+function PlaygroundChooser({
+  playgroundAppName,
+  allApps
+}) {
+  var _a2;
+  const fetcher = useFetcher();
+  return /* @__PURE__ */ jsxs(
+    Select.Root,
+    {
+      name: "appName",
+      value: playgroundAppName,
+      onValueChange: (appName) => {
+        fetcher.submit(
+          { appName },
+          { method: "POST", action: "/set-playground" }
+        );
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Select.Trigger,
+          {
+            "aria-label": "Select app for playground",
+            className: clsx(
+              "flex h-full w-full items-center justify-between text-left radix-placeholder:text-gray-500 focus-visible:outline-none",
+              fetcher.state !== "idle" ? "cursor-progress" : null,
+              ((_a2 = fetcher.data) == null ? void 0 : _a2.status) === "error" ? "cursor-not-allowed" : null
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "w-80 flex-1 overflow-hidden text-ellipsis whitespace-nowrap scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(
+                Select.Value,
+                {
+                  placeholder: "Select current app",
+                  className: "inline-block w-40 text-ellipsis"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
+          Select.Content,
+          {
+            position: "popper",
+            align: "start",
+            className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
+            children: [
+              /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
+              /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
+                /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: "App" }),
+                allApps.filter((app) => app.name !== "playground").map((app) => {
+                  return /* @__PURE__ */ jsx(SelectItem, { value: app.name, children: app.displayName }, app.name);
+                })
+              ] }) }),
+              /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function SelectItem({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    Select.Item,
+    {
+      value,
+      className: "relative flex cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",
+      children: [
+        /* @__PURE__ */ jsx(Select.ItemText, { children }),
+        /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
+      ]
+    }
   );
-  const startLine = (file) => {
-    const chunk = file.type === "ChangedFile" && file.chunks[0];
-    if (chunk) {
-      return chunk.type === "Chunk" ? chunk.fromFileRange.start : chunk.type === "CombinedChunk" ? chunk.fromFileRangeA.start : 1;
+}
+function SetAppToPlayground({ appName }) {
+  if (ENV.EPICSHOP_DEPLOYED)
+    return null;
+  return /* @__PURE__ */ jsx(
+    SetPlayground,
+    {
+      appName,
+      tooltipText: "Playground is not set to the right app. Click to set Playground.",
+      children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-1 text-foreground-danger hover:underline", children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Unlinked", className: "animate-ping" }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "uppercase", children: "Set to Playground" })
+      ] })
     }
-    return 1;
-  };
-  return parsed.files.map((file) => ({
-    // prettier-ignore
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    status: typesMap[file.type] ?? "unknown",
-    path: diffPathToRelative(
-      file.type === "RenamedFile" ? file.pathBefore : file.path
-    ),
-    line: startLine(file)
-  })).filter((file) => !testFiles.includes(file.path));
+  );
 }
-async function getDiffCode(app1, app2, {
-  forceFresh = false,
-  timings,
-  request
-} = {}) {
-  const key = `${app1.relativePath}__vs__${app2.relativePath}`;
-  const cacheEntry = diffCodeCache.get(key);
-  const result = await cachified({
-    key,
-    cache: diffCodeCache,
-    forceFresh: forceFresh || getForceFreshForDiff(app1, app2, cacheEntry),
-    timings,
+const route32 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PlaygroundChooser,
+  SetAppToPlayground,
+  SetPlayground,
+  action: action$8
+}, Symbol.toStringTag, { value: "Module" }));
+const EmojiDataSchema = z$1.union([
+  z$1.object({
+    emojiName: z$1.never().optional(),
+    emojiUrl: z$1.string()
+  }),
+  z$1.object({
+    emojiName: z$1.string(),
+    emojiUrl: z$1.never().optional()
+  }),
+  z$1.object({
+    emojiName: z$1.never().optional(),
+    emojiUrl: z$1.never().optional()
+  })
+]);
+const ThreadItemSchema = z$1.object({
+  id: z$1.string(),
+  tags: z$1.array(
+    z$1.object({
+      name: z$1.string()
+    }).and(EmojiDataSchema)
+  ),
+  name: z$1.string(),
+  link: z$1.string(),
+  authorDisplayName: z$1.string(),
+  authorHexAccentColor: z$1.string().nullable().optional(),
+  authorAvatarUrl: z$1.string().nullable(),
+  messagePreview: z$1.string(),
+  messageCount: z$1.number(),
+  lastUpdated: z$1.string(),
+  previewImageUrl: z$1.string().nullable(),
+  reactions: z$1.array(
+    z$1.object({
+      count: z$1.number()
+    }).and(EmojiDataSchema)
+  )
+});
+const ThreadDataSchema = z$1.array(ThreadItemSchema);
+const EpicForumResponseSchema = z$1.object({
+  status: z$1.literal("error"),
+  error: z$1.string()
+}).or(
+  z$1.object({
+    status: z$1.literal("success"),
+    threadData: ThreadDataSchema
+  })
+);
+async function fetchDiscordPosts({ request }) {
+  return cachified({
+    key: "fetchDiscordPosts",
     request,
-    getFreshValue: () => getDiffCodeImpl(app1, app2)
-  });
-  return result;
-}
-async function getDiffCodeImpl(app1, app2) {
-  const markdownLines = [""];
-  if (app1.name === app2.name) {
-    markdownLines.push(
-      '<p className="p-4 text-center">You are comparing the same app</p>'
-    );
-    const code2 = await compileMarkdownString(markdownLines.join("\n"));
-    return code2;
-  }
-  const { app1CopyPath, app2CopyPath } = await prepareForDiff(app1, app2);
-  const { stdout: diffOutput } = await execa(
-    "git",
-    [
-      "diff",
-      "--no-index",
-      app1CopyPath,
-      app2CopyPath,
-      "--color=never",
-      "--color-moved-ws=allow-indentation-change",
-      "--no-prefix",
-      "--ignore-blank-lines"
-    ],
-    { cwd: diffTmpDir }
-    // --no-index implies --exit-code, so we need to use the error output
-  ).catch((e) => e);
-  void fsExtra.remove(app1CopyPath);
-  void fsExtra.remove(app2CopyPath);
-  const parsed = parseGitDiff(diffOutput);
-  if (!parsed.files.length) {
-    markdownLines.push(
-      '<div className="m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background">No changes</div>'
-    );
-  }
-  const app1TestFiles = getAppTestFiles(app1);
-  const app2TestFiles = getAppTestFiles(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;
-    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;
-    const filePathApp2 = path.join(app2.fullPath, relativePathApp2);
-    switch (file.type) {
-      case "ChangedFile": {
-        markdownLines.push(`
-
-<Accordion title=${JSON.stringify(relativePath)} variant="changed">
-
-${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
-
-</Accordion>
-
-`);
-        break;
-      }
-      case "DeletedFile": {
-        markdownLines.push(`
-<Accordion title=${JSON.stringify(relativePath)} variant="deleted">
-
-${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
-
-</Accordion>
-`);
-        break;
-      }
-      case "RenamedFile": {
-        const relativeBefore = diffPathToRelative(file.pathBefore);
-        const relativeAfter = diffPathToRelative(file.pathAfter);
-        const title = JSON.stringify(`${relativeBefore} ▶️ ${relativeAfter}`);
-        markdownLines.push(`
-<Accordion title=${title} variant="renamed">
-
-${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
-
-</Accordion>
-`);
-        break;
-      }
-      case "AddedFile": {
-        markdownLines.push(`
-<Accordion title=${JSON.stringify(relativePath)} variant="added">
-
-${getFileCodeblocks(file, filePathApp1, filePathApp2, file.type).join("\n")}
-
-</Accordion>
-`);
-        break;
+    cache: fsCache,
+    ttl: 1e3 * 60 * 2,
+    swr: 1e3 * 60 * 60 * 24 * 7,
+    checkValue: ThreadDataSchema,
+    async getFreshValue() {
+      const forceFresh = await shouldForceFresh({ request });
+      const searchParams = new URLSearchParams(
+        forceFresh ? { fresh: "true" } : {}
+      );
+      const result = await fetch(
+        // `http://localhost:3000/resources/epic-web-forum?${searchParams}`,
+        `https://kcd-discord-bot-v2.fly.dev/resources/epic-web-forum?${searchParams}`,
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" }
+        }
+      );
+      if (!result.ok) {
+        console.error(`There was an error communicating with discord`);
+        try {
+          console.error(await result.text());
+        } catch {
+        }
+        return [];
       }
-      default: {
-        console.error(file);
-        throw new Error(`Unknown file type: ${file}`);
+      const jsonResult = await result.json();
+      const epicForumResponseResult = EpicForumResponseSchema.safeParse(jsonResult);
+      if (epicForumResponseResult.success) {
+        if (epicForumResponseResult.data.status === "error") {
+          console.error(`There was an error communicating with discord`);
+          console.error(epicForumResponseResult.data.error);
+          return [];
+        } else {
+          return epicForumResponseResult.data.threadData;
+        }
+      } else {
+        console.error(`There was an error parsing the discord response`);
+        console.error(epicForumResponseResult.error.flatten());
+        return [];
       }
     }
-  }
-  const code = await compileMarkdownString(markdownLines.join("\n"));
-  return code;
+  });
 }
-const SetPlaygroundSchema = z$1.object({
-  appName: z$1.string(),
-  reset: z$1.string().nullable().optional().transform((v) => v === "true")
-});
-async function action$8({ request }) {
-  ensureUndeployed();
-  const formData = await request.formData();
-  const rawData = {
-    appName: formData.get("appName")
-  };
-  const result = SetPlaygroundSchema.safeParse(rawData);
-  if (!result.success) {
-    return json({ status: "error", error: result.error.message }, {
-      status: 400
-    });
+async function loader$m() {
+  return json({ discordAuthUrl: getDiscordAuthURL() });
+}
+function useDiscordCTALink({
+  discordAuthUrl
+}) {
+  const user = useOptionalUser();
+  const discordMember = useOptionalDiscordMember();
+  if (!user) {
+    return "/login";
   }
-  const form = result.data;
-  const app = await getAppByName(form.appName);
-  if (!app) {
-    return json(
-      { status: "error", error: `App ${form.appName} not found` },
-      { status: 404 }
-    );
+  if (!discordMember) {
+    return discordAuthUrl;
   }
-  const converseApp = isProblemApp(app) && app.solutionName ? await getAppByName(app.solutionName) : isSolutionApp(app) && app.problemName ? await getAppByName(app.problemName) : void 0;
-  try {
-    await setPlayground(app.fullPath, { reset: form.reset });
-  } catch (error) {
-    const message = getErrorMessage(error);
-    console.error("Error setting playground", message);
-    return json({ status: "error", error: message }, {
-      status: 500,
-      headers: await createToastHeaders({
-        type: "error",
-        title: "Error",
-        description: "There was an error setting the playground. Check the terminal for details."
-      })
-    });
+  return "https://discord.com/channels/715220730605731931/1161045224907341972";
+}
+function DiscordCTA({ discordAuthUrl }) {
+  const user = useOptionalUser();
+  const discordMember = useOptionalDiscordMember();
+  if (!user) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
+      /* @__PURE__ */ jsxs(Link, { to: "/login", className: "inline-flex items-center gap-2 underline", children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
+        "Login"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsxs("span", { children: [
+        "to get access to the exclusive",
+        " ",
+        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
+        "."
+      ] })
+    ] });
   }
-  const apps = await getApps({ forceFresh: true });
-  const playground = apps.find(isPlaygroundApp);
-  if (playground && converseApp) {
-    await getDiffCode(playground, converseApp, { forceFresh: true });
+  if (!discordMember) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 text-xl", children: [
+      /* @__PURE__ */ jsxs(Link, { to: discordAuthUrl, className: "flex items-center gap-2 underline", children: [
+        /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }),
+        "Connect Discord"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsxs("span", { children: [
+        "to get access to the exclusive",
+        " ",
+        /* @__PURE__ */ jsx(Link, { to: "/discord", className: "underline", children: "discord channel" }),
+        "."
+      ] })
+    ] });
   }
-  return json({ status: "success" });
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xl underline", children: [
+    /* @__PURE__ */ jsx(Link, { to: "discord://discord.com/channels/715220730605731931/1161045224907341972", children: /* @__PURE__ */ jsx(Icon, { name: "Discord", size: "2xl" }) }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "https://discord.com/channels/715220730605731931/1161045224907341972",
+        target: "_blank",
+        rel: "noreferrer noopener",
+        children: "Open Discord"
+      }
+    )
+  ] });
 }
-function SetPlayground({
-  appName,
-  reset = false,
-  tooltipText,
-  ...buttonProps
-}) {
-  var _a2;
-  const fetcher = useFetcher();
-  const submitButton = /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "submit",
-      ...buttonProps,
-      className: clsx(
-        buttonProps.className,
-        fetcher.state !== "idle" ? "cursor-progress" : null,
-        ((_a2 = fetcher.data) == null ? void 0 : _a2.status) === "error" ? "cursor-not-allowed" : null
-      )
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    fetcher.Form,
-    {
-      action: "/set-playground",
-      method: "POST",
-      className: "inline-flex items-center justify-center",
-      children: [
-        /* @__PURE__ */ jsx("input", { type: "hidden", name: "appName", value: appName }),
-        reset ? /* @__PURE__ */ jsx("input", { type: "hidden", name: "reset", value: "true" }) : null,
-        showProgressBarField,
-        tooltipText ? /* @__PURE__ */ jsx(SimpleTooltip, { content: tooltipText, children: submitButton }) : submitButton
-      ]
-    }
-  );
+function DiscordRoute() {
+  const data = useLoaderData();
+  return /* @__PURE__ */ jsxs("div", { className: "container flex h-full max-w-3xl flex-col items-center justify-center gap-4 p-12", children: [
+    /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "The",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          target: "_blank",
+          rel: "noreferrer noopener",
+          className: "underline",
+          to: "https://kentcdodds.com/discord",
+          children: "Epic Web Community on Discord"
+        }
+      ),
+      " ",
+      "is a great place to hang out with other developers who are working through this workshop. You can ask questions, get help, and solidify what you're learning by helping others."
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsxs("small", { className: "text-sm", children: [
+      "If you've not joined the Epic Web Community on Discord yet, you'll be required to go through a short onboarding process first. A friendly bot will explain the process when you",
+      " ",
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: "https://kcd.im/discord",
+          target: "_blank",
+          rel: "noreferrer noopener",
+          className: "underline",
+          children: "join"
+        }
+      ),
+      "."
+    ] }) })
+  ] });
 }
-function PlaygroundChooser({
-  playgroundAppName,
-  allApps
-}) {
-  var _a2;
-  const fetcher = useFetcher();
-  return /* @__PURE__ */ jsxs(
-    Select.Root,
-    {
-      name: "appName",
-      value: playgroundAppName,
-      onValueChange: (appName) => {
-        fetcher.submit(
-          { appName },
-          { method: "POST", action: "/set-playground" }
-        );
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Select.Trigger,
+const route15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DiscordCTA,
+  default: DiscordRoute,
+  loader: loader$m,
+  useDiscordCTALink
+}, Symbol.toStringTag, { value: "Module" }));
+function DiscordChat() {
+  const data = useLoaderData();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col gap-4 pt-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(DiscordCTA, { discordAuthUrl: data.discordAuthUrl }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-scroll bg-accent pb-4 scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(DiscordPosts, {}) })
+  ] });
+}
+function DiscordPosts() {
+  const data = useLoaderData();
+  const ctaLink = useDiscordCTALink({ discordAuthUrl: data.discordAuthUrl });
+  const altDown = useAltDown();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-between", children: [
+    /* @__PURE__ */ jsx(
+      React.Suspense,
+      {
+        fallback: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx(Loading, { children: "Loading Discord Posts" }) }),
+        children: /* @__PURE__ */ jsx(
+          Await,
           {
-            "aria-label": "Select app for playground",
-            className: clsx(
-              "flex h-full w-full items-center justify-between text-left radix-placeholder:text-gray-500 focus-visible:outline-none",
-              fetcher.state !== "idle" ? "cursor-progress" : null,
-              ((_a2 = fetcher.data) == null ? void 0 : _a2.status) === "error" ? "cursor-not-allowed" : null
-            ),
+            resolve: data.discordPostsPromise,
+            errorElement: /* @__PURE__ */ jsx("div", { className: "text-red-500", children: "There was a problem loading the discord posts" }),
+            children: (posts) => /* @__PURE__ */ jsx("ul", { className: "flex w-full flex-col gap-4 p-3 xl:p-12", children: posts.map((post) => /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: "rounded-xl border bg-background transition-all duration-200 focus-within:-translate-y-1 focus-within:shadow-lg hover:-translate-y-1 hover:shadow-lg",
+                children: /* @__PURE__ */ jsx(DiscordPost, { thread: post })
+              },
+              post.id
+            )) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        to: altDown && !ctaLink.includes("oauth") ? ctaLink.replace(/^https/, "discord") : ctaLink,
+        target: ctaLink.includes("oauth") ? void 0 : "_blank",
+        rel: "noreferrer noopener",
+        onClick: altDown ? (e) => {
+          e.preventDefault();
+          window.open(
+            e.currentTarget.href,
+            "_blank",
+            "noreferrer noopener"
+          );
+        } : void 0,
+        className: "flex items-center gap-2 p-2 text-xl hover:underline",
+        children: [
+          "Create Post ",
+          /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
+        ]
+      }
+    ) })
+  ] });
+}
+function DiscordPost({ thread }) {
+  const reactionsWithCounts = thread.reactions.filter((r) => r.count);
+  const hints = useHints();
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        thread.tags.length ? /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: thread.tags.map((t) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-center gap-1 rounded-full bg-accent px-2 py-1 text-sm",
             children: [
-              /* @__PURE__ */ jsx("span", { className: "w-80 flex-1 overflow-hidden text-ellipsis whitespace-nowrap scrollbar-thin scrollbar-thumb-scrollbar", children: /* @__PURE__ */ jsx(
-                Select.Value,
+              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: t.emojiName, url: t.emojiUrl }) }),
+              /* @__PURE__ */ jsx("span", { children: t.name })
+            ]
+          },
+          t.name
+        )) }) : null,
+        /* @__PURE__ */ jsx("strong", { className: "text-xl font-bold", children: thread.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            thread.authorAvatarUrl ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: thread.authorAvatarUrl,
+                alt: "",
+                className: "h-6 w-6 rounded-full"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx(
+                "span",
                 {
-                  placeholder: "Select current app",
-                  className: "inline-block w-40 text-ellipsis"
+                  className: "font-bold",
+                  style: thread.authorHexAccentColor ? { color: thread.authorHexAccentColor } : {},
+                  children: thread.authorDisplayName
                 }
-              ) }),
-              /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
-          Select.Content,
+              ),
+              ":",
+              " "
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 overflow-ellipsis text-muted-foreground", children: thread.messagePreview })
+        ] })
+      ] }),
+      thread.previewImageUrl ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: thread.previewImageUrl,
+          alt: "",
+          className: "h-28 w-28 rounded-lg object-cover"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { children: reactionsWithCounts.length ? /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2", children: reactionsWithCounts.map((r, i) => /* @__PURE__ */ jsxs(
+          "li",
           {
-            position: "popper",
-            align: "start",
-            className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
+            className: "flex items-center gap-1 rounded-md border border-blue-600 bg-blue-500/20 px-[5px] py-[0.5px] text-sm",
             children: [
-              /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
-              /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
-                /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: "App" }),
-                allApps.filter((app) => app.name !== "playground").map((app) => {
-                  return /* @__PURE__ */ jsx(SelectItem$1, { value: app.name, children: app.displayName }, app.name);
-                })
-              ] }) }),
-              /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
+              /* @__PURE__ */ jsx("span", { className: "h-3 w-3 leading-3", children: /* @__PURE__ */ jsx(Emoji, { name: r.emojiName, url: r.emojiUrl }) }),
+              /* @__PURE__ */ jsx("span", { children: r.count })
             ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-function SelectItem$1({
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    Select.Item,
-    {
-      value,
-      className: "relative flex cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",
-      children: [
-        /* @__PURE__ */ jsx(Select.ItemText, { children }),
-        /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
-      ]
-    }
-  );
-}
-function SetAppToPlayground({ appName }) {
-  if (ENV.EPICSHOP_DEPLOYED)
-    return null;
-  return /* @__PURE__ */ jsx(
-    SetPlayground,
-    {
-      appName,
-      tooltipText: "Playground is not set to the right app. Click to set Playground.",
-      children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-1 text-foreground-danger hover:underline", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "Unlinked", className: "animate-ping" }),
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "uppercase", children: "Set to Playground" })
+          },
+          i
+        )) }) : null }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "Chat" }),
+            " ",
+            thread.messageCount
+          ] }),
+          ` · ${dayjs(thread.lastUpdated).tz(hints.timeZone).fromNow()}`
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx("a", { href: thread.link.replace(/^https/, "discord"), children: /* @__PURE__ */ jsx(Icon, { name: "Discord" }) }),
+        /* @__PURE__ */ jsx("a", { href: thread.link, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" }) })
       ] })
-    }
-  );
+    ] })
+  ] }) });
+}
+function Emoji({ name, url }) {
+  return url ? /* @__PURE__ */ jsx("img", { src: url, alt: name, className: "h-full w-full" }) : name ? name : null;
 }
-const route31 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PlaygroundChooser,
-  SetAppToPlayground,
-  SetPlayground,
-  action: action$8
-}, Symbol.toStringTag, { value: "Module" }));
 function PlaygroundWindow({
   playgroundAppName,
   problemAppName,
@@ -7995,7 +8398,7 @@ function AppStarter({ name }) {
     fetcher.state === "idle" ? /* @__PURE__ */ jsx(Button, { type: "submit", name: "intent", value: "start", varient: "mono", children: "Start App" }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Loading, { children: "Starting App" }) })
   ] });
 }
-const route32 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route33 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AppStarter,
   AppStopper,
@@ -8047,18 +8450,15 @@ const InBrowserBrowser = forwardRef(
 );
 function InBrowserBrowserImpl({ name, port: port2, portIsAvailable, isRunning, baseUrl, id, initialRoute }, ref) {
   const requestInfo = useRequestInfo();
-  return isRunning ? (
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    /* @__PURE__ */ jsx(
-      InBrowserBrowserForRealz,
-      {
-        baseUrl,
-        id,
-        name,
-        ref,
-        initialRoute
-      }
-    )
+  return isRunning ? /* @__PURE__ */ jsx(
+    InBrowserBrowserForRealz,
+    {
+      baseUrl,
+      id,
+      name,
+      ref,
+      initialRoute
+    }
   ) : portIsAvailable === false ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
     /* @__PURE__ */ jsxs("p", { className: "max-w-xs pb-5 text-center", role: "status", children: [
       `The port for this app is unavailable. It could be that you're running it `,
@@ -8490,7 +8890,6 @@ async function action$6({ request }) {
     await fs.promises.readFile(cacheLocation, "utf-8")
   );
   const cachedEmbeddedFiles = new Map(
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
     Object.entries(((_a2 = cached == null ? void 0 : cached.value) == null ? void 0 : _a2.embeddedFiles) ?? {})
   );
   if (cachedEmbeddedFiles.has(embeddedKey)) {
@@ -8535,7 +8934,7 @@ function UpdateMdxCache({
     )
   ] });
 }
-const route35 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route36 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   UpdateMdxCache,
   action: action$6
@@ -8822,129 +9221,11 @@ function LinkToApp({
           if (ENV.EPICSHOP_DEPLOYED)
             event.preventDefault();
         },
-        children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
-      }
-    ) }) : null
-  ] });
-}
-const AccordionComponent = ({
-  title,
-  children,
-  variant,
-  icon,
-  forceMount = false
-}) => {
-  const getVariantIcon = () => {
-    switch (variant) {
-      case "changed":
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Modified",
-            "aria-label": "Modified",
-            className: "text-[#fb923c]"
-          }
-        );
-      case "renamed":
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Renamed",
-            "aria-label": "Renamed",
-            className: "text-[#fb923c]"
-          }
-        );
-      case "added":
-        return /* @__PURE__ */ jsx(Icon, { name: "Added", "aria-label": "Added", className: "text-[#10b981]" });
-      case "deleted":
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Deleted",
-            "aria-label": "Deleted",
-            className: "text-[#ef4444]"
-          }
-        );
-      default:
-        return /* @__PURE__ */ jsx(
-          Icon,
-          {
-            name: "Modified",
-            "aria-label": "Modified",
-            className: "text-[#fb923c]"
-          }
-        );
-    }
-  };
-  const getVariantLabel = () => {
-    switch (variant) {
-      case "changed":
-        return "modified";
-      default:
-        return variant;
-    }
-  };
-  const fixedTitle = title.replace(/\\\\/g, "\\");
-  return /* @__PURE__ */ jsxs(Accordion.Item, { value: title, children: [
-    /* @__PURE__ */ jsxs(AccordionTrigger, { variant: getVariantLabel(), children: [
-      icon ? icon : getVariantIcon(),
-      " ",
-      fixedTitle
-    ] }),
-    /* @__PURE__ */ jsx(
-      AccordionContent,
-      {
-        forceMount,
-        className: clsx(
-          "prose max-w-none whitespace-pre-wrap dark:prose-invert prose-pre:m-0 prose-pre:mb-1 prose-pre:rounded-none",
-          {
-            "radix-state-closed:hidden": forceMount
-          }
-        ),
-        children
-      }
-    )
-  ] });
-};
-const AccordionTrigger = React.forwardRef(
-  ({ children, className, variant, ...props }, forwardedRef) => /* @__PURE__ */ jsx(Accordion.Header, { className: "flex", asChild: true, children: /* @__PURE__ */ jsxs(
-    Accordion.Trigger,
-    {
-      className: clsx(
-        "group flex w-full items-center justify-between border-b p-4 pr-3 font-mono text-sm font-medium leading-none hover:bg-foreground/20",
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        className
-      ),
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-normal uppercase text-muted-foreground", children: variant }),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "TriangleDownSmall",
-              className: "transition group-radix-state-open:rotate-180",
-              "aria-hidden": true
-            }
-          )
-        ] })
-      ]
-    }
-  ) })
-);
-const AccordionContent = React.forwardRef(
-  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
-    Accordion.Content,
-    {
-      className: clsx("", className),
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("div", { children })
-    }
-  )
-);
+        children: /* @__PURE__ */ jsx(Icon, { name: "ExternalLink" })
+      }
+    ) }) : null
+  ] });
+}
 const testRunnerStatusDataSchema = z$1.intersection(
   z$1.object({
     type: z$1.literal("epicshop:test-status-update"),
@@ -9128,7 +9409,7 @@ const testEventSchema = z$1.union([
   })
 ]);
 const testEventQueueSchema = z$1.array(testEventSchema);
-async function loader$k({ request }) {
+async function loader$l({ request }) {
   ensureUndeployed();
   const url = new URL(request.url);
   const name = url.searchParams.get("name");
@@ -9448,14 +9729,14 @@ function StopTest({
     )
   ] });
 }
-const route33 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route34 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ClearTest,
   StopTest,
   TestOutput,
   TestRunner,
   action: action$5,
-  loader: loader$k
+  loader: loader$l
 }, Symbol.toStringTag, { value: "Module" }));
 function Tests({
   appInfo: playgroundAppInfo,
@@ -9559,266 +9840,40 @@ function TouchedFiles() {
                       title: "You must 'Set to Playground' before opening a file",
                       className: "not-allowed"
                     };
-                    return /* @__PURE__ */ jsxs("ul", { ...props, children: [
-                      diffFiles.length > 1 && !ENV.EPICSHOP_DEPLOYED ? /* @__PURE__ */ jsx("div", { className: "mb-2 border-b border-b-gray-50 border-opacity-50 pb-2 font-sans", children: /* @__PURE__ */ jsx(
-                        LaunchEditor,
-                        {
-                          appFile: diffFiles.map(
-                            (file) => `${file.path},${file.line},1`
-                          ),
-                          appName: "playground",
-                          onUpdate: handleLaunchUpdate,
-                          children: /* @__PURE__ */ jsx("p", { children: "Open All Files" })
-                        }
-                      ) }) : null,
-                      diffFiles.map((file) => {
-                        var _a3;
-                        return /* @__PURE__ */ jsx("li", { "data-state": file.status, children: /* @__PURE__ */ jsx(
-                          LaunchEditor,
-                          {
-                            appFile: `${file.path},${file.line},1`,
-                            appName: ENV.EPICSHOP_DEPLOYED ? ((_a3 = data.problem) == null ? void 0 : _a3.name) ?? "playground" : "playground",
-                            onUpdate: handleLaunchUpdate,
-                            children: /* @__PURE__ */ jsx("code", { children: file.path })
-                          }
-                        ) }, file.path);
-                      })
-                    ] });
-                  }
-                }
-              )
-            }
-          ) })
-        ] })
-      }
-    ) })
-  ] }) });
-}
-const pre = (props) => /* @__PURE__ */ jsx("pre", { ...props });
-const mdxComponents$3 = {
-  Accordion: AccordionComponent,
-  // override the pre-with-buttons
-  pre
-};
-function Diff({
-  diff,
-  allApps
-}) {
-  const submit = useSubmit();
-  const [params] = useSearchParams();
-  const paramsWithForcedRefresh = new URLSearchParams(params);
-  paramsWithForcedRefresh.set("forceFresh", "diff");
-  const navigation = useNavigation();
-  const spinnerNavigating = useSpinDelay(navigation.state !== "idle", {
-    delay: 0,
-    minDuration: 1e3
-  });
-  const hiddenInputs = [];
-  for (const [key, value] of params.entries()) {
-    if (key === "app1" || key === "app2")
-      continue;
-    hiddenInputs.push(
-      /* @__PURE__ */ jsx("input", { type: "hidden", name: key, value }, key)
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Loading diff", children: /* @__PURE__ */ jsx(Icon, { name: "Refresh", className: "animate-spin" }) }) }),
-      children: /* @__PURE__ */ jsx(
-        Await,
-        {
-          resolve: diff,
-          errorElement: /* @__PURE__ */ jsx("p", { className: "p-6 text-foreground-danger", children: "There was an error calculating the diff. Sorry." }),
-          children: (diff2) => /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex h-14 min-h-14 w-full overflow-x-hidden border-b", children: [
-              /* @__PURE__ */ jsx("div", { className: "border-r", children: /* @__PURE__ */ jsx(SimpleTooltip, { content: "Reload diff", children: /* @__PURE__ */ jsx(
-                Link,
-                {
-                  to: `.?${paramsWithForcedRefresh}`,
-                  className: "flex h-full w-14 items-center justify-center",
-                  children: /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      name: "Refresh",
-                      className: cn({ "animate-spin": spinnerNavigating })
-                    }
-                  )
-                }
-              ) }) }),
-              /* @__PURE__ */ jsxs(
-                Form,
-                {
-                  onChange: (e) => submit(e.currentTarget),
-                  className: "flex h-full flex-1 items-center overflow-x-auto scrollbar-thin scrollbar-thumb-scrollbar",
-                  children: [
-                    hiddenInputs,
-                    /* @__PURE__ */ jsx(
-                      SelectFileToDiff,
-                      {
-                        name: "app1",
-                        label: "App 1",
-                        className: "border-r",
-                        allApps,
-                        defaultValue: diff2.app1
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      SelectFileToDiff,
-                      {
-                        name: "app2",
-                        label: "App 2",
-                        allApps,
-                        defaultValue: diff2.app2
-                      }
-                    )
-                  ]
-                },
-                `${diff2.app1}${diff2.app2}`
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-grow overflow-y-scroll scrollbar-thin scrollbar-thumb-scrollbar", children: diff2.diffCode ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Accordion.Root, { className: "w-full", type: "multiple", children: /* @__PURE__ */ jsx(Mdx, { code: diff2.diffCode, components: mdxComponents$3 }) }) }) : diff2.app1 && diff2.app2 ? /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "There was a problem generating the diff" }) : /* @__PURE__ */ jsx("p", { className: "m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background", children: "Select two apps to compare" }) })
-          ] })
-        }
-      )
-    }
-  );
-}
-function SelectFileToDiff({
-  name,
-  label,
-  className,
-  allApps,
-  defaultValue
-}) {
-  return /* @__PURE__ */ jsxs(Select.Root, { name, defaultValue, children: [
-    /* @__PURE__ */ jsxs(
-      Select.Trigger,
-      {
-        className: clsx(
-          "flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left radix-placeholder:text-gray-500 focus-visible:outline-none",
-          className
-        ),
-        "aria-label": `Select ${label} for git Diff`,
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: [
-            label,
-            ":",
-            " ",
-            /* @__PURE__ */ jsx(
-              SelectValue,
-              {
-                placeholder: `Select ${label}`,
-                className: "inline-block w-40 text-ellipsis"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Select.Icon, { className: "", children: /* @__PURE__ */ jsx(Icon, { name: "TriangleDownSmall" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsxs(
-      Select.Content,
-      {
-        position: "popper",
-        align: "start",
-        className: "z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",
-        children: [
-          /* @__PURE__ */ jsx(Select.ScrollUpButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronUp" }) }),
-          /* @__PURE__ */ jsx(Select.Viewport, { className: "p-3", children: /* @__PURE__ */ jsxs(Select.Group, { children: [
-            /* @__PURE__ */ jsx(Select.Label, { className: "px-5 pb-3 font-mono uppercase", children: label }),
-            allApps.map((app) => {
-              return (
-                // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                /* @__PURE__ */ jsx(SelectItem, { value: app.name, children: app.displayName }, app.name)
-              );
-            })
-          ] }) }),
-          /* @__PURE__ */ jsx(Select.ScrollDownButton, { className: "flex h-5 cursor-default items-center justify-center ", children: /* @__PURE__ */ jsx(Icon, { name: "ChevronDown" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-const SelectItem = React__default.forwardRef(
-  ({ children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(
-      Select.Item,
-      {
-        className: clsx(
-          "relative flex  cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          className
-        ),
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx(Select.ItemText, { children }),
-          /* @__PURE__ */ jsx(Select.ItemIndicator, { className: "absolute left-0 inline-flex w-[25px] items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { name: "CheckSmall" }) })
-        ]
-      }
-    );
-  }
-);
-const SelectValue = React__default.forwardRef(
-  ({ children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(Select.Value, { ...props, ref: forwardedRef, children: props.value });
-  }
-);
-function NavChevrons({
-  prev,
-  next
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full overflow-hidden", children: [
-    prev ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        prefetch: "intent",
-        ...prev,
-        className: "group flex h-full items-center justify-center border-l px-7",
-        children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronLeft",
-              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronLeft",
-              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
-            }
-          )
-        ] })
-      }
-    ) : null,
-    next ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        prefetch: "intent",
-        ...next,
-        className: "group flex h-full items-center justify-center border-l px-7",
-        children: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronRight",
-              className: "absolute opacity-100 transition duration-300 ease-in-out group-hover:translate-y-10 group-hover:opacity-0"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "ChevronRight",
-              className: "absolute -translate-y-10 opacity-0 transition duration-300 ease-in-out group-hover:translate-y-0 group-hover:opacity-100"
+                    return /* @__PURE__ */ jsxs("ul", { ...props, children: [
+                      diffFiles.length > 1 && !ENV.EPICSHOP_DEPLOYED ? /* @__PURE__ */ jsx("div", { className: "mb-2 border-b border-b-gray-50 border-opacity-50 pb-2 font-sans", children: /* @__PURE__ */ jsx(
+                        LaunchEditor,
+                        {
+                          appFile: diffFiles.map(
+                            (file) => `${file.path},${file.line},1`
+                          ),
+                          appName: "playground",
+                          onUpdate: handleLaunchUpdate,
+                          children: /* @__PURE__ */ jsx("p", { children: "Open All Files" })
+                        }
+                      ) }) : null,
+                      diffFiles.map((file) => {
+                        var _a3;
+                        return /* @__PURE__ */ jsx("li", { "data-state": file.status, children: /* @__PURE__ */ jsx(
+                          LaunchEditor,
+                          {
+                            appFile: `${file.path},${file.line},1`,
+                            appName: ENV.EPICSHOP_DEPLOYED ? ((_a3 = data.problem) == null ? void 0 : _a3.name) ?? "playground" : "playground",
+                            onUpdate: handleLaunchUpdate,
+                            children: /* @__PURE__ */ jsx("code", { children: file.path })
+                          }
+                        ) }, file.path);
+                      })
+                    ] });
+                  }
+                }
+              )
             }
-          )
+          ) })
         ] })
       }
-    ) : null
-  ] });
+    ) })
+  ] }) });
 }
 function pageTitle(data, workshopTitle) {
   var _a2;
@@ -9841,18 +9896,24 @@ function pageTitle(data, workshopTitle) {
 }
 const meta$3 = ({
   data,
-  matches
+  matches,
+  params
 }) => {
   var _a2;
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
+  if (!data || !rootData)
+    return [{ title: "🦉 | Error" }];
   const { emoji: emoji2, stepNumber, title, exerciseNumber, exerciseTitle } = pageTitle(data);
-  return [
-    {
-      title: `${emoji2} | ${stepNumber}. ${title} | ${exerciseNumber}. ${exerciseTitle} | ${(rootData == null ? void 0 : rootData.workshopTitle) ?? "Epic Workshop"}`
-    }
-  ];
+  return getSeoMetaTags({
+    title: `${emoji2} | ${stepNumber}. ${title} | ${exerciseNumber}. ${exerciseTitle} | ${rootData.workshopTitle}`,
+    description: `${params.type} step for exercise ${exerciseNumber}. ${exerciseTitle}`,
+    ogTitle: title,
+    ogDescription: `${exerciseTitle} step ${Number(stepNumber)} ${params.type}`,
+    instructor: rootData.instructor,
+    requestInfo: rootData.requestInfo
+  });
 };
-async function loader$j({ request, params }) {
+async function loader$k({ request, params }) {
   var _a2, _b2;
   const timings = makeTimings("exerciseStepTypeLoader");
   const workshopTitle = await getWorkshopTitle();
@@ -10286,10 +10347,10 @@ const route6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   ErrorBoundary: ErrorBoundary$1,
   default: ExercisePartRoute,
   headers: headers$4,
-  loader: loader$j,
+  loader: loader$k,
   meta: meta$3
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$i({ params }) {
+async function loader$j({ params }) {
   const problemApp = await getExerciseApp({ ...params, type: "problem" }).then(
     (a) => isProblemApp(a) ? a : null
   );
@@ -10307,25 +10368,27 @@ async function loader$i({ params }) {
 }
 const route7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$i
+  loader: loader$j
 }, Symbol.toStringTag, { value: "Module" }));
 const meta$2 = ({
   data,
   matches
 }) => {
   var _a2;
-  if (!data) {
-    return [{ title: "🦉 | Error" }];
-  }
-  const number = data.exercise.exerciseNumber.toString().padStart(2, "0");
+  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;
-  return [
-    {
-      title: `🦉 | ${number}. ${data.exercise.title} | ${rootData == null ? void 0 : rootData.workshopTitle}`
-    }
-  ];
+  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}`,
+    ogTitle: `Finished: ${data.exercise.title}`,
+    ogDescription: `Elaboration for exercise ${Number(number)}`,
+    instructor: rootData.instructor,
+    requestInfo: rootData.requestInfo
+  });
 };
-async function loader$h({ request, params }) {
+async function loader$i({ request, params }) {
   const timings = makeTimings("exerciseFinishedLoader");
   invariantResponse(params.exerciseNumber, "exerciseNumber is required");
   const exercise = await getExercise(params.exerciseNumber, {
@@ -10490,10 +10553,10 @@ const route8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   default: ExerciseFinished$1,
   headers: headers$3,
-  loader: loader$h,
+  loader: loader$i,
   meta: meta$2
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$g({ request }) {
+async function loader$h({ request }) {
   ensureUndeployed();
   await requireAuthInfo({ request });
   return json({ discordAuthUrl: getDiscordAuthURL() });
@@ -10605,26 +10668,8 @@ const route9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   action: action$4,
   default: Account,
-  loader: loader$g
+  loader: loader$h
 }, Symbol.toStringTag, { value: "Module" }));
-async function resolveApps({
-  request,
-  params,
-  timings
-}) {
-  const url = new URL(request.url);
-  const { appName } = params;
-  invariantResponse(appName, "appName param required");
-  const app = await getAppByName(appName, { request, timings });
-  const fileAppName = url.searchParams.get("fileAppName");
-  if (fileAppName) {
-    const apps = await getApps({ request, timings });
-    const fileApp = fileAppName ? apps.find((app2) => app2.name === fileAppName) : app;
-    return { app, fileApp };
-  } else {
-    return { app, fileApp: app };
-  }
-}
 async function getForceFresh(filePath, cacheEntry) {
   if (!cacheEntry)
     return true;
@@ -10675,7 +10720,25 @@ async function compileTs(filePath, fullPath, {
     }
   });
 }
-async function loader$f({ request, params }) {
+async function resolveApps({
+  request,
+  params,
+  timings
+}) {
+  const url = new URL(request.url);
+  const { appName } = params;
+  invariantResponse(appName, "appName param required");
+  const app = await getAppByName(appName, { request, timings });
+  const fileAppName = url.searchParams.get("fileAppName");
+  if (fileAppName) {
+    const apps = await getApps({ request, timings });
+    const fileApp = fileAppName ? apps.find((app2) => app2.name === fileAppName) : app;
+    return { app, fileApp };
+  } else {
+    return { app, fileApp: app };
+  }
+}
+async function loader$g({ request, params }) {
   const timings = makeTimings("app-file");
   const { fileApp, app } = await resolveApps({ request, params, timings });
   if (!fileApp || !app) {
@@ -10731,9 +10794,9 @@ async function loader$f({ request, params }) {
 }
 const route10 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$f
+  loader: loader$g
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$e(args) {
+async function loader$f(args) {
   const api = await getApiModule(args);
   invariantResponse(
     api.mod.loader,
@@ -10836,9 +10899,9 @@ async function getApiModule({ request, params }) {
 const route11 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   action: action$3,
-  loader: loader$e
+  loader: loader$f
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$d({ request, params }) {
+async function loader$e({ request, params }) {
   const timings = makeTimings("epic_ws script");
   const { fileApp, app } = await resolveApps({ request, params, timings });
   if (!fileApp || !app) {
@@ -10904,9 +10967,9 @@ async function loader$d({ request, params }) {
 }
 const route12 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$d
+  loader: loader$e
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$c({ request, params }) {
+async function loader$d({ request, params }) {
   var _a2;
   const timings = makeTimings("app");
   const { fileApp, app } = await resolveApps({ request, params, timings });
@@ -10992,9 +11055,9 @@ async function loader$c({ request, params }) {
 }
 const route13 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$c
+  loader: loader$d
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$b({ request, params }) {
+async function loader$c({ request, params }) {
   var _a2;
   const timings = makeTimings("app_test_loader");
   const { testName } = params;
@@ -11134,16 +11197,25 @@ import(${JSON.stringify(testScriptPath)}).then(
 }
 const route14 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$b
+  loader: loader$c
 }, Symbol.toStringTag, { value: "Module" }));
 const meta$1 = ({
   matches
 }) => {
   var _a2;
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
-  return [{ title: `🎉 ${rootData == null ? void 0 : rootData.workshopTitle}` }];
+  if (!rootData)
+    return [];
+  return getSeoMetaTags({
+    title: `🎉 ${rootData == null ? void 0 : rootData.workshopTitle}`,
+    description: `Elaboration for ${rootData == null ? void 0 : rootData.workshopTitle}`,
+    ogTitle: `Finished ${rootData == null ? void 0 : rootData.workshopTitle}`,
+    ogDescription: `You finished! Time to submit feedback.`,
+    instructor: rootData.instructor,
+    requestInfo: rootData.requestInfo
+  });
 };
-async function loader$a({ request }) {
+async function loader$b({ request }) {
   const timings = makeTimings("finishedLoader");
   const exercises = await getExercises({ request, timings });
   const compiledFinished = await time(() => getWorkshopFinished({ request }), {
@@ -11280,10 +11352,10 @@ const route16 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   __proto__: null,
   default: ExerciseFinished,
   headers: headers$2,
-  loader: loader$a,
+  loader: loader$b,
   meta: meta$1
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$9({ request }) {
+async function loader$a({ request }) {
   const timings = makeTimings("indexLoader");
   const [title, exercises, workshopReadme] = await Promise.all([
     time(() => getWorkshopTitle(), {
@@ -11413,7 +11485,7 @@ const route17 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   ErrorBoundary,
   default: Index,
   headers: headers$1,
-  loader: loader$9
+  loader: loader$a
 }, Symbol.toStringTag, { value: "Module" }));
 const EVENTS = {
   USER_CODE_RECEIVED: "USER_CODE_RECEIVED",
@@ -11475,7 +11547,7 @@ const EventSchema = z$1.union([
   AuthResolvedEventSchema,
   AuthRejectedEventSchema
 ]);
-async function loader$8({ request }) {
+async function loader$9({ request }) {
   ensureUndeployed();
   return eventStream(request.signal, function setup(send) {
     function handleCodeReceived(data) {
@@ -11512,9 +11584,9 @@ async function loader$8({ request }) {
 const route27 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   EventSchema,
-  loader: loader$8
+  loader: loader$9
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$7() {
+async function loader$8() {
   ensureUndeployed();
   const isAuthenticated = Boolean(await getAuthInfo());
   if (isAuthenticated)
@@ -11637,7 +11709,7 @@ const route18 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   __proto__: null,
   action: action$2,
   default: Login,
-  loader: loader$7
+  loader: loader$8
 }, Symbol.toStringTag, { value: "Module" }));
 function Support() {
   var _a2;
@@ -11730,7 +11802,7 @@ const meta = ({
   const rootData = (_a2 = matches.find((m) => m.id === "root")) == null ? void 0 : _a2.data;
   return [{ title: `👷 | ${rootData == null ? void 0 : rootData.workshopTitle}` }];
 };
-async function loader$6({ request }) {
+async function loader$7({ request }) {
   ensureUndeployed();
   const timings = makeTimings("adminLoader");
   const workshopSlug = await getEpicWorkshopSlug() ?? "Unkown";
@@ -11941,18 +12013,18 @@ const route20 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   __proto__: null,
   action: action$1,
   default: AdminLayout,
-  loader: loader$6,
+  loader: loader$7,
   meta
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$5() {
+async function loader$6() {
   const apps = await getApps();
   return json({ apps });
 }
 const route21 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$5
+  loader: loader$6
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$4({ request }) {
+async function loader$5({ request }) {
   const timings = makeTimings("appsLoader");
   const apps = await getApps({ request, timings });
   return json(
@@ -11962,9 +12034,9 @@ async function loader$4({ request }) {
 }
 const route22 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  loader: loader$4
+  loader: loader$5
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$3({ request }) {
+async function loader$4({ request }) {
   var _a2, _b2, _c, _d;
   const reqUrl = new URL(request.url);
   const searchParams = reqUrl.searchParams;
@@ -12052,9 +12124,9 @@ function DiffViewer() {
 const route23 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DiffViewer,
-  loader: loader$3
+  loader: loader$4
 }, Symbol.toStringTag, { value: "Module" }));
-async function loader$2({ request }) {
+async function loader$3({ request }) {
   const timings = makeTimings("appsLoader");
   const exercises = await getExercises({ request, timings });
   return json(
@@ -12063,6 +12135,270 @@ async function loader$2({ request }) {
   );
 }
 const route25 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  loader: loader$3
+}, Symbol.toStringTag, { value: "Module" }));
+const epicWebLogo = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "212",
+    height: "56",
+    fill: "none",
+    viewBox: "0 0 264 70",
+    children: [
+      /* @__PURE__ */ jsxs("g", { fill: "#FFF", children: [
+        /* @__PURE__ */ jsx("path", { d: "M92.593 36.536v6.189h9.061v2.453H90V25.662h11.515v2.454h-8.922v5.994h8.225v2.426h-8.225Z" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            d: "M109.942 25.662h7.081c1.813 0 3.29.614 4.489 1.813 1.199 1.198 1.812 2.676 1.812 4.46 0 1.757-.613 3.262-1.812 4.461-1.199 1.199-2.676 1.812-4.489 1.812h-4.488v6.97h-2.593V25.662Zm2.593 10.12h4.488c1.088 0 1.98-.362 2.677-1.086.697-.753 1.059-1.673 1.059-2.76 0-2.231-1.589-3.848-3.736-3.848h-4.488v7.695Z",
+            "clip-rule": "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M131.126 43.379V27.342h-3.089v-1.828h8.809v1.828h-3.127V43.38h3.127v1.828h-8.809V43.38h3.089Zm21.11 2.161c-2.955 0-5.409-.975-7.332-2.927-1.924-1.951-2.872-4.349-2.872-7.193 0-2.843.948-5.241 2.872-7.193 1.923-1.951 4.377-2.927 7.332-2.927 3.569 0 6.747 1.84 8.42 4.74l-2.259 1.31c-1.115-2.147-3.485-3.54-6.161-3.54-2.258 0-4.098.724-5.52 2.174-1.422 1.45-2.119 3.262-2.119 5.436 0 2.147.697 3.96 2.119 5.41 1.422 1.449 3.262 2.174 5.52 2.174 2.676 0 5.046-1.394 6.161-3.513l2.259 1.282c-.809 1.45-1.98 2.621-3.485 3.485-1.506.865-3.151 1.283-4.935 1.283Z" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            d: "M101.654 42.725v2.453H90V25.662h11.515v2.454h-8.922v5.994h8.225v2.426h-8.225v6.189h9.061Zm-8.761-.3h9.061v3.053H89.7V25.362h12.115v3.054h-8.922v5.394h8.225v3.026h-8.225v5.589Zm16.749-17.063h7.381c1.889 0 3.444.643 4.701 1.9 1.257 1.257 1.9 2.812 1.9 4.673 0 1.834-.643 3.416-1.9 4.673-1.257 1.257-2.812 1.9-4.701 1.9h-4.188v6.97h-3.193V25.362Zm2.893 19.816h-2.593V25.662h7.081c1.813 0 3.29.614 4.489 1.813 1.199 1.198 1.812 2.676 1.812 4.46 0 1.757-.613 3.262-1.812 4.461-1.199 1.199-2.676 1.812-4.489 1.812h-4.488v6.97Zm15.502-17.836v-1.828h8.809v1.828h-3.127V43.38h3.127v1.828h-8.809V43.38h3.089V27.342h-3.089Zm2.789.3h-3.089v-2.428h9.409v2.428h-3.127V43.08h3.127v2.428h-9.409V43.08h3.089V27.642Zm30.239 2.507-2.789 1.618-.145-.279c-1.059-2.038-3.32-3.379-5.895-3.379-2.188 0-3.947.7-5.306 2.085-1.362 1.388-2.033 3.123-2.033 5.226 0 2.076.671 3.81 2.033 5.199 1.359 1.386 3.118 2.085 5.306 2.085 2.575 0 4.837-1.341 5.896-3.353l.144-.274 2.787 1.583-.145.26c-.837 1.499-2.047 2.708-3.598 3.599-1.554.891-3.25 1.322-5.084 1.322-3.028 0-5.561-1.003-7.546-3.017-1.982-2.01-2.958-4.485-2.958-7.404 0-2.918.976-5.392 2.958-7.403 1.985-2.014 4.518-3.017 7.546-3.017 3.672 0 6.951 1.894 8.68 4.89l.149.259Zm-48.23 5.334h4.188c1.012 0 1.823-.334 2.459-.993.643-.696.977-1.542.977-2.555 0-2.072-1.462-3.547-3.436-3.547h-4.188v7.095Zm6.865-.787c-.697.724-1.589 1.087-2.677 1.087h-4.488v-7.695h4.488c2.147 0 3.736 1.617 3.736 3.847 0 1.088-.362 2.008-1.059 2.76Zm40.805 6.337c-.8 1.33-1.92 2.413-3.334 3.225-1.506.865-3.151 1.283-4.935 1.283-2.955 0-5.409-.976-7.332-2.928-1.924-1.951-2.872-4.349-2.872-7.193 0-2.843.948-5.241 2.872-7.193 1.923-1.951 4.377-2.927 7.332-2.927 3.462 0 6.556 1.732 8.266 4.482l.131.218.023.04-2.259 1.31a6.226 6.226 0 0 0-.144-.263c-1.168-1.997-3.451-3.278-6.017-3.278-2.258 0-4.098.725-5.52 2.175-1.422 1.45-2.119 3.262-2.119 5.436 0 2.147.697 3.96 2.119 5.41 1.422 1.449 3.262 2.174 5.52 2.174 2.565 0 4.848-1.28 6.015-3.251.051-.086.1-.173.146-.262l2.259 1.282-.07.123c-.027.046-.053.092-.081.137Z",
+            "clip-rule": "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M174.058 45.178h-3.011l-5.604-19.516h2.732l4.461 16.06 4.739-16.06h2.621l4.74 16.06 4.46-16.06h2.733l-5.604 19.516h-3.011l-4.628-15.585-4.628 15.585Zm27.294-8.643v6.19h9.061v2.453h-11.654V25.662h11.515v2.454h-8.922v5.994h8.225v2.425h-8.225Zm28.222-1.477c1.784.864 2.928 2.509 2.928 4.6 0 1.561-.558 2.872-1.645 3.931-1.088 1.06-2.426 1.59-4.015 1.59h-8.42V25.661h7.807c1.533 0 2.815.502 3.875 1.534 1.059 1.031 1.589 2.286 1.589 3.791 0 1.729-.697 3.095-2.119 4.07Zm-3.345-6.97h-5.214v5.966h5.214c1.644 0 2.899-1.31 2.899-2.983 0-.809-.279-1.506-.864-2.091-.558-.585-1.227-.892-2.035-.892Zm-5.214 14.665h5.827c1.756 0 3.095-1.394 3.095-3.179 0-.864-.307-1.617-.92-2.23-.586-.613-1.311-.92-2.175-.92h-5.827v6.329Z" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            d: "M174.281 45.478h-3.46l-5.777-20.116h3.359l4.241 15.27 4.507-15.27h3.069l4.507 15.27 4.241-15.27h3.359l-5.776 20.116h-3.461l-4.404-14.83-4.405 14.83Zm-.223-.3h-3.011l-5.604-19.516h2.732l4.461 16.06 4.739-16.06h2.621l4.74 16.06 4.46-16.06h2.733l-5.604 19.516h-3.011l-4.628-15.585-4.628 15.585Zm36.655-2.753v3.053h-12.254V25.362h12.115v3.054h-8.922v5.394h8.225v3.026h-8.225v5.589h9.061Zm-9.361.3v-6.19h8.225V34.11h-8.225v-5.994h8.922v-2.454h-11.515v19.516h11.654v-2.453h-9.061Zm16.77 2.753V25.362h8.107c1.607 0 2.966.53 4.084 1.619 1.118 1.088 1.68 2.42 1.68 4.006 0 1.66-.615 3.019-1.861 4.029 1.635.957 2.67 2.6 2.67 4.642 0 1.642-.59 3.03-1.736 4.146-1.146 1.117-2.561 1.674-4.224 1.674h-8.72Zm11.752-10.264a6.066 6.066 0 0 0-.3-.156c.094-.065.185-.131.273-.2 1.238-.958 1.846-2.256 1.846-3.87 0-1.506-.53-2.76-1.589-3.792-1.06-1.032-2.342-1.534-3.875-1.534h-7.807v19.516h8.42c1.589 0 2.927-.53 4.015-1.589 1.087-1.06 1.645-2.37 1.645-3.931 0-1.971-1.017-3.546-2.628-4.444Zm-1.827-6.027c-.505-.53-1.097-.8-1.818-.8h-4.914v5.367h4.914c1.469 0 2.599-1.166 2.599-2.683 0-.73-.248-1.35-.776-1.879l-.005-.005Zm-1.818 4.867c1.644 0 2.899-1.31 2.899-2.983 0-.809-.279-1.506-.864-2.091-.558-.585-1.227-.892-2.035-.892h-5.214v5.966h5.214Zm2.575 3.502-.005-.005c-.527-.553-1.173-.827-1.957-.827h-5.527v5.729h5.527c1.582 0 2.795-1.251 2.795-2.879a2.75 2.75 0 0 0-.833-2.018Zm-7.789 5.197v-6.329h5.827c.864 0 1.589.307 2.175.92.613.613.92 1.366.92 2.23 0 1.785-1.339 3.179-3.095 3.179h-5.827Z",
+            "clip-rule": "evenodd"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M239.041 32.853a.89.89 0 0 1-1.254 0 .89.89 0 0 1 0-1.254.89.89 0 0 1 1.254 0 .889.889 0 0 1 0 1.254Zm2.753-7.187h2.904c1.003 0 1.839.355 2.508 1.055.679.7 1.013 1.567 1.013 2.6 0 1.035-.334 1.902-1.013 2.602-.669.7-1.505 1.055-2.508 1.055h-2.904v-7.313Zm1.442 5.933h1.462c.638 0 1.15-.209 1.547-.627.397-.428.595-.971.595-1.65 0-.68-.198-1.223-.595-1.64-.397-.429-.909-.637-1.547-.637h-1.462v4.554Zm8.753-1.64v1.64h3.082v1.379h-4.524v-7.313h4.471v1.38h-3.029V28.6h2.768v1.358h-2.768Zm8.997 3.019H259.2l-2.455-7.313h1.567l1.786 5.62 1.776-5.62h1.578l-2.466 7.313Z" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "url(#markGradient)",
+          d: "M36.277 33.738a64.504 64.504 0 0 1-4.257 2.15c-6.333 2.912-15.383 5.86-26.228 5.981l-1.249.014-.226-1.228a31.016 31.016 0 0 1-.531-5.638C3.786 17.804 17.787 3.802 35 3.802a31.05 31.05 0 0 1 13.295 2.975l4.146-2.113A34.774 34.774 0 0 0 35 0C15.712 0 0 15.712 0 35c0 7.7 2.504 14.83 6.74 20.617 7.252-1.235 11.802-4.14 11.802-4.14s-2.905 4.544-4.14 11.798A34.803 34.803 0 0 0 35 70c19.288 0 35-15.712 35-35a34.778 34.778 0 0 0-4.652-17.42l-2.11 4.138a31.037 31.037 0 0 1 2.976 13.299C66.214 52.23 52.213 66.23 35 66.23c-1.942 0-3.804-.196-5.635-.53l-1.231-.225.014-1.251c.12-10.854 3.069-19.903 5.98-26.234a64.386 64.386 0 0 1 2.149-4.253Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#FFF",
+          d: "m53.235 27.155-8.03-2.344-2.345-8.047L69.5.5 53.235 27.155Z"
+        }
+      ),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "markGradient",
+          x1: "49.496",
+          x2: "20.585",
+          y1: "20.504",
+          y2: "49.431",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { "stop-color": "#4F75FF" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "#30AFFF" })
+          ]
+        }
+      ) })
+    ]
+  }
+);
+const WIDTH = 1200;
+const HEIGHT = 630;
+function OgLayout({
+  instructor,
+  children,
+  request,
+  urlPathname = new URL(request.url).pathname.replace(/\/og$/, ""),
+  workshopTitle
+}) {
+  const domain = getDomainUrl(request);
+  const protocolFreeDomain = domain.replace(/^https?:\/\//, "");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        // fontFamily: ,
+        display: "flex",
+        flexDirection: "column",
+        width: WIDTH,
+        height: HEIGHT,
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0,
+              width: "100%",
+              height: "100%",
+              backgroundColor: "#080B16"
+            },
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                style: {
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "cover",
+                  opacity: 0.4
+                },
+                src: `${domain}/img/epicweb-og-background.png`
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", position: "absolute", top: 20, left: 30 }, children: epicWebLogo }),
+        instructor ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 8,
+              justifyContent: "center",
+              alignItems: "center",
+              position: "absolute",
+              top: 20,
+              right: 30
+            },
+            children: [
+              instructor.avatar ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: instructor.avatar.startsWith("/") ? `${domain}${instructor.avatar}` : instructor.avatar,
+                  style: { width: 56, height: 56, borderRadius: "50%" }
+                }
+              ) : null,
+              instructor.name ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  style: {
+                    margin: 0,
+                    opacity: 0.8,
+                    color: "white",
+                    fontSize: 30,
+                    fontWeight: 700
+                  },
+                  children: instructor.name
+                }
+              ) : null
+            ]
+          }
+        ) : null,
+        children,
+        workshopTitle ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              position: "absolute",
+              bottom: 20,
+              left: 30,
+              color: "white",
+              opacity: 0.8,
+              fontSize: 20,
+              fontWeight: 700
+            },
+            children: workshopTitle
+          }
+        ) : null,
+        urlPathname ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              position: "absolute",
+              bottom: 20,
+              right: 30,
+              color: "white",
+              opacity: 0.8,
+              fontSize: 20,
+              fontWeight: 700
+            },
+            children: protocolFreeDomain + urlPathname
+          }
+        ) : null
+      ]
+    }
+  );
+}
+async function loader$2({ request }) {
+  const url = new URL(request.url);
+  const workshopTitle = await getWorkshopTitle();
+  const title = url.searchParams.get("title") || workshopTitle;
+  const subtitle = url.searchParams.get("subtitle") || await getWorkshopSubtitle();
+  const urlPathname = url.searchParams.get("urlPathname") || url.pathname;
+  const element = /* @__PURE__ */ jsx(
+    OgLayout,
+    {
+      request,
+      instructor: await getWorkshopInstructor(),
+      urlPathname,
+      workshopTitle: workshopTitle === title ? null : workshopTitle,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            height: "100%",
+            width: "100%",
+            color: "white"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "h1",
+              {
+                style: {
+                  fontSize: "80px",
+                  fontWeight: 700,
+                  textWrap: "balance",
+                  textAlign: "center"
+                },
+                children: title
+              }
+            ),
+            subtitle ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "40px",
+                  fontWeight: 200,
+                  textWrap: "balance",
+                  textAlign: "center"
+                },
+                children: subtitle
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+  try {
+    return new ImageResponse(element, {
+      width: 1200,
+      height: 630
+    });
+  } catch (error) {
+    return new Response(getErrorMessage(error), { status: 500 });
+  }
+}
+const route28 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   loader: loader$2
 }, Symbol.toStringTag, { value: "Module" }));
@@ -12104,7 +12440,7 @@ function Onboarding() {
     /* @__PURE__ */ jsx(Form, { method: "post", className: "pb-4", children: /* @__PURE__ */ jsx(Button, { name: "intent", value: "complete", varient: "primary", children: "I've watched it. Let's go!" }) })
   ] });
 }
-const route28 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route29 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   action,
   default: Onboarding,
@@ -12129,11 +12465,11 @@ async function loader() {
   }
   return json({ processes, testProcesses: testProcesses2 });
 }
-const route29 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const route30 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __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-CxuwYUpK.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-BdTNdCYE.js", "/assets/client-hints-BKxdo5Js.js", "/assets/error-boundary-BUV7xD2e.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-r90CY6Wk.js", "/assets/index-Drecz7hr.js", "/assets/presence-BJPzwbUy.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/_-CGn-2XfF.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/error-boundary-BUV7xD2e.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-Caqk73Ed.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/tooltip-BdTNdCYE.js", "/assets/client-hints-BKxdo5Js.js", "/assets/progress-HmjERaPh.js", "/assets/index-Drecz7hr.js", "/assets/user-73ocDYRe.js", "/assets/presence-BJPzwbUy.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-D6YNCQoj.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/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/progress-HmjERaPh.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-D00x64Vg.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.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-DXegGcTM.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/user-73ocDYRe.js", "/assets/index-9nNr0Zqr.js", "/assets/diff-ZJmYghvh.js", "/assets/discord-DZWTKMPn.js", "/assets/index-r90CY6Wk.js", "/assets/button-BfWwrI9B.js", "/assets/use-event-source-aW6X9lN1.js", "/assets/error-boundary-BUV7xD2e.js", "/assets/nav-chevrons-DnG58Hov.js", "/assets/progress-HmjERaPh.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-DR3gQ1pK.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/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/nav-chevrons-DnG58Hov.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/progress-HmjERaPh.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-Cp6A7SfU.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-DBBsMyAP.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-fsySDDKv.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/user-73ocDYRe.js", "/assets/discord-DZWTKMPn.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-gQ-B3k8j.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/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/progress-HmjERaPh.js", "/assets/nav-chevrons-DnG58Hov.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-CVJowtf6.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/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/index-9nNr0Zqr.js", "/assets/progress-HmjERaPh.js", "/assets/error-boundary-BUV7xD2e.js", "/assets/mdx-BVZ4sNxQ.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-BCM4kJTm.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/components-C5xBZAiL.js", "/assets/clsx-B-dksMZM.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-MFX35ekR.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/progress-HmjERaPh.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-Ddyuc0-s.js", "imports": ["/assets/index-D6ygCrVn.js", "/assets/clsx-B-dksMZM.js", "/assets/components-C5xBZAiL.js", "/assets/misc-DBBsMyAP.js", "/assets/request-info-Dyls4H67.js", "/assets/client-hints-BKxdo5Js.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/epic-video-BKzHxm70.js", "/assets/progress-bar-TRgQ8YZ8.js", "/assets/mdx-BVZ4sNxQ.js", "/assets/diff-ZJmYghvh.js", "/assets/nav-chevrons-DnG58Hov.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/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-oSo74A5L.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/misc-DBBsMyAP.js", "/assets/tooltip-BdTNdCYE.js", "/assets/loading-C9f_vBoM.js", "/assets/index-Drecz7hr.js", "/assets/button-BfWwrI9B.js", "/assets/epic-video-BKzHxm70.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-0b01450d.js", "version": "0b01450d" };
+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-BXq0yevS.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-CHrqghsC.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-rfzZiDNa.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-CHrqghsC.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-BG1Jwh7V.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-CHrqghsC.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-B7SgnqdS.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-CHrqghsC.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-K6Dvbx-E.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-BI2-0Ykt.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-CHrqghsC.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-DP2rzg_V.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-l0sNRNKZ.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-l0sNRNKZ.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-c65c0481.js", "version": "c65c0481" };
 const mode = "production";
 const assetsBuildDirectory = "build/client";
 const basename = "/";
@@ -12366,13 +12702,21 @@ const routes = {
     caseSensitive: void 0,
     module: route27
   },
+  "routes/og": {
+    id: "routes/og",
+    parentId: "root",
+    path: "og",
+    index: void 0,
+    caseSensitive: void 0,
+    module: route28
+  },
   "routes/onboarding": {
     id: "routes/onboarding",
     parentId: "root",
     path: "onboarding",
     index: void 0,
     caseSensitive: void 0,
-    module: route28
+    module: route29
   },
   "routes/processes": {
     id: "routes/processes",
@@ -12380,7 +12724,7 @@ const routes = {
     path: "processes",
     index: void 0,
     caseSensitive: void 0,
-    module: route29
+    module: route30
   },
   "routes/progress": {
     id: "routes/progress",
@@ -12388,7 +12732,7 @@ const routes = {
     path: "progress",
     index: void 0,
     caseSensitive: void 0,
-    module: route30
+    module: route31
   },
   "routes/set-playground": {
     id: "routes/set-playground",
@@ -12396,7 +12740,7 @@ const routes = {
     path: "set-playground",
     index: void 0,
     caseSensitive: void 0,
-    module: route31
+    module: route32
   },
   "routes/start": {
     id: "routes/start",
@@ -12404,7 +12748,7 @@ const routes = {
     path: "start",
     index: void 0,
     caseSensitive: void 0,
-    module: route32
+    module: route33
   },
   "routes/test": {
     id: "routes/test",
@@ -12412,7 +12756,7 @@ const routes = {
     path: "test",
     index: void 0,
     caseSensitive: void 0,
-    module: route33
+    module: route34
   },
   "routes/theme/index": {
     id: "routes/theme/index",
@@ -12420,7 +12764,7 @@ const routes = {
     path: "theme",
     index: void 0,
     caseSensitive: void 0,
-    module: route34
+    module: route35
   },
   "routes/update-mdx-cache": {
     id: "routes/update-mdx-cache",
@@ -12428,7 +12772,7 @@ const routes = {
     path: "update-mdx-cache",
     index: void 0,
     caseSensitive: void 0,
-    module: route35
+    module: route36
   },
   "routes/video-player/index": {
     id: "routes/video-player/index",
@@ -12436,7 +12780,7 @@ const routes = {
     path: "video-player",
     index: void 0,
     caseSensitive: void 0,
-    module: route36
+    module: route37
   }
 };
 export {