/** @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"; // Moved STARTER_PROMPTS directly into this val 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 weather app using open-meteo API", code: ` Weather App

Weather App

Enter a city to get weather information

`, performance: { time: 0.5, totalTokens: 500, }, }, { title: "Pomodoro Timer", prompt: "Build a Pomodoro timer app", code: ` Pomodoro Timer

Pomodoro Timer

25:00

`, 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 existing code remains unchanged type PromptItem = typeof prompts[number]; // ... [rest of the existing code remains the same]

Mistercz