/** @jsxImportSource https://esm.sh/react@18.2.0 */ import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter"; import React, { useEffect, useState } from "https://esm.sh/react@18.2.0"; // Inline STARTER_PROMPTS to replace external import export const STARTER_PROMPTS = [ { title: "Todo App", prompt: "Build a todo app with local storage", code: ` Todo App

Todo List

`, performance: { time: 0.5, totalTokens: 500 } }, { title: "Calculator", prompt: "Build a calculator app", code: ` Calculator

`, performance: { time: 0.5, totalTokens: 500 } }, { title: "Weather App", prompt: "Build a simple weather app using open-meteo API", code: ` Weather App

Weather Forecast

`, performance: { time: 0.5, totalTokens: 500 } } ]; // random 3 prompts from STARTER_PROMPTS const prompts = STARTER_PROMPTS.sort(() => Math.random() - 0.5).slice(0, 4); // Rest of the code remains the same as the previous implementation

themostbored