\n \n

✨ AstroChart Controls

\n\n

\n Hover over an element\n \n

\n \n

\n Animation Duration: 6s\n \n

\n\n

\n \n Reverse Animation\n

\n\n

\n \n \n

\n \n

\n\n

Astrological insights will appear here...

\n\n \n\n`;\n}\n\n// --- VAL TOWN HTTP ENDPOINT ---\nexport default async function (req: Request) {\n const url = new URL(req.url);\n\n // Handle POST requests for AI interpretation\n if (req.method === \"POST\") {\n try {\n const { prompt } = await req.json();\n\n if (!prompt || typeof prompt !== \"string\") {\n return new Response(\n JSON.stringify({ error: \"Invalid prompt provided.\" }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const openai = new OpenAI();\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: ASTROLOGER_PERSONA },\n { role: \"user\", content: prompt },\n ],\n temperature: 0.7,\n });\n\n const interpretation = completion.choices[0].message.content;\n\n // Ensure a valid interpretation is returned\n if (!interpretation) {\n throw new Error(\"AI failed to generate a response.\");\n }\n\n return new Response(JSON.stringify({ interpretation }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Val Town AI Endpoint Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An internal server error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Handle GET requests to serve the main HTML page\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","deleted","label","children",[],[102],"files",[149],"counts",{"_173":29,"_174":175,"_176":29,"_177":29},"pulls","branches",1,"forks","envVars","contents",[],"file",{"_106":150,"_98":102,"_151":152,"_153":-5,"_154":137,"_155":136,"_156":157,"_108":182,"_103":159,"_160":161,"_162":163,"_164":25,"_165":99,"_101":183},["D",1754908712305],[102],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_96":97,"_98":99,"_100":40,"_101":102,"_104":190,"_180":194,"_197":198,"_228":229,"_238":-7,"_239":29,"_240":25},{"_106":107,"_98":99,"_108":191,"_110":-5,"_111":25,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":-5,"_118":25,"_119":-5,"_120":29,"_14":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_19":192,"_134":193,"_146":25},["D",1754901370309],{"_96":97,"_132":133},{"_103":136,"_98":40,"_106":137,"_138":107,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":99,"_145":97},{"_106":150,"_98":102,"_151":152,"_153":-5,"_154":137,"_155":136,"_156":157,"_108":195,"_103":159,"_160":161,"_162":163,"_164":25,"_165":99,"_101":196},["D",1754908712305],[102],"history",[199,201,206,211,216,221,225],{"_106":150,"_154":137,"_151":152,"_98":102,"_162":163,"_160":161,"_103":159,"_153":-5,"_108":200,"_155":136,"_165":99},["D",1754908712305],{"_106":202,"_154":137,"_151":152,"_98":102,"_162":203,"_160":161,"_103":204,"_153":-5,"_108":205,"_155":159,"_165":99},"65248ac0-7690-11f0-a146-0224a6c84d84","// @val.town/v/valleygirl.astrochartAnimation\n// This val serves a self-contained HTML page for an animated astrochart.\n\n// --- SERVER-SIDE LOGIC ---\n\n// 1. Fetch the astrochart library code from its NPM CDN source.\n// This is done once when the val initializes and is cached for subsequent runs.\n// The fetched code will be injected directly into the client's HTML.\nconst astrochartLibraryCode: string = await fetch(\n \"https://cdn.jsdelivr.net/npm/@astrodraw/astrochart@2.0.0-rc.1/dist/astrochart.js\",\n)\n .then((res) => {\n if (!res.ok) {\n console.error(`Failed to fetch astrochart library: ${res.statusText}`);\n // Provide a fallback to prevent the entire val from failing if the CDN is down.\n return `console.error(\"Failed to load astrochart library from server.\");`;\n }\n return res.text();\n });\n\n// 2. Define the astrological data objects on the server.\nconst dataRadix = {\n \"planets\": {\n \"Sun\": [297.68],\n \"Moon\": [45.93],\n \"Mars\": [217.97],\n \"Venus\": [263.25],\n \"Jupiter\": [173.07],\n },\n \"cusps\": [\n 348.20,\n 38.10,\n 65.20,\n 84.96,\n 103.77,\n 127.10,\n 168.20,\n 218.10,\n 245.20,\n 264.96,\n 283.77,\n 307.10,\n ],\n};\n\nconst dataTransit = {\n \"planets\": {\n \"Sun\": [260.94],\n \"Moon\": [60, -1],\n \"Mars\": [324.84],\n \"Venus\": [305.69],\n \"Jupiter\": [198.65],\n },\n \"cusps\": [90, 116, 170, 210, 236, 255, 274, 330, 10, 40, 60, 80],\n};\n\nconst animateToData = {\n \"planets\": {\n \"Sun\": [298],\n \"Moon\": [270 + 360],\n \"Mars\": [10],\n \"Venus\": [350],\n \"Jupiter\": [210],\n },\n \"cusps\": [300, 350, 30, 56, 75, 94, 116, 170, 210, 236, 255, 274],\n};\n\n/**\n * Generates the complete HTML page for the astrochart animation.\n * The function embeds the library code and chart data directly into the document.\n * @param {string} libCode - The source code of the astrochart.js library.\n * @returns {string} A string containing the full HTML document.\n */\nfunction generateHtml(libCode: string): string {\n // Serialize the data objects using JSON.stringify to safely embed them\n // into the client-side \n\n \n\n`;\n}\n\n// --- HTTP ENDPOINT ---\n\n// This is the main function that Val Town executes for incoming HTTP requests.\n// It serves the generated HTML page for any GET request.\nexport default async function httpHandler(req: Request): Promise {\n const html = generateHtml(astrochartLibraryCode);\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n },\n });\n}",5,["D",1754902299262],{"_106":207,"_154":137,"_151":152,"_98":102,"_162":208,"_160":161,"_103":209,"_153":-5,"_108":210,"_155":204,"_165":99},"1eb02342-7690-11f0-b849-0224a6c84d84","// @val.town/v/valleygirl.integratedChartSuite\n// This val uses Hono to route requests to two different applications:\n// 1. An AI-powered SVG chart generator at the root URL.\n// 2. An animated astrological chart at the /astrochart path.\n\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\nimport { Hono } from \"npm:hono@4.4.12\";\nimport { z } from \"npm:zod@3.23.8\";\n\n// --- SHARED SERVER-SIDE INITIALIZATION ---\n\n// Fetch the astrochart library code from an NPM CDN.\n// This is done once when the val initializes and is cached for subsequent runs.\nconst astrochartLibraryCode: string = await fetch(\n \"https://cdn.jsdelivr.net/npm/@astrodraw/astrochart@2.0.0-rc.1/dist/astrochart.js\",\n)\n .then((res) => {\n if (!res.ok) {\n throw new Error(`Failed to fetch astrochart library: ${res.statusText}`);\n }\n return res.text();\n }).catch((e) => {\n console.error(\"Astrochart fetch failed:\", e);\n return `console.error(\"Failed to load astrochart library from server.\");`; // Graceful fallback\n });\n\n// --- 1. AI SVG CHART GENERATOR LOGIC ---\n\n// #region AI SVG Generator\nconst ChartSpecSchema = z.object({\n type: z.enum([\"bar\", \"line\", \"pie\", \"scatter\", \"donut\"]),\n data: z.any(), // Data validation is complex; we'll let the AI handle variations for this example\n options: z.object({ title: z.string().optional() }).passthrough().optional(),\n style: z.object({}).passthrough().optional(),\n dimensions: z.object({\n width: z.number().optional(),\n height: z.number().optional(),\n }).passthrough().optional(),\n});\n\nconst SVG_GENERATOR_PROMPT = `\nYou are an expert AI SVG Chart Generator. Your sole purpose is to translate a JSON chart specification and a natural language context prompt into a complete, valid, and renderable SVG string.\n**CRITICAL INSTRUCTIONS:**\n1. **Primary Source of Truth:** The 'chart_spec' JSON object is the definitive command.\n2. **Strict JSON Output:** You MUST respond with a single, minified JSON object with two top-level keys: \"svg\" and \"metadata\". The \"metadata\" object must contain a \"warnings\" key, which is an array of strings detailing any assumptions made. If none, return an empty array.\n3. **SVG Content:** The \"svg\" value must be a single string containing the complete, self-contained SVG code.\n4. **Inference:** Use the 'context_prompt' ONLY to infer OPTIONAL, UNSPECIFIED fields (like 'options.title'). Add a corresponding entry to the \"warnings\" array when you do.\n`;\n\nfunction generateGeneratorHtml(sourceUrl: string): string {\n return `\n\n\n \n AI Chart Generator\n \n\n\n\n

AI SVG Generator ✨

\n Chart Specification (JSON)\n \n \n

Generated Output

Your chart will appear here.

\n\n`;\n}\n// #endregion\n\n// --- 2. ASTROCHART ANIMATION LOGIC ---\n\n// #region Astrochart Animation\nfunction generateAstrochartHtml(): string {\n const data = {\n radix: {\n \"planets\": { \"Sun\": [297.68], \"Moon\": [45.93], \"Mars\": [217.97] },\n \"cusps\": [\n 348.20,\n 38.10,\n 65.20,\n 84.96,\n 103.77,\n 127.10,\n 168.20,\n 218.10,\n 245.20,\n 264.96,\n 283.77,\n 307.10,\n ],\n },\n transit: {\n \"planets\": { \"Sun\": [260.94], \"Moon\": [60, -1], \"Mars\": [324.84] },\n \"cusps\": [90, 116, 170, 210, 236, 255, 274, 330, 10, 40, 60, 80],\n },\n animationTarget: {\n \"planets\": { \"Sun\": [298], \"Moon\": [270 + 360], \"Mars\": [10] },\n \"cusps\": [300, 350, 30, 56, 75, 94, 116, 170, 210, 236, 255, 274],\n },\n };\n return `\n\n\n Animated Transit Chart\n \n\n\n

Astrochart Animation 📊

\n \n \n`;\n}\n// #endregion\n\n// --- 3. HONO ROUTER SETUP ---\n\nconst app = new Hono();\n\n// Route for the AI SVG Generator UI\napp.get(\"/\", (c) => {\n const sourceUrl = new URL(c.req.url).origin + \"/\";\n return c.html(generateGeneratorHtml(sourceUrl));\n});\n\n// API endpoint for generating the SVG\napp.post(\"/generate\", async (c) => {\n const body = await c.req.json();\n const validation = ChartSpecSchema.safeParse(body.chart_spec);\n\n if (!validation.success) {\n return c.json({ error_message: validation.error.issues[0].message }, 400);\n }\n\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: SVG_GENERATOR_PROMPT },\n { role: \"user\", content: JSON.stringify(body) },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const aiResponse = JSON.parse(completion.choices[0].message.content);\n return c.json(aiResponse);\n});\n\n// Route for the Astrochart animation\napp.get(\"/astrochart\", (c) => {\n return c.html(generateAstrochartHtml());\n});\n\n// Main export for Val Town\nexport default app.fetch;",4,["D",1754902181058],{"_106":212,"_154":137,"_151":152,"_98":102,"_162":213,"_160":161,"_103":214,"_153":-5,"_108":215,"_155":209,"_165":99},"bc7181b2-768f-11f0-ba3b-0224a6c84d84","// @val.town/v/valleygirl.animatedAstrochart\n// By default, vals have 1MB of memory and a 30-second execution limit.\n\n// --- SERVER-SIDE LOGIC ---\n\n// Fetch the astrochart library code from a CDN.\n// This is done once when the val is initialized and cached for subsequent runs.\n// This fulfills the \"import\" requirement by making the library's code\n// available to the server to be injected into the client-side HTML.\nconst astrochartLibraryCode: string = await fetch(\n \"https://cdn.jsdelivr.net/npm/@astrodraw/astrochart@2.0.0-rc.1/dist/astrochart.js\",\n)\n .then((res) => {\n if (!res.ok) {\n throw new Error(`Failed to fetch astrochart library: ${res.statusText}`);\n }\n return res.text();\n });\n\n// Define the astrological data on the server.\n// This data will be passed to the client.\nconst dataRadix = {\n \"planets\": {\n \"Moon\": [45.93],\n \"Venus\": [263.25],\n \"Jupiter\": [173.07],\n \"NNode\": [174.68],\n \"Mars\": [217.97],\n \"Lilith\": [196.19],\n \"Saturn\": [252.92],\n \"Chiron\": [348.11],\n \"Uranus\": [16.79],\n \"Sun\": [297.68],\n \"Mercury\": [289.10],\n \"Neptune\": [338.01],\n \"Pluto\": [285.64, -0.123],\n },\n \"cusps\": [\n 348.20,\n 38.10,\n 65.20,\n 84.96,\n 103.77,\n 127.10,\n 168.20,\n 218.10,\n 245.20,\n 264.96,\n 283.77,\n 307.10,\n ],\n};\n\nconst dataTransit = {\n \"planets\": {\n \"Moon\": [60, -1],\n \"Venus\": [305.69],\n \"Jupiter\": [198.65],\n \"NNode\": [157.25],\n \"Mars\": [324.84],\n \"Lilith\": [232.88],\n \"Saturn\": [259.10, -0.2],\n \"Chiron\": [350.72],\n \"Uranus\": [20.67],\n \"Sun\": [260.94],\n \"Mercury\": [281.56],\n \"Neptune\": [339.38],\n \"Pluto\": [286.29, -0.1],\n },\n \"cusps\": [90, 116, 170, 210, 236, 255, 274, 330, 10, 40, 60, 80],\n};\n\nconst animateToData = {\n \"planets\": {\n \"Moon\": [270 + 360],\n \"Venus\": [350],\n \"Jupiter\": [210],\n \"NNode\": [160],\n \"Mars\": [10],\n \"Lilith\": [270],\n \"Saturn\": [250, -0.2],\n \"Chiron\": [6],\n \"Uranus\": [35],\n \"Sun\": [298],\n \"Mercury\": [320],\n \"Neptune\": [345],\n \"Pluto\": [280, -0.1],\n },\n \"cusps\": [300, 350, 30, 56, 75, 94, 116, 170, 210, 236, 255, 274],\n};\n\n/**\n * Generates the complete HTML page for the astrochart animation.\n * @param {string} libCode - The source code of the astrochart.js library.\n * @returns {string} A string containing the full HTML document.\n */\nfunction generateHtml(libCode: string): string {\n // We serialize the data into the client-side script using JSON.stringify.\n // This safely embeds the server-side objects into the browser's context.\n return `\n\n\n \n Animated Transit Chart (from Val Town)\n \n\n\n

Animated Astrochart

\n\n \n\n \n\n`;\n}\n\n// --- HTTP ENDPOINT ---\n\n// This is the main function that Val Town executes for incoming HTTP requests.\nexport default async function httpHandler(req: Request): Promise {\n // Generate the HTML using the fetched library code.\n const html = generateHtml(astrochartLibraryCode);\n\n // Return the HTML as a response.\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n },\n });\n}",3,["D",1754902016231],{"_106":217,"_154":137,"_151":152,"_98":102,"_162":218,"_160":161,"_103":219,"_153":-5,"_108":220,"_155":214,"_165":99},"553b2b8e-768e-11f0-9a5f-0224a6c84d84","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\nimport { Hono } from \"npm:hono@4.4.12\";\nimport { z } from \"npm:zod@3.23.8\";\n\n// --- TYPE DEFINITIONS (using Zod for validation) ---\n\nconst SingleSeriesSchema = z.array(z.object({\n label: z.string(),\n value: z.number(),\n}));\n\nconst MultiSeriesSchema = z.object({\n series: z.array(z.object({\n name: z.string(),\n values: z.array(z.number()),\n })),\n labels: z.array(z.string()),\n});\n\nconst CoordinateBasedSchema = z.array(z.object({\n x: z.number(),\n y: z.number(),\n}));\n\nconst ChartSpecSchema = z.object({\n type: z.enum([\"bar\", \"line\", \"pie\", \"scatter\", \"donut\"]),\n data: z.union([SingleSeriesSchema, MultiSeriesSchema, CoordinateBasedSchema]),\n options: z.object({\n title: z.string().optional(),\n axes: z.object({\n x: z.object({ label: z.string().optional() }).optional(),\n y: z.object({ label: z.string().optional() }).optional(),\n }).optional(),\n legend: z.object({\n position: z.enum([\"top\", \"bottom\", \"left\", \"right\", \"none\"]).optional(),\n }).optional(),\n data_labels: z.object({ enabled: z.boolean().optional() }).optional(),\n }).optional(),\n style: z.object({\n colors: z.array(z.string().regex(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/))\n .optional(),\n font: z.object({\n family: z.string().optional(),\n size: z.string().optional(),\n color: z.string().optional(),\n }).optional(),\n background_color: z.string().optional(),\n gridlines: z.object({ enabled: z.boolean().optional() }).optional(),\n }).optional(),\n dimensions: z.object({\n width: z.number().int().positive().optional(),\n height: z.number().int().positive().optional(),\n padding: z.number().int().positive().optional(),\n }).optional(),\n});\n\ntype ChartSpec = z.infer;\n\n// --- AI PROMPT ENGINEERING ---\n\nconst GENERATION_STYLE_GUIDE =\n \"As the AI Chart Architect, your persona is that of a meticulous and precise data visualization expert. Your language must be formal and exact. The SVG you produce must be clean, well-structured, and adhere to XML standards. There is no room for creative interpretation beyond the user's explicit instructions; your role is to translate a logical specification into a graphical representation with perfect fidelity.\";\n\nconst SVG_GENERATOR_PROMPT = `\nYou are an expert AI SVG Chart Generator. Your sole purpose is to translate a JSON chart specification and a natural language context prompt into a complete, valid, and renderable SVG string.\n\n**CRITICAL INSTRUCTIONS:**\n1. **Primary Source of Truth:** The 'chart_spec' JSON object is the definitive command. The 'context_prompt' is secondary, used ONLY to infer OPTIONAL, UNSPECIFIED fields (like 'options.title' or stylistic elements).\n2. **Strict JSON Output:** You MUST respond with a single, minified JSON object. NO conversational text or markdown. The JSON object must have two top-level keys: \"svg\" and \"metadata\".\n3. **SVG Content:** The \"svg\" value must be a single string containing the complete, self-contained SVG code. The SVG must be well-formed XML.\n4. **Metadata Content:** The \"metadata\" value must be a JSON object containing a \"warnings\" key. \"warnings\" is an array of strings detailing any assumptions or automatic corrections you made.\n - Example Warning: \"A title was not provided in the chart_spec. A title was inferred from the context_prompt.\"\n - Example Warning: \"The provided color list was shorter than the number of data series; colors were recycled.\"\n - If no warnings are necessary, return an empty array: \"warnings\": [].\n5. **Inference Rules:**\n - If 'chart_spec.options.title' is missing, but the 'context_prompt' provides context (e.g., \"a chart showing Q3 sales\"), you MUST generate an appropriate title and add a warning to the metadata.\n - If 'chart_spec.style.colors' are missing, you MUST select a visually appealing, high-contrast, professional color palette suitable for the chart type.\n - You must intelligently calculate axis ranges, label positions, and scales to ensure the chart is readable and accurately represents the data.\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND ---\n\nfunction generateHtml(sourceUrl: string): string {\n return `\n\n\n \n \n AI Chart Generator\n \n \n \n\n\n\n

AI Chart Generator

\n Chart Specification (JSON)\n \n

\n Context Prompt (Optional)\n \n

\n \n

Generated Output

Your generated chart will appear here.

\n\n\n`;\n}\n\n// --- API ROUTING (using Hono) ---\n\nconst app = new Hono();\n\napp.post(\"/generate\", async (c) => {\n const requestId = `req_${crypto.randomUUID()}`;\n let body;\n try {\n body = await c.req.json();\n } catch (e) {\n return c.json({\n error_code: \"invalid_request_body\",\n error_message: \"Request body must be valid JSON.\",\n error_param: \"body\",\n }, 400);\n }\n\n // Validate the main structure of the input\n const validationResult = ChartSpecSchema.safeParse(body.chart_spec);\n if (!validationResult.success) {\n const firstIssue = validationResult.error.issues[0];\n return c.json({\n error_code: \"invalid_input\",\n error_message: `Validation failed: ${firstIssue.message}`,\n error_param: `chart_spec.${firstIssue.path.join(\".\")}`,\n }, 400);\n }\n\n const chartSpec = validationResult.data;\n const contextPrompt = body.context_prompt || \"\";\n\n // The core novel step: sending the spec to the AI for direct SVG rendering\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: SVG_GENERATOR_PROMPT },\n {\n role: \"user\",\n content: `Generate an SVG based on the following:\n \n **chart_spec:**\n \\`\\`\\`json\n ${JSON.stringify(chartSpec, null, 2)}\n \\`\\`\\`\n \n **context_prompt:**\n \"${contextPrompt}\"`,\n },\n ],\n temperature: 0.2, // Low temperature for predictable, structured output\n response_format: { type: \"json_object\" },\n });\n\n const aiResponseContent = completion.choices[0].message.content;\n let aiResponse;\n\n try {\n // Treat the AI response as untrusted input and parse it\n aiResponse = JSON.parse(aiResponseContent);\n if (\n typeof aiResponse.svg !== \"string\" ||\n !Array.isArray(aiResponse.metadata?.warnings)\n ) {\n throw new Error(\"AI returned malformed JSON structure.\");\n }\n } catch (e) {\n console.error(\n \"AI Response Parsing Error:\",\n e.message,\n \"Raw Response:\",\n aiResponseContent,\n );\n return c.json({\n error_code: \"ai_response_invalid\",\n error_message:\n \"The AI model returned an unparsable or incorrectly structured response.\",\n error_param: \"AI.response\",\n }, 500);\n }\n\n // Construct the final success output\n return c.json({\n svg: aiResponse.svg,\n metadata: {\n request_id: requestId,\n timestamp: new Date().toISOString(),\n warnings: aiResponse.metadata.warnings,\n },\n });\n } catch (error) {\n console.error(\"OpenAI API Error:\", error);\n return c.json({\n error_code: \"internal_ai_error\",\n error_message: error.message ||\n \"An unexpected error occurred while communicating with the AI model.\",\n error_param: \"AI.request\",\n }, 500);\n }\n});\n\napp.get(\"/\", (c) => {\n // Ensure the base URL passed to the client ends with a '/'\n const baseUrl = new URL(c.req.url);\n const sourceUrl = `${baseUrl.origin}/`;\n return c.html(generateHtml(sourceUrl));\n});\n\nexport default app.fetch;",2,["D",1754901413566],{"_106":222,"_154":137,"_151":152,"_98":102,"_162":218,"_160":223,"_103":175,"_153":-5,"_108":224,"_155":219,"_165":99},"496c263c-768e-11f0-ae74-0224a6c84d84","script",["D",1754901393760],{"_106":226,"_154":137,"_151":152,"_98":102,"_162":71,"_160":223,"_103":29,"_153":-5,"_108":227,"_155":175,"_165":99},"3b71bd4e-768e-11f0-975d-0224a6c84d84",["D",1754901370317],"versions",[230,232,233,234,235,236,237],{"_180":199,"_231":201},"previous",{"_180":201,"_231":206},{"_180":206,"_231":211},{"_180":211,"_231":216},{"_180":216,"_231":221},{"_180":221,"_231":225},{"_180":225,"_231":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for main.tsx